:root{--bg:#070a12;--surface:#ffffff12;--text:#f7f7fb;--muted:#a7adbe;--teal:#4de1c1;--purple:#9b7cff;--danger:#ff6b8a;--border:#ffffff24}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 20% 10%, #4de1c129, transparent 30%), radial-gradient(circle at 80% 0%, #9b7cff2e, transparent 28%), var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,sans-serif}.case-study{width:min(1160px,100% - 40px);margin:0 auto;padding:72px 0}.section{margin-bottom:120px}.eyebrow{color:var(--teal);text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:800}h2{letter-spacing:-.05em;margin:0 0 24px;font-size:clamp(2rem,4vw,4.2rem);line-height:1}p{color:var(--muted);font-size:1.02rem;line-height:1.75}.gradient{background:linear-gradient(90deg, var(--teal), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}h1{letter-spacing:-.055em;max-width:980px;margin:0 0 28px;font-size:clamp(4rem,6.5vw,6.6rem);line-height:.95}h1 .gradient{white-space:nowrap}.hero{flex-direction:column;justify-content:center;min-height:100vh;padding:110px 0 80px;display:flex}.hero-sub{max-width:520px;color:var(--text);opacity:.7;margin:0 0 12px;font-size:1.1rem}.hero-copy{max-width:560px;margin:0 0 34px;font-size:1.16rem;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:14px;margin:28px 0 44px;display:flex}.hero-actions a{background:var(--teal);color:#06100d;border-radius:999px;padding:14px 18px;font-weight:800;text-decoration:none}.hero-actions .secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.nowrap{white-space:nowrap}.metric-grid,.card-grid,.result-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.metric-card,.glass-card,.code-card,.result-grid>div,.timeline-item{background:linear-gradient(145deg, var(--surface), #ffffff09);border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px;box-shadow:0 24px 80px #00000042}.metric-card,.glass-card,.result-grid>div{transition:transform .25s,box-shadow .25s}.metric-card:hover,.glass-card:hover,.result-grid>div:hover{transform:translateY(-6px);box-shadow:0 30px 100px #00000059}.metric-card{padding:22px;font-weight:800}.intro-grid,.split{grid-template-columns:.9fr 1.1fr;align-items:start;gap:48px;display:grid}.glass-card{min-height:160px;padding:24px}.glass-card span,.code-card p,.timeline-item span{color:var(--danger);text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:900}.flow{grid-template-columns:repeat(6,1fr);gap:12px;margin-top:32px;display:grid}.flow-step{border:1px solid var(--border);background:linear-gradient(160deg,#4de1c129,#9b7cff1a);border-radius:26px;min-height:150px;padding:18px;position:relative}.flow-step:after{content:"→";color:var(--teal);position:absolute;top:50%;right:-10px;transform:translateY(-50%)}.flow-step:last-child:after{display:none}.flow-step span{color:var(--teal);margin-bottom:30px;font-weight:900;display:block}.code-card{padding:28px}.code-card pre{color:var(--teal);background:#03050a;border-radius:18px;padding:22px;font-size:1.1rem;overflow-x:auto}.timeline{gap:14px;display:grid}.timeline-item{grid-template-columns:70px 1fr;align-items:center;gap:18px;padding:18px 22px;display:grid}.timeline-item p{color:var(--text);margin:0}.results{border:1px solid var(--border);background:linear-gradient(135deg,#4de1c124,#9b7cff1f);border-radius:36px;padding:48px}.result-grid{grid-template-columns:repeat(2,1fr);margin-top:30px}.result-grid>div{padding:24px}.result-grid strong{font-size:1.15rem}.proof-image{border:1px solid var(--border);border-radius:24px;width:100%;margin-top:28px}.reflection{max-width:860px}blockquote{border-left:4px solid var(--teal);background:var(--surface);color:var(--text);border-radius:22px;margin:34px 0 0;padding:28px;font-size:1.35rem;line-height:1.55}@media (width<=900px){.metric-grid,.card-grid,.result-grid,.flow,.intro-grid,.split{grid-template-columns:1fr}.section{margin-bottom:86px}.case-study{width:min(100% - 28px,1160px);padding-top:42px}.results{padding:26px}.flow-step:after{display:none}}.showcase{border:1px solid var(--border);background:linear-gradient(135deg,#4de1c11f,#9b7cff1f);border-radius:32px;margin-top:40px;padding:20px}.metric-grid{margin-top:30px}.showcase img{border-radius:20px;width:100%;display:block}.intro-grid{gap:60px}.footer{border:1px solid var(--border);background:linear-gradient(135deg,#4de1c121,#9b7cff1f);border-radius:36px;margin-top:140px;padding:56px}.footer-content{grid-template-columns:1.3fr .7fr;align-items:end;gap:48px;display:grid}.footer h2{max-width:680px;margin-bottom:18px}.footer p{max-width:640px}.footer-links{flex-direction:column;gap:14px;display:flex}.footer-links a{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:14px 16px;font-weight:800;text-decoration:none;transition:transform .2s,background .2s}.footer-links a:hover{background:#4de1c124;transform:translate(6px)}@media (width<=900px){.footer{padding:28px}.footer-content{grid-template-columns:1fr}}.primary-link{background:var(--teal);color:#06100d}.hero-grid{grid-template-columns:1fr .85fr;align-items:center;gap:64px;display:grid}.hero-visual{border:1px solid var(--border);background:linear-gradient(135deg,#4de1c11f,#9b7cff1f);border-radius:36px;justify-self:center;margin-top:80px;padding:18px;box-shadow:0 30px 100px #00000052}.hero-visual img{border-radius:24px;width:100%;min-width:320px;max-width:420px;display:block}.hero-visual{margin-top:60px}@media (width<=900px){.hero-grid{grid-template-columns:1fr;gap:36px}}