/* Sprint 2.2 — Supporting Experiences™ + Trust & Account™ */
body[data-page="beta"],
body[data-page="smartconsumer"],
body[data-page="simulators"],
body[data-page="contact"],
body[data-page="privacy"],
body[data-page="terms"],
body[data-page="legal"],
body[data-page="delete_account"],
body[data-page="forgot_password"],
body[data-page="reset_password"]{
  --experience-accent:#59d89d;
  --experience-line:rgba(174,210,238,.14);
  --experience-surface:rgba(12,29,48,.72);
  --experience-surface-strong:#0c1d30;
  background:
    radial-gradient(circle at 78% 10%,rgba(89,216,157,.07),transparent 28rem),
    #06111f!important;
}
body[data-page="beta"] .hero,
body[data-page="contact"] .hero,
body[data-page="privacy"] .hero,
body[data-page="terms"] .hero,
body[data-page="legal"] .hero,
body[data-page="smartconsumer"] .page-hero,
body[data-page="simulators"] .page-hero{
  min-height:min(66vh,680px);
  display:grid;
  align-items:center;
  border-bottom:1px solid var(--experience-line);
  background:transparent!important;
}
body[data-page="beta"] .hero h1,
body[data-page="contact"] .hero h1,
body[data-page="privacy"] .hero h1,
body[data-page="terms"] .hero h1,
body[data-page="legal"] .hero h1,
body[data-page="smartconsumer"] .page-hero h1,
body[data-page="simulators"] .page-hero h1{
  max-width:980px;
  font-size:clamp(3rem,7vw,6.2rem);
  letter-spacing:-.065em;
  line-height:.94;
}
body[data-page="beta"] .hero p,
body[data-page="contact"] .hero p,
body[data-page="privacy"] .hero p,
body[data-page="terms"] .hero p,
body[data-page="legal"] .hero p,
body[data-page="smartconsumer"] .page-hero p,
body[data-page="simulators"] .page-hero p{
  max-width:760px;
}
body[data-page="beta"] .section,
body[data-page="smartconsumer"] .section,
body[data-page="simulators"] .section,
body[data-page="contact"] .section,
body[data-page="privacy"] .section,
body[data-page="terms"] .section,
body[data-page="legal"] .section{
  border-bottom:1px solid rgba(174,210,238,.08);
}
body[data-page="beta"] :is(.feature-card,.step-card,.info-card,.beta-card,.form-card),
body[data-page="smartconsumer"] :is(.content-card,.coming-soon-panel),
body[data-page="simulators"] :is(.simulator-card,.content-card,.info-card),
body[data-page="contact"] :is(.contact-card,.info-card,.faq-item,.form-card),
body[data-page="privacy"] :is(.info-card,.legal-card,.privacy-card),
body[data-page="terms"] :is(.info-card,.legal-card,.terms-card),
body[data-page="legal"] :is(.info-card,.legal-card){
  border:1px solid var(--experience-line)!important;
  background:linear-gradient(180deg,rgba(15,35,57,.86),rgba(8,23,39,.78))!important;
  border-radius:22px!important;
  box-shadow:none!important;
}
body[data-page="privacy"] #privacy-content,
body[data-page="terms"] #terms-content,
body[data-page="legal"] #legal-content{
  max-width:980px;
  margin-inline:auto;
}
body[data-page="privacy"] #privacy-content :is(h2,h3),
body[data-page="terms"] #terms-content :is(h2,h3),
body[data-page="legal"] #legal-content :is(h2,h3){
  scroll-margin-top:120px;
}
body[data-page="privacy"] #privacy-content > *,
body[data-page="terms"] #terms-content > *,
body[data-page="legal"] #legal-content > *{
  max-width:820px;
}
body[data-page="privacy"] #privacy-content h2,
body[data-page="terms"] #terms-content h2,
body[data-page="legal"] #legal-content h2{
  margin-top:3.5rem;
  padding-top:.2rem;
  font-size:clamp(1.55rem,3vw,2.35rem);
}
body[data-page="privacy"] #privacy-content p,
body[data-page="terms"] #terms-content p,
body[data-page="legal"] #legal-content p,
body[data-page="privacy"] #privacy-content li,
body[data-page="terms"] #terms-content li,
body[data-page="legal"] #legal-content li{
  color:#a9b9cc!important;
  font-size:1rem;
  line-height:1.8;
}
body[data-page="delete_account"] .delete-account-hero,
body[data-page="forgot_password"] .password-hero,
body[data-page="reset_password"] .password-hero{
  padding-top:clamp(9rem,16vh,13rem);
  background:
    radial-gradient(circle at 50% 0,rgba(89,216,157,.08),transparent 28rem),
    transparent!important;
}
body[data-page="delete_account"] .delete-account-card,
body[data-page="forgot_password"] .password-card,
body[data-page="reset_password"] .password-card{
  border:1px solid var(--experience-line)!important;
  background:linear-gradient(180deg,rgba(15,35,57,.94),rgba(8,23,39,.94))!important;
  border-radius:24px!important;
  box-shadow:0 24px 80px rgba(0,0,0,.22)!important;
}
body[data-page="delete_account"] :is(input,select,textarea),
body[data-page="forgot_password"] :is(input,select,textarea),
body[data-page="reset_password"] :is(input,select,textarea),
body[data-page="beta"] :is(input,select,textarea),
body[data-page="contact"] :is(input,select,textarea){
  background:#071522!important;
  color:#eef6ff!important;
  border-color:#294158!important;
}
body[data-page="delete_account"] :is(input,select,textarea):focus,
body[data-page="forgot_password"] :is(input,select,textarea):focus,
body[data-page="reset_password"] :is(input,select,textarea):focus,
body[data-page="beta"] :is(input,select,textarea):focus,
body[data-page="contact"] :is(input,select,textarea):focus{
  border-color:var(--experience-accent)!important;
  box-shadow:0 0 0 3px rgba(89,216,157,.12)!important;
}
.trust-note{
  margin:2rem 0;
  padding:1rem 1.15rem;
  border-left:2px solid var(--experience-accent);
  background:rgba(89,216,157,.06);
  color:#b8c8d9;
}
@media(max-width:760px){
  body[data-page="beta"] .hero,
  body[data-page="contact"] .hero,
  body[data-page="privacy"] .hero,
  body[data-page="terms"] .hero,
  body[data-page="legal"] .hero,
  body[data-page="smartconsumer"] .page-hero,
  body[data-page="simulators"] .page-hero{
    min-height:auto;
    padding-top:8.5rem;
    padding-bottom:4.5rem;
  }
  body[data-page="beta"] .hero h1,
  body[data-page="contact"] .hero h1,
  body[data-page="privacy"] .hero h1,
  body[data-page="terms"] .hero h1,
  body[data-page="legal"] .hero h1,
  body[data-page="smartconsumer"] .page-hero h1,
  body[data-page="simulators"] .page-hero h1{
    font-size:clamp(2.7rem,13vw,4.8rem);
  }
}
@media(prefers-reduced-motion:reduce){
  body[data-page] *,body[data-page] *::before,body[data-page] *::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}