/* Compact AI+ hero: full-bleed image, with service totals visible below. */
.hero.hero-ai{position:relative;isolation:isolate;padding:0;background:#092e2b;color:#f4f8f1;overflow:hidden}
.hero-background{position:absolute;inset:0;z-index:-2;pointer-events:none}
.hero-background img{height:100%;width:100%;object-fit:cover;object-position:center}
.hero-ai:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#082c2bec 0%,#082c2bd4 29%,#082c2b85 48%,#082c2b05 73%)}
.hero-ai .hero-grid{display:flex;align-items:center;position:relative;min-height:0;height:clamp(430px,calc(100svh - 270px),650px);padding:0 clamp(36px,5vw,120px);width:100%;gap:0}
.hero-ai .hero-copy{display:block;position:relative;padding:30px 0;min-width:0;width:58%;max-width:850px}
.hero-ai .hero-copy>.eyebrow{font-size:12px;color:#c3e5d5;letter-spacing:2px;gap:12px}
.hero-ai .hero-copy>.eyebrow .line{background:#9acdb7;width:25px}
.ai-badge{font-family:Arial,sans-serif;font-size:15px;font-weight:700;letter-spacing:1px;color:#d7f4c1}
.hero-ai h1{font-size:clamp(39px,3.65vw,68px);line-height:1.35;margin-top:20px;letter-spacing:1px}
.hero-ai h1 .accent{color:#cde2b2}
.hero-ai h1 em{color:#cde2b2}
.hero-ai .hero-principle{margin:22px 0 16px;gap:4px}
.hero-ai .hero-principle strong{font-size:clamp(22px,1.8vw,31px);color:#dce9cc;letter-spacing:2px}
.hero-ai .hero-principle>span{font-size:10px;letter-spacing:2px;color:#aec5ba}
.hero-ai .hero-description{font-size:14px;line-height:1.9;color:#b7cec3;max-width:37em;margin:0}
.hero-ai .hero-actions{margin-top:25px;display:flex;flex-direction:row;align-items:center;gap:24px;flex-wrap:wrap}
.hero-ai .hero-actions .dark{background:#e7eedb;color:#173f35}
.hero-ai .hero-actions .dark:hover{background:#f4f7ef}
.hero-ai .hero-actions .button{font-size:13px;padding:14px 22px;gap:27px}
.hero-ai .hero-actions .text-link{font-size:12px;color:#e1ece1;border-color:#6e9b85}
.ai-visual-label{position:absolute;right:9%;top:12%;color:#d7f7e8;display:flex;align-items:baseline;gap:12px;pointer-events:none;text-shadow:0 2px 25px #174c3b}
.ai-visual-label strong{font-family:Arial,sans-serif;font-size:clamp(38px,4vw,76px);font-weight:400;letter-spacing:2px;line-height:1}
.ai-visual-label strong span{color:#c2e5aa}
.ai-visual-label>span{font-size:11px;letter-spacing:3px;color:#b0d9c7}
.ai-image-disclosure{position:absolute;right:clamp(36px,5vw,120px);bottom:17px;color:#a0bdb1;font-size:9px;letter-spacing:1px}
@media(min-width:901px){
  .header{height:84px}
  .brand img.official-logo{width:152px;max-height:62px}
  .impact{padding-top:23px;gap:16px 25px}
  .impact-heading .eyebrow{font-size:12px}
  .metric strong{font-size:clamp(35px,2.7vw,50px);line-height:1.35}
  .metric p{font-size:12px;margin-top:3px}
  .metric-info{font-size:23px}
  .status{margin-top:7px;font-size:9px}
  .data-caption{padding:10px 0;margin-top:0;font-size:9px}
}
@media(min-width:901px) and (max-height:700px){
  .header{height:74px}
  .hero-ai .hero-grid{height:calc(100svh - 220px);min-height:340px}
  .hero-ai .hero-copy{padding:22px 0}
  .hero-ai h1{font-size:39px;margin-top:14px;line-height:1.3}
  .hero-ai .hero-principle{margin:13px 0 12px}
  .hero-ai .hero-principle strong{font-size:22px}
  .hero-ai .hero-description{font-size:12px}
  .hero-ai .hero-actions{margin-top:16px}
  .hero-ai .hero-actions .button{padding:11px 19px}
  .impact{padding-top:16px;gap:10px 20px}
  .metric strong{font-size:34px}
  .data-caption{padding:8px 0}
}
@media(min-width:641px) and (max-width:900px){
  .hero-ai .hero-grid{height:470px;padding:0 28px}
  .hero-ai .hero-copy{width:75%}
  .hero-ai h1{font-size:36px}
  .hero-ai .hero-principle strong{font-size:22px}
  .hero-ai .hero-description{font-size:12px}
  .ai-visual-label{right:5%;top:10%;display:block}
  .ai-visual-label>span{display:block;margin-top:10px;font-size:9px}
  .hero-ai:after{background:linear-gradient(90deg,#082c2bf2,#082c2bb8 46%,#082c2b30)}
  .ai-image-disclosure{right:28px}
}
@media(max-width:640px){
  .hero-ai .hero-grid{height:440px;padding:0 22px;align-items:center}
  .hero-ai .hero-copy{width:100%;padding:27px 0}
  .hero-ai .hero-copy>.eyebrow{font-size:9px;letter-spacing:1px;gap:8px}
  .ai-badge{font-size:13px}
  .hero-ai h1{font-size:clamp(30px,8.4vw,40px);line-height:1.4;margin-top:21px;letter-spacing:0}
  .hero-ai .hero-principle{margin:21px 0 17px}
  .hero-ai .hero-principle strong{font-size:clamp(19px,5.4vw,23px);letter-spacing:1px}
  .hero-ai .hero-principle>span{font-size:9px;letter-spacing:1px}
  .hero-ai .hero-description{font-size:11px;max-width:28em;line-height:1.9}
  .hero-ai .hero-actions{margin-top:22px;gap:12px;flex-wrap:nowrap}
  .hero-ai .hero-actions .button{font-size:11px;padding:12px 13px;gap:9px;white-space:nowrap}
  .hero-ai .hero-actions .text-link{font-size:9px;gap:3px;white-space:nowrap}
  .hero-ai .hero-actions .text-link span{font-size:15px}
  .hero-ai:after{background:linear-gradient(90deg,#082c2bf2 0%,#082c2bc9 52%,#082c2b75 100%)}
  .hero-background img{object-position:67% center;opacity:.65}
  .ai-visual-label{right:23px;top:26px;opacity:.3;gap:0}
  .ai-visual-label strong{font-size:38px}
  .ai-visual-label>span{display:none}
  .ai-image-disclosure{right:22px;bottom:10px;font-size:7px;letter-spacing:0}
  .impact{padding-top:17px;gap:12px 8px}
}
@media(max-width:360px){.hero-ai .hero-grid{padding:0 18px}.hero-ai .hero-actions{gap:8px}.hero-ai .hero-actions .text-link{font-size:8px}.hero-ai .hero-actions .button{padding:12px 10px}}

/* Quiet AI+ direction: remove the oversized technology label and dramatic tint. */
.hero.hero-ai{background:#153a33}
.hero-ai:after{background:linear-gradient(90deg,#10352ee6 0%,#10352ed4 32%,#10352e60 58%,#10352e00 85%)}
.ai-visual-label{display:none}
.hero-ai h1 .accent,.hero-ai h1 em{color:#d4dfc4}
.ai-image-disclosure{color:#a4b5aa;font-size:8px}
@media(max-width:640px){.hero-ai:after{background:linear-gradient(90deg,#10352ef5 0%,#10352ee6 58%,#10352e9c 100%)}.hero-background img{opacity:.75;object-position:66% center}}

/* Horizontal headline on desktop; keep natural reading on smaller screens. */
@media(min-width:901px){
 .hero-ai .hero-copy{width:100%;max-width:none}
 .hero-ai h1{font-size:clamp(31px,3.05vw,59px);letter-spacing:1px;white-space:nowrap;line-height:1.5}
 .hero-ai .hero-title-break{display:none}
 .hero-ai h1 .accent{margin-right:.7em}
 .hero-ai .hero-principle{margin-top:27px;flex-direction:row;align-items:baseline;gap:20px}
 .hero-ai .hero-principle strong{font-size:clamp(22px,1.8vw,31px)}
 .hero-ai .hero-principle>span{letter-spacing:1px}
 .hero-ai .hero-description{max-width:43em}
 .hero-ai .hero-description .desktop{display:none}
 .hero-ai:after{background:linear-gradient(90deg,#10352ef0 0%,#10352edb 38%,#10352e66 68%,#10352e00 100%)}
}
@media(min-width:901px) and (max-height:700px){.hero-ai h1{font-size:clamp(31px,3vw,45px)}.hero-ai .hero-principle{margin-top:17px}}