:root{--bg-main: #020617;--bg-surface: #0a0f1d;--bg-elevated: #111827;--bg-viewport: #0f172a;--border-dim: #1e293b;--border-bright: #334155;--border-focus: #38bdf8;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-dim: #64748b;--text-accent: #38bdf8;--text-emerald: #34d399;--accent-cyan: #38bdf8;--accent-cyan-glow: rgba(56, 189, 248, .15);--accent-emerald: #10b981;--accent-amber: #f59e0b;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Fira Code", Menlo, Monaco, Consolas, monospace;--container-max: 1240px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}body{min-height:100vh;display:flex;flex-direction:column;overflow-x:clip;background-image:radial-gradient(circle at 50% -20%,rgba(56,189,248,.08) 0%,transparent 60%),linear-gradient(to right,rgba(30,41,59,.25) 1px,transparent 1px),linear-gradient(to bottom,rgba(30,41,59,.25) 1px,transparent 1px);background-size:100% 100%,48px 48px,48px 48px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:3px}.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}@media(max-width:480px){.container{padding-left:14px;padding-right:14px}}.section-header{text-align:center;margin-bottom:56px}.section-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-cyan);background:#38bdf814;border:1px solid rgba(56,189,248,.2);padding:4px 12px;border-radius:999px;margin-bottom:16px}.section-title{font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.15;color:#fff;margin-bottom:16px}.section-desc{max-width:680px;margin-left:auto;margin-right:auto;font-size:17px;color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-sans);font-size:14px;font-weight:600;padding:12px 22px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all .18s ease;white-space:nowrap}.btn-primary{background:var(--accent-cyan);color:#020617;border-color:var(--accent-cyan);box-shadow:0 0 20px #38bdf840}.btn-primary:hover{background:#7dd3fc;box-shadow:0 0 28px #38bdf866;transform:translateY(-1px)}.btn-outline{background:#0f172a99;color:var(--text-primary);border-color:var(--border-bright)}.btn-outline:hover{background:#1e293bb3;border-color:var(--accent-cyan);transform:translateY(-1px)}.btn-disabled{opacity:.6;cursor:not-allowed;background:#1e293b;color:var(--text-dim);border-color:#334155}.btn-disabled:hover{transform:none;box-shadow:none}.badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px;background:var(--bg-elevated);border:1px solid var(--border-dim);color:var(--text-secondary)}.badge-cyan{background:#38bdf81a;border-color:#38bdf84d;color:var(--accent-cyan)}.badge-emerald{background:#10b9811a;border-color:#10b9814d;color:var(--accent-emerald)}.ruler-border{position:relative}.ruler-border:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background-image:repeating-linear-gradient(to right,#38bdf8 0,#38bdf8 1px,transparent 1px,transparent 12px);opacity:.4}.mono-pill{font-family:var(--font-mono);font-size:12px;color:var(--accent-cyan);background:#0f172acc;border:1px solid rgba(56,189,248,.25);padding:3px 8px;border-radius:4px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:900px){.grid-2,.grid-3{grid-template-columns:1fr}}