:root{--ink:#07101d;--panel:#0d1829;--panel2:#101e32;--line:rgba(148,163,184,.16);--text:#dce8f5;--muted:#8ea1b8;--signal:#22d3ee;--signal2:#8b5cf6;--good:#34d399}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.72}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 8%,color-mix(in srgb,var(--signal) 12%,transparent),transparent 30%),linear-gradient(rgba(148,163,184,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.025) 1px,transparent 1px);background-size:auto,64px 64px,64px 64px}
a{color:inherit}
.study-nav{position:sticky;top:0;z-index:20;background:rgba(7,16,29,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav-inner{max-width:1120px;height:68px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}
.brand{font:900 19px Raleway,sans-serif;text-decoration:none;background:linear-gradient(90deg,var(--signal),var(--signal2));-webkit-background-clip:text;color:transparent}
.back{font-size:13px;color:var(--muted);text-decoration:none;display:flex;gap:8px;align-items:center}.back:hover{color:var(--signal)}
.study-hero{position:relative;max-width:1120px;margin:auto;padding:88px 28px 58px}
.study-kicker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.study-kicker span{padding:5px 11px;border:1px solid color-mix(in srgb,var(--signal) 35%,transparent);border-radius:999px;color:var(--signal);background:color-mix(in srgb,var(--signal) 7%,transparent);font:700 10px "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase}
.study-hero h1{max-width:900px;margin:0 0 24px;font:900 clamp(2.25rem,5.4vw,4.5rem)/1.04 Raleway,sans-serif;letter-spacing:-.045em;color:#f6f9fc}
.study-hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--signal),var(--signal2));-webkit-background-clip:text;color:transparent}
.lede{max-width:780px;margin:0;color:#a8bbcf;font-size:clamp(1rem,2vw,1.18rem);line-height:1.75}
.evidence{max-width:1120px;margin:auto;padding:0 28px 72px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.evidence-item{background:linear-gradient(145deg,color-mix(in srgb,var(--signal) 7%,var(--panel)),var(--panel));border:1px solid color-mix(in srgb,var(--signal) 18%,var(--line));border-radius:14px;padding:22px}
.evidence-value{display:block;font:900 clamp(1.55rem,3vw,2.35rem)/1 Raleway,sans-serif;color:#fff}.evidence-label{display:block;margin-top:8px;color:var(--muted);font:600 10px "JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.08em}
main{position:relative;max-width:1120px;margin:auto;padding:0 28px 96px}
.story-section{padding:66px 0;border-top:1px solid var(--line)}
.section-head{display:grid;grid-template-columns:180px minmax(0,1fr);gap:36px;align-items:start;margin-bottom:30px}.section-index{font:600 11px "JetBrains Mono",monospace;color:var(--signal);letter-spacing:.12em;text-transform:uppercase}.section-copy h2{margin:0 0 14px;font:800 clamp(1.6rem,3vw,2.35rem)/1.15 Raleway,sans-serif;color:#f5f8fc}.section-copy p{max-width:760px;margin:0 0 16px;color:#9db0c6}
.problem-grid,.decision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.problem,.decision{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px}.problem strong,.decision strong{display:block;margin-bottom:8px;color:#eef5fb;font-size:14px}.problem p,.decision p{margin:0;color:var(--muted);font-size:13px}.decision .num{display:block;margin-bottom:18px;font:700 11px "JetBrains Mono",monospace;color:var(--signal)}
.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:28px;margin-top:30px}.flow-node{position:relative;min-height:144px;padding:20px;background:var(--panel2);border:1px solid color-mix(in srgb,var(--signal) 24%,var(--line));border-radius:14px}.flow-node:not(:last-child):after{content:"→";position:absolute;right:-22px;top:50%;color:var(--signal);font-size:18px}.flow-node small{display:block;color:var(--signal);font:700 9px "JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.1em}.flow-node strong{display:block;margin:10px 0 6px;font-size:13px;color:#f2f7fc}.flow-node p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}
.guardrail{margin-top:28px;padding:20px 22px;border-left:3px solid var(--good);border-radius:0 12px 12px 0;background:rgba(52,211,153,.055);color:#afd8ca;font-size:14px}.guardrail strong{color:#d8fff1}
.results{width:100%;border-collapse:collapse;margin-top:28px;background:var(--panel);border-radius:14px;overflow:hidden}.results th,.results td{text-align:left;padding:15px 18px;border-bottom:1px solid var(--line);font-size:13px}.results th{font:700 10px "JetBrains Mono",monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.results td:first-child{color:#dbe7f4;font-weight:600}.results .before{color:#8294a8}.results .after{color:var(--good);font-weight:700}
.stack{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.stack span{padding:7px 11px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025);color:#b8c8da;font:500 11px "JetBrains Mono",monospace}
.note{margin-top:28px;padding:22px;border:1px solid color-mix(in srgb,var(--signal) 24%,var(--line));border-radius:14px;background:linear-gradient(110deg,color-mix(in srgb,var(--signal) 6%,transparent),transparent);color:#a9bacd;font-size:14px}.note strong{color:var(--signal)}
.study-cta{margin-top:30px;padding:42px;border:1px solid color-mix(in srgb,var(--signal) 25%,var(--line));border-radius:20px;background:linear-gradient(130deg,color-mix(in srgb,var(--signal) 8%,var(--panel)),color-mix(in srgb,var(--signal2) 7%,var(--panel)));display:flex;align-items:center;justify-content:space-between;gap:30px}.study-cta h2{margin:0 0 7px;font:800 1.55rem Raleway,sans-serif;color:#fff}.study-cta p{margin:0;color:var(--muted);font-size:14px}.cta-link{flex:0 0 auto;padding:13px 20px;border-radius:999px;background:linear-gradient(110deg,var(--signal),var(--signal2));color:#07101d;font-weight:800;text-decoration:none}.cta-link:hover{transform:translateY(-2px)}
.study-footer{position:relative;padding:30px;text-align:center;border-top:1px solid var(--line);color:#6f8298;font-size:12px}.study-footer a{color:var(--signal);text-decoration:none}
@media(max-width:850px){.evidence{grid-template-columns:repeat(2,1fr)}.section-head{grid-template-columns:1fr;gap:12px}.problem-grid,.decision-grid{grid-template-columns:1fr 1fr}.flow{grid-template-columns:1fr 1fr}.flow-node:not(:last-child):after{display:none}.study-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.study-hero{padding-top:58px}.evidence,.problem-grid,.decision-grid,.flow{grid-template-columns:1fr}.nav-inner,.study-hero,.evidence,main{padding-left:18px;padding-right:18px}.back span{display:none}.study-cta{padding:28px 22px}.results{display:block;overflow-x:auto}.results th,.results td{min-width:130px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cta-link{transition:none}}