/* SONIC V32 — Midnight Fluid, landing page only. Application JS and backend untouched. */
:root{--v32-bg:#080916;--v32-surface:#12152a;--v32-surface2:#191d37;--v32-border:#323755;--v32-ink:#f9f9ff;--v32-muted:#c5c9e0;--v32-accent:#a997ff;--v32-coral:#ff6a60}
html{background:var(--v32-bg)!important}
body{background:var(--v32-bg)!important;color:var(--v32-ink)!important}
body>main{background:radial-gradient(ellipse 52% 18% at 95% 25%,rgba(101,55,173,.12),transparent 85%),radial-gradient(ellipse 45% 17% at 0% 68%,rgba(20,100,154,.13),transparent 85%),var(--v32-bg)!important;color:var(--v32-ink)!important;overflow:clip}
/* Preserve animated hero and remove the hard white break below it. */
main>.sonic-fluid-hero{margin-bottom:0!important;border-radius:0!important}
main>.sonic-fluid-hero:after{content:"";position:absolute;z-index:0;bottom:0;left:0;right:0;height:160px;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--v32-bg))}
/* A dark theme across all landing sections; bounded content remains readable on wide monitors. */
main>section:not(.sonic-fluid-hero):not(.sonic-v31-package){background:transparent!important;color:var(--v32-ink)!important}
main>.section,main>.preview{width:min(100% - 56px,1280px)!important;max-width:1280px!important;margin-inline:auto!important;padding:90px clamp(18px,3vw,44px)!important}
main>.section:nth-of-type(even),main>.section:nth-of-type(odd){background:transparent!important}
main section h1,main section h2,main section h3,main section h4,
main .section-title h2,main .sonic-showcase-heading h2,
main #features h2,main #steps h2,main #platforms h2,main #benefits h2,main #requirements h2,
main #faq h2,main #solutions h2,main #comparison h2,main #help h2,main #pricing h2,
main #why-sonic h2,main #release-guide h2,main #unlimited h2,main #royalty-explained h2,main #faq-extra h2{color:var(--v32-ink)!important}
main .section-title .eyebrow,main .section .eyebrow,main .sonic-showcase-kicker,main .sonic-v31-eyebrow{color:#b4a4ff!important}
main .section p,main .section li,main .section-lead,main .muted,main .section-foot,main .v5-lead,
main .sonic-showcase-heading>p,main .sonic-showcase-disclaimer{color:var(--v32-muted)!important}
main .section-title{max-width:960px!important}
/* Feature and step grids: no dark text on dark backgrounds. */
main .cards>article,main .steps>article,main .benefit-grid>article,main .require-grid>article,
main .sonic-six>article,main #features .cards article,main #steps .steps article,
main .v5-grid>*,main .v5-steps>*,main .metrics-grid>*,main .v5-note{
 background:linear-gradient(145deg,rgba(29,34,64,.96),rgba(16,19,37,.98))!important;
 border:1px solid var(--v32-border)!important;color:var(--v32-ink)!important;
 border-radius:22px!important;box-shadow:none!important}
main .cards>article:nth-child(3n + 2),main .steps>article:nth-child(3n + 2){background:linear-gradient(145deg,#252044,#15182d)!important}
main .cards h3,main .steps h3,main .benefit-grid h3,main .require-grid h3,
main #features .cards article h3,main #steps .steps article h3,
main #features .cards article strong,main #steps .steps article strong,
main .v5-grid h3,main .v5-steps h3,main .metrics-grid strong{color:#fff!important}
main .cards p,main .steps p,main .benefit-grid p,main .require-grid p,
main #features .cards article p,main #steps .steps article p,main .v5-grid p,
main .v5-steps p,main .v5-note p,main .metrics-grid p{color:#c4c9e0!important}
main .feature-icon,main #features .feature-icon,main .steps b,main #steps .steps b,
main .v5-grid .icon,main .metrics-grid .icon{color:#b6a5ff!important}
main .steps b{background:#343052!important;color:#ddd5ff!important}
/* Showcase product window */
main .sonic-showcase-heading h2 em{color:#b6a5ff!important}
main .sonic-showcase-window{background:#12152a!important;border:1px solid #3b3b63!important;box-shadow:0 30px 85px #0003!important}
main .sonic-showcase-windowbar{background:#1a1d34!important;border-bottom:1px solid #363a59!important;color:#d0d2e9!important}
main .sonic-showcase-windowbar b,main .sonic-showcase-demo{color:#b7a7ff!important}
main .sonic-showcase-demo i{background:#b7a7ff!important}
main .sonic-showcase-sidebar{background:#0d1022!important}
main .sonic-showcase-logo,main .sonic-showcase-sidebar .sonic-showcase-nav div.is-selected{color:#fff!important}
main .sonic-showcase-symbol,main .sonic-showcase-sidebar .sonic-showcase-nav div.is-selected{background:#6657b7!important}
main .sonic-showcase-main{background:#12152a!important}
main .sonic-showcase-overline,main .sonic-showcase-welcome h3 span{color:#b6a5ff!important}
main .sonic-showcase-welcome h3,main .sonic-showcase-cardhead h4{color:#fff!important}
main .sonic-showcase-welcome p,main .sonic-showcase-cardhead p{color:#b7bad3!important}
main .sonic-showcase-user{background:#353052!important;color:#eee5ff!important}
main .sonic-showcase-metrics article,main .sonic-showcase-chartcard,main .sonic-showcase-activity{background:#1b203a!important;border:1px solid #373b5b!important}
main .sonic-showcase-metrics strong,main .sonic-showcase-release strong{color:#fff!important}
main .sonic-showcase-metrics small,main .sonic-showcase-caption,main .sonic-showcase-months,
main .sonic-showcase-release small,main .sonic-showcase-activitynote{color:#b8bdd7!important}
main .sonic-showcase-metricicon{color:#b6a5ff!important}
main .sonic-showcase-cardhead>span{background:#30334e!important;color:#d8daf0!important}
main .sonic-showcase-release{border-color:#343955!important}
main .sonic-showcase-chart path[stroke="#b15f2c"]{stroke:#ac99ff!important}
main .sonic-showcase-chart circle[fill="#b15f2c"]{fill:#ac99ff!important;stroke:#1b203a!important}
main .sonic-showcase-chip.done{background:#233d38!important;color:#a6ead0!important}
main .sonic-showcase-chip.review{background:#473b2c!important;color:#f6d49a!important}
main .sonic-showcase-chip.draft{background:#363a51!important;color:#d5d8e7!important}
/* Comparisons, pricing, platform pills, FAQs */
main .comparison-table,main .price-panel,main .v5-card,main .pay-account,
main .sonic-v27-offer{background:#191d35!important;border:1px solid #363b5b!important;color:#fff!important}
main .comparison-table *,main .price-panel h3,main .price-panel strong,main .price-panel li,
main .v5-card h3{color:#f6f6ff!important}
main .comparison-table p,main .price-panel p,main .v5-card p{color:#c4c9e0!important}
main .platform-list span,main #platforms .platform-list span{background:#222541!important;border:1px solid #414464!important;color:#eeeefe!important;border-radius:999px!important}
main .faq-list details,main #faq details,main #faq-extra details,main .v5-faq details{
 background:#171b33!important;border:1px solid #353a5a!important;border-radius:16px!important;color:#fff!important}
main .faq-list summary,main #faq summary,main #faq-extra summary,main .v5-faq summary{color:#fff!important}
main .faq-list details p,main #faq details p,main #faq-extra details p,main .v5-faq details p{color:#c7cbe1!important}
/* Package block uses the same midnight vocabulary without changing price. */
main>.sonic-v31-package{width:min(100% - 56px,1280px)!important;max-width:1280px!important;margin:25px auto!important;background:linear-gradient(120deg,#1b1a37,#11182e)!important;border:1px solid #373b61!important;border-radius:30px!important;overflow:hidden}
main .sonic-v31-package-inner{background:transparent!important}
main .sonic-v31-package h2,main .sonic-v31-package-heading h2{color:#fff!important}
main .sonic-v31-package-heading p{color:#c7c9df!important}
main .sonic-v31-package .sonic-v27-offer{background:#22243e!important;border:1px solid #454765!important;color:#fff!important}
main .sonic-v31-package .sonic-v27-kicker{color:#c1b2ff!important}
main .sonic-v31-package .sonic-v27-price{color:#fff!important}
main .sonic-v31-package .sonic-v27-price small,main .sonic-v31-package .sonic-v27-benefits span,
main .sonic-v31-package .sonic-v27-offer p{color:#d2d4e9!important}
main .sonic-v31-package .sonic-v27-cta{background:var(--v32-coral)!important;color:#fff!important}
/* End CTA, security and footer should not jump back to white. */
main>.section.final-cta{background:linear-gradient(120deg,#242048,#14162e)!important;border:1px solid #4a426e!important;border-radius:30px!important;color:#fff!important}
main .final-cta h2{color:#fff!important}
main .final-cta p{color:#d3d4e9!important}
main .final-cta .primary{background:var(--v32-coral)!important;border-color:var(--v32-coral)!important;color:#fff!important}
main .final-cta .outline{color:#fff!important;border-color:#8584a7!important;background:transparent!important}
main>.section.security{background:#151a31!important;border:1px solid #383d60!important;color:#fff!important}
main .security h2{color:#fff!important}
main .security p{color:#c8cbe2!important}
main .security .shield{color:#a997ff!important}
body>footer{background:#070814!important;color:#c7cbe3!important;border-top:1px solid #252943!important}
body>footer span,body>footer a{color:#c7cbe3!important}
/* Modal remains light on purpose for form clarity and existing form states. */
body .modal .dialog{background:#fff!important;color:#16161a!important}
body .modal .dialog h2,body .modal .dialog label{color:#16161a!important}
body .modal .dialog p{color:#555967!important}
@media(max-width:900px){main>.section,main>.preview{padding:70px 20px!important}}
@media(max-width:600px){main>.section,main>.preview{width:100%!important;padding:62px 20px!important}main>.sonic-v31-package{width:calc(100% - 30px)!important;margin:20px auto!important}main .sonic-showcase-window{border-radius:18px!important}}
@media(prefers-reduced-motion:reduce){main .sonic-showcase-window{scroll-behavior:auto!important}}