/* WiFiFlow v2 marketing homepage overrides (standalone layout). */
html.v2 .hero {
  background: linear-gradient(
    135deg,
    var(--v2-night) 0%,
    var(--v2-night-2) 35%,
    var(--v2-brand-strong) 62%,
    var(--v2-night-3) 100%
  );
  background-size: 200% 200%;
}

html.v2 .hero-eyebrow .dot {
  background: var(--v2-signal);
}

html.v2 .hero-eyebrow .dot::after {
  border-color: var(--v2-signal);
}

html.v2 .btn-hero-primary {
  background: var(--v2-brand);
  box-shadow: 0 4px 24px rgba(14, 143, 99, 0.45);
}

html.v2 .btn-hero-primary:hover {
  background: var(--v2-brand-strong);
  box-shadow: 0 8px 32px rgba(14, 143, 99, 0.5);
}

html.v2 .section-eyebrow {
  color: var(--v2-brand);
}

html.v2 .stat-item .number {
  color: var(--v2-brand);
}

html.v2 .hero h1 .accent {
  background: linear-gradient(135deg, var(--v2-signal) 0%, var(--v2-brand) 100%);
  -webkit-background-clip: text;
  background-clip: text;
}