.ai-page{overflow:hidden;background:#fff;color:#10204a}.ai-page__article{--ai-ink:#10204a;--ai-blue:#1d72e8;--ai-cyan:#24cfe1;--ai-pink:#c733b6}.ai-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 78% 34%,rgba(42,115,232,.28),transparent 30%),linear-gradient(132deg,#071633 0%,#12275c 52%,#311b58 100%);color:#fff}.ai-hero:before{content:"";position:absolute;inset:0;opacity:.22;background-image:radial-gradient(ellipse at 8% 12%,rgba(67,132,255,.14),transparent 60%),radial-gradient(ellipse at 93% 88%,rgba(189,58,178,.11),transparent 58%);mask-image:none}.ai-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:64px;align-items:center;min-height:670px;padding-top:84px;padding-bottom:84px}.ai-breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:38px;color:#aec2e7;font-size:13px}.ai-breadcrumbs a{color:#fff;text-decoration:none}.ai-breadcrumbs a:hover{text-decoration:underline}.ai-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 22px;color:#1775e6;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.ai-eyebrow>span{display:block;width:42px;height:3px;background:linear-gradient(90deg,#1e75ee,#cc31b6)}.ai-eyebrow--light{color:#b7cbec}.ai-hero h1{max-width:720px;margin:0;color:#fff;font-size:clamp(44px,5.5vw,78px);line-height:1.02;letter-spacing:-.055em}.ai-hero__lead{max-width:620px;margin:28px 0 0;color:#d7e3fa;font-size:19px;line-height:1.65}.ai-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.ai-actions .da-secondary{border-color:rgba(255,255,255,.38);color:#fff}.ai-hero__trust{display:flex;flex-wrap:wrap;gap:16px 24px;margin:30px 0 0;padding:0;list-style:none;color:#abc0e5;font-size:13px}.ai-hero__trust li:before{content:"✓";margin-right:8px;color:#42d5de;font-weight:800}.ai-hero__visual{position:relative;min-height:440px;border:1px solid rgba(153,194,255,.4);border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.04));box-shadow:0 30px 90px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.3);overflow:hidden}.ai-hero__visual:before{content:"";position:absolute;inset:18% 14%;border-radius:50%;background:radial-gradient(circle,rgba(53,206,224,.24),transparent 62%);filter:blur(12px)}.ai-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(102,205,255,.56);border-radius:50%;transform:translate(-50%,-50%) rotate(-22deg)}.ai-orbit--one{width:74%;height:42%;}.ai-orbit--two{width:55%;height:74%;transform:translate(-50%,-50%) rotate(52deg)}.ai-core{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:150px;height:150px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.72);border-radius:50%;background:linear-gradient(145deg,#34d3e6,#2479ec 58%,#bd32bc);box-shadow:0 0 0 14px rgba(62,184,255,.1),0 0 55px rgba(39,203,226,.52);text-align:center}.ai-core span{font-size:48px;font-weight:900;letter-spacing:-.08em}.ai-core small{margin-top:-36px;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.ai-node{position:absolute;padding:10px 14px;border:1px solid rgba(166,207,255,.5);border-radius:999px;background:rgba(7,22,51,.72);color:#e5f0ff;font-size:12px;font-weight:700;box-shadow:0 12px 30px rgba(0,0,0,.2)}.ai-node--one{top:16%;left:10%}.ai-node--two{right:8%;top:30%}.ai-node--three{bottom:16%;left:22%}.ai-section{padding:110px 0}.ai-section--intro{background:#0d1e45;color:#fff}.ai-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.ai-intro h2,.ai-section-head h2,.ai-use-grid h2,.ai-cta-panel h2{margin:0;color:var(--ai-ink);font-size:clamp(34px,4vw,58px);line-height:1.08;letter-spacing:-.045em}.ai-intro h2,.ai-cta-panel h2{color:#fff}.ai-intro>p{max-width:620px;margin:0;color:#c5d5f3;font-size:18px;line-height:1.75}.ai-section-head{max-width:780px;margin:0 auto 54px;text-align:center}.ai-section-head .ai-eyebrow{justify-content:center}.ai-section-head>p:last-child{max-width:680px;margin:22px auto 0;color:#5c7098;font-size:18px;line-height:1.65}.ai-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ai-card,.ai-benefit{position:relative;display:flex;flex-direction:column;min-height:290px;padding:32px;border:1px solid #c9dcfa;border-radius:22px;background:linear-gradient(145deg,#f9fbff,#edf5ff);box-shadow:0 14px 30px rgba(26,74,139,.07);color:inherit;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.ai-card:hover,.ai-card:focus-visible,.ai-benefit:hover{transform:translateY(-6px);border-color:#65a8f6;box-shadow:0 24px 48px rgba(36,110,222,.16)}.ai-card:focus-visible{outline:3px solid #c733b6;outline-offset:4px}.ai-card__number,.ai-benefit>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#1e75ee,#c733b6);color:#fff;font-size:13px;font-weight:800}.ai-card__arrow{position:absolute;right:28px;top:30px;color:#1d72e8;font-size:24px}.ai-card h3,.ai-benefit h3{margin:42px 0 12px;color:var(--ai-ink);font-size:24px;line-height:1.15;letter-spacing:-.03em}.ai-card p,.ai-benefit p{margin:0;color:#5b6f96;font-size:16px;line-height:1.6}.ai-card__link{margin-top:auto;padding-top:28px;color:#1478e8;font-size:15px;font-weight:800}.ai-section--soft{background:#f1f6ff}.ai-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ai-process article{padding:30px;border-top:2px solid #287df0;background:#fff;border-radius:0 0 20px 20px;box-shadow:0 14px 35px rgba(30,74,138,.08)}.ai-process span{color:#bd32bc;font-size:14px;font-weight:900;letter-spacing:.14em}.ai-process h3{margin:26px 0 10px;color:var(--ai-ink);font-size:24px}.ai-process p{margin:0;color:#5c7098;line-height:1.65}.ai-section--detail{background:#fff}.ai-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.ai-benefit{min-height:250px}.ai-benefit h3{margin-top:26px;font-size:20px}.ai-use-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.ai-use-grid>p{color:#5c7098;font-size:18px;line-height:1.7}.ai-use-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0;padding:0;list-style:none}.ai-use-list li{display:flex;gap:12px;align-items:center;padding:18px;border:1px solid #c9dcfa;border-radius:14px;background:#fff;color:#304a78;font-weight:700}.ai-use-list span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e4f0ff;color:#1d72e8;font-size:20px}.ai-section--faq{padding-top:30px}.ai-faq-wrap{max-width:920px}.ai-faq-list{display:grid;gap:12px}.ai-faq-list details{border:1px solid #c9dcfa;border-radius:16px;background:#fff;overflow:hidden}.ai-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;color:var(--ai-ink);font-size:17px;font-weight:800;cursor:pointer;list-style:none}.ai-faq-list summary::-webkit-details-marker{display:none}.ai-faq-list summary span{color:#1d72e8;font-size:25px;font-weight:400}.ai-faq-list details[open] summary span{transform:rotate(45deg)}.ai-faq-list p{margin:0;padding:0 24px 24px;color:#5c7098;line-height:1.7}.ai-section--cta{padding-top:45px}.ai-cta-panel{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:60px 70px;border-radius:28px;background:linear-gradient(120deg,#0d1e45,#253d88 58%,#912c92);box-shadow:0 25px 60px rgba(31,65,145,.2)}.ai-cta-panel p:last-child{max-width:640px;margin:18px 0 0;color:#d8e4fa;font-size:17px;line-height:1.6}.ai-cta-panel .da-cta{flex:none}.ai-page .da-reveal{animation:ai-rise .65s ease both}@keyframes ai-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (max-width:1100px){.ai-hero__grid,.ai-intro,.ai-use-grid{grid-template-columns:1fr;gap:44px}.ai-hero__visual{max-width:640px;width:100%;margin:0 auto}.ai-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.ai-section{padding:74px 0}.ai-hero__grid{min-height:auto;padding-top:48px;padding-bottom:64px}.ai-hero h1{font-size:clamp(42px,12vw,64px)}.ai-hero__lead{font-size:17px}.ai-hero__visual{min-height:340px;border-radius:24px}.ai-core{width:120px;height:120px}.ai-core span{font-size:38px}.ai-service-grid,.ai-benefit-grid,.ai-process,.ai-use-list{grid-template-columns:1fr}.ai-card{min-height:250px}.ai-intro h2,.ai-section-head h2,.ai-use-grid h2,.ai-cta-panel h2{font-size:36px}.ai-cta-panel{align-items:flex-start;flex-direction:column;padding:38px 28px}.ai-breadcrumbs{margin-bottom:26px}.ai-hero__trust{display:grid;gap:10px}}

.ai-hero__visual--image:before{z-index:1;pointer-events:none}
.ai-hero__visual--image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit}
@media (prefers-reduced-motion:reduce){.ai-page .da-reveal{animation:none}.ai-card,.ai-benefit{transition:none}}

