/* src/styles/theme-extras.css */
:root{--hero-bg:radial-gradient(120% 90% at 50% -10%,#e9f0ff 0%,var(--ground) 55%);--hero-fg:var(--text);--hero-sub:var(--muted);--hero-line:var(--line);--hero-badge-bg:rgba(17,25,43,.05);--hero-badge-bd:rgba(17,25,43,.12);--hero-badge-fg:var(--muted);--hero-ghost-bd:color-mix(in srgb,var(--text) 22%,transparent);--hero-ghost-fg:var(--text);--hero-trust:var(--muted);--hero-trust-b:var(--text);--hero-grad1:#2f66f0;--hero-grad2:#17a06e;--spot-op:.4}
@media (prefers-color-scheme:dark){:root{--hero-bg:radial-gradient(120% 90% at 50% -10%,#16233f 0%,var(--stage) 55%);--hero-fg:#eaf0fb;--hero-sub:#b7c4e0;--hero-line:#0e1730;--hero-badge-bg:rgba(255,255,255,.06);--hero-badge-bd:rgba(255,255,255,.14);--hero-badge-fg:#cdd8f0;--hero-ghost-bd:rgba(255,255,255,.26);--hero-ghost-fg:#eaf0fb;--hero-trust:#8ea0c4;--hero-trust-b:#dfe7f7;--hero-grad1:#7aa0ff;--hero-grad2:#5fe0b0;--spot-op:1}}
:root[data-theme=light]{--hero-bg:radial-gradient(120% 90% at 50% -10%,#e9f0ff 0%,var(--ground) 55%);--hero-fg:var(--text);--hero-sub:var(--muted);--hero-line:var(--line);--hero-badge-bg:rgba(17,25,43,.05);--hero-badge-bd:rgba(17,25,43,.12);--hero-badge-fg:var(--muted);--hero-ghost-bd:color-mix(in srgb,var(--text) 22%,transparent);--hero-ghost-fg:var(--text);--hero-trust:var(--muted);--hero-trust-b:var(--text);--hero-grad1:#2f66f0;--hero-grad2:#17a06e;--spot-op:.4}
:root[data-theme=dark]{--hero-bg:radial-gradient(120% 90% at 50% -10%,#16233f 0%,var(--stage) 55%);--hero-fg:#eaf0fb;--hero-sub:#b7c4e0;--hero-line:#0e1730;--hero-badge-bg:rgba(255,255,255,.06);--hero-badge-bd:rgba(255,255,255,.14);--hero-badge-fg:#cdd8f0;--hero-ghost-bd:rgba(255,255,255,.26);--hero-ghost-fg:#eaf0fb;--hero-trust:#8ea0c4;--hero-trust-b:#dfe7f7;--hero-grad1:#7aa0ff;--hero-grad2:#5fe0b0;--spot-op:1}
html .hero{background:var(--hero-bg);color:var(--hero-fg);border-bottom-color:var(--hero-line)}
html .hero-sub{color:var(--hero-sub)}
html .badge{background-color:var(--hero-badge-bg);border-color:var(--hero-badge-bd);color:var(--hero-badge-fg)}
html .hero-cta .btn-ghost{color:var(--hero-ghost-fg);border-color:var(--hero-ghost-bd)}
html h1.hero-h .grad{background-image:linear-gradient(100deg,var(--hero-grad1),var(--hero-grad2))}
html .trust{color:var(--hero-trust)}
html .trust b{color:var(--hero-trust-b)}
html .spot{opacity:var(--spot-op,1)}
html header.site{position:fixed;left:0;right:0;top:0}
html body{padding-top:68px}