:root{--bg: #faf9f9;--paper: #ffffff;--ink: #111111;--ink-2: #444748;--ink-3: #747878;--line: #d8d6d4;--line-soft: #ececea;--teal: #00E5CC;--grey-bg: #e7e5e2;--font-body: "Inter", system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, monospace;--max-width: 1200px;--section-pad: 100px 24px;--section-pad-mobile: 60px 20px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-weight:300;font-size:16px;line-height:1.55;letter-spacing:.005em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;line-height:1.05;letter-spacing:-.02em}p{margin:0}a{color:inherit;text-decoration:none}a:hover{color:var(--teal)}img{max-width:100%;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:var(--section-pad)}@media(max-width:768px){.container{padding:var(--section-pad-mobile)}}.grid12{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.hairline{height:1px;background:var(--teal);width:100%}.hairline-soft{height:1px;background:var(--line);width:100%}.display{font-weight:800;line-height:.92;letter-spacing:-.035em;text-transform:uppercase}.mono{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;line-height:1}.mono-sm{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;line-height:1}.kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);margin-bottom:12px}.section-title{font-size:clamp(32px,5vw,56px);font-weight:800;line-height:.95;letter-spacing:-.025em;text-transform:uppercase;margin-bottom:16px}.frame{border:1px solid var(--ink);padding:32px;background:var(--paper)}.frame-ink{border:1px solid var(--ink);padding:32px;background:var(--ink);color:var(--paper)}.frame-teal{border:1px solid var(--teal);padding:32px;background:var(--teal);color:#0a0a0a}.chip{display:inline-flex;align-items:center;padding:4px 10px;border:1px solid var(--ink);font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.chip.solid{background:var(--ink);color:var(--paper)}.chip.teal{background:var(--teal);border-color:var(--teal);color:#0a0a0a}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;border:1px solid var(--ink);background:var(--ink);color:var(--paper);transition:background .15s,color .15s}.btn:hover{background:var(--teal);border-color:var(--teal);color:#0a0a0a}.btn-outline{background:transparent;color:var(--ink)}.btn-outline:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}.pull{border-left:2px solid var(--teal);padding:4px 0 4px 16px;color:var(--ink-2);font-style:italic;font-family:var(--font-mono);font-size:15px;line-height:1.55}.console{background:var(--ink);color:#c8c6c5;font-family:var(--font-mono);font-size:10px;letter-spacing:.03em;text-transform:uppercase;overflow:hidden}.console-row{display:grid;grid-template-columns:72px 1fr 1.4fr 48px;border-top:1px solid #1c1d1d}.console-row>div{padding:6px 8px}.console-row .tag{text-align:right;color:var(--teal)}.console-header{display:grid;grid-template-columns:72px 1fr 1.4fr 48px;padding:8px;border-bottom:1px solid #2a2b2b;color:var(--teal);font-size:9px}.section-head{margin-bottom:60px}@media(max-width:768px){.section-head{margin-bottom:32px}.grid12{grid-template-columns:1fr}}.vertical-card{border:1px solid var(--ink);padding:32px;background:var(--paper);display:flex;flex-direction:column;gap:16px}.vertical-card h3{font-size:18px;text-transform:uppercase}.vertical-card .stat{margin-top:auto;padding:12px 16px;background:var(--teal);color:#0a0a0a;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em}.problem-stat{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}.problem-stat .num{font-size:48px;font-weight:800;line-height:1;letter-spacing:-.035em;color:var(--teal)}.problem-stat .label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}@media(max-width:480px){.container{padding:48px 16px}.section-title{font-size:28px}.frame,.frame-ink,.frame-teal{padding:20px}}