:root {
  color-scheme: light;
}
html, body {
  scroll-behavior: smooth;
}
.step.hidden {
  display: none;
}
.planBox.selected {
  border-color: #6366F1;
  background: linear-gradient(135deg, rgba(99,102,241,.1), rgba(34,211,238,.08));
}
.planBox input:focus + p,
.planBox:has(input:checked) p {
  color: #111827;
}
.planBox:hover {
  border-color: #9CA3AF;
}
@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}