/* Тема neon — чорний з кислотно-зеленим неоном, технічний вигляд */
:root {
  --bg: #050705;
  --surface: #0c120c;
  --surface-2: #152015;
  --nav-bg: rgba(5,7,5,.85);
  --footer-bg: #020402;
  --grad-hero: radial-gradient(110% 140% at 50% -20%, #a3e635 0%, #4d7c0f 28%, #1a2e05 55%, #050705 100%);
  --hero-fade: linear-gradient(180deg, transparent, #050705);
  --hero-sub: rgba(236,255,214,.82);
  --grad-text: linear-gradient(92deg,#a3e635,#65a30d);
  --grad-headline: linear-gradient(92deg,#fff,#d9f99d);
  --accent: #a3e635;
  --glow: rgba(163,230,53,.8);
  --text-1: #f0ffe0;
  --text-2: #93a583;
  --border: rgba(163,230,53,.2);
  --card-bg: #0c120c;
  --card-border: rgba(163,230,53,.2);
  --card-border-hover: #a3e635;
  --card-shadow: 0 0 0 1px rgba(163,230,53,.35), 0 16px 40px rgba(0,0,0,.6);
  --price-color: #a3e635;
  --pill-glass-bg: rgba(163,230,53,.12);
  --pill-glass-hover: rgba(163,230,53,.22);
  --pill-glass-border: rgba(163,230,53,.35);
  --pill-glass-text: #d9f99d;
  --btn-bg: linear-gradient(92deg,#a3e635,#65a30d);
  --btn-text: #0a0f05;
  --btn-shadow: 0 0 24px rgba(163,230,53,.45);
  --btn-shadow-hover: 0 0 34px rgba(163,230,53,.65);
  --radius-pill: 4px;
  --radius-card: 4px;
  --font: 'Rubik', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Play', 'Rubik', system-ui, sans-serif;
}

.pill, .btn { border-radius: 4px; }
.nav-links a { text-transform: uppercase; letter-spacing: .06em; font-size: .82rem; }
.price { text-shadow: 0 0 12px rgba(163,230,53,.5); }
.hero > .container { text-align: center; }
.hero .pill-row, .hero-cta { justify-content: center; }
.hero-sm > .container { text-align: left; }
.hero-sm .pill-row, .hero-sm .hero-cta { justify-content: flex-start; }