/* Canonical shared theme. scripts/sync-theme.cjs distributes byte-identical copies. */
@font-face{font-family:Blake Display;src:url('./design-assets/display.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Blake Sans;src:url('./design-assets/body.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Blake Sans;src:url('./design-assets/body-bold.ttf') format('truetype');font-weight:700 900;font-display:swap}
:root{color-scheme:dark;--bg:#090e18;--card:#101927;--soft:#162235;--surface:var(--card);--surface-2:var(--soft);--line:#2a3b50;--text:#f3f7ff;--muted:#a9bbd1;--purple:#43baff;--pink:#176ff2;--cyan:#43baff;--green:#6ce4ba;--blue:#176ff2;--blue-hover:#0e5fd8;--on-blue:#fff;--font-body:'Blake Sans','Segoe UI',sans-serif;--font-display:'Blake Display','Arial Narrow',sans-serif;--radius-control:10px;--radius-panel:16px;--scroll-thumb:#526881;--scroll-track:var(--bg);--scroll-hover:#728ba9;--scroll-active:var(--cyan);scrollbar-color:var(--scroll-thumb) var(--scroll-track);scrollbar-width:thin}
*{box-sizing:border-box;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}
html{scroll-padding-top:100px;scrollbar-gutter:stable}body{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.6;overflow-x:clip}
::selection{background:var(--blue);color:white}input,textarea{caret-color:var(--cyan)}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scroll-track)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-hover)}::-webkit-scrollbar-thumb:active{background:var(--scroll-active)}
button,input,select,textarea{font-family:inherit}button,a,summary,select{touch-action:manipulation}button,summary{cursor:pointer}a{text-underline-offset:4px}button:disabled,[aria-disabled=true]{cursor:not-allowed;opacity:.55}
:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
button,.primary,.secondary,.ghost,.button,.nav-cta{border-radius:var(--radius-control);min-height:44px;transition:background-color .18s,border-color .18s,color .18s,transform .18s}
.primary,.button:not(.secondary),.nav-cta{background:var(--blue);color:var(--on-blue);box-shadow:none;border-color:transparent}
.primary:hover,.button:not(.secondary):hover,.nav-cta:hover{background:var(--blue-hover);color:var(--on-blue)}
.secondary,.ghost,.button.secondary{background:var(--soft);color:var(--text);border:1px solid var(--line);box-shadow:none}
.secondary:hover,.ghost:hover,.button.secondary:hover{background:var(--card);border-color:var(--cyan)}
button:active:not(:disabled),.button:active,.primary:active{transform:translateY(1px)}
input,select,textarea{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-control);min-height:44px;font-size:16px;max-width:100%}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}label{color:var(--text)}textarea{resize:none;min-height:120px}
dialog{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-panel);max-height:calc(100dvh - 32px);overflow:auto;scrollbar-gutter:stable;color:var(--text)}
dialog::backdrop{background:#020611d9;backdrop-filter:none}dialog h2{padding-right:30px;letter-spacing:-.02em}.close{min-width:44px;min-height:44px;color:var(--muted)}
.brand-logo,.brand img{box-shadow:none;border-radius:10px}.aurora,.glow{display:none}
.eyebrow{display:none}.plan>.eyebrow{display:block;color:var(--text);font:700 20px var(--font-body);letter-spacing:0}
body:not(.central-admin) h1,body:not(.central-admin) .section-head h2,.seo-hero h1,.section-intro h2{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.02;text-wrap:balance}
h1 em,.hero h1 em,.seo-hero h1 em{background:none;color:var(--cyan);font-style:normal}
.stats article,.services article,.card,.plan,.faq details,.faq-grid details,.confidence-grid article,.seo-paths .confidence-grid a{background:var(--card);border-color:var(--line);box-shadow:none;border-radius:var(--radius-panel)}
.stats span,.muted,.lead,.card p,.plan p,.faq p,.faq-grid p{color:var(--muted)}
.seo-hero{min-height:460px;padding:54px 0;gap:48px}.seo-hero h1{font-size:clamp(3rem,6vw,5.5rem)}
.seo-hero .visual{background:var(--soft);border:0;box-shadow:none;padding:0;overflow:hidden;border-radius:16px}.seo-hero .visual img{border-radius:0}
.signal{border:1px solid var(--line);border-radius:16px;padding:10px 24px;background:var(--card)}.signal article{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:22px 0}.signal article:last-child{border:0}.signal i{background:none;color:var(--cyan);font-family:var(--font-display);font-size:34px}
.hero-proof span{background:none;border:0;border-top:1px solid var(--line);border-radius:0;text-align:left;padding:12px 0;color:var(--muted)}
.notice{border:1px solid var(--line);border-radius:12px;background:var(--soft)}
.cta{background:var(--soft);border:1px solid var(--line);border-radius:16px}.cta h2{font-family:var(--font-display);font-size:44px}
.central-admin{background:var(--bg);font-family:var(--font-body)}.central-header,.central-sidebar{background:var(--card)}
.blake-panel .bg{display:none}.blake-panel .topbar,.blake-panel .sidebar,.blake-panel .stat{background:var(--card);border-color:var(--line)}
body:not(.store-page):not(.central-admin):not(.blake-panel)>header{background:var(--bg);backdrop-filter:none;border-bottom:1px solid var(--line);padding-top:12px;padding-bottom:12px;gap:20px}
body:not(.store-page):not(.central-admin):not(.blake-panel)>header .brand{white-space:nowrap}
@media(max-width:860px){body:not(.store-page):not(.central-admin):not(.blake-panel)>header{position:relative;flex-wrap:wrap}body:not(.store-page):not(.central-admin):not(.blake-panel)>header nav{display:flex;width:100%;overflow-x:auto;gap:20px;padding-bottom:6px}body:not(.store-page):not(.central-admin):not(.blake-panel)>header nav a{display:flex;align-items:center;min-height:44px;white-space:nowrap;font-size:12px}}
.blake-panel .hero{background:var(--card);border-color:var(--line)}.blake-panel .hero:after{display:none}.blake-panel .hero h1{color:var(--text);background:none;-webkit-text-fill-color:var(--text);font-size:42px}
.blake-panel .plan,.blake-panel .event,.blake-panel .game-chip,.blake-panel .subscription-item,.blake-panel .admin-user{background:var(--card);border-color:var(--line)}
.blake-panel .primary,.blake-panel .plan>a{background:var(--blue);color:white;box-shadow:none}.blake-panel .brand-logo{box-shadow:none}
.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:var(--text);color:var(--bg);padding:12px 20px}.skip-link:focus{top:12px}
@media(max-width:700px){.seo-hero{padding:36px 0;gap:28px}.seo-hero h1{font-size:3.3rem}.hero-proof{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-proof span{font-size:12px}.central-header{flex-wrap:wrap}.blake-panel .hero h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){:root,*{scrollbar-color:auto}.primary,.button,button{border:1px solid ButtonText}a{color:LinkText}}
