.hero{padding-top:clamp(1.5rem,5vh,4rem);overflow:hidden}
.hero .split{align-items:center}
.hero__copy{--col:1/span 7;position:relative;z-index:1;container-type:inline-size}
.hero__visual{--col:8/-1;position:relative;justify-self:end;width:100%;max-width:min(40rem,100vh - 9rem);max-width:min(40rem,100svh - 9rem)}
.hero__kicker{display:block;margin-bottom:1.25rem;font-size:1.0625rem;font-weight:500;line-height:1.4;color:var(--fg-muted)}
.hero__title{display:block;font-size:clamp(2.5rem,min(6vw,11vh),5.5rem);font-size:clamp(2.5rem,min(13cqi,12vh),6.75rem);font-weight:700;font-stretch:118%;line-height:.94;letter-spacing:-.035em}
.hero__intro{margin-top:1.5rem;font-size:clamp(1rem,1.4vw,1.25rem);color:var(--fg-muted)}
@media (min-width:48rem){.hero__intro span{display:block}}
.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem 1rem;margin-top:2rem}
.hero__paths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(3rem,6vw,5rem);border-top:1px solid var(--rule)}
.hero__paths li{padding:1.5rem 1.5rem 2.25rem;border-left:1px solid var(--rule)}
.hero__paths li:first-child{padding-left:0;border-left:0}
.hero__paths a{display:block;text-decoration:none}
.hero__paths strong{position:relative;display:block;font-size:1.125rem;font-weight:600}
.hero__paths strong::before{content:"";position:absolute;left:-.9rem;top:.55em;width:.5rem;height:.5rem;border-radius:50%;background:var(--amber);transform:scale(0);transition:transform .2s}
.hero__paths a:hover strong::before,.hero__paths a:focus-visible strong::before{transform:scale(1)}
.hero__paths span{display:block;margin-top:.3rem;font-size:.9375rem;line-height:1.45;color:var(--fg-muted)}

