*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#020208;--surface:#0a0a12;--border:#ffffff12;--text:#e5e7eb;--muted:#6b7280;--accent:#ff2d55;--accent-dark:#cc1f42}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Geist,-apple-system,system-ui,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:99px}.cs-nav{z-index:100;backdrop-filter:blur(18px);border-bottom:1px solid var(--border);background:#020208e0;justify-content:space-between;align-items:center;gap:12px;padding:14px 28px;display:flex;position:fixed;top:0;left:0;right:0}.cs-nav a{text-decoration:none}.back-link{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:11px;transition:color .2s;display:inline-flex}.back-link:hover{color:var(--accent)}.cs-nav-badge{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);background:color-mix(in srgb, var(--accent) 10%, transparent);white-space:nowrap;border-radius:99px;padding:4px 12px;font-family:JetBrains Mono,monospace;font-size:10px}.cs-nav-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.cs-btn{text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-family:JetBrains Mono,monospace;font-size:10px;text-decoration:none;transition:all .2s;display:inline-flex}.cs-btn-primary{background:var(--accent);color:#fff;border:1px solid var(--accent)}.cs-btn-primary:hover{opacity:.85}.cs-btn-ghost{color:var(--muted);border:1px solid var(--border);background:0 0}.cs-btn-ghost:hover{color:#fff;border-color:#ffffff40}.cs-page{max-width:860px;margin:0 auto;padding:110px 24px 80px}.cs-hero{border-bottom:1px solid var(--border);margin-bottom:56px;padding-bottom:56px}.cs-eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--accent);align-items:center;gap:8px;margin-bottom:18px;font-family:JetBrains Mono,monospace;font-size:10px;display:inline-flex}.cs-eyebrow .dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 8px var(--accent);border-radius:50%;animation:2s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.cs-title{letter-spacing:-.03em;color:#0000;-webkit-text-stroke:1.5px #ffffffe6;margin-bottom:10px;font-size:clamp(2.4rem,7vw,4.5rem);font-weight:900;line-height:1}.cs-title .accent-word{background:linear-gradient(135deg, #fff 20%, var(--accent));-webkit-text-stroke:0;-webkit-text-fill-color:transparent;background-clip:text;display:inline}.cs-tagline{color:var(--muted);max-width:640px;margin:16px 0 28px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.65}.cs-chips{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.chip{text-transform:uppercase;letter-spacing:.08em;background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:5px 12px;font-family:JetBrains Mono,monospace;font-size:10px}.chip.live{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 40%, transparent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.cs-hero-btns{flex-wrap:wrap;gap:10px;display:flex}.metrics-row{grid-template-columns:repeat(3,1fr);gap:14px;margin:36px 0;display:grid}@media (width<=520px){.metrics-row{grid-template-columns:1fr 1fr}}.metric-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:12px;padding:18px 14px}.metric-val{background:linear-gradient(135deg,#fff,var(--accent));-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:5px;font-size:1.9rem;font-weight:900;line-height:1}.metric-lbl{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:9px}.cs-section{margin-bottom:56px}.section-label{text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:6px;font-family:JetBrains Mono,monospace;font-size:10px}.cs-section h2{letter-spacing:-.02em;color:#fff;margin-bottom:18px;font-size:1.65rem;font-weight:800}.cs-section p{color:var(--muted);margin-bottom:14px;font-size:14px;line-height:1.8}.cs-section p strong{color:var(--text)}.arch-box{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin:20px 0;padding:28px 20px;overflow-x:auto}.arch-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:8px 0;display:flex}.arch-node{white-space:nowrap;border:1px solid var(--border);color:var(--text);text-align:center;background:#ffffff08;border-radius:8px;padding:7px 14px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.arch-node.a{border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.arch-node.g{color:#34d399;background:#34d39912;border-color:#34d39966}.arch-node.b{color:#38bdf8;background:#38bdf812;border-color:#38bdf866}.arch-node.p{color:#a78bfa;background:#7c3aed12;border-color:#a78bfa66}.arch-arrow{color:var(--muted);font-size:14px}.arch-down{text-align:center;color:var(--muted);margin:2px 0;font-size:20px;line-height:1}.tech-grid{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.tech-badge{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:10px;align-items:center;gap:7px;padding:7px 13px;font-family:JetBrains Mono,monospace;font-size:11px;transition:border-color .2s;display:inline-flex}.tech-badge:hover{border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.results-list{margin:14px 0;padding:0;list-style:none}.results-list li{color:var(--muted);border-bottom:1px solid #ffffff0a;align-items:flex-start;gap:10px;padding:11px 0;font-size:14px;display:flex}.results-list li:last-child{border-bottom:none}.results-list li:before{content:"→";color:var(--accent);flex-shrink:0;font-weight:700}.results-list li strong{color:var(--text)}.lessons-grid{grid-template-columns:1fr 1fr;gap:14px;margin:18px 0;display:grid}@media (width<=520px){.lessons-grid{grid-template-columns:1fr}}.lesson-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px}.lesson-card h4{color:#fff;margin-bottom:7px;font-size:13px;font-weight:700}.lesson-card p{color:var(--muted);margin:0;font-size:12px}.lesson-num{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:5px;font-family:JetBrains Mono,monospace;font-size:9px}.cs-cta{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:18px;margin-top:56px;padding:44px 28px}.cs-cta h3{color:#fff;margin-bottom:8px;font-size:1.4rem;font-weight:800}.cs-cta p{color:var(--muted);margin-bottom:22px;font-size:13px}.cs-cta-btns{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.case-nav{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;gap:10px;margin-top:36px;padding-top:28px;display:flex}.case-nav-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);text-align:center;width:100%;margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:10px}@media (width<=600px){.cs-nav{padding:12px 16px}.cs-page{padding:90px 16px 60px}.cs-nav-badge{display:none}}