:root{
  --brand:#00d6ff; --brand-2:#00c4ff; --brand-dark:#0b2a33;
  --bg:#ffffff; --bg-soft:#f7fbff; --bg-card:#f9fbfc;
  --text:#0a1220; --muted:#6b7a90; --border:rgba(10,18,32,.08);
  --shadow:0 10px 24px rgba(0,0,0,.08);
}
body{ font-family:'Montserrat',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:var(--text); background:var(--bg) }
.section{ padding:4px 12px }
.card{ margin-bottom: 10px;background:var(--bg-card); border:1px solid var(--border); border-radius:16px; box-shadow:var(--shadow); padding:14px 16px }
.badge{ display:inline-flex; align-items:center; gap:8px; padding:8px 10px; border:1px solid var(--border); background:var(--bg-soft); border-radius:12px; font-weight:700; font-size:12px }
.reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}
.section-soft{ background:var(--bg-soft) }
#howtochoose .benefit-list li{ background:var(--bg-card); border:1px solid var(--border); border-radius:12px; padding:10px 12px; margin-bottom:8px; box-shadow:var(--shadow) }