.core-map{width:100%;height:auto;overflow:visible}
.core-map .ring{fill:none;stroke:#fff;stroke-dasharray:1;animation:draw 1.6s cubic-bezier(.6,0,.2,1) both}
.core-map .r1{stroke-opacity:.6;animation-delay:.2s}
.core-map .r2{stroke-opacity:.42;animation-delay:.4s}
.core-map .r3{stroke-opacity:.2;animation-delay:.6s}
.core-map .stars{fill:#fff}
.core-map .node{fill:#fff}
.core-map .hollow{fill:var(--blue);stroke:#fff;stroke-width:2}
.core-map .moon{fill:#fff;fill-opacity:.7}
.core-map .label{fill:#fff;font-size:17px;font-weight:500;text-anchor:middle;dominant-baseline:central;paint-order:stroke;stroke:var(--blue);stroke-width:6px;stroke-linejoin:round}
.core-map .halo{fill:none;stroke:var(--amber);stroke-opacity:.5;stroke-width:1.5}
.core-map .core{transform-origin:300px 300px;animation:pop .7s .1s cubic-bezier(.3,1.4,.5,1) both}
.core-map .core text{fill:var(--navy);font-size:15px;font-weight:600;text-anchor:middle}
.core-map .layer{animation:appear .8s both}
.core-map .l1{animation-delay:1s}
.core-map .l2{animation-delay:1.2s}
.core-map .l3{animation-delay:1.4s}
@keyframes draw{from{stroke-dashoffset:1}}
@keyframes appear{from{opacity:0}}
@keyframes pop{from{transform:scale(0)}}
.orbit-toggle{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:2.5rem;height:2.5rem;padding:0;border:1.5px solid var(--rule);border-radius:50%;background:var(--bg);color:var(--fg);cursor:pointer;transition:border-color .2s}
.orbit-toggle:hover{border-color:var(--fg)}
.orbit-toggle svg{width:.875rem;height:.875rem}
.orbit-toggle .i-play,.orbit-toggle[aria-pressed="true"] .i-pause{display:none}
.orbit-toggle[aria-pressed="true"] .i-play{display:block}

.statement{font-size:clamp(2.25rem,5.2vw,4.5rem);max-width:20ch}
.contrast{margin-top:clamp(3rem,6vw,5rem)}
.contrast__row{padding-block:1.75rem;border-top:1px solid var(--rule);row-gap:.75rem}
.contrast__head{padding-block:0 1rem;border-top:0;font-size:.9375rem;font-weight:600;color:var(--fg-muted)}
.contrast__row>:first-child{--col:1/span 3}
.contrast__row>:nth-child(2){--col:4/span 4}
.contrast__row>:nth-child(3){--col:8/-1}
.contrast__row h3{font-size:1.375rem;font-stretch:110%}
.contrast__before{color:var(--fg-muted)}
.contrast__after{position:relative;padding-left:1.5rem}
.contrast__after::before{content:"";position:absolute;left:0;top:.6em;width:.5rem;height:.5rem;border-radius:50%;background:var(--amber)}
.contrast__tag{display:none}

.svc-list{border-top:1px solid var(--rule)}
.svc-help{margin-top:clamp(2rem,4vw,3rem);font-size:1.125rem}
.svc{position:relative;padding-block:clamp(2rem,4vw,3rem);border-bottom:1px solid var(--rule);row-gap:1.5rem}
.svc__main{--col:1/span 5}
.svc__includes{--col:7/span 3}
.svc__art{--col:11/-1;justify-self:end;width:100%;max-width:9rem;color:var(--navy)}
.svc h3{font-size:clamp(1.75rem,3.2vw,2.75rem);font-weight:650;font-stretch:115%;line-height:1.05;letter-spacing:-.02em;transition:color .2s}
.svc:hover h3{color:var(--blue)}
.svc__main p{margin-top:1rem;color:var(--fg-muted);max-width:44ch}
.svc__link{display:inline-block;margin-top:1.5rem;color:var(--blue)}
.svc__link::after{content:"";position:absolute;inset:0}
.svc__label{margin-bottom:.6rem;font-size:.875rem;font-weight:600}
.svc__includes li{padding-block:.45rem;border-top:1px solid var(--rule);font-size:.9375rem;color:var(--fg-muted)}

.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gutter);counter-reset:step}
.step{position:relative;padding-top:4.5rem}
.step::before{counter-increment:step;content:counter(step);position:absolute;top:0;left:0;z-index:1;display:grid;place-items:center;width:3rem;height:3rem;border:1.5px solid var(--navy);border-radius:50%;background:var(--bg);font-weight:600}
.step::after{content:"";position:absolute;top:1.5rem;left:3rem;right:calc(-1 * var(--gutter));height:1.5px;background:var(--line)}
.step:last-child::after{display:none}
.step h3{font-size:1.5rem;font-stretch:110%}
.step p{margin-top:.75rem;color:var(--fg-muted)}
.step .step__out{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--line);font-size:.9375rem;color:var(--fg)}

.cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(3rem,6vw,4.5rem) var(--gutter)}
.case--lead{grid-column:1/-1;align-items:center}
.case--lead .slot{--col:1/span 7}
.case--lead .case__body{--col:9/-1;margin-top:0}
.slot{position:relative;aspect-ratio:16/10;background:#131F47;border:1px dashed rgba(255,255,255,.22);border-radius:4px;overflow:hidden}
.slot svg{width:100%;height:100%}
.slot img{display:block;width:100%;height:100%;object-fit:cover}
.slot:has(img){border:0}
.slot figcaption{position:absolute;left:.75rem;bottom:.75rem;padding:.3rem .6rem;border-radius:2px;background:rgba(10,20,51,.9);font-size:.75rem;color:rgba(255,255,255,.8)}
.case__body{margin-top:1.75rem}
.case__meta{font-size:.9375rem}
.case h3{margin-top:.6rem;font-size:clamp(1.375rem,2.2vw,1.875rem);font-weight:600;font-stretch:110%;line-height:1.15}
.case .text-link{display:inline-block;margin-top:1.5rem}
.proof{margin-top:clamp(4rem,8vw,6.5rem);padding-top:clamp(3rem,6vw,4.5rem);border-top:1px solid var(--rule)}
.quote{--col:1/span 7}
.quote p{font-size:clamp(1.375rem,2.4vw,2rem);font-stretch:105%;line-height:1.3}
.quote figcaption{margin-top:1.5rem;font-size:.9375rem}

.why__intro{--col:1/span 5;align-self:start;position:sticky;top:7rem}
.why__intro .lede{margin-top:1.5rem}
.why__points{--col:7/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem var(--gutter)}
.point{padding-top:1.5rem;border-top:2px solid var(--navy)}
.point h3{display:flex;align-items:center;gap:.6rem}
.point h3::before{content:"";flex:none;width:.5rem;height:.5rem;border-radius:50%;background:var(--amber)}
.point p{margin-top:.75rem;color:var(--fg-muted)}
.audiences{margin-top:clamp(4rem,8vw,6.5rem)}
.audiences>h3{margin-bottom:1.5rem;font-size:1.5rem;font-stretch:110%}
.audiences ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.audiences li{padding:1.5rem 1.5rem 0;border-left:1px solid var(--line)}
.audiences li:first-child{padding-left:0;border-left:0}
.audiences strong{display:block;font-size:1.125rem;font-weight:600}
.audiences p{margin-top:.4rem;font-size:.9375rem;color:var(--fg-muted)}

@media (max-width:59.99rem){
  .hero__visual{justify-self:stretch;width:auto;max-width:none;margin:1rem calc(-1 * var(--gutter)) 0}
  .orbit-toggle{right:var(--gutter)}
  .hero__paths{grid-template-columns:1fr}
  .hero__paths li{padding:1.1rem 0;border-left:0}
  .hero__paths li+li{border-top:1px solid var(--rule)}
  .contrast__head{display:none}
  .contrast__tag{display:block;margin-bottom:.25rem;font-size:.8125rem;font-weight:600;color:var(--fg-muted)}
  .contrast__after .contrast__tag{color:var(--fg)}
  .svc__art{display:none}
  .steps{grid-template-columns:1fr;gap:2.5rem}
  .step{padding:0 0 0 4.5rem}
  .step::after{top:3rem;left:1.5rem;right:auto;bottom:-2.5rem;width:1.5px;height:auto}
  .cases{grid-template-columns:1fr}
  .case--lead .case__body{margin-top:1.75rem}
  .why__intro{position:static}
  .audiences ul{grid-template-columns:1fr 1fr}
  .audiences li:nth-child(odd){padding-left:0;border-left:0}
  .audiences li:nth-child(n+3){border-top:1px solid var(--line);margin-top:1.5rem}
}
@media (max-width:47.99rem){
  .core-map .label{font-size:18px}
  .core-map .core text{font-size:17px}
  .why__points{grid-template-columns:1fr}
}
@media (max-width:35.99rem){
  .audiences ul{grid-template-columns:1fr}
  .audiences li{padding-inline:0;border-left:0}
  .audiences li+li{border-top:1px solid var(--line);margin-top:1.5rem}
  .metrics{gap:1.5rem}
}