:root{--bg-base:#0d1321;--bg-surface:#141d2e;--bg-elevated:#1a2540;--text-primary:#f0f4ff;--text-secondary:#8896b3;--text-tertiary:#4a5568;--border-subtle:#1e2d45;--border-default:#2a3f5f;--red:#ef4444;--amber:#f59e0b;--green:#10b981;--blue:#3b82f6;--accent:#3b82f6;--font-data:"DM Mono", monospace;--font-body:"Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-padding-top:80px}html,body,#root{background:var(--bg-base);min-height:100vh;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--text-primary)}button{font-family:var(--font-body)}.container{max-width:1100px;margin:0 auto;padding:0 24px}.container-narrow{max-width:700px;margin:0 auto;padding:0 24px}.container-wide{max-width:900px;margin:0 auto;padding:0 24px}.overline{letter-spacing:.15em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:600}.section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:16px;font-size:12px;font-weight:600}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:14px 28px;font-size:15px;font-weight:600;transition:background .15s;display:inline-block}.btn-primary:hover{color:#fff;background:#2563eb}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-default);cursor:pointer;background:0 0;border-radius:4px;padding:14px 28px;font-size:15px;font-weight:500;transition:all .15s;display:inline-block}.btn-secondary:hover{border-color:var(--text-secondary);background:var(--bg-elevated)}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;padding:28px;transition:all .15s}.card:hover{border-color:var(--border-default);background:var(--bg-elevated)}.data-figure{font-family:var(--font-data);font-weight:500}.screenshot-container:hover .zoom-hint{opacity:1!important}input,textarea,select{font-family:var(--font-body);background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary);border-radius:4px;width:100%;padding:12px 16px;font-size:14px}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none}@media (width<=768px){.hero-headline{font-size:32px!important}.grid-3,.grid-2{grid-template-columns:1fr!important}.data-strip{flex-direction:column!important;gap:24px!important}.data-strip-item{border-bottom:1px solid var(--border-subtle);padding-bottom:16px;border-right:none!important}.comparison-cols{flex-direction:column!important;gap:32px!important}.nav-links{display:none!important}.alt-cols{flex-direction:column!important}}