/* DOSINT v21 — pure black / pure white themes, split hero (text left, sphere right).
   Loaded after glass.css. Remove this <link> to go back to v20. */
:root{color-scheme:dark}
html,body{background:#000}
[data-theme="light"],[data-theme="light"] body{background:#fff}
body{transition:background-color .5s,color .5s}
.land,#auth{background:transparent!important}

/* theme switch: circular reveal (View Transitions) */
html.vt::view-transition-old(root),html.vt::view-transition-new(root){animation:none;mix-blend-mode:normal}
html.vt::view-transition-old(root){z-index:1}
html.vt::view-transition-new(root){z-index:2}

/* ---------- hero: text left, sphere right ---------- */
.hero{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;
 max-width:1320px!important;margin:0 auto!important;text-align:left!important;column-gap:clamp(24px,4vw,80px);row-gap:64px;
 padding:clamp(120px,19vh,176px) clamp(20px,5vw,72px) 56px!important}
.hero>.hero-info{grid-column:1;grid-row:1;align-items:flex-start!important;text-align:left!important;min-width:0}
.hero>#orb{grid-column:2;grid-row:1;display:block;position:relative;width:100%;max-width:660px;aspect-ratio:1;justify-self:center;pointer-events:none;
 animation:orb-in 1.8s var(--gl-ease) .15s both}
.hero>.term{grid-column:1/-1;grid-row:2;max-width:980px;width:100%;margin:0 auto}
.hero>.srcs-wrap{grid-column:1/-1;grid-row:3;justify-self:center;margin:0 auto;max-width:820px;width:100%}
.hero-logo{margin:0 0 22px!important;width:min(200px,56%)!important}
.hero h1{font-size:clamp(40px,5.3vw,76px)!important;margin:18px 0 22px!important}
.hero .lead{margin:0 0 30px!important;max-width:540px}
.hq{margin:0 0 10px!important;max-width:580px!important}
.hq-t{justify-content:flex-start!important;margin-bottom:20px}
.cta,.trust{justify-content:flex-start!important}
@keyframes orb-in{from{opacity:0;transform:scale(.86);filter:blur(14px)}to{opacity:1;transform:none;filter:none}}

/* ---------- refined monochrome details ---------- */
.eyebrow{letter-spacing:.16em;text-transform:uppercase;font-size:11.5px;color:var(--mut)!important}
.hero .eyebrow::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ink);margin-right:10px;vertical-align:1px;animation:dot-p 2.4s ease-in-out infinite}
@keyframes dot-p{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--ink) 45%,transparent)}50%{box-shadow:0 0 0 7px transparent}}
.trust span{opacity:.9}
:root[data-theme="light"] .hero-logo{background:none!important;filter:invert(1) brightness(.2) contrast(1.2)!important}
:root[data-theme="light"]{--gl-bd:rgba(0,0,0,.09);--gl-hi:rgba(255,255,255,1);--gl-lo:rgba(0,0,0,.06);--gl-sh:0 22px 50px -32px rgba(0,0,0,.35)}
:root[data-theme="light"] .lnav{background:var(--gl-bg),rgba(255,255,255,.55)!important}
:root[data-theme="light"] .btn::after{background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%)}
:root[data-theme="light"] .fi:hover{background:rgba(0,0,0,.04)}
:root[data-theme="light"] ::selection{background:rgba(0,0,0,.14)}
.fc,.sc,.tile2{position:relative}
.fc::after,.sc::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s;
 background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--ink) 9%,transparent),transparent 70%)}
.fc:hover::after,.sc:hover::after{opacity:1}
::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:var(--chipb);border-radius:99px;border:3px solid var(--bg)}::-webkit-scrollbar-track{background:transparent}

/* ---------- responsive ---------- */
@media(max-width:980px){
 .hero{grid-template-columns:1fr;row-gap:36px;padding-top:112px!important}
 .hero>.hero-info{grid-row:1}
 .hero>#orb{grid-column:1;grid-row:2;max-width:460px}
 .hero>.term{grid-row:3}
 .hero>.srcs-wrap{grid-row:4}
}
@media(prefers-reduced-motion:reduce){.hero>#orb,.hero .eyebrow::before{animation:none!important}html.vt::view-transition-new(root){animation:none}}

/* final CTA: plain centred block, no giant glass frame */
.cta2{background:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:0!important;border-radius:0;
 max-width:760px;margin:0 auto;padding:clamp(72px,10vw,120px) 6vw clamp(56px,8vw,96px)!important;text-align:center;display:flex;flex-direction:column;align-items:center}
.cta2 .h2{max-width:16ch!important;margin:6px auto 16px!important;text-align:center}
.cta2>p{margin:0 auto 26px}
.cta2 .cta{justify-content:center!important;margin:0 0 34px}
.cta2 #support-card{width:100%;max-width:520px;text-align:left}
/* nav: crisp pill, no distortion */
.lnav{-webkit-backdrop-filter:blur(22px) saturate(170%)!important;backdrop-filter:blur(22px) saturate(170%)!important;overflow:visible}
.lnav,.lnav.lg-s{width:min(1100px,calc(100vw - 24px))!important;gap:14px}
.lnav .lnl{gap:clamp(12px,1.6vw,24px);min-width:0}
.lnav .lnr{gap:8px;flex:none}
.lnav.lg-s{padding-top:7px!important;padding-bottom:7px!important}
@media(max-width:1080px){.lnav .lnl a:nth-child(5){display:none}}
@media(max-width:640px){.hq{border-radius:22px!important}.hq input{text-align:left}.hero h1{font-size:clamp(34px,10vw,48px)!important}}