:root{--bg: #0a0a0f;--bg-card: #12121a;--bg-code: #1a1a2e;--text: #e4e4ef;--text-dim: #8888aa;--accent: #00f5ff;--accent-dim: #00c4cc;--accent-glow: rgba(0, 245, 255, .15);--border: #2a2a3e;--green: #4ade80;--red: #f87171;--font-mono: "SF Mono", "Fira Code", "JetBrains Mono", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}:where(.astro-j7pv25f6){margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.7;-webkit-font-smoothing:antialiased}a:where(.astro-j7pv25f6){color:var(--accent);text-decoration:none}a:where(.astro-j7pv25f6):hover{text-decoration:underline}.container:where(.astro-j7pv25f6){max-width:1100px;margin:0 auto;padding:0 24px}nav:where(.astro-j7pv25f6){display:flex;justify-content:space-between;align-items:center;padding:20px 24px;max-width:1100px;margin:0 auto}.nav-logo:where(.astro-j7pv25f6){font-size:1.25rem;font-weight:700;color:var(--accent);font-family:var(--font-mono);letter-spacing:-.5px}.nav-links:where(.astro-j7pv25f6){display:flex;gap:28px;list-style:none}.nav-links:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6){color:var(--text-dim);font-size:.9rem;transition:color .2s}.nav-links:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6):hover{color:var(--text);text-decoration:none}.hero:where(.astro-j7pv25f6){padding:100px 0 80px;text-align:center}.hero-badge:where(.astro-j7pv25f6){display:inline-block;background:var(--accent-glow);color:var(--accent);font-size:.8rem;font-weight:600;padding:6px 16px;border-radius:100px;border:1px solid rgba(0,245,255,.2);margin-bottom:28px;font-family:var(--font-mono)}.hero:where(.astro-j7pv25f6) h1:where(.astro-j7pv25f6){font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.15;max-width:800px;margin:0 auto 20px;letter-spacing:-1px}.hero:where(.astro-j7pv25f6) h1:where(.astro-j7pv25f6) span:where(.astro-j7pv25f6){background:linear-gradient(135deg,var(--accent),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero:where(.astro-j7pv25f6) p:where(.astro-j7pv25f6){font-size:1.15rem;color:var(--text-dim);max-width:600px;margin:0 auto 40px}.hero-ctas:where(.astro-j7pv25f6){display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn:where(.astro-j7pv25f6){display:inline-flex;align-items:center;padding:12px 28px;border-radius:8px;font-size:.95rem;font-weight:600;transition:all .2s}.btn-primary:where(.astro-j7pv25f6){background:var(--accent);color:var(--bg)}.btn-primary:where(.astro-j7pv25f6):hover{background:var(--accent-dim);text-decoration:none;transform:translateY(-1px)}.btn-secondary:where(.astro-j7pv25f6){background:transparent;color:var(--text);border:1px solid var(--border)}.btn-secondary:where(.astro-j7pv25f6):hover{border-color:var(--accent);text-decoration:none}.code-section:where(.astro-j7pv25f6){padding:20px 0 60px}.code-block:where(.astro-j7pv25f6){background:var(--bg-code);border:1px solid var(--border);border-radius:12px;padding:24px 28px;max-width:680px;margin:0 auto;overflow-x:auto;position:relative}.code-block:where(.astro-j7pv25f6) pre:where(.astro-j7pv25f6){font-family:var(--font-mono);font-size:.85rem;line-height:1.7;color:var(--text)}.code-label:where(.astro-j7pv25f6){position:absolute;top:10px;right:14px;font-size:.7rem;color:var(--text-dim);font-family:var(--font-mono)}.code-comment:where(.astro-j7pv25f6){color:#6b7280}.code-keyword:where(.astro-j7pv25f6){color:#c084fc}.code-string:where(.astro-j7pv25f6){color:#4ade80}.code-const:where(.astro-j7pv25f6){color:#38bdf8}.code-func:where(.astro-j7pv25f6){color:#fbbf24}.savings:where(.astro-j7pv25f6){padding:60px 0}.savings-grid:where(.astro-j7pv25f6){display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:900px;margin:0 auto}.savings-card:where(.astro-j7pv25f6){background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:28px;text-align:center}.savings-number:where(.astro-j7pv25f6){font-size:2.5rem;font-weight:800;font-family:var(--font-mono)}.savings-green:where(.astro-j7pv25f6){color:var(--green)}.savings-accent:where(.astro-j7pv25f6){color:var(--accent)}.savings-label:where(.astro-j7pv25f6){color:var(--text-dim);font-size:.85rem;margin-top:6px}.primitives:where(.astro-j7pv25f6){padding:80px 0}.section-title:where(.astro-j7pv25f6){font-size:1.8rem;font-weight:700;text-align:center;margin-bottom:12px}.section-subtitle:where(.astro-j7pv25f6){color:var(--text-dim);text-align:center;margin-bottom:48px;font-size:1.05rem}.primitives-grid:where(.astro-j7pv25f6){display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.primitive-card:where(.astro-j7pv25f6){background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:20px;transition:border-color .2s}.primitive-card:where(.astro-j7pv25f6):hover{border-color:var(--accent)}.primitive-name:where(.astro-j7pv25f6){font-family:var(--font-mono);font-size:.85rem;color:var(--accent);font-weight:600;margin-bottom:8px}.primitive-desc:where(.astro-j7pv25f6){font-size:.88rem;color:var(--text-dim);margin-bottom:10px}.primitive-cost:where(.astro-j7pv25f6){font-size:.75rem;color:var(--green);font-family:var(--font-mono)}.comparison:where(.astro-j7pv25f6){padding:80px 0}.comparison:where(.astro-j7pv25f6) table:where(.astro-j7pv25f6){width:100%;border-collapse:collapse;font-size:.9rem}.comparison:where(.astro-j7pv25f6) th:where(.astro-j7pv25f6){text-align:left;padding:12px 16px;border-bottom:2px solid var(--border);color:var(--text-dim);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.comparison:where(.astro-j7pv25f6) td:where(.astro-j7pv25f6){padding:12px 16px;border-bottom:1px solid var(--border)}.comparison:where(.astro-j7pv25f6) tr:where(.astro-j7pv25f6):hover td:where(.astro-j7pv25f6){background:#ffffff05}.check:where(.astro-j7pv25f6){color:var(--green)}.cross:where(.astro-j7pv25f6){color:var(--red);opacity:.5}.bridge:where(.astro-j7pv25f6){padding:80px 0;text-align:center}.bridge-diagram:where(.astro-j7pv25f6){background:var(--bg-code);border:1px solid var(--border);border-radius:12px;padding:28px;max-width:600px;margin:32px auto;font-family:var(--font-mono);font-size:.85rem;line-height:1.8;text-align:left}footer:where(.astro-j7pv25f6){padding:40px 0;border-top:1px solid var(--border);text-align:center;color:var(--text-dim);font-size:.85rem}footer:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6){color:var(--text-dim)}footer:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6):hover{color:var(--accent)}@media(max-width:640px){.hero:where(.astro-j7pv25f6){padding:60px 0 40px}.nav-links:where(.astro-j7pv25f6){gap:16px}.savings-grid:where(.astro-j7pv25f6){grid-template-columns:1fr 1fr}}