/* Case study pages */
.c-hero{padding:clamp(150px,18vh,200px) 0 clamp(80px,9vw,120px);background:radial-gradient(120% 90% at 100% 0%,#1A3D78 0%,#0D1F42 50%,#0D1117 100%)}
.c-hero.wr{background:radial-gradient(120% 90% at 100% 0%,#003466 0%,#0D1117 50%,#0D1117 100%)}
.c-hero .back{display:inline-flex;gap:8px;font:700 14px var(--head);color:var(--on-d);text-decoration:none;margin-bottom:40px}
.c-hero .back:hover{color:#fff}
.c-hero .label{color:var(--sky)}.c-hero.wr .label{color:var(--sky)}
.c-hero h1{margin-top:18px;font-size:clamp(44px,6.6vw,96px);max-width:15ch}
.c-hero .lede{max-width:52ch}
.stats4{margin-top:clamp(56px,6vw,80px);display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.st4{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:16px}
.st4 .ring{width:110px;height:110px}.st4 .ring .v{font-size:30px}
.st4 .big{font:800 64px/1 var(--head);letter-spacing:-.04em;height:110px;display:flex;align-items:center}
.st4 .big small{font-size:.45em;color:var(--sky);margin-left:2px}
.c-hero.wr .st4 .big small{color:var(--sky)}
.c-hero.wr .ring .fg{stroke:var(--sky)}
.st4 p{margin:0;font:700 16px/1.35 var(--head)}

.story{counter-reset:s}
.step{display:grid;grid-template-columns:200px 1fr 1fr;gap:32px;padding:44px 0;border-top:1px solid var(--rule);align-items:start}
.step:last-child{border-bottom:1px solid var(--rule)}
.step .label{color:var(--sky-ink);padding-top:10px}
.step h3{font-size:clamp(26px,2.8vw,40px);letter-spacing:-.03em}
.step p{margin:0;color:var(--muted)}
.vis{margin-top:4px}
.split{height:18px;border-radius:999px;background:var(--rule);overflow:hidden}
.split i{display:block;height:100%;background:linear-gradient(90deg,var(--s1),var(--s3));border-radius:999px;transform-origin:0 50%}
.split-l{margin-top:10px;display:flex;justify-content:space-between;font:700 14px var(--head);color:var(--ink)}
.dots62{display:grid;grid-template-columns:repeat(16,1fr);gap:6px;max-width:420px}
.dots62 i{aspect-ratio:1;border-radius:50%;background:var(--cta);opacity:.85}
.pat{display:flex;gap:10px;flex-wrap:wrap}
.pat span{padding:10px 16px;border-radius:999px;background:var(--paper);border:1px solid var(--rule);font:700 14px var(--head);color:var(--ink)}
.ring.light .bg{stroke:var(--rule)}.ring.light .v{color:var(--ink)}

.ba{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:56px}
.ba>div{background:#fff;border-radius:20px;padding:32px;border:1px solid var(--rule)}
.ba .label{color:var(--sky-ink)}
.ba h3{margin:10px 0 24px;font-size:24px}
.hb{margin:14px 0}
.hb .l{display:flex;justify-content:space-between;font:700 15px var(--head);color:var(--ink)}
.hb .t{margin-top:8px;height:12px;border-radius:999px;background:var(--paper);overflow:hidden}
.hb .t i{display:block;height:100%;border-radius:999px;background:var(--faint);transform-origin:0 50%}
.ba .after .hb .t i{background:linear-gradient(90deg,#0E8A99,var(--sky))}
.ba .sum{margin:24px 0 0;padding-top:18px;border-top:1px solid var(--rule);font:800 18px/1.35 var(--head);color:var(--ink)}

.cq{text-align:center}
.cq .qs2{max-width:980px;margin:0 auto;display:grid;gap:56px}
.cq blockquote{margin:0}
.cq blockquote p{margin:0;font:700 clamp(24px,3vw,40px)/1.22 var(--head);letter-spacing:-.025em;color:#fff}
.cq cite{display:block;margin-top:18px;font:600 12px var(--head);letter-spacing:.18em;text-transform:uppercase;color:var(--on-d2);font-style:normal}
.cq .qmark{font:800 140px/.6 var(--head);color:var(--sky);height:60px}

.c-cta{text-align:center}
.c-cta h2{max-width:18ch;margin:0 auto}
.c-cta .acts{justify-content:center;margin-top:40px}
.c-fine{margin-top:32px;font-size:14px;color:var(--faint)}

@media (max-width:900px){
  .stats4{grid-template-columns:1fr 1fr}
  .step{grid-template-columns:1fr;gap:14px}
  .ba{grid-template-columns:1fr}
}