/* ============ Variant C — "Voltage" ============
   Dark sports-energy: indigo-violet field, magenta/violet gradients,
   Outfit display, gradient headline. */

:root {
  --ink: #0c0918;
  --ink-soft: #120e22;
  --ink-card: #181230;
  --line: rgba(255, 255, 255, 0.09);
  --accent: #8b5cf6;
  --accent-deep: #6d28d9;
  --accent-glow: rgba(139, 92, 246, 0.4);
  --font-display: 'Outfit', 'Inter', -apple-system, sans-serif;
}

h1, h2, h3 { letter-spacing: -0.01em; }
.hero h1 { font-weight: 800; }

.eyebrow { color: #c084fc; }
.wordmark .mark { color: #a78bfa; }

.hero-glow {
  background:
    radial-gradient(ellipse 60% 50% at 30% 30%, rgba(139, 92, 246, 0.28), transparent 65%),
    radial-gradient(ellipse 50% 45% at 75% 55%, rgba(217, 70, 239, 0.18), transparent 65%);
  width: 1100px; height: 700px;
}
.hero h1 {
  background: linear-gradient(95deg, #ede9fe 15%, #d8b4fe 55%, #f0abfc 85%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.btn-primary {
  background: linear-gradient(135deg, #8b5cf6, #d946ef);
  box-shadow: 0 4px 26px rgba(168, 85, 247, 0.45);
}
.btn-primary:hover { box-shadow: 0 8px 36px rgba(168, 85, 247, 0.55); }
.shot-action { background: linear-gradient(135deg, #8b5cf6, #d946ef); }

.hero-points li::before { background: #c084fc; }
.seg.active { background: rgba(139, 92, 246, 0.18); color: #c4b5fd; }

.c1 { background: rgba(139, 92, 246, 0.36); }
.c2 { background: rgba(236, 72, 153, 0.32); }
.c3 { background: rgba(34, 211, 238, 0.26); }
.fdot.f1 { background: #a78bfa; }
.fdot.f2 { background: #ec4899; }

.module-node { border-color: #a78bfa; box-shadow: 0 0 0 4px rgba(167, 139, 250, 0.16); }
.spine-line { background: linear-gradient(180deg, #a78bfa, rgba(167, 139, 250, 0.06)); }
.module-card:hover { border-color: rgba(167, 139, 250, 0.45); }
.module-flagship {
  border-color: rgba(167, 139, 250, 0.4);
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.12), var(--ink-card) 45%);
}

.why-icon { background: rgba(139, 92, 246, 0.12); color: #c4b5fd; }
.bp-next { border-color: rgba(167, 139, 250, 0.45); background: rgba(139, 92, 246, 0.1); }
.bp-next .bp-label { color: #c4b5fd; }
.bp-line i.up { color: #c4b5fd; }
.mg-assign .off.pulse { color: #c4b5fd; }
.phone-toast {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.26), rgba(217, 70, 239, 0.22));
  border-color: rgba(167, 139, 250, 0.4);
}
.fi-acc { background: rgba(139, 92, 246, 0.14); }
.fi-acc::after { background: #a78bfa; }
.fi-pay { background: rgba(236, 72, 153, 0.12); }
.fi-pay::after { background: #ec4899; }

.cta {
  background:
    radial-gradient(ellipse at 50% 120%, rgba(139, 92, 246, 0.26), transparent 60%),
    var(--ink-soft);
}
.dswitch a.active { background: #8b5cf6; }