/* SONIC V32.1 — Play typography + comprehensive midnight contrast audit.
   Presentation-only. No authentication, price, backend or application behavior changes. */
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
:root{--v32-bg:#080916;--v32-ink:#F9FAFF;--v32-muted:#CDD2EB}
body,body>main,main section,main article,main button,main a,main p,main li,main span,main summary,main details,main small,main label,
body>header,body>footer{font-family:'Play',Arial,sans-serif!important}
main h1,main h2,main h3,main h4,main strong,main b,
body>header h1,body>header h2{font-family:'Play',Arial,sans-serif!important}
main .metrics-grid article{background:#1B203B!important;border:1px solid #404667!important;color:#fff!important}
main .metrics-grid article strong{color:#FFFFFF!important;font-size:clamp(32px,3vw,45px)!important;font-weight:700!important}
main .metrics-grid article h3,
main .metrics-grid article h3[data-sonic],
main .metrics-grid article h4{color:#FFFFFF!important;font-size:17px!important;line-height:1.45!important;font-weight:700!important;letter-spacing:0!important;opacity:1!important}
main .metrics-grid article p,
main .metrics-grid article p[data-sonic]{color:#D6DBF0!important;font-size:14px!important;line-height:1.7!important;opacity:1!important}
main .v5-card h3,main .v5-grid h3,main .v5-steps h3,
main .v5-note strong,main .sonic-v27-benefits,
main .require-grid article h3,main .benefit-grid article h3,
main .cards article h3,main .steps article h3,
main .sonic-six article h3{color:#F9FAFF!important;opacity:1!important}
main .v5-card p,main .v5-grid p,main .v5-steps p,
main .require-grid article p,main .benefit-grid article p,
main .cards article p,main .steps article p,
main .sonic-six article p{color:#CDD2EB!important;opacity:1!important}
main .sonic-v31-package .sonic-v27-benefits span{color:#F1F1FF!important}
main .sonic-v31-package .sonic-v27-benefits strong{color:#FFFFFF!important}
main .comparison-table>div:not(.comparison-head){color:#E4E6F6!important}
main .comparison-table strong{color:#FFFFFF!important}
main .section .section-lead,main .section .section-foot{color:#CDD2EB!important}
main .sonic-showcase-sidebar .sonic-showcase-nav div{color:#D5D9EE!important}
main .sonic-showcase-sidebar .sonic-showcase-nav div.is-selected{color:#FFFFFF!important}
main .sonic-showcase-heading>p{color:#D3D7EC!important}
main .sonic-showcase-metrics small,main .sonic-showcase-cardhead p,
main .sonic-showcase-caption,main .sonic-showcase-release small{color:#C9CEE7!important}
main .faq-list details p,main .v5-faq details p{color:#D5D9F0!important}
main .platform-list span{color:#F7F7FF!important}
main .section-title h2,main .sonic-showcase-heading h2{letter-spacing:-.035em!important;line-height:1.13!important}
main .section-title .eyebrow{color:#C3B7FF!important}
main .hero p,main .sonic-fluid-hero p{color:#F1ECFA!important}
main .hero .hero-note{color:#DFD9EF!important}
main .final-cta p,main .security p{color:#D5D9EE!important}
main a:focus-visible,main button:focus-visible,body>header a:focus-visible{outline:2px solid #C3B7FF!important;outline-offset:4px}
@media(max-width:640px){main .metrics-grid article h3{font-size:16px!important}main .metrics-grid article p{font-size:13px!important}}