/* Product website palette. Screenshots retain the application's real appearance. */
:root{color-scheme:dark;--ink:#090e1a;--paper:#edf3ff;--gold:#8acbff;--muted:#a1afc7;--line:#ffffff20;--surface:#111b2c;--raised:#19263b;--accent:#8acbff;--violet:#b6a5ff;--soft:#a1afc7;--edge:#27364e}
:root[data-theme="light"]{color-scheme:light;--ink:#f5f7fc;--paper:#18273e;--gold:#235fc0;--muted:#50627e;--line:#18273e25;--surface:#ffffff;--raised:#e8eef8;--accent:#235fc0;--violet:#7155c5;--soft:#50627e;--edge:#cbd6e7}
body{background:var(--ink);color:var(--paper)}
.masthead{max-width:1240px;gap:16px;background:var(--surface);border-color:var(--edge);box-shadow:0 12px 36px #00000012;flex-wrap:wrap}
.brand,.top-links a:hover,.top-links a.selected{color:var(--paper)}.brand svg{stroke:var(--accent)}
.top-links a,.developer-home,.site-language{color:var(--soft)}.site-language,.site-language select{background:var(--surface);color:var(--paper);border-color:var(--edge)}
.theme-toggle{display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid var(--accent);border-radius:12px;background:var(--raised);color:var(--paper);cursor:pointer;flex-shrink:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent);font:700 10px/1.2 "Segoe UI",sans-serif;letter-spacing:1px;transition:transform .2s,background .2s}
.theme-toggle:hover{transform:translateY(-2px);background:var(--edge)}.theme-orb{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--ink);font-size:22px}.theme-action{color:var(--accent);font-size:17px}
:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.product-page .intro{padding-top:62px}.product-page .hero-heading h1,.product-page.localized .hero-heading h1{color:var(--paper)}.product-page h1>span{color:var(--accent)}
.product-page .intro-top .eyebrow,.hero-satellite,.release-notice{background:var(--surface);border-color:var(--edge);color:var(--soft)}
.product-page .intro-bottom p,.product-page .hero-lede,.product-page .hero-download>p,.product-story>p,.language-note,.preview-note,.section-heading p,.control-story>div>p{color:var(--soft)}
.hero-satellite{box-shadow:0 18px 50px #00000015}.satellite-icon{background:var(--accent);color:var(--ink)}.satellite-eyebrow,.satellite-note,.satellite-left>span{color:var(--soft)}.orbit-art i{color:var(--violet)}.orbit-art>span{border-color:var(--violet)}
.download-button{background:var(--accent);color:var(--ink);box-shadow:0 8px 30px color-mix(in srgb,var(--accent) 15%,transparent)}.download-button:hover{background:var(--violet)}
.product-page .product,.control-story,.feature-index dl>div,.setup,.verification,.guide-content section,.patch-entry,.patch-card,.release-file{background:var(--surface);border-color:var(--edge)}
.atlas-story{background:var(--surface);border-color:var(--edge);border-top:3px solid var(--violet)}
.product-story>.eyebrow,.eyebrow,.index,.text-link{color:var(--accent)}
.frame-top{background:var(--raised);border-color:var(--edge);color:var(--soft)}.details li{border-color:var(--edge);color:var(--paper)}
.main-preview figcaption,.secondary-previews figcaption,.wide-preview figcaption,.atlas-facts p span,.control-list p span,.control-list figcaption,.control-footnote,.feature-index dd,.download-copy p,.download-note,.setup small,.verification p,footer,footer p,.signature,.guide-content p,.guide-content li{color:var(--soft)}
.atlas-facts p,.control-list>p,.feature-index dl>div,.setup li,.verification,.guide-nav a,.guide-content section,.patch-entry{border-color:var(--edge)}
.atlas-facts b,.feature-index dt,.guide-content h2,.guide-content h3,.patch-entry h2,.patch-card h2,.setup h2,.verification h2{color:var(--paper)}
.download-panel{background:var(--raised);border-color:var(--edge)}.download-copy h2{color:var(--paper)}
kbd,.guide-nav,.guide-nav a,.guide-note,.release-files,.release-file,.patch-version{background:var(--raised);color:var(--paper);border-color:var(--edge)}
footer a,.signature span{color:var(--accent)}footer{border-color:var(--edge)}
html[data-theme="light"] .image-button{background:#10151f;box-shadow:0 12px 28px #18273e18}
html[data-theme="light"] .hero-satellite img{border-color:#27364e}
/***** Animate only compositor-friendly properties; no blur or scroll handlers. *****/
.motion-ready [data-reveal]{opacity:0;transform:translate3d(0,38px,0);transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready figure[data-reveal]{transform:translate3d(0,48px,0) scale(.97)}
.motion-ready [data-reveal].is-visible{opacity:1;transform:none}
@media(max-width:1100px){.masthead{gap:12px}.top-links{order:4;flex-basis:100%;padding:8px 0}.theme-toggle{margin-inline-start:auto}.site-language{margin:0}}
@media(max-width:600px){.masthead{width:calc(100% - 24px);padding:12px;gap:9px}.developer-home{display:none}.brand{margin-inline-end:auto}.theme-toggle{gap:6px;padding:6px 8px}.theme-orb{width:24px;height:24px;font-size:19px}.theme-action{display:none}.site-language{padding:8px}.top-links{gap:13px;justify-content:flex-start;overflow-x:auto}.product-page .intro{padding-top:42px}.product-page .hero-heading h1{letter-spacing:-3px}.product-page .product,.atlas-story,.control-story{border-radius:22px}}
@media(prefers-reduced-motion:reduce){.motion-ready [data-reveal],.motion-ready figure[data-reveal]{opacity:1;transform:none;transition:none}.theme-toggle{transition:none}}
.download-button,.download-button b,.download-button small,.download-button .download-arrow{color:var(--ink)}
html[data-theme="light"] .download-button,html[data-theme="light"] .download-button b,html[data-theme="light"] .download-button small,html[data-theme="light"] .download-button .download-arrow{color:#fff}
.control-list,.release-guide-grid>div,.discovery-copy{background:var(--surface);border-color:var(--edge)}
.control-list kbd{background:var(--raised);color:var(--paper);border-color:var(--edge)}
.guide-intro .hero-heading h1,.localized .guide-intro .hero-heading h1{color:var(--paper)}
.release-guide-grid p,.atlas-facts span,.guide-intro p,.patch-entry li,.patch-entry p{color:var(--soft)}
.guide-intro h1 span{color:var(--accent)}