/* Background artwork is isolated in /assets/hero/ai-network.svg for iteration. */
.ai-impact-hero{position:relative;isolation:isolate;display:grid;place-items:center;min-height:760px;min-height:min(860px,calc(100svh - 104px));padding:76px 24px 88px;background:#07101f url('/assets/hero/ai-network.svg') center/cover no-repeat;border-bottom:1px solid #67e8f955;border-radius:0 0 28px 28px;overflow:hidden;text-align:center;scroll-margin-top:104px}
.ai-impact-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#050b1720,#050b1766 35%,#050b1766 65%,#050b1720),linear-gradient(0deg,#020713aa,transparent 45%)}
.ai-impact-content{max-width:1120px;margin:auto}.ai-impact-hero .ai-impact-eyebrow{display:inline-block;padding:10px 22px;border:1px solid #67e8f96b;border-radius:999px;color:#a5efff;font:600 12px/1.5 Inter,system-ui,sans-serif;letter-spacing:.16em;margin:0 0 36px;background:#08152966}
.ai-impact-hero #ai-impact-title{font-size:clamp(45px,5.8vw,88px);font-weight:650;letter-spacing:-.045em;line-height:1.12;color:#fff;margin:0 0 32px;max-width:none}.ai-impact-hero #ai-impact-title span{color:#9defff}.ai-impact-hero .ai-impact-description{font-size:clamp(17px,1.6vw,23px);line-height:1.65;color:#e0e9f4;margin:0 auto 42px;max-width:900px}.ai-impact-description strong{color:#a5efff;font-weight:600}
.ai-impact-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.ai-impact-actions a{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1.5px solid #e4f5ffad;border-radius:999px;min-height:60px;padding:15px 32px;color:#fff!important;font-size:17px;font-weight:550;line-height:1.5;text-decoration:none;background:#07162970;transition:background .2s,border-color .2s}.ai-impact-actions a:hover{background:#12374e;border-color:#9defff}.ai-impact-actions a:focus-visible{outline:3px solid #9defff;outline-offset:5px}
.unified-hero .hero-service-heading{font-size:clamp(32px,3.7vw,50px);line-height:1.12;letter-spacing:-.04em;font-weight:750;margin:0}.unified-hero .hero-service-heading span{color:#67e8f9}html[data-theme=light] .unified-hero .hero-service-heading span{color:#076985}
@media(max-width:900px){.unified-hero .hero-service-heading{font-size:40px}.ai-impact-hero{min-height:700px;padding:64px 24px}.ai-impact-hero #ai-impact-title{font-size:clamp(44px,7.5vw,68px)}}
@media(max-width:480px){.ai-impact-hero{min-height:660px;padding:48px 20px;border-radius:0 0 20px 20px;background-position:center}.ai-impact-hero .ai-impact-eyebrow{font-size:10px;letter-spacing:.1em;padding:9px 12px;margin-bottom:30px}.ai-impact-hero #ai-impact-title{font-size:44px;line-height:1.16;letter-spacing:-.04em}.ai-impact-break{display:none}.ai-impact-actions{gap:14px}.ai-impact-actions a{width:100%;min-height:54px;font-size:15px;padding:13px 18px}.ai-impact-hero .ai-impact-description{margin-bottom:32px}.unified-hero .hero-service-heading{font-size:32px}}
@media(prefers-reduced-motion:reduce){.ai-impact-actions a{transition:none}}
/* Live neural network; static vector remains the no-script fallback. */
.ai-impact-hero.has-neural-network{background-image:radial-gradient(ellipse at 8% 35%,#063354 0,transparent 48%),radial-gradient(ellipse at 95% 65%,#20103d 0,transparent 48%);background-color:#050d1d}
.ai-neural-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}
.ai-impact-hero.has-neural-network::before{background:linear-gradient(90deg,transparent,#050b1780 32%,#050b1780 68%,transparent),linear-gradient(0deg,#02071380,transparent 40%)}
.ai-neural-toggle{position:absolute;right:24px;bottom:20px;padding:8px 14px;border:1px solid #c1e9ff66;border-radius:999px;background:#071629b3;color:#d5edfa;font:500 12px/1.5 Inter,system-ui,sans-serif;cursor:pointer;min-height:36px}.ai-neural-toggle:hover{background:#12374e}.ai-neural-toggle:focus-visible{outline:3px solid #9defff;outline-offset:4px}
@media(max-width:480px){.ai-impact-hero.has-neural-network{padding-bottom:86px}.ai-neural-toggle{right:20px;bottom:16px}}

/* The photographic dark hero retains readable foreground colors in light mode. */
html[data-theme="light"] .ai-impact-hero .ai-impact-eyebrow{color:#a5efff}html[data-theme="light"] .ai-impact-hero .ai-impact-description{color:#e0e9f4}html[data-theme="light"] .ai-impact-hero .ai-neural-toggle{background:#071629;color:#d5edfa;border-color:#c1e9ff66}

/* Keep hero supporting copy balanced across desktop and narrow screens. */
.ai-impact-description .ai-impact-line{display:block;text-wrap:balance;margin-top:6px}
.ai-impact-description .ai-impact-line:first-child{margin-top:0}
.ai-impact-description .ai-impact-outcome{display:block;margin-top:20px;text-wrap:balance}