:root{color-scheme:light;--page-glow-left:#795bea12;--page-glow-right:#c58ae31a;--button-fill:#795bea;--button-copy:#fff;--button-hover:#6547d4}
:root[data-theme=dark]{color-scheme:dark;--paper:#0b0812;--ink:#f5f0ff;--muted:#b8afca;--accent:#ad94ff;--accent-hover:#c4b0ff;--accent-text:#bda8ff;--line:#3b304c;--line-accent:#655080;--surface:#181121;--surface-soft:#1b1328;--surface-emphasis:#251935;--selected:#34224f;--dark-hover:#dfd3f5;--decoration:#8f77af;--status:#86dcb0;--status-surface:#142c23;--shadow-soft:#00000055;--shield:#05030ad9;--cta-surface:#1c1030;--cta-label:#c5aaff;--cta-copy:#d4c4e9;--cta-decoration:#9972c9;--cta-note:#c2a8e0;--page-glow-left:#7340db80;--page-glow-right:#8b54ef66;--button-fill:#7953dc;--button-copy:#fff;--button-hover:#6d46cd}
body{background:radial-gradient(ellipse 580px 390px at -7% 610px,var(--page-glow-left),transparent 75%),radial-gradient(ellipse 620px 430px at 107% 620px,var(--page-glow-right),transparent 75%),var(--paper)}
.final-cta{background:radial-gradient(ellipse at 0 100%,var(--page-glow-left),transparent 65%),radial-gradient(ellipse at 100% 100%,var(--page-glow-right),transparent 65%),var(--cta-surface)}
.button-orange{background:var(--button-fill);color:var(--button-copy)}.button-orange:hover{background:var(--button-hover)}.button-dark{color:var(--paper)}
.button-orange[href^="/download/"]:hover,.button-orange[href^="/download/"]:focus-visible{background:linear-gradient(135deg,#8A6DFF 0%,#8A6DFF 50%,#F178B6 82%,#5FA8F5 100%);color:#fff;text-shadow:0 1px 3px #14131c66}
.projection-card{background:#14131c;border-color:#14131c}.projection-image,.studio-output{background-color:#14131c}
:root[data-theme=dark] .projection-card{background:#fff;border-color:#fff}
:root[data-theme=dark] .projection-top{color:#14131c}:root[data-theme=dark] .projection-bottom,:root[data-theme=dark] .hero-autoplay{color:#6d687a}
:root[data-theme=dark] .projection-card .live-label>span{background:#28744f}:root[data-theme=dark] .hero-autoplay:hover{background:#eee8fc;color:#14131c}:root[data-theme=dark] .hero-autoplay:focus-visible{outline-color:#795bea}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:36px;height:36px;flex-shrink:0;padding:7px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);cursor:pointer;transition:background-color .04s,color .04s}.theme-toggle:hover{background:var(--selected);color:var(--accent-text)}.theme-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.theme-toggle-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.theme-toggle [data-theme-icon=sun]{display:none}:root[data-theme=dark] .theme-toggle [data-theme-icon=sun]{display:block}:root[data-theme=dark] .theme-toggle [data-theme-icon=moon]{display:none}.theme-toggle-mobile{display:none}.site-header{gap:18px}.desktop-nav{gap:24px}
.comparison-header nav{align-items:center}
@media(min-width:701px){.comparison-header .theme-toggle{width:auto;padding-inline:10px}.comparison-header .theme-toggle-text{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;font-size:11px}}
@media(min-width:1201px){.site-header .theme-toggle{width:auto;padding-inline:10px}.site-header .theme-toggle-text{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;font-size:11px}}
@media(max-width:1050px){.site-header .theme-toggle{display:none}.theme-toggle-mobile{display:inline-flex;width:100%;height:44px;justify-content:flex-start;margin-top:12px;padding:10px 12px}.theme-toggle-mobile .theme-toggle-text{position:static;width:auto;height:auto;margin:0;clip-path:none;overflow:visible;font-size:13px}.site-header{gap:14px}}
@media(max-width:700px){.comparison-header{gap:12px}.comparison-header .brand{gap:6px;font-size:22px}.comparison-header .brand img{width:28px;height:28px}.comparison-header nav{gap:12px;font-size:10px}.comparison-header nav>a[href="/download/"]{display:none}.comparison-header .theme-toggle{width:32px;height:32px;padding:6px}}
@media(max-width:420px){.site-header{gap:8px}}