/* One appearance across the site and its paired, genuine native screenshots. */
:root{--on-ink:#fff}
:root[data-theme="dark"]{--paper:#0a0a0a;--ink:#f7f7f7;--quiet:#b2b2b2;--line:#383838;--wash:#181818;--on-ink:#0a0a0a;color-scheme:dark}
.site-header{display:grid;grid-template-columns:auto 1fr auto}
.primary-nav{justify-self:end}
.theme-toggle{display:inline-flex;gap:12px;align-items:center;justify-content:center;min-height:52px;padding:6px 0 6px 8px;border:0;border-radius:12px;background:transparent;color:var(--ink);font-size:14px;line-height:1.2;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent}
.theme-toggle[hidden]{display:none}
.theme-toggle-copy{display:grid;gap:5px;text-align:right}
[data-theme-label]{font-weight:700}
.theme-toggle-hint{font-size:12px;color:var(--quiet)}
.theme-track{--travel:36px;display:block;position:relative;flex:none;width:80px;height:44px;border:2px solid var(--ink);border-radius:14px;background:var(--ink);transition:background .25s,border-color .25s}
.theme-thumb{display:grid;place-items:center;position:absolute;top:4px;left:4px;width:32px;height:32px;border-radius:8px;background:var(--paper);color:var(--ink);transform:translateX(0);transition:transform .45s cubic-bezier(.2,.9,.2,1.12),background .25s,color .25s}
.theme-toggle svg{grid-area:1/1;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;transition:transform .45s,opacity .25s}
.theme-sun{opacity:1;transform:rotate(0) scale(1)}
.theme-moon{opacity:0;transform:rotate(-65deg) scale(.55)}
[data-theme="dark"] .theme-thumb{transform:translateX(var(--travel))}
[data-theme="dark"] .theme-sun{opacity:0;transform:rotate(80deg) scale(.5)}
[data-theme="dark"] .theme-moon{opacity:1;transform:rotate(0) scale(1)}
.theme-pixels{position:absolute;right:12px;top:13px;display:grid;grid-template-columns:4px 4px;gap:3px;color:var(--paper);opacity:.5;transition:transform .4s}
.theme-pixels i{width:4px;height:4px;background:currentColor}
.theme-pixels i:nth-child(3){grid-column:2}
[data-theme="dark"] .theme-pixels{transform:translateX(-36px) rotate(-90deg)}
.theme-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:6px}
@media(hover:hover){.theme-toggle:hover .theme-track{outline:1px solid var(--ink);outline-offset:4px}.theme-toggle:hover .theme-toggle-hint{color:var(--ink)}}
.theme-toggle:active .theme-thumb{scale:.9}
.theme-demo-control{margin-top:28px;margin-bottom:26px;width:fit-content}
.theme-demo-control .theme-toggle{padding:15px 18px;border:1px solid var(--line);gap:24px;border-radius:18px;background:var(--paper)}
.theme-demo-control .theme-toggle-copy{text-align:left}
/* A single circular reveal, only in response to a deliberate appearance change. */
::view-transition-group(root){animation-duration:.55s}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-old(root){z-index:1}
::view-transition-new(root){z-index:2;animation:lights-reveal .55s cubic-bezier(.2,.7,.2,1) both}
::view-transition{pointer-events:none}
@keyframes lights-reveal{from{clip-path:circle(0 at var(--switch-x,50%) var(--switch-y,0))}to{clip-path:circle(var(--switch-radius,150vmax) at var(--switch-x,50%) var(--switch-y,0))}}
@media(prefers-reduced-motion:reduce){.theme-thumb,.theme-toggle svg,.theme-track,.theme-pixels{transition:none}.theme-toggle:active .theme-thumb{scale:1}::view-transition-group(root),::view-transition-new(root){animation:none}}
.button,.nav .nav-cta{color:var(--on-ink)}
.button:hover{background:var(--quiet);border-color:var(--quiet);color:var(--paper)}
.skip{background:var(--paper);color:var(--ink)}
.hero-stage,.product-pair,.appearance-band,.language-preview::before,.language-screen::before{background:var(--wash)}
.screen-tour,.devices-section,.language-tags span,.store-status{background:var(--paper);color:var(--ink)}
.screen-number{color:var(--on-ink)}
.theme-screens::before{border-color:var(--line)}
[data-theme="dark"] .brand>img,[data-theme="dark"] .pricing-close>img,[data-theme="dark"] .hero-ink,[data-theme="dark"] .privacy-brand>img{filter:invert(1)}
[data-theme="dark"] .hero-stage::before{filter:invert(1);opacity:.4}
[data-theme="dark"] .phone,[data-theme="dark"] .tablet{outline-color:#565656}
[data-theme="dark"] .showcase .download{border:1px solid var(--line)}
.widget-feature,.feature-wash{--on-ink:#0a0a0a}
.lifetime-strip .button{color:#0a0a0a}
@media(max-width:1100px){.primary-nav{gap:15px}.site-header .theme-toggle-hint{display:none}}
@media(min-width:701px) and (max-width:1000px){.site-header .theme-toggle-copy{display:none}}
@media(max-width:700px){.site-header,.showcase .site-header{grid-template-columns:1fr auto;align-items:center;gap:20px}.site-header .brand{grid-column:1;grid-row:1}.site-header .theme-toggle{grid-column:2;grid-row:1;padding-left:0;gap:9px}.primary-nav,.showcase .primary-nav{grid-column:1/-1;grid-row:2;justify-self:stretch;width:100%;gap:10px}}
@media(max-width:380px){.site-header .theme-track{width:68px;--travel:24px}[data-theme="dark"] .site-header .theme-pixels{transform:translateX(-24px) rotate(-90deg)}.site-header .theme-toggle{gap:8px}.site-header,.showcase .site-header{column-gap:12px}}

.numbered-steps li::before{color:var(--on-ink)}

@media(max-width:360px){.site-header .theme-toggle-copy{display:none}.site-header,.showcase .site-header{column-gap:20px}}