/* Tema: Neon / Siber */
:root { --font: "Space Grotesk", system-ui, sans-serif; --font-head: "Space Grotesk", system-ui, sans-serif; --head-weight: 700;
  --bg: #f4fbf6; --bg-alt: #eaf6ee; --surface: #ffffff; --surface-2: #e6f2ea; --text: #04130a; --muted: #4b6355; --border: #cfe3d6;
  --primary: #059669; --primary-2: #0891b2; --radius: 10px; --radius-sm: 8px; --radius-btn: 8px; }
[data-mode="dark"] { --bg: #05070d; --bg-alt: #080c16; --surface: #0b111d; --surface-2: #111a2b; --text: #e2fbe8; --muted: #7f9a8b; --border: #16233a;
  --primary: #22c55e; --primary-2: #06b6d4; --on-primary: #03140a; --shadow: 0 0 0 1px rgba(34,197,94,.06), 0 10px 30px rgba(0,0,0,.4); }
.theme-neon .eyebrow { font-family: "JetBrains Mono", monospace; text-transform: none; letter-spacing: 0; border: 1px solid color-mix(in srgb, var(--primary) 40%, transparent); }
.theme-neon h1, .theme-neon h2 { letter-spacing: -0.03em; }
.theme-neon .grid-bg { opacity: .9; background-size: 36px 36px; background-image: linear-gradient(color-mix(in srgb, var(--primary) 12%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--primary) 12%, transparent) 1px, transparent 1px); }
.theme-neon .blob { opacity: .25; }
[data-mode="dark"] .theme-neon .btn-primary { box-shadow: 0 0 24px color-mix(in srgb, var(--primary) 55%, transparent); }
[data-mode="dark"] .theme-neon .pkg:hover, [data-mode="dark"] .theme-neon .feature:hover { box-shadow: 0 0 0 1px var(--primary), 0 0 30px color-mix(in srgb, var(--primary) 25%, transparent); }
[data-mode="dark"] .theme-neon .pkg--featured { box-shadow: 0 0 40px color-mix(in srgb, var(--primary) 25%, transparent); }
.theme-neon .pkg-price strong, .theme-neon .stat strong, .theme-neon code, .theme-neon .step-no { font-family: "JetBrains Mono", monospace; }
.theme-neon .brand-mark { font-family: "JetBrains Mono", monospace; border-radius: 8px; }
.theme-neon .brand-name::after { content: "_"; color: var(--primary); animation: blink 1s steps(1) infinite; }
.theme-neon .section-head .eyebrow::before { content: "// "; }
.theme-neon .feature-icon, .theme-neon .pkg-icon { border: 1px solid color-mix(in srgb, var(--primary) 35%, transparent); }
.theme-neon .cta-box { background: var(--surface); color: var(--text); border: 1px solid var(--primary); }
.theme-neon .cta-box::after { background: radial-gradient(circle, color-mix(in srgb, var(--primary) 30%, transparent), transparent 70%); }
.theme-neon .cta-box .btn-light { background: var(--primary); color: var(--on-primary); }
.theme-neon .cta-box .btn-outline-light { color: var(--text); border-color: var(--border); }
.theme-neon .strip { background: var(--primary); color: var(--on-primary); font-family: "JetBrains Mono", monospace; }