/* AI pages use a dark hero, so the global light-page heading normalizer must
 * not repaint the hero text navy-on-navy. This final scoped layer also keeps
 * the eyebrow and supporting copy readable after the shared heading system. */
body[class] main .ai-hero h1{color:#fff!important;font-size:clamp(44px,5.5vw,78px)!important;line-height:1.02!important}
body[class] main .ai-hero .ai-eyebrow{color:#b7cbec!important}
body[class] main .ai-hero .ai-hero__lead{color:#d7e3fa!important}
body[class] main .ai-hero .ai-hero__trust{color:#abc0e5!important}
body[class] main .ai-hero .ai-hero__trust li{color:#d7e3fa!important}
body[class] main .ai-hero .ai-hero__trust li::before{color:#42d5de!important}
body[class] main .ai-cta-panel h2{color:#fff!important}
body[class] main .ai-cta-panel .ai-eyebrow{color:#d7e3fa!important}
body[class] main .ai-cta-panel p{color:#e4ecfb!important}

/* AI overview promotion panel, paired to the existing IT support showcase. */
.ai-section--promo{padding-block:clamp(48px,7vw,88px);background:#f1f6ff}
.ai-promo-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,68px);align-items:center;padding:clamp(28px,5vw,58px);border:1px solid #d7e5fb;border-radius:28px;background:linear-gradient(145deg,#fff,#fbfdff);box-shadow:0 24px 60px rgba(22,63,132,.09)}
.ai-promo-copy{min-width:0}
body[class] main .ai-promo-copy .ai-eyebrow{margin-bottom:18px;color:#1677e8!important}
.ai-promo-copy h2{max-width:620px;margin:0;color:#101a3b!important;font-size:clamp(30px,3.5vw,46px);line-height:1.12;letter-spacing:-.04em}
body[class] main .ai-promo-copy .ai-promo-lead{max-width:650px;margin:20px 0 0;color:#425778!important;font-size:17px;line-height:1.7}
.ai-promo-actions{margin-top:26px}
.ai-promo-points{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0;padding:0;list-style:none}
.ai-promo-points li{padding:10px 14px;border:1px solid #dce8fb;border-radius:999px;background:#fff;color:#18335f;font-size:13px;font-weight:700}
.ai-promo-points li:before{content:"";display:inline-block;width:8px;height:8px;margin:0 9px 1px 0;border-radius:50%;background:linear-gradient(135deg,#1e75ee,#c733b6)}
.ai-promo-media{min-width:0}
.ai-promo-screen{position:relative;overflow:hidden;aspect-ratio:760/410;border:1px solid rgba(80,139,220,.48);border-radius:22px;background:radial-gradient(ellipse at 50% 42%,rgba(36,125,237,.35),transparent 56%),linear-gradient(140deg,#091832,#122c60 58%,#25205a);box-shadow:0 22px 50px rgba(11,36,85,.18);color:#f5f8ff}
.ai-promo-screen--service-art{aspect-ratio:640/460;background:#102a58}
.ai-promo-screen--service-art:before{display:none}
.ai-promo-screen--service-art img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.ai-promo-screen:before{position:absolute;inset:0;content:"";pointer-events:none;background-image:radial-gradient(ellipse at 15% 12%,rgba(88,151,255,.1),transparent 58%),radial-gradient(ellipse at 90% 88%,rgba(190,67,185,.08),transparent 58%);mask-image:none}
.ai-promo-screen__top{position:absolute;z-index:1;inset:18px 20px auto;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#bbd2f5;font-size:10px;font-weight:800;letter-spacing:.11em}
.ai-promo-screen__brand,.ai-promo-screen__live{display:inline-flex;align-items:center;gap:8px}
.ai-promo-screen__brand>span{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#25d1df,#c733b6)}
.ai-promo-screen__live{padding:7px 9px;border:1px solid rgba(177,208,255,.22);border-radius:999px;background:rgba(8,24,52,.46);font-size:9px}
.ai-promo-screen__live>span{width:6px;height:6px;border-radius:50%;background:#44d8bd}
.ai-promo-flow{position:absolute;inset:12% 2% 9%;width:96%;height:79%;overflow:visible}
.ai-promo-node rect{fill:rgba(21,48,91,.92);stroke:rgba(158,198,255,.48);stroke-width:1.5}
.ai-promo-node text{fill:#f2f7ff;font-family:Poppins,Arial,sans-serif;font-size:16px;font-weight:700}
.ai-promo-node .ai-promo-node__sub{fill:#b7cae9;font-size:12px;font-weight:500}
.ai-promo-node__icon{fill:#287be7;stroke:rgba(183,228,255,.7);stroke-width:1}
.ai-promo-core{fill:url(#aiPromoCore);stroke:rgba(216,247,255,.75);stroke-width:1.5}
.ai-promo-core__label{fill:#fff!important;font-size:20px!important;font-weight:900!important}
.ai-promo-node__bar{fill:url(#aiPromoLine);transform-origin:left;animation:ai-promo-bar 4.8s ease-in-out 1 forwards}
.ai-promo-flow__line{stroke-dasharray:10 11;animation:ai-promo-flow 4.8s linear 1 forwards}
.ai-promo-flow__pulse{fill:#d8faff;filter:drop-shadow(0 0 8px #48dbea)}
.ai-promo-flow__pulse--one{animation:ai-promo-pulse-one 4.8s ease-in-out 1 forwards}
.ai-promo-flow__pulse--two{animation:ai-promo-pulse-two 4.8s ease-in-out 1 forwards}
.ai-promo-node--assistant rect{stroke:#6eb2ff;animation:ai-promo-glow 4.8s ease-in-out 1 forwards}
.ai-promo-screen__caption{position:absolute;z-index:1;right:20px;bottom:15px;left:20px;display:flex;justify-content:center;align-items:center;gap:10px;color:#d2e1f9;font-size:11px;font-weight:700;letter-spacing:.04em}
.ai-promo-screen__caption span:nth-child(2){color:#47d0e3}
@keyframes ai-promo-flow{to{stroke-dashoffset:-84}}
@keyframes ai-promo-pulse-one{0%,12%{opacity:0;transform:translateX(0)}34%,62%{opacity:1;transform:translateX(95px)}84%,100%{opacity:0;transform:translateX(150px)}}
@keyframes ai-promo-pulse-two{0%,45%{opacity:0;transform:translateX(0)}65%,88%{opacity:1;transform:translateX(95px)}100%{opacity:0;transform:translateX(150px)}}
@keyframes ai-promo-glow{0%,100%{stroke-opacity:.48}40%,65%{stroke-opacity:1}}
@keyframes ai-promo-bar{0%,20%{transform:scaleX(.18);opacity:.6}55%,80%{transform:scaleX(1);opacity:1}100%{transform:scaleX(.18);opacity:.6}}
@media(max-width:900px){.ai-promo-card{grid-template-columns:1fr;gap:30px}.ai-promo-copy h2{max-width:760px}}
@media(max-width:520px){.ai-promo-card{padding:24px 20px;border-radius:22px}.ai-promo-screen{border-radius:17px}.ai-promo-screen__top{inset:12px 12px auto;font-size:8px}.ai-promo-screen__live{padding:6px 7px;font-size:8px}.ai-promo-screen__caption{right:10px;bottom:10px;left:10px;gap:6px;font-size:9px}.ai-promo-node text{font-size:20px}.ai-promo-node .ai-promo-node__sub{font-size:15px}.ai-promo-points{display:grid;grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ai-promo-flow__line,.ai-promo-flow__pulse,.ai-promo-node__bar,.ai-promo-node--assistant rect{animation:none!important}.ai-promo-flow__pulse{opacity:1}.ai-promo-flow__pulse--one{transform:translateX(80px)}.ai-promo-flow__pulse--two{transform:translateX(80px)}}

/* Keep the dark AI overview introduction readable above the global light-page
   text normalizers. Scope these colors to this dark section only. */
body[class] main .ai-section--intro .ai-eyebrow{color:#b7cbec!important}
body[class] main .ai-section--intro .ai-intro h2{color:#fff!important}
body[class] main .ai-section--intro .ai-intro>p{color:#c5d5f3!important}

/* Service-specific hero diagrams replace the one-size-fits-all orbit artwork
   on AI subservice pages that do not have dedicated photographic assets. */
.ai-hero__visual--service{display:flex;flex-direction:column;justify-content:space-between;gap:22px;padding:28px 26px 22px;background:linear-gradient(145deg,rgba(10,31,75,.94),rgba(35,47,111,.96) 58%,rgba(63,35,105,.96));}
.ai-hero__visual--service:before{inset:16% 8%;border-radius:30px;background:radial-gradient(ellipse,rgba(39,174,232,.22),transparent 70%);filter:blur(20px)}
.ai-service-art__top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#dceaff;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.ai-service-art__top i{color:#35d0df;font-style:normal}
.ai-service-art__top span:last-child{padding:8px 11px;border:1px solid rgba(153,194,255,.34);border-radius:999px;background:rgba(6,19,49,.42);color:#b9dcff;letter-spacing:.07em;text-align:center}
.ai-service-art__steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:14px;margin:8px 0;padding:0;list-style:none}
.ai-service-art__steps:before{position:absolute;z-index:-1;top:50%;right:8%;left:8%;height:1px;background:linear-gradient(90deg,rgba(54,206,224,.2),#4aa9ff,rgba(199,51,182,.48));content:""}
.ai-service-art__steps li{display:flex;min-height:148px;flex-direction:column;justify-content:center;gap:16px;padding:17px 15px;border:1px solid rgba(164,202,255,.35);border-radius:18px;background:linear-gradient(150deg,rgba(14,37,84,.96),rgba(17,30,71,.98));box-shadow:0 18px 38px rgba(2,10,34,.22);color:#f4f8ff}
.ai-service-art__steps li:nth-child(2){min-height:174px;border-color:rgba(62,192,239,.68);background:linear-gradient(150deg,rgba(28,68,132,.98),rgba(42,54,127,.98));box-shadow:0 0 32px rgba(44,169,239,.16),0 18px 40px rgba(2,10,34,.25)}
.ai-service-art__steps li>span{display:grid;width:31px;height:31px;place-items:center;border:1px solid rgba(116,204,255,.55);border-radius:10px;background:linear-gradient(140deg,#2384ed,#714bda);color:#fff;font-size:10px;font-weight:900;letter-spacing:.04em}
.ai-service-art__steps li>b{max-width:150px;font-size:clamp(12px,1.05vw,15px);line-height:1.42}
.ai-service-art__core{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:10px;align-self:center;padding:9px 15px;border:1px solid rgba(103,204,239,.35);border-radius:999px;background:rgba(7,20,52,.58);color:#d9e9ff}
.ai-service-art__core span,.ai-service-art__core small{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.ai-service-art__core strong{color:#6ce1ec;font-size:12px;letter-spacing:.04em}
.ai-service-art__footer{position:relative;z-index:1;margin:0;color:#b9cbea;font-size:12px;font-weight:700;text-align:center}
body[class] main .ai-hero__visual--service .ai-service-art__steps li{color:#f4f8ff}
body[class] main .ai-hero__visual--service .ai-service-art__steps li>b{color:#f4f8ff}
body[class] main .ai-hero__visual--service .ai-service-art__footer{color:#b9cbea}
@media(max-width:700px){.ai-hero__visual--service{min-height:340px;gap:14px;padding:20px 14px 18px}.ai-service-art__top{font-size:8px;letter-spacing:.06em}.ai-service-art__top span:last-child{padding:7px 8px}.ai-service-art__steps{gap:7px}.ai-service-art__steps:before{right:5%;left:5%}.ai-service-art__steps li,.ai-service-art__steps li:nth-child(2){min-height:142px;gap:12px;padding:12px 9px;border-radius:14px}.ai-service-art__steps li>b{font-size:11px}.ai-service-art__steps li>span{width:28px;height:28px}.ai-service-art__footer{font-size:10px}}
@media(max-width:380px){.ai-service-art__top{align-items:flex-start;flex-direction:column}.ai-service-art__steps{gap:6px}.ai-service-art__steps li,.ai-service-art__steps li:nth-child(2){min-height:132px;padding:10px 7px}.ai-service-art__steps li>b{font-size:10px}}
