/* ══ Inner pages, full design (October 5, 2026). Built on the homepage's tokens and parts. White, the page grey, ink and
   yellow, blue for the action; the hero glow at most once a page. ══ */
[hidden]{display:none!important}
.nav-links a[aria-current]{opacity:1;font-weight:600}
.pg-top{padding-block:clamp(2.5rem,7vh,4.5rem) clamp(1.5rem,4vh,2.5rem)}
.pg-head{max-width:54rem}
main .pg-h1{font-size:clamp(2.25rem,4.4vw,3.75rem);line-height:1.04;letter-spacing:-.025em}
.pg-head .lede{margin-top:1.125rem;color:var(--ink-body);max-width:42rem}
.crumb{font-size:.9375rem;color:var(--ink-body);margin-bottom:.875rem}
.crumb a{color:var(--ink-body)}
.byline{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;margin-top:1.5rem;font-size:.9375rem;color:var(--ink-body)}
.byline b{color:var(--ink)}
.byline > span:nth-child(2){margin-left:-.5rem}
.tw-av{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--glow-sun);display:inline-grid;place-items:center;font-weight:700;font-size:.875rem;color:var(--ink)}
.short{margin-top:1.75rem;background:var(--glow-sun);border-radius:var(--r-tile);padding:1.375rem 1.625rem}
.short h2{font-size:1rem;font-weight:700}
.short p{margin-top:.375rem;font-size:1.1875rem;line-height:1.5}
.pg-body{padding-top:clamp(1rem,3vh,2rem)}
.pg-grid{display:grid;grid-template-columns:13rem minmax(0,42rem);gap:clamp(1.5rem,5vw,4.5rem);align-items:start}
.toc{position:sticky;top:5.5rem;font-size:.9375rem}
.toc h2{font-size:.875rem;color:var(--ink-body);font-weight:600;margin-bottom:.5rem}
.toc ol{display:grid;border-left:2px solid var(--line)}
.toc a{display:flex;align-items:center;min-height:2.75rem;padding:.25rem 0 .25rem .875rem;margin-left:-2px;border-left:2px solid transparent;color:var(--ink-body);text-decoration:none;line-height:1.3}
.toc a:hover{color:var(--ink)}
.toc a.on{border-left-color:var(--ink);color:var(--ink);font-weight:600}
@media (max-width:56rem){.pg-grid{grid-template-columns:minmax(0,1fr)}.toc{position:static;background:var(--bg2);border-radius:1.25rem;padding:1rem 1.25rem}}
.prose{font-size:1.1875rem;line-height:1.6}
.prose > p{margin-top:1rem;color:var(--ink-body);max-width:65ch}
.prose > h2{font-size:clamp(1.5rem,2.2vw,1.875rem);letter-spacing:-.02em;line-height:1.15;margin-top:2.75rem;scroll-margin-top:5.5rem}
.prose > h2:first-child{margin-top:0}
.prose a{font-weight:600}
.checks{margin-top:1rem;display:grid;gap:.75rem}
.checks li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem;color:var(--ink-body)}
.checks .ic{margin-top:.3rem;color:var(--ink)}
.checks b{color:var(--ink);font-weight:600}
.p-steps{margin-top:1.25rem;display:grid;gap:1.125rem;counter-reset:s}
.p-steps li{counter-increment:s;display:grid;grid-template-columns:2.5rem minmax(0,1fr);column-gap:1rem;align-items:start}
.p-steps li::before{content:counter(s);grid-row:1 / span 2;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:700;font-size:1rem}
.p-steps b{font-weight:600;padding-top:.25rem}
.p-steps p{color:var(--ink-body);font-size:1.0625rem}
.pg-film{margin:2rem 0 0}
.cap{margin-top:.625rem!important;font-size:.9375rem;color:var(--ink-body)}
.said-typed{margin-top:1.25rem;background:var(--bg2);border-radius:var(--r-tile);padding:1.375rem 1.625rem;display:grid;gap:1.125rem}
.said-typed .lbl{display:block;font-size:.875rem;font-weight:600;color:var(--ink-body);margin-bottom:.25rem}
.said-typed .said{color:var(--ink-body)}
.said-typed .typed{font-size:1.375rem;font-weight:600;line-height:1.3;letter-spacing:-.01em}
.said-typed > div + div{padding-top:1.125rem;border-top:1px solid var(--line)}
.tip{margin-top:1.75rem;border-left:4px solid var(--banana-cream);padding:.25rem 0 .25rem 1.25rem}
.tip b{font-weight:600}
.tip p{color:var(--ink-body);font-size:1.0625rem}
.try{margin-top:2rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;border-radius:var(--r-tile);padding:1.375rem 1.625rem;background:var(--bg2)}
.try.on-w{background:#fff}
.try > div:first-child{display:grid;gap:.125rem}
.try b{font-size:1.1875rem;font-weight:600}
.try span{color:var(--ink-body);font-size:1.0625rem}
.try-b{display:flex;flex-wrap:wrap;gap:.5rem}
.try-b .btn,.try-b .bb{min-height:2.75rem;padding:0 1.125rem;font-size:.9375rem}
.pg-faq{margin-top:1.25rem;box-shadow:0 0 0 1px var(--line)}
.post-foot{margin-top:2.25rem!important;font-size:.9375rem}
.pcs{margin-top:clamp(1.25rem,3.5vh,2.25rem);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
@media (max-width:56rem){.pcs{grid-template-columns:minmax(0,1fr)}}
.pc{display:grid;gap:.375rem;align-content:start;height:100%;background:#fff;border-radius:var(--r-tile);padding:.75rem .75rem 1.375rem;color:var(--ink);text-decoration:none;transition:box-shadow 140ms var(--ease)}
.pc:hover{box-shadow:0 0 0 1.5px var(--ink)}
.pc > *:not(.pc-img){margin-inline:.625rem}
.pc-img{display:block;aspect-ratio:16/9;border-radius:1.125rem;margin-bottom:.625rem}
.pc-cat,.pc-meta{font-size:.875rem;color:var(--ink-body)}
.pc-cat{font-weight:600}
.pc b{font-size:1.25rem;line-height:1.22;letter-spacing:-.01em;font-weight:600}
.pc-line{color:var(--ink-body);font-size:1rem;line-height:1.45}
.pc-meta{margin-top:.375rem}
/* download */
.dl-hero{padding-bottom:clamp(2rem,6vh,4rem)}
.dl-sub{margin-top:1.25rem;font-size:clamp(1.125rem,.5vw + 1rem,1.3125rem);color:var(--ink-body);max-width:30rem}
.support.sys{margin-top:.25rem}
.stps{margin-top:clamp(1.25rem,3.5vh,2.25rem);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.stp{position:relative;background:#fff;border-radius:var(--r-tile);padding:1rem 1rem 1.5rem;display:grid;gap:.375rem;align-content:start}
.stp h3{font-size:1.375rem;letter-spacing:-.015em;margin:.625rem .5rem 0;display:flex;align-items:center;gap:.625rem}
.stp p{color:var(--ink-body);margin-inline:.5rem}
.stp-n{width:2rem;height:2rem;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:700;font-size:1rem;letter-spacing:0;flex:none}
.st-vis{aspect-ratio:16/10;border-radius:1.125rem;background:var(--bg2);display:grid;place-items:center;padding:1rem;overflow:hidden}
.st-app .app{font-size:12px}
.ip-app16 .app{font-size:9px}
.pg-spacer{min-height:0}
@media (max-width:56rem){.pg-spacer{display:none}}
.installing footer.bare{background:#fff}
.st-vis.keys{align-content:center;gap:.875rem}
.key-or{display:flex;align-items:center;gap:.375rem;font-size:.9375rem;color:var(--ink-body)}
.key-or kbd{display:inline-grid;place-items:center;min-height:2rem;padding:0 .625rem;border-radius:.5rem;background:#fff;box-shadow:0 0 0 1px var(--line),0 2px 0 var(--line);font:600 .8125rem var(--font);color:var(--ink)}
.keycap{min-width:9.5rem;min-height:4rem;border-radius:1rem;background:#fff;box-shadow:0 0 0 1px var(--line),0 4px 0 var(--line),0 14px 24px -14px rgba(0,0,0,.3);font:600 1.125rem var(--font);display:grid;place-items:center}
.st-field{width:100%;background:#fff;border-radius:1rem;padding:.875rem 1rem;box-shadow:var(--shadow-frame);text-align:left}
.st-field .lbl{display:block;font-size:.8125rem;font-weight:600;color:var(--ink-body);margin-bottom:.125rem}
.st-field p{font-weight:600;line-height:1.3}
.dl-again{margin-top:1.75rem}
.lost-vis,.set-vis{border-radius:var(--r-tile);background:var(--bg2);min-height:17rem;display:grid;place-items:center;padding:1.5rem}
.sec.grey .set-vis{background:#fff}
.lost-vis .app{font-size:20px}
.set-vis .app{font-size:16px;width:min(24rem,100%)}
.dl-checks{margin-top:1.5rem;font-size:1.125rem}
.dl-price{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.5rem}
.dl-price .lede{margin-top:.75rem;color:var(--ink-body);max-width:40rem}
.dl-price h2{max-width:20ch}
.dl-bh{margin-top:clamp(2rem,6vh,3.5rem);font-size:1.25rem}
.asks{margin-top:1rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}
.asks li{background:var(--bg2);border-radius:var(--r-tile);padding:1.25rem 1.375rem}
.asks h3{font-size:1.0625rem;line-height:1.3}
.asks p{margin-top:.5rem;color:var(--ink-body);font-size:1rem;line-height:1.5}
footer.bare{padding-block:1.5rem}
footer.bare .legal{margin-top:0;border-top:0;padding-top:0;font-size:.9375rem}
footer.bare a{color:inherit}
.ins{display:grid;gap:1rem;max-width:54rem;counter-reset:n}
.ins li{counter-increment:n;display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:1.5rem;align-items:center;background:#fff;border-radius:var(--r-tile);padding:.75rem 1.75rem .75rem .75rem}
.ins h3{font-size:1.25rem;letter-spacing:-.01em;line-height:1.25}
.ins h3::before{content:counter(n) ". "}
.ins p{margin-top:.375rem;color:var(--ink-body)}
.ins-pic{aspect-ratio:16/10;border-radius:1.125rem;background:var(--bg2);display:grid;place-items:center;overflow:hidden}
.ins-note{margin-top:1.25rem;color:var(--ink-body);font-size:1rem;max-width:54rem}
.ins + .try{max-width:54rem}
.ip{display:flex;align-items:center;justify-content:center;gap:.875rem;padding:.75rem;width:100%}
.ip-col{flex-direction:column;gap:.625rem}
.ip-tile{width:3.5rem;height:3.5rem;border-radius:1rem;background:#fff;box-shadow:var(--shadow-frame);display:grid;place-items:center}
.ip-tile.sm{width:2rem;height:2rem;border-radius:.5rem}
.ip-tile.sm .ip-app{width:1.25rem;height:1.25rem}
.ip-app{width:2.25rem;height:2.25rem}
.ip-arrow{width:2.25rem;height:2px;background:var(--ink);position:relative}
.ip-arrow::after{content:"";position:absolute;right:0;top:-4px;width:9px;height:9px;border-top:2px solid var(--ink);border-right:2px solid var(--ink);transform:rotate(45deg)}
.ip-folder{display:grid;justify-items:center;gap:.25rem}
.ip-folder i{width:3.5rem;height:2.75rem;border-radius:.5rem .75rem .75rem .75rem;background:var(--glow-sky);box-shadow:inset 0 0 0 1.5px rgba(26,92,255,.35)}
.ip-folder small{font-size:.75rem;color:var(--ink-body)}
.ip-pillbtn{display:inline-grid;place-items:center;min-height:2rem;padding:0 1.25rem;border-radius:999px;background:var(--act);color:#fff;font-weight:600;font-size:.875rem}
.ip-round{width:3.25rem;height:3.25rem;border-radius:50%;background:var(--banana-cream);display:grid;place-items:center}
.ip-round svg{width:1.5rem;height:1.5rem;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ip-wide{display:inline-flex;align-items:center;gap:.5rem;min-height:2.5rem;padding:0 1rem;border-radius:999px;background:#fff;box-shadow:0 0 0 1px var(--line);font-weight:600;font-size:.875rem}
.ip-row{display:flex;align-items:center;gap:.625rem;width:min(13rem,100%);background:#fff;border-radius:.75rem;padding:.5rem .75rem;box-shadow:0 0 0 1px var(--line);font-size:.875rem}
.ip-row b{font-weight:600;margin-right:auto}
.ip-toggle{width:2.25rem;height:1.375rem;border-radius:999px;background:var(--act);position:relative}
.ip-toggle i{position:absolute;right:2px;top:2px;width:1.125rem;height:1.125rem;border-radius:50%;background:#fff}
.ip-set kbd{min-height:1.625rem;padding:0 .5rem;border-radius:.375rem;background:var(--bg2);font:600 .75rem var(--font);display:inline-grid;place-items:center}
.ip-seg{display:inline-flex;gap:2px;background:var(--bg2);border-radius:.5rem;padding:2px}
.ip-seg i{font-style:normal;font-size:.6875rem;font-weight:600;padding:.125rem .375rem;border-radius:.375rem;color:var(--ink-body)}
.ip-seg i.on{background:#fff;color:var(--ink);box-shadow:0 0 0 1px var(--line)}
@media (max-width:56rem){.stps,.asks{grid-template-columns:minmax(0,1fr)}.ins li{grid-template-columns:minmax(0,1fr);padding:.75rem .75rem 1.375rem}.ins li > div:last-child{padding-inline:.625rem}}
@media (min-width:56rem) and (max-width:72rem){.asks{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ══ The remaining inner pages (October 5, 2026). Same restraint: white, the page grey, ink, yellow, blue for action.
   The blog index is the one colourful page. The hero glow appears on a page hero and the Pro tile only. ══ */
.h3{font-size:1.5rem;letter-spacing:-.015em}
.more-row{margin-top:1.75rem}
.fill-lilac{background:var(--glow-lilac)}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}
.chip{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 1.125rem;border-radius:999px;background:var(--bg2);color:var(--ink);text-decoration:none;font-size:.9375rem;font-weight:600}
.chip:hover{box-shadow:0 0 0 1.5px var(--ink)}
.chip.on{background:var(--ink);color:#fff}
.feat{margin-top:1.75rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(1.25rem,3vw,2.5rem);align-items:center;background:var(--glow-sun);border-radius:var(--r-tile);padding:clamp(1.25rem,3vw,2.25rem);color:var(--ink);text-decoration:none}
.feat-t{display:grid;gap:.75rem}
.feat b{font-size:clamp(1.625rem,2.6vw,2.375rem);line-height:1.12;letter-spacing:-.02em;font-weight:600}
.feat .pc-line{font-size:1.125rem}
.feat-img img{display:block;width:100%;height:auto;border-radius:1.125rem;box-shadow:0 18px 40px -22px rgba(10,10,10,.4)}
@media (max-width:56rem){.feat{grid-template-columns:minmax(0,1fr)}}
.tiles-3{margin-top:clamp(1.25rem,3.5vh,2.25rem);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.tiles-2{margin-top:clamp(1.25rem,3.5vh,2.25rem);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.tile-b{border-radius:var(--r-tile);padding:clamp(1.25rem,2.4vw,2rem);min-height:14rem;display:flex;flex-direction:column;gap:.5rem}
.tile-b.fill-alt{background:#fff}
.tile-b .lbl{font-size:.9375rem;color:var(--ink-body);font-weight:600}
.tile-b h3{font-size:1.625rem;line-height:1.15;letter-spacing:-.02em}
.tile-b.fill-warm h3{font-family:var(--f-said);font-weight:400;font-size:1.875rem;letter-spacing:0}
.tile-b p:last-child{margin-top:auto;color:var(--ink-body)}
.g-tile{display:flex;flex-direction:column;gap:.375rem;height:100%;background:#fff;border-radius:var(--r-tile);padding:clamp(1.25rem,2.4vw,1.75rem);min-height:10rem;color:var(--ink);text-decoration:none}
a.g-tile:hover{box-shadow:0 0 0 1.5px var(--ink)}
.g-tile h3{font-size:1.25rem;letter-spacing:-.01em;line-height:1.25}
.g-tile p{color:var(--ink-body)}
.g-go{margin-top:auto;padding-top:.75rem;display:inline-flex;align-items:center;gap:.125rem;font-weight:600;color:var(--act)}
.g-go .ic{width:1.125rem;height:1.125rem}
.st-app.big .app{font-size:17px}
.asks.on-w li{background:#fff}
.asks.a3{grid-template-columns:repeat(3,minmax(0,1fr))}
.hero .byline{margin-top:1.75rem}
.night-band{background:var(--night);color:var(--on-night)}
.night-band .h2{color:#fff}
.night-band :focus-visible{outline-color:#fff}
.tbl-wrap{position:relative;margin-top:1.25rem;overflow-x:auto;border-radius:1.25rem;box-shadow:0 0 0 1px var(--line);background:#fff}
.cmp{width:100%;min-width:32rem;border-collapse:collapse;font-size:1.0625rem;line-height:1.4}
.cmp th,.cmp td{padding:.9375rem 1.25rem;text-align:left;border-bottom:1px solid #EDEDF0;vertical-align:middle;color:var(--ink-body)}
.cmp thead th{font-size:.875rem;font-weight:600}
.cmp tbody th{font-weight:600;color:var(--ink)}
.cmp tr:last-child > *{border-bottom:0}
.cmp.wide td,.cmp.wide th{padding:1.125rem 1.5rem}
.cmp.wide thead th{font-size:1.125rem;color:var(--ink)}
.yes .ic{color:var(--ink)}
.pg-pr{padding-block:clamp(2.5rem,7vh,4.5rem)}
.pv-draft{margin-top:1rem;display:inline-block;background:var(--glow-sun);border-radius:.625rem;padding:.375rem .75rem;font-size:.9375rem;font-weight:600}
.acc-note{margin-top:1.5rem;max-width:52rem;color:var(--ink-body);border-left:4px solid var(--banana-cream);padding:.25rem 0 .25rem 1.25rem}
.acc-note b{color:var(--ink);font-weight:600}
.led-cols{margin-top:clamp(1.25rem,3.5vh,2.25rem);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.led-cols > li{background:var(--bg2);border-radius:var(--r-tile);padding:1.375rem 1.5rem;display:grid;gap:.875rem;align-content:start;justify-items:start}
.led-cols ul{width:100%}
.led-cols ul li{padding:.75rem 0;border-top:1px solid var(--line);display:grid;gap:.125rem}
.led-cols ul b{font-weight:600;font-size:1.0625rem}
.led-cols ul span{font-size:.9375rem;color:var(--ink-body)}
.led-help{padding-top:.75rem;border-top:1px solid var(--line);width:100%;font-size:.9375rem;color:var(--ink-body)}
.led-help a{font-weight:600}
.pg-body-top{padding-top:clamp(2.5rem,7vh,4.5rem)}
.sec.grey .toc ol{border-left-color:#C7C7CC}
.stats{margin-top:1.25rem;display:grid;gap:.75rem}
.stats li{background:#fff;border-radius:1.25rem;padding:1rem 1.25rem;display:grid;grid-template-columns:minmax(0,11rem) minmax(0,1fr);gap:1rem;align-items:center}
.stats b{font-size:1.375rem;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.stats span{color:var(--ink-body);font-size:1rem;line-height:1.45}
.srcs{margin-top:1rem;display:grid;gap:.5rem;color:var(--ink-body);font-size:1rem;list-style:disc;padding-left:1.25rem}
.find{margin-top:1.5rem;display:flex;align-items:center;max-width:36rem}
.find input{width:100%;min-height:3.25rem;padding:0 1.25rem;border-radius:999px;border:0;background:var(--bg2);box-shadow:inset 0 0 0 1px transparent;font:inherit;font-size:1.0625rem;color:var(--ink)}
.find input::placeholder{color:var(--ink2)}
.find input:focus-visible{outline:3px solid var(--act);outline-offset:2px}
.fq-wrap{max-width:54rem}
.fq-h{margin:2.25rem 0 .875rem;scroll-margin-top:5.5rem}
.fq-g:first-child .fq-h{margin-top:0}
.fq-g{scroll-margin-top:5.5rem}
.fq-wrap .pg-faq{margin-top:0;box-shadow:none}
.fq-wrap .try{margin-top:2.25rem}
.fq-none{margin-top:1rem;color:var(--ink-body)}
.ab-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(1.5rem,5vw,4.5rem);align-items:center}
.ab-quote{margin-top:1.5rem;font-size:clamp(1.5rem,2.4vw,2.125rem);line-height:1.28;letter-spacing:-.02em}
.ab-quote b{font-weight:700}
.ab-prose{margin-top:.5rem}
.ab-pic{aspect-ratio:4/5;border-radius:var(--r-tile);background:var(--glow-sun);display:grid;place-items:center}
.ab-pic img{width:42%;height:auto}
.ab-lede{margin-top:.75rem;color:var(--ink-body)}
.si{min-height:calc(100vh - 9rem);display:grid;place-items:center;background:var(--bg2);padding:2rem 1rem}
.si-card{width:min(26rem,100%);background:#fff;border-radius:var(--r-tile);padding:clamp(1.5rem,4vw,2.5rem);display:grid;gap:.875rem}
.si-card h1{font-size:2rem;letter-spacing:-.02em}
.si-card > p{color:var(--ink-body)}
.si-card form{display:grid;gap:.625rem}
.si-g,.si-go{justify-content:center;width:100%}
.si-gmark{font-weight:700}
.si-or{display:flex;align-items:center;gap:.75rem;color:var(--ink2);font-size:.875rem}
.si-or::before,.si-or::after{content:"";flex:1;height:1px;background:var(--line)}
.si-card label{font-weight:600;font-size:.9375rem}
.si-card input{min-height:3rem;padding:0 1rem;border-radius:.875rem;border:1px solid var(--line);font:inherit;font-size:1rem}
.si-card input:focus-visible{outline:3px solid var(--act);outline-offset:2px}
.si-legal{font-size:.875rem!important}
footer.bare.on-w{background:#fff}
/* mission */
.mi-top{text-align:left;padding-block:clamp(3rem,10vh,6.5rem)}
main .mi-h1{text-align:left;margin:0;max-width:18ch;font-size:clamp(2.5rem,min(6vw,10vh),5.25rem)}
.mi-lede{margin-top:1.5rem;font-size:clamp(1.1875rem,.6vw + 1rem,1.5rem);line-height:1.4;color:var(--ink-body);max-width:38rem}
.mi-pic{background:#fff}
.mi-pr .g-tile{background:var(--bg2);min-height:9rem}
.mi-links .g-tile{background:var(--bg2)}
.mi-pr .g-tile h3{font-size:1.375rem}
.reach-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,5vw,4.5rem);align-items:start}
.reach-p{margin-top:1.125rem;font-size:clamp(1.125rem,.5vw + 1rem,1.25rem);line-height:1.5;color:var(--ink-body);max-width:36rem}
.reach-note{margin-top:.875rem;font-size:1rem;color:var(--ink-body)}
.mi-form{background:#fff;border-radius:var(--r-tile);padding:clamp(1.25rem,3vw,2rem);display:grid;gap:.625rem}
.mi-form fieldset{border:0;padding:0;margin:0 0 .5rem}
.mi-form legend,.mi-form > label{font-weight:600;font-size:1rem;padding:0;margin-top:.375rem}
.mi-opts{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.5rem}
.mi-opt{position:relative;display:inline-flex;align-items:center;min-height:2.75rem;padding:0 1rem;border-radius:999px;background:var(--bg2);font-size:.9375rem;font-weight:600;cursor:pointer}
.mi-opt input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.mi-opt:has(input:checked){background:var(--ink);color:#fff}
.mi-opt:has(input:focus-visible){outline:3px solid var(--act);outline-offset:2px}
.mi-form textarea,.mi-form input[type=email]{width:100%;border:1px solid var(--line);border-radius:.875rem;padding:.75rem 1rem;font:inherit;font-size:1.0625rem;color:var(--ink);background:#fff}
.mi-form input[type=email]{min-height:3rem}
.mi-form textarea{resize:vertical;min-height:7rem}
.mi-form textarea:focus-visible,.mi-form input[type=email]:focus-visible{outline:3px solid var(--act);outline-offset:2px}
.mi-form [aria-invalid="true"]{border-color:#B3261E}
.mi-err{color:#B3261E;font-size:.9375rem;font-weight:600}
.mi-form .btn{justify-self:start;margin-top:.5rem}
.mi-small,.mi-ok{font-size:.9375rem;color:var(--ink-body)}
.mi-ok{font-weight:600;color:var(--ink)}
@media (max-width:56rem){.reach-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:56rem){.tiles-3,.tiles-2,.led-cols,.ab-grid,.asks.a3{grid-template-columns:minmax(0,1fr)}.stats li{grid-template-columns:minmax(0,1fr);gap:.25rem}.ab-pic{aspect-ratio:16/9}.ab-pic img{width:22%}}

.app .ap-pill,.app .ap-win,.app .ap-set{font-family:"Inter Rubil",var(--f-ui)}

/* ══ Legal pages: /privacy, /terms, /refunds (October 7, 2026). Reuses .pg-*, .toc, .prose and .short; adds only
   lists, tables and the contact box inside .lg-prose. ══ */
.lg-date{margin-top:2rem;font-size:.875rem;color:var(--ink-body)}
.lg-shortsec{padding-block:0 clamp(1rem,3vh,2rem)}
.lg-short{max-width:54rem}
.lg-short h2{font-size:1.125rem}
.lg-list{margin-top:1rem;display:grid;gap:.625rem;padding-left:1.25rem;list-style:disc;color:var(--ink-body);max-width:65ch}
.lg-short .lg-list{margin-top:.5rem;max-width:none}
.lg-prose .lg-list li{padding-left:.25rem}
.lg-prose b{color:var(--ink);font-weight:600}
.lg-prose > h2[id]{scroll-margin-top:5.5rem}
.lg-table{margin-top:1.25rem;overflow-x:auto;background:#fff;border-radius:1.25rem;box-shadow:var(--shadow)}
.lg-table:focus-visible{outline:3px solid var(--act);outline-offset:3px}
.lg-table table{width:100%;border-collapse:collapse;font-size:1rem;line-height:1.5;text-align:left}
.lg-table th,.lg-table td{padding:.875rem 1rem;vertical-align:top;border-bottom:1px solid var(--line);color:var(--ink-body)}
.lg-table thead th{color:var(--ink);font-weight:600;background:var(--bg2)}
.lg-table tbody th{color:var(--ink);font-weight:600;min-width:9rem}
.lg-table tr:last-child > *{border-bottom:0}
.lg-contact{margin-top:2.75rem;background:#fff;border-radius:var(--r-tile);padding:1.5rem 1.75rem;scroll-margin-top:5.5rem;box-shadow:var(--shadow)}
.lg-contact h2{font-size:1.25rem;font-weight:700;line-height:1.2}
.lg-contact p{margin-top:.5rem;color:var(--ink-body)}
@media (max-width:40rem){.lg-table table{min-width:34rem}}
/* ══ /quality and /changelog (October 7, 2026). Existing tokens only. Each surface and each product keeps one tint. ══ */
.qt-butter{background:var(--t-butter)}.qt-sky{background:var(--t-sky)}.qt-mint{background:var(--t-mint)}.qt-lilac{background:var(--t-lilac)}.qt-peach{background:var(--t-peach)}.qt-grey{background:var(--t-grey)}
.qb-operational{background:var(--mint-leaf)}.qb-degraded{background:var(--safety-gold)}.qb-outage{background:var(--molten-orange)}
.qb-dot{display:inline-block;width:.75rem;height:.75rem;border-radius:50%;flex:none}
.qb-pill-operational{background:var(--t-mint)}.qb-pill-degraded{background:var(--t-butter)}.qb-pill-outage{background:var(--t-peach)}
.qb-narrow{max-width:52rem}
.qb-about{margin-top:1.25rem;color:var(--ink-body);max-width:34rem;font-size:1.0625rem}
.qb-intro{margin-top:1rem;color:var(--ink-body);font-size:1.1875rem;line-height:1.6;max-width:46rem}
.qb-intro a,.qb-foot a{font-weight:600}
.qb-intro b{color:var(--ink);font-weight:600}
.qx-top{padding-block:clamp(2rem,6vh,4rem) clamp(2.5rem,6vh,4.5rem)}
.qx-grid{align-items:center;gap:clamp(2rem,5vw,4.5rem)}
.qx-kick{color:var(--act)}
main .qx-h1{font-size:clamp(2.75rem,6.2vw,5.25rem);line-height:1;letter-spacing:-.035em}
.qx-copy .lede{margin-top:1.25rem;font-size:1.3125rem;line-height:1.45;color:var(--ink-body);max-width:32rem}
.qx-copy .lede b{color:var(--ink)}
.qx-stage{border-radius:2.5rem;padding:clamp(1.25rem,3.5vw,2.5rem);background:radial-gradient(70% 55% at 50% 100%,var(--glow-warm),transparent),linear-gradient(135deg,var(--glow-sun),var(--glow-sky))}
.qx-card{background:#fff;border-radius:var(--r-tile);box-shadow:var(--shadow-frame);padding:clamp(1.25rem,2.6vw,2rem)}
.qx-lbl{font-size:.9375rem;font-weight:600;color:var(--ink-body)}
.qx-big{margin-top:.75rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem}
.qx-big b{font-size:clamp(3.25rem,6vw,5rem);line-height:1;letter-spacing:-.04em}
.qx-big span{font-size:1.25rem;font-weight:600}
.qx-sub{margin-top:.5rem;color:var(--ink-body)}
.qx-rows{margin-top:1.5rem;border-top:1px solid var(--line)}
.qx-rows li{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 0;border-bottom:1px solid var(--line)}
.qx-rows li:last-child{border-bottom:0;padding-bottom:0}
.qh-name{display:inline-flex;align-items:center;gap:.625rem;font-weight:600}
.qh-val{font-weight:700;font-variant-numeric:tabular-nums}
.qx-def{padding-block:clamp(1.5rem,4vh,2.5rem)}
.qx-defbox{background:var(--glow-sun);border-radius:var(--r-tile);padding:clamp(1.25rem,3vw,2rem) clamp(1.25rem,3vw,2.25rem)}
.qx-defh{font-size:1rem;font-weight:700}
.qx-defbox p{margin-top:.375rem;font-size:clamp(1.1875rem,1.4vw + .75rem,1.5rem);line-height:1.45;max-width:52rem}
.qo{margin-top:clamp(1.5rem,4vh,2.5rem);background:var(--bg2);border-radius:var(--r-tile);padding:clamp(1.25rem,3vw,2rem)}
.qo-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem}
.qo-t{font-size:1.25rem;font-weight:700}
.qo-s{color:var(--ink-body);font-size:.9375rem}
.qo-num{display:grid;justify-items:end}
.qo-num b{font-size:clamp(2.25rem,4vw,3.25rem);line-height:1;letter-spacing:-.03em}
.qo-num span{color:var(--ink-body);font-size:.9375rem}
.qb-bars{display:flex;gap:3px;height:3.5rem;align-items:stretch}
.qb-bars.qb-tall{height:6rem}
.qb-bars.qb-mini{height:1.75rem}
.qb-bars i{flex:1;min-width:0;border-radius:3px}
.qb-ends{display:flex;justify-content:space-between;margin-top:.625rem;font-size:.875rem;color:var(--ink-body)}
.qs-grid{margin-top:1.25rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
@media (max-width:48rem){.qs-grid{grid-template-columns:minmax(0,1fr)}}
.qs{border-radius:var(--r-tile);padding:clamp(1.25rem,2.6vw,2rem);display:grid;gap:.5rem;align-content:start}
.qs-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem}
.qs h3{font-size:1.375rem;letter-spacing:-.015em}
.qs-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:2rem;font-size:.875rem;font-weight:600;box-shadow:0 0 0 1px rgba(10,10,10,.12)}
.qs-blurb{color:var(--ink-body)}
.qs-num{margin:.5rem 0 .75rem;display:grid;gap:.125rem}
.qs-num b{font-size:clamp(2.5rem,4vw,3.5rem);line-height:1;letter-spacing:-.035em}
.qs-num span{color:var(--ink-body);font-size:.9375rem}
.qs .qb-bars i{box-shadow:0 0 0 1px rgba(255,255,255,.5)}
.qs-text p{color:var(--ink-body);font-size:1.0625rem;line-height:1.55}
.qb-legend{margin-top:1.25rem;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;color:var(--ink-body);font-size:.9375rem}
.qb-legend li{display:inline-flex;align-items:center;gap:.5rem}
.qb-legend b{color:var(--ink);font-weight:600}
.qr-list{margin-top:1.5rem;display:grid;gap:.75rem}
.qr{display:grid;grid-template-columns:minmax(0,1.3fr) auto minmax(0,1fr);align-items:center;gap:.5rem 1.25rem;background:#fff;border-radius:1.25rem;padding:1rem 1.5rem}
@media (max-width:40rem){.qr{grid-template-columns:minmax(0,1fr) auto}.qr-per{grid-column:1 / -1}}
.qr-date{display:grid}
.qr-date b{font-weight:600}
.qr-date span,.qr-per span{color:var(--ink-body);font-size:.9375rem}
.qr-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:2rem;font-size:.875rem;font-weight:600;box-shadow:0 0 0 1px rgba(10,10,10,.12)}
.qr-per{display:grid;justify-items:end;text-align:right}
@media (max-width:40rem){.qr-per{justify-items:start;text-align:left}}
.qr-per b{font-size:1.25rem;font-variant-numeric:tabular-nums}
.qr-note{grid-column:1 / -1;color:var(--ink-body)}
.qr-more{margin-top:.75rem}
.qr-more summary{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;border-radius:2rem;background:#fff;font-weight:600;cursor:pointer;list-style:none;box-shadow:0 0 0 1px var(--line)}
.qr-more summary::-webkit-details-marker{display:none}
.qr-more summary .ic{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform 200ms var(--ease)}
.qr-more[open] summary .ic{transform:rotate(90deg)}
.qr-more[open] summary span{display:none}
.qr-more[open] summary::before{content:"Hide older runs"}
.qr-more .qr-list{margin-top:.75rem}
.qe-grid{margin-top:1.75rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
@media (max-width:56rem){.qe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:30rem){.qe-grid{grid-template-columns:minmax(0,1fr)}}
.qe{border-radius:1.5rem;padding:1.25rem;display:grid;gap:.375rem;align-content:start}
.qe-n{width:2rem;height:2rem;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:700;margin-bottom:.5rem}
.qe h3{font-size:1.25rem}
.qe p{color:var(--ink-body);font-size:1rem;line-height:1.45}
.qb-prose{margin-top:1.5rem}
.qb-scroll{margin-top:1.5rem;overflow-x:auto;background:#fff;border-radius:var(--r-tile);box-shadow:0 0 0 1px var(--line);padding:.5rem 1.5rem}
.qb-table{width:100%;border-collapse:collapse;min-width:30rem;font-size:1.0625rem}
.qb-table th,.qb-table td{text-align:left;padding:1rem .75rem 1rem 0;vertical-align:top;border-bottom:1px solid var(--line)}
.qb-table tbody tr:last-child > *{border-bottom:0}
.qb-table th{font-weight:600}
.qb-table td{color:var(--ink-body)}
.qb-table .qb-hl,.qb-table td:last-child{background:var(--glow-sun);padding-left:1rem;color:var(--ink);font-weight:600}
.qb-table thead .qb-hl{border-radius:1rem 1rem 0 0}
.qb-table tbody tr:last-child td:last-child{border-radius:0 0 1rem 1rem}
.qb-faq{margin-top:1.5rem}
.qb-foot{margin-top:2rem;font-size:.9375rem;color:var(--ink-body)}
/* changelog */
.cx-top{padding-block:clamp(2rem,6vh,4rem) clamp(1.5rem,4vh,2.5rem)}
.cx-box{background:radial-gradient(70% 70% at 90% 100%,var(--glow-warm),transparent),linear-gradient(135deg,var(--glow-sun),var(--glow-sky));border-radius:2.5rem;padding:clamp(2rem,6vw,4.5rem) clamp(1.25rem,5vw,4rem)}
main .cx-h1{font-size:clamp(2.5rem,5.6vw,4.75rem);line-height:1.02;letter-spacing:-.035em}
.cx-box .lede{margin-top:1.25rem;font-size:1.3125rem;line-height:1.45;color:var(--ink-body);max-width:34rem}
.cx-key{margin-top:1.75rem;display:flex;flex-wrap:wrap;gap:.5rem}
.cx-chip{display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:2rem;font-size:.9375rem;font-weight:600;background:#fff;box-shadow:0 0 0 1px rgba(10,10,10,.1)}
.cx-chip::before{content:"";width:.75rem;height:.75rem;border-radius:50%;margin-right:.5rem;background:var(--c,var(--ink))}
.cx-c-chrome{--c:var(--glow-cool)}.cx-c-mac{--c:var(--banana-cream)}.cx-c-win{--c:var(--line)}.cx-c-fmt{--c:var(--mint-leaf)}
.cl-feed{display:grid;gap:clamp(1.25rem,3vw,2rem)}
.cl-entry{display:grid;grid-template-columns:11rem minmax(0,1fr);gap:clamp(1rem,3vw,2.5rem);align-items:start}
@media (max-width:56rem){.cl-entry{grid-template-columns:minmax(0,1fr)}}
.cl-meta{position:sticky;top:5.5rem;display:grid;gap:.5rem;justify-items:start}
@media (max-width:56rem){.cl-meta{position:static}}
.cl-date{font-weight:700;font-size:1.0625rem}
.cl-prod{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:2rem;font-size:.875rem;font-weight:600}
.cl-ver{font-weight:700;color:var(--link);font-size:.9375rem}
.cl-card{background:#fff;border-radius:var(--r-tile);padding:clamp(1.25rem,3vw,2.25rem);box-shadow:var(--shadow-frame);border-top:6px solid var(--c,var(--ink))}
.cl-card h2{font-size:clamp(1.5rem,2.4vw,2rem);letter-spacing:-.02em}
.cl-intro{margin-top:.75rem;color:var(--ink-body);font-size:1.1875rem;line-height:1.55}
.cl-list{margin-top:1.25rem;display:grid;gap:1.125rem;color:var(--ink-body);font-size:1.0625rem;line-height:1.55}
.cl-list b{color:var(--ink);font-weight:600}
.cl-act{margin-top:1.5rem}
.cl-fix{margin-top:1.75rem;background:var(--bg2);border-radius:1.5rem;padding:1.25rem 1.5rem}
.cl-fix h3{font-size:.9375rem;font-weight:700;color:var(--ink-body)}
.cl-fix .cl-list{margin-top:.875rem}
.cl-close{margin-top:clamp(1.5rem,4vw,2.5rem);background:var(--glow-sun);border-radius:var(--r-tile);padding:clamp(1.25rem,3vw,2rem);font-size:1.1875rem;line-height:1.5}
.cl-close a{font-weight:600}