:root{
  --case-bg:#050606;
  --case-white:#f1f4f2;
  --case-muted:#aeb6b2;
  --case-green:#49e5ad;
  --case-line:rgba(255,255,255,.13);
  --case-page:clamp(1.25rem,3.2vw,3.15rem);
}
*{box-sizing:border-box}
html{background:var(--case-bg);scroll-behavior:smooth}
body{margin:0;background:var(--case-bg);color:var(--case-white);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.4}
a{color:inherit;text-decoration:none}
.case-nav{position:fixed;inset:0 0 auto;z-index:20;height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--case-page);background:linear-gradient(#050606 10%,rgba(5,6,6,.9) 72%,transparent)}
.case-nav-right{display:flex;align-items:center;gap:28px;font-size:14px}
.case-nav-link{color:#d7dcd9}
.case-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--case-white);color:#050606;padding:16px 20px;font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}
.case-hero{min-height:100svh;padding:150px var(--case-page) 84px;display:grid;align-content:end;background:radial-gradient(circle at 80% 100%,rgba(12,196,129,.24),transparent 42%)}
.case-kicker{font:700 11px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--case-green);margin-bottom:28px}
.case-hero h1{font-size:clamp(52px,8.4vw,124px);font-weight:300;line-height:.93;letter-spacing:-.065em;margin:0;max-width:1350px}
.case-lead{font-size:clamp(20px,2.25vw,32px);font-weight:300;line-height:1.3;color:#d3d8d5;max-width:880px;margin:42px 0 0}
.case-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--case-line)}
.case-metric{padding:48px var(--case-page);border-right:1px solid var(--case-line);min-height:220px;display:flex;flex-direction:column;justify-content:space-between}
.case-metric:last-child{border-right:0}
.case-metric strong{font-size:clamp(48px,7vw,94px);font-weight:200;line-height:.85;letter-spacing:-.07em;color:var(--case-green)}
.case-metric span{margin-top:28px;color:var(--case-muted);font:700 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;max-width:260px}
.case-section{padding:clamp(84px,11vw,150px) var(--case-page);border-bottom:1px solid var(--case-line)}
.case-grid{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(0,1.35fr);gap:clamp(40px,8vw,120px);max-width:1320px;margin:auto}
.case-label{font:700 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--case-green);margin:5px 0 0}
.case-copy h2{font-size:clamp(36px,5.2vw,72px);font-weight:300;line-height:1.02;letter-spacing:-.055em;margin:0 0 32px}
.case-copy p{font-size:clamp(19px,2vw,27px);font-weight:300;line-height:1.5;color:#d5dad7;margin:0}
.case-copy p+p{margin-top:24px}
.case-compare{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--case-line);border:1px solid var(--case-line);max-width:1320px;margin:42px auto 0}
.case-compare article{background:#080a09;padding:clamp(28px,4vw,54px)}
.case-compare .state{font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--case-muted);margin-bottom:24px}
.case-compare h3{font-size:clamp(27px,3.3vw,48px);font-weight:300;line-height:1.08;letter-spacing:-.04em;margin:0}
.case-compare .after h3{color:var(--case-green)}
.case-findings{max-width:1320px;margin:48px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--case-line);border:1px solid var(--case-line)}
.case-finding{background:#080a09;padding:36px}
.case-finding strong{display:block;font-size:clamp(38px,5vw,70px);font-weight:200;line-height:1;color:var(--case-green);letter-spacing:-.055em;margin-bottom:18px}
.case-finding span{font-size:16px;line-height:1.5;color:#c3cac6}
.case-final{min-height:74svh;padding:110px var(--case-page);display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 100%,#08734c,#063522 35%,#050606 73%)}
.case-final-inner{max-width:1100px}
.case-final h2{font-size:clamp(48px,7vw,102px);font-weight:300;line-height:.98;letter-spacing:-.06em;margin:0 0 48px}
.case-final p{font-size:20px;line-height:1.5;color:#d4d9d6;max-width:760px;margin:0 auto 38px}
@media(max-width:760px){
  .case-nav{height:78px}
  .case-nav-right .case-nav-link{display:none}
  .case-hero{padding-top:120px;min-height:88svh}
  .case-hero h1{font-size:clamp(48px,14vw,72px)}
  .case-metrics{grid-template-columns:1fr}
  .case-metric{border-right:0;border-bottom:1px solid var(--case-line);min-height:160px}
  .case-metric:last-child{border-bottom:0}
  .case-grid{grid-template-columns:1fr;gap:28px}
  .case-compare,.case-findings{grid-template-columns:1fr}
}
