/* SONIC V33.2 — unified Midnight typography and section rhythm.
   Landing presentation only; no changes to forms, backend or auth. */
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
main{font-family:'Play',Arial,sans-serif!important}
main>.section,main>.preview{
  padding-block:clamp(38px,4.2vw,62px)!important;
}
main>.sonic-showcase{
  padding-bottom:22px!important;
}
main>.sonic-metrics{
  padding-top:20px!important;
  padding-bottom:36px!important;
}
main>.sonic-metrics + #solutions{
  padding-top:38px!important;
}
main #solutions + #comparison{
  padding-top:44px!important;
}
main .sonic-showcase-heading{margin-bottom:26px!important}
main .sonic-showcase-disclaimer{display:none!important}
main .section-title{
  max-width:980px!important;
  margin:0 auto 27px!important;
  text-align:center!important;
}
main .section-title .eyebrow,
main #solutions .eyebrow,
main #comparison .eyebrow,
main #help .eyebrow,
main #features .eyebrow,
main #benefits .eyebrow,
main #requirements .eyebrow,
main #faq .eyebrow,
main #why-sonic .eyebrow,
main #release-guide .eyebrow,
main #unlimited .eyebrow,
main #royalty-explained .eyebrow,
main #faq-extra .eyebrow{
  display:block!important;
  color:#C8BBFF!important;
  font-family:'Play',Arial,sans-serif!important;
  font-size:clamp(13px,1.05vw,16px)!important;
  line-height:1.5!important;
  font-weight:700!important;
  letter-spacing:.10em!important;
  margin-bottom:12px!important;
  opacity:1!important;
}
main .section-title h2{
  font-family:'Play',Arial,sans-serif!important;
  font-size:clamp(30px,3.6vw,52px)!important;
  font-weight:700!important;
  line-height:1.14!important;
  letter-spacing:-.028em!important;
  max-width:1000px!important;
  margin:0 auto 14px!important;
  color:#F9FAFF!important;
}
main .section-title .section-lead,
main .section-title>p{
  font-size:clamp(14px,1.1vw,17px)!important;
  line-height:1.7!important;
  color:#D7DDF2!important;
  max-width:800px!important;
  margin:0 auto!important;
}
main #solutions .sonic-six,
main #comparison .comparison-table{
  margin-top:26px!important;
}
main .metrics-grid{gap:14px!important}
main .metrics-grid article{padding:25px 23px!important}
main .metrics-grid h3{font-size:17px!important;line-height:1.45!important}
main .metrics-grid p{font-size:14px!important;line-height:1.65!important}
main .sonic-showcase-heading>p{font-size:15px!important;line-height:1.7!important}
main .sonic-showcase-window{margin-bottom:0!important}
main .section-foot{margin-top:16px!important;font-size:13px!important;line-height:1.6!important}
main>.sonic-v31-package{margin-block:26px!important}
main>.section.final-cta{margin-top:32px!important;margin-bottom:30px!important}
@media(max-width:768px){
 main>.section,main>.preview{padding-block:32px!important}
 main>.sonic-metrics{padding-top:12px!important;padding-bottom:26px!important}
 main>.sonic-metrics + #solutions{padding-top:28px!important}
 main .section-title{margin-bottom:22px!important}
 main .section-title h2{font-size:clamp(27px,7vw,38px)!important}
 main .section-title .eyebrow{font-size:13px!important}
}