:root {
  --gradient-hero: radial-gradient(ellipse at top, oklch(0.32 0.18 25 / 0.5), transparent 60%),
    linear-gradient(180deg, oklch(0.14 0.015 25), oklch(0.1 0.01 25));
  --gradient-cta: linear-gradient(135deg, oklch(0.62 0.23 27), oklch(0.72 0.21 30));
}
html { scroll-behavior: smooth; }
body { font-family: 'Inter', system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4 { font-family: 'Bebas Neue', Impact, sans-serif; letter-spacing: 0.01em; }
.bg-hero { background: var(--gradient-hero); }
.bg-cta { background: var(--gradient-cta); }
.text-gradient-fire {
  background: var(--gradient-cta);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--gradient-cta);
  color: oklch(0.98 0.01 80);
  padding: 1.25rem 2rem;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-radius: 0.5rem;
  box-shadow: 0 20px 60px -15px oklch(0.62 0.23 27 / 0.5);
  transition: all 0.2s ease;
  text-decoration: none;
}
.cta-button:hover { transform: scale(1.02); filter: brightness(1.1); }
@media (min-width: 768px) { .cta-button { font-size: 1.125rem; } }
details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }
details[open] .faq-plus { transform: rotate(45deg); }