:root{--cream:#F7F4ED;--paper:#FFFFFF;--ink:#101418;--slate:#5C6470;--rule:#101418;--hair:#E7E2D5;--soft:#F0EEE6;
  --em:#0F502D;--vg:#22C55E;--vgDark:#16A34A;--mint:#EAFBF0;--mintLine:#BFE3CB;--lime:#B7FF4A;--gold:#9C7820;--bad:#B4432C}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.55 "Schibsted Grotesk",-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:-.005em;-webkit-font-smoothing:antialiased}
a{color:inherit}.wrap{max-width:1180px;margin:0 auto;padding:0 28px}
a:focus-visible{outline:2px solid var(--vg);outline-offset:3px}
/* nav */
.nav{position:sticky;top:0;z-index:40;background:var(--cream);display:flex;align-items:center;gap:18px;padding:14px 0;border-bottom:1px solid var(--rule)}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);margin-right:auto}
.brand .mk{width:34px;height:15px;fill:var(--ink);flex:none}
.brand span{font-family:"Fraunces",Georgia,serif;font-weight:500;font-size:24px;letter-spacing:-.02em;line-height:1}
.brand small{font-family:"Space Mono",monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--slate);margin-left:2px}
.nav>.pill{order:3}
.navscroll{display:contents}.navnudge{display:none}
.navlinks{display:flex;gap:22px;align-items:center;font-size:15px}.navlinks a{text-decoration:none;color:var(--ink);white-space:nowrap}.nav>.pill{white-space:nowrap}
@media(max-width:1180px){.navlinks{gap:16px;font-size:14.5px}.mkts a{padding:5px 7px}}
@media(max-width:1000px){.nav{flex-wrap:wrap;gap:12px 14px;padding:14px 0 0}.nav>.pill{order:2}.navscroll{display:block;order:3;flex-basis:100%;min-width:0}.navlinks{flex-wrap:wrap;gap:10px 18px;padding:8px 0 12px}.mkts{margin-left:auto}}
.navlinks a[aria-current]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.pill{display:inline-block;background:var(--em);color:#fff!important;text-decoration:none;border-radius:60px;padding:11px 22px;font-weight:600;font-size:14px;letter-spacing:-.005em;transition:background .15s}
.pill:hover{background:var(--vgDark)}
.mkts{display:flex;gap:2px;border:1px solid var(--rule);border-radius:0;padding:2px;font-family:"Space Mono",monospace;font-size:11px;letter-spacing:.08em}
.mkts a{text-decoration:none;color:var(--ink);padding:5px 8px}.mkts a[aria-current]{background:var(--ink);color:var(--cream);text-decoration:none}.mkts a:hover{background:var(--soft)}.mkts a[aria-current]:hover{background:var(--ink)}
/* type */
.kicker{font-family:"Schibsted Grotesk",sans-serif;font-weight:600;font-size:14px;letter-spacing:.01em;color:var(--em);margin:0 0 14px}
h1{font-family:"Fraunces",Georgia,serif;font-weight:400;font-variation-settings:"opsz" 144;font-size:clamp(42px,6.4vw,84px);line-height:1.02;letter-spacing:-.02em;margin:0 0 22px;text-wrap:balance;max-width:16ch}
h2{font-family:"Fraunces",Georgia,serif;font-weight:400;font-variation-settings:"opsz" 96;font-size:clamp(30px,3.8vw,48px);line-height:1.08;letter-spacing:-.015em;margin:0 0 10px;text-wrap:balance}
h3{font-size:19px;margin:0 0 8px;letter-spacing:-.01em}
.hl{background:var(--lime);color:var(--ink);padding:0 .1em;margin:0 -.04em;box-decoration-break:clone;-webkit-box-decoration-break:clone;mix-blend-mode:multiply}
.lede{font-size:19px;line-height:1.55;color:#2B3139;max-width:60ch;margin:0 0 20px}
p{margin:0 0 16px}.prose{max-width:66ch}
.meta{font-family:"Schibsted Grotesk",sans-serif;font-weight:500;font-size:12.5px;letter-spacing:.01em;color:var(--slate)}
.proof{display:flex;flex-wrap:wrap;gap:10px 28px;font-family:"Schibsted Grotesk",sans-serif;font-weight:600;font-size:12.5px;letter-spacing:.01em;color:var(--slate);margin-top:4px}
.proof span::before{content:"";display:inline-block;width:9px;height:9px;background:var(--vg);margin-right:10px;vertical-align:0}
.fair-chance .fc-label{font-family:"Schibsted Grotesk",sans-serif;font-weight:600;font-size:12.5px;letter-spacing:normal;text-transform:none;color:var(--slate);margin:22px 0 6px}
.fair-chance ul{margin:0 0 8px 18px;padding:0}.fair-chance li{margin:4px 0}.fair-chance .fc-ask{margin-top:18px}.fair-chance .fc-fine{font-size:13px;color:var(--slate)}
.hero{padding:72px 0 52px}
.sec{padding:56px 0;border-top:1px solid var(--rule)}
.save{display:inline-flex;align-items:center;gap:8px;background:var(--vg);color:#052E16;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700;letter-spacing:-.005em;line-height:1.3;vertical-align:middle;max-width:100%}
.save::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:#052E16;opacity:.55}
.cells,.cell{min-width:0}.cell b{overflow-wrap:anywhere}
/* "what this means" callout */
.means{display:grid;grid-template-columns:auto 1fr;gap:16px 24px;align-items:start;margin-top:24px;padding:18px 22px 14px;border-left:3px solid var(--em);background:var(--paper);border-radius:0 12px 12px 0}
.means[hidden]{display:none} /* display:grid would beat the hidden attribute — the leadDone/ideaDone blocks rely on it */
.means .k{font-family:"Schibsted Grotesk",sans-serif;font-weight:700;font-size:12.5px;letter-spacing:.01em;color:var(--em);padding-top:3px;white-space:nowrap}
.means .mb{min-width:0;max-width:66ch}
.mc{margin:0;font-family:"Fraunces",Georgia,serif;font-weight:500;font-size:21px;letter-spacing:-.02em;line-height:1.3;color:var(--ink);text-wrap:balance}
.mp{list-style:none;margin:10px 0 0;padding:0}
.mp li{position:relative;padding:9px 0 9px 20px;border-top:1px dashed var(--hair);font-size:15.5px;line-height:1.5;color:var(--ink)}
.mp li::before{content:"";position:absolute;left:0;top:16px;width:8px;height:8px;border-radius:50%;background:var(--vg)}
.means .mp em{font-style:normal;color:var(--em);font-weight:600;background:none}
@media(max-width:640px){.means{gap:8px}.mc{font-size:19px}}
/* stats (Clockwise stat card) */
.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:30px 0 0}
.stat{padding:24px 24px 24px 0}.stat+.stat{border-left:1px solid var(--hair);padding-left:24px}
.stat b{display:block;font-family:"Fraunces",Georgia,serif;font-weight:500;font-size:clamp(30px,3.4vw,46px);letter-spacing:-.03em;line-height:1;color:var(--em);font-variant-numeric:tabular-nums;text-wrap:balance}
.stat span{display:block;margin-top:10px;font-size:14.5px;color:var(--slate);max-width:30ch;line-height:1.45}
/* fine print, in plain English (replaces monospace walls) */
.finewrap{margin-top:30px}.finewrap .kicker{color:var(--slate)}
.fine{display:grid;grid-template-columns:1fr 1fr;gap:0 44px;border-top:1px solid var(--rule)}
.f{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--hair);font-size:14px;line-height:1.5}
.f b{color:var(--ink);font-weight:600}.f span{color:var(--slate)}
/* ledger tables — spreadsheet-rule rhythm */
.ledger{margin:22px 0 8px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);overflow-x:auto}
/* swipe affordance + read/unread columns: LEDGER_JS wraps every .ledger in .lwrap. While there's more table
   to the right: a cream fade + a nudging chevron. Columns you haven't swiped to yet sit on a putty tint and
   clear to normal once read — text keeps full contrast (AA) throughout, only the ground changes. */
.lwrap{position:relative}.lwrap .ledger{margin:0}
.lwrap{margin:22px 0 8px}
.lwrap::after{content:"";position:absolute;top:0;bottom:0;right:0;width:76px;background:linear-gradient(90deg,rgba(247,244,237,0),var(--cream) 78%);pointer-events:none;opacity:0;transition:opacity .25s ease}
.lwrap.can::after{opacity:1}
.lgnudge{display:none}
/* the chevron rides a zero-height sticky rail: visible the moment the table enters, then it follows the
   viewport all the way down the table (Adam: "keeps hovering all the way down"), gone at scroll end */
.lgstick{position:sticky;top:46vh;height:0;z-index:3;pointer-events:none}
.lwrap.can .lgnudge{display:grid;position:absolute;right:4px;top:0;width:38px;height:38px;place-items:center;border:1px solid var(--rule);border-radius:50%;background:var(--paper);color:var(--ink);cursor:pointer;padding:0;pointer-events:auto;transition:opacity .25s ease;animation:nudgex 2.4s ease-in-out infinite;box-shadow:0 8px 18px -10px rgba(16,20,24,.4)}
.lgnudge svg{width:15px;height:15px}
.lwrap.end::after,.lwrap.end .lgnudge{opacity:0;pointer-events:none}
@keyframes nudgex{0%,55%,100%{transform:translateX(0)}68%{transform:translateX(4px)}82%{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.lwrap.can .lgnudge{animation:none}}
.ledger th,.ledger td{transition:background-color .5s ease}
.ledger th.unseen,.ledger td.unseen{background:#ECE9DE}
.ledger th.us.unseen,.ledger td.us.unseen{background:#DDEFE3}
table{border-collapse:collapse;width:100%;min-width:820px;font-size:14.5px}
th{font-family:"Space Mono",monospace;font-weight:400;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);text-align:left;padding:14px 14px 10px;border-bottom:1px solid var(--rule);white-space:nowrap}
td{padding:13px 14px;border-bottom:1px solid var(--hair);vertical-align:top;letter-spacing:-.005em}
tr:last-child td{border-bottom:0}
td:first-child{font-weight:600;min-width:190px;position:sticky;left:0;background:var(--cream)}
th.us,td.us{background:var(--mint);color:var(--em)}td.us{font-weight:600}
th.c,td.c{text-align:center}td:first-child.c{text-align:left}
.ok{color:var(--vgDark);font-weight:700}.no{color:var(--bad);font-weight:700}.pt{color:var(--gold);font-weight:700}.dim{color:var(--slate);font-weight:400}
.legend{display:flex;gap:22px;flex-wrap:wrap;font-size:13px;color:var(--slate);margin:4px 0 0;align-items:center}
.sw{display:inline-block;width:22px;height:11px;vertical-align:-1px;margin-right:8px}
/* verdict band — contained dark inversion */
.band{background:var(--ink);color:var(--cream);border-radius:24px;padding:40px 44px;margin:40px 0 8px}
.band .kicker{color:#9CC7AA}.band h2{color:var(--cream)}.band .lede{color:#CFCBBE}
.bars{display:grid;gap:14px;margin-top:24px}
.bar{display:grid;grid-template-columns:250px 1fr 110px;gap:16px;align-items:center;font-size:14px}
.bar .nm b{display:block;color:#E9E6DC;font-weight:600}.bar .nm small{display:block;font-size:12px;color:#9D9A90;margin-top:1px;line-height:1.35}
.bar .tr{height:14px;background:rgba(255,255,255,.08)}.bar .tr .fl{height:14px;background:#87867F}.bar.us .tr .fl{background:var(--vg)}
.bar .v{font-family:"Fraunces",Georgia,serif;font-weight:500;font-size:22px;letter-spacing:-.02em;text-align:right;color:var(--cream);font-variant-numeric:tabular-nums}
.bar.us .nm b,.bar.us .v{color:#fff}.bar.us .v{color:var(--vg)}
.bnote{margin:22px 0 0;font-size:13px;color:#B0AEA5;line-height:1.55;max-width:90ch}
/* price tape — year by year */
.tapes{display:grid;gap:12px;margin-top:24px}
.tape{display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:center;background:var(--paper);border:1px solid var(--hair);border-radius:12px;padding:14px 16px}
.tape.us{background:var(--mint);border-color:var(--mintLine)}
.tname b{display:block;font-weight:700;font-size:15px}.tname span{display:block;font-size:12.5px;color:var(--slate);margin-top:2px;line-height:1.35}
.cells{display:grid;grid-template-columns:repeat(5,1fr) 1.3fr 1.3fr;gap:6px}
.cell{text-align:center;padding:8px 4px;border-radius:8px;background:rgba(16,20,24,.04)}
.cell i{display:block;font-style:normal;font-family:"Space Mono",monospace;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}
.cell b{display:block;font-family:"Fraunces",Georgia,serif;font-weight:500;font-size:19px;letter-spacing:-.02em;margin-top:3px;font-variant-numeric:tabular-nums;line-height:1.1}
.cell.free b{color:var(--slate);font-style:italic;font-weight:400}
.cell.tot{background:var(--ink);color:var(--cream)}.cell.tot i{color:#CFCBBE}.tape.us .cell.tot{background:var(--em)}
/* receipts */
.receipts{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px;align-items:start}
.receipts.three{grid-template-columns:repeat(3,1fr)}.receipts.four{grid-template-columns:1fr 1fr}
/* scenario cards — lime = money you gain (Mode highlight-block role); confetti levels via data-fx */
.scn{background:var(--paper);border:1px solid var(--hair);border-radius:12px;padding:22px 22px 18px;position:relative;display:flex;flex-direction:column;transition:border-color .18s ease,box-shadow .18s ease}
.scn:hover{border-color:var(--em);box-shadow:0 18px 34px -24px rgba(16,20,24,.4)}
.scn>*{min-width:0}
/* side-by-side cards share one row grid, so header / total / bar / fees / bonuses / footer line up across the pair */
@supports(grid-template-rows:subgrid){.receipts.four .scn{display:grid;grid-template-rows:subgrid;grid-row:span 9;align-content:start}}
.scFoot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px}
.pop{--amp:4deg;font:600 12.5px "Schibsted Grotesk",sans-serif;border:1px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:999px;padding:8px 14px;cursor:pointer;transform-origin:50% 60%;animation:wig 3.2s ease-in-out infinite;white-space:nowrap}
.pop[data-lvl="2"]{font-size:13.5px;padding:10px 18px;--amp:6deg}
.pop[data-lvl="3"]{font-size:15px;padding:12px 22px;--amp:8deg;border-width:1.5px;background:var(--mint)}
.pop[data-lvl="4"]{font-size:17px;padding:15px 28px;--amp:11deg;border-width:2px;background:var(--lime)}
.pop:hover{background:var(--lime);border-color:var(--ink)}
.pop.done{animation:none;background:var(--soft);color:var(--slate);border-color:var(--hair);cursor:default}
@keyframes wig{0%,30%{transform:rotate(0)}34%{transform:rotate(calc(var(--amp) * -1))}38%{transform:rotate(var(--amp))}42%{transform:rotate(calc(var(--amp) * -.7))}46%{transform:rotate(calc(var(--amp) * .7))}50%,100%{transform:rotate(0)}}
.popk{font-family:"Schibsted Grotesk",sans-serif;font-weight:700;font-size:11.5px;letter-spacing:.01em;color:var(--slate)}
/* "reveal what this pays you next year" — the button swipes out, the retainer swipes in */
.nxt{position:relative;overflow:hidden;border-top:1px solid var(--rule);margin-top:12px;min-height:98px}
.nxtBtn{position:absolute;inset:0;width:100%;text-align:left;font:600 14px "Schibsted Grotesk",sans-serif;color:var(--em);background:none;border:0;padding:0;cursor:pointer;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s ease}
.nxtBtn::after{content:"→";margin-left:8px;transition:margin-left .18s ease}.nxtBtn:hover::after{margin-left:14px}
.nxt.open .nxtBtn{transform:translateX(110%);opacity:0;pointer-events:none}
.nxtVal{position:absolute;inset:0;padding-top:12px;pointer-events:none;transform:translateX(-28px);opacity:0;transition:transform .45s cubic-bezier(.2,.8,.2,1) .12s,opacity .35s ease .12s}
.nxt.open .nxtVal{transform:none;opacity:1;pointer-events:auto}
.nxtVal .sk{display:block;color:var(--em)}
.nxtVal b{display:block;font-family:"Fraunces",Georgia,serif;font-weight:500;font-size:30px;letter-spacing:-.02em;line-height:1;margin:4px 0 4px;color:var(--em);font-variant-numeric:tabular-nums}
.nxtVal small{display:block;font-size:12px;color:var(--slate);line-height:1.4}
@media(prefers-reduced-motion:reduce){.pop{animation:none}.nxtBtn,.nxtVal{transition:none}}
.scn .sk{font-family:"Schibsted Grotesk",sans-serif;font-weight:700;font-size:11.5px;letter-spacing:.01em;color:var(--slate)}
.scn h3{font-family:"Fraunces",Georgia,serif;font-weight:400;font-variation-settings:"opsz" 96;font-size:clamp(28px,2.6vw,36px);letter-spacing:-.025em;line-height:1;margin:6px 0 16px}
.scn .totk{font-family:"Schibsted Grotesk",sans-serif;font-weight:700;font-size:11.5px;letter-spacing:.01em;color:var(--em)}
.scn .tot{font-family:"Fraunces",Georgia,serif;font-weight:500;font-size:clamp(36px,3.6vw,50px);letter-spacing:-.03em;line-height:1.05;margin:4px 0 12px;font-variant-numeric:tabular-nums}
.scn .tot .hl{padding:.02em .14em;margin:0}
.split{display:flex;height:10px;border-radius:999px;overflow:hidden;background:var(--soft);border:1px solid var(--hair)}
.split i{display:block;height:100%}.split .fe{background:var(--em)}.split .bo{background:var(--lime)}
.splitk{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;color:var(--slate);margin:7px 0 4px}.splitk b{color:var(--ink)}
.splitk .bk::before,.splitk .fk::before{content:"";display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:6px;vertical-align:-1px}.splitk .fk::before{background:var(--em)}.splitk .bk::before{background:var(--lime)}
.grp{font-family:"Schibsted Grotesk",sans-serif;font-weight:700;font-size:11.5px;letter-spacing:.01em;color:var(--slate);padding:12px 0 2px;border-top:1px solid var(--rule);margin-top:12px}
.grp.bon{color:var(--em);border-top-width:2px}
.scn .ln{border-bottom:1px dashed var(--hair)}
.stamp{display:inline-block;font-family:"Schibsted Grotesk",sans-serif;font-weight:700;font-size:10px;letter-spacing:.02em;background:var(--lime);color:var(--ink);padding:3px 7px 2px;border-radius:3px;transform:rotate(-3deg);margin-right:8px;vertical-align:2px}
.ln.bon b{color:var(--em)}.ln.bon b::before{content:"+ "}
.bsum{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0 2px;font-weight:700;border-top:1px solid var(--rule)}
.bsum b{font-family:"Fraunces",Georgia,serif;font-weight:500;font-size:24px;letter-spacing:-.02em;background:var(--lime);padding:0 .25em;font-variant-numeric:tabular-nums}
.scn .story{margin:12px 0 0;font-size:13px;color:var(--slate);line-height:1.45}
.fxc{position:fixed;inset:0;pointer-events:none;z-index:80}
.scn.flash .tot .hl{animation:flash .7s ease}@keyframes flash{0%{background:var(--vg)}100%{background:var(--lime)}}
@media(prefers-reduced-motion:reduce){.scn,.scn:hover{transition:none;transform:none}}
.receipt{background:var(--paper);border:1px solid var(--hair);border-radius:12px;padding:20px 22px 18px}
.receipt.us{background:var(--mint);border-color:var(--mintLine)}
.rh{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--rule);margin-bottom:4px}
.rh b{font-size:16px}.rh span{font-family:"Space Mono",monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);white-space:nowrap}
.ln{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px dashed var(--hair);font-size:14.5px;line-height:1.4}
.ln span{color:var(--ink)}.ln small{display:block;color:var(--slate);font-size:12.5px;margin-top:1px}.ln b{font-weight:600;white-space:nowrap}
.rtot{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 0 2px;border-top:1px solid var(--rule);margin-top:4px}
.rtot span{font-family:"Space Mono",monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--slate)}
.rtot b{font-family:"Fraunces",Georgia,serif;font-weight:500;font-size:clamp(30px,3.2vw,40px);letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.receipt.us .rtot b{color:var(--em)}
.rf{margin-top:12px;font-size:13px;color:var(--slate);line-height:1.45}
.rf .save{margin-top:2px}
/* two-column editorial blocks (Equals: claim left, argument right) */
.duo{display:grid;grid-template-columns:5fr 7fr;gap:48px;padding:36px 0;border-top:1px solid var(--hair)}
/* trust and verification */
.trustline{display:flex;flex-wrap:wrap;gap:8px 22px;padding:14px 0;border-top:1px solid var(--hair);font-family:"Schibsted Grotesk",sans-serif;font-size:12.5px;font-weight:600}
.trustline .k{color:#5F6B7A;font-weight:500}
.trustline a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--rule)}.trustline a:hover{color:var(--em)}
.check{display:block;margin-top:8px;font-size:13.5px}.check a{color:var(--em)}
.check .lbl{font-family:"Schibsted Grotesk",sans-serif;font-weight:700;font-size:12.5px;margin-right:6px;color:var(--ink)}
.notyet{background:#F3F0E8;border-radius:12px;padding:18px 20px;max-width:72ch}.notyet p{margin:0}
.tbadges{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px 20px;margin-top:18px}
.tbadges figure{margin:0}.tbadges img{width:100%;max-width:360px;height:auto;display:block}.tbadges figcaption{font-size:12.5px;color:#5F6B7A;margin-top:6px;line-height:1.45}
/* live security status: the strip under the header (scrolls the checks past for ~4s), and the "Right now" panel on /trust */
.tsstrip{position:fixed;left:0;right:0;z-index:48;display:flex;align-items:center;gap:14px;padding:9px 18px;background:var(--ink);color:#fff;font-family:"Schibsted Grotesk",sans-serif;font-size:13px;transform:translateY(-110%);transition:transform .38s ease;box-shadow:0 12px 30px -18px rgba(16,20,24,.6)}
.tsstrip.on{transform:none}
.tsl{font-weight:700;white-space:nowrap}.tss{color:#B9C0B8;white-space:nowrap}
.tstrack{flex:1;overflow:hidden;min-width:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.tsrun{display:inline-flex;gap:34px;white-space:nowrap;will-change:transform}.tsrun.run{animation:tsScroll 30s linear infinite}.tsstrip:hover .tsrun.run{animation-play-state:paused}
@keyframes tsScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.tsi{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:#D9DED7}.tsi i{width:8px;height:8px;border-radius:50%;background:#7C8487}.tsi.ok i{background:#22C55E}.tsi.bad i{background:#F87171}.tsi b{font-weight:700;color:#fff}
.tsa{color:#22C55E;font-weight:700;text-decoration:none;white-space:nowrap}.tsa:hover{text-decoration:underline}.tsa .short{display:none}
.tsx{background:none;border:0;color:#B9C0B8;font-size:20px;line-height:1;cursor:pointer;padding:4px 8px;min-width:36px;min-height:36px;border-radius:8px}.tsx:hover{color:#fff;background:rgba(255,255,255,.08)}
@media(max-width:700px){.tsstrip{gap:8px;padding:6px 8px 6px 12px;font-size:12px}.tss{display:none}.tsa .long{display:none}.tsa .short{display:inline}.tsx{min-width:44px;min-height:44px;font-size:24px}}
@media(prefers-reduced-motion:reduce){.tsrun.run{animation:none}}
.tnow{margin-top:6px}.tnh{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 0 6px;font-family:"Schibsted Grotesk",sans-serif;font-size:13.5px}.tnh span{color:var(--slate)}
.tsrow{display:grid;grid-template-columns:14px 1fr auto auto;gap:6px 14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--hair);text-decoration:none;color:var(--ink)}.tsrow:hover .tslbl b{color:var(--em)}
.tsrow .tsdot{width:9px;height:9px;border-radius:50%;background:#C8C1B2;align-self:center}.tsrow.ok .tsdot{background:var(--em)}.tsrow.bad .tsdot{background:#9A3412}
.tsrow .tslbl b{display:block;font-family:"Schibsted Grotesk",sans-serif;font-size:14px}.tsrow .tslbl span{font-size:12.5px;color:var(--slate)}.tsrow .tsval{font-family:"Schibsted Grotesk",sans-serif;font-weight:600;font-size:13px;white-space:nowrap}.tsrow .tssrc{font-size:11.5px;color:#5F6B7A;white-space:nowrap}
@media(max-width:640px){.trustbar{right:12px;left:12px;bottom:12px;width:auto}.tbc{grid-template-columns:1fr 1fr}.tsrow{grid-template-columns:14px 1fr}.tsrow .tsval,.tsrow .tssrc{grid-column:2}}
.duo:first-child,.kicker+.duo{border-top:0;padding-top:0}.duo:last-child{padding-bottom:0}
.duo h2{font-size:clamp(28px,3.2vw,40px);margin:0}.duo p{margin:0;font-size:17px;line-height:1.58;max-width:60ch}
.duo p+p{margin-top:12px}
/* deep-dive rows (Equals solution rows) */
.rows{border-top:1px solid var(--rule)}
.row{display:grid;grid-template-columns:160px 1fr 220px;gap:24px;align-items:start;padding:26px 0;border-bottom:1px solid var(--rule);text-decoration:none;color:inherit}
.row:hover h3{text-decoration:underline;text-underline-offset:5px}
.row .k{font-family:"Schibsted Grotesk",sans-serif;font-weight:700;font-size:13.5px;letter-spacing:0;color:var(--em);padding-top:4px}
.row h3{font-family:"Fraunces",Georgia,serif;font-weight:400;font-size:28px;letter-spacing:-.02em;margin:0 0 6px}
.row p{color:var(--slate);margin:0;font-size:15px;max-width:60ch}
.row .go{justify-self:end;font-weight:600;color:var(--em);padding-top:8px}
.row.soon{opacity:.6}.row.soon .go{color:var(--slate)}
/* home page */
.ctaRow{display:flex;align-items:center;flex-wrap:wrap;gap:14px 22px;margin:6px 0 22px}
.pill.big{font-size:16px;padding:15px 28px}
.leadForm{max-width:640px;display:grid;gap:14px}.leadForm label{display:block;font-size:13px;font-weight:600}.leadForm label span{display:block;margin-bottom:6px;color:var(--slate)}
.leadForm input:not([type=checkbox]){width:100%;font:inherit;font-size:16px;padding:12px 14px;border:1px solid var(--rule);border-radius:12px;background:var(--paper);color:var(--ink)}
.leadForm input:focus-visible{outline:2px solid var(--vg);outline-offset:2px}.lf2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lfchk{display:flex;gap:10px;align-items:flex-start;font-weight:500!important}.lfchk input{width:18px;height:18px;margin-top:2px}
.leadForm .pill{justify-self:start;border:0}@media(max-width:640px){.lf2{grid-template-columns:1fr}}
.ghost{font-weight:600;color:var(--em);text-decoration:none;border-bottom:2px solid var(--vg);padding-bottom:2px}.ghost:hover{border-color:var(--em)}
.scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:36px 0 0}
.scene{margin:0}.scene img{width:100%;height:auto;display:block;border:1px solid var(--hair);border-radius:12px;background:#fff}
.scene figcaption{font-family:"Schibsted Grotesk",sans-serif;font-weight:600;font-size:11.5px;letter-spacing:.01em;color:var(--slate);margin-top:8px}
.scenescap{font-size:13px;color:var(--slate);margin:12px 0 0}
.shot{margin:30px 0 0;border:1px solid var(--hair);border-radius:12px;overflow:hidden;background:#fff}.shot img{width:100%;height:auto;display:block}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px;border-top:1px solid var(--rule);margin-top:26px}
.step{padding:24px 0 6px}.step .k{font-family:"Schibsted Grotesk",sans-serif;font-weight:700;font-size:12.5px;letter-spacing:.01em;color:var(--em)}
.step h3{font-family:"Fraunces",Georgia,serif;font-weight:400;font-size:28px;letter-spacing:-.02em;margin:8px 0 8px}.step p{color:var(--slate);margin:0;font-size:15.5px;max-width:34ch}
.pk{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px;align-items:stretch}
.pkg{background:var(--paper);border:1px solid var(--hair);border-radius:12px;padding:24px 24px 22px;display:flex;flex-direction:column}
.pkg.hi{background:var(--mint);border-color:var(--mintLine)}
.pkg .tag{font-family:"Schibsted Grotesk",sans-serif;font-weight:700;font-size:11.5px;letter-spacing:.01em;color:var(--em);min-height:15px}
.pkg h3{font-family:"Fraunces",Georgia,serif;font-weight:400;font-size:27px;letter-spacing:-.02em;margin:6px 0 0}
.pkg .out{font-size:14px;color:var(--slate);margin:2px 0 0}
.pkg .price{font-family:"Fraunces",Georgia,serif;font-weight:500;font-size:46px;letter-spacing:-.03em;line-height:1;margin:14px 0 4px;font-variant-numeric:tabular-nums}.pkg .price small{font:600 12px/1 "Schibsted Grotesk",sans-serif;letter-spacing:0;color:var(--slate);margin-left:8px}
.pkg .who{font-size:14px;color:var(--slate);margin:6px 0 14px;line-height:1.45}
.pkg ul{margin:0 0 20px;padding:0;list-style:none;font-size:14px;line-height:1.45}.pkg li{padding:7px 0 7px 20px;border-top:1px dashed var(--hair);position:relative}.pkg li::before{content:"";position:absolute;left:0;top:14px;width:8px;height:8px;background:var(--vg)}
.pkg .pill{margin-top:auto;text-align:center}
.pkg .note{font-size:12.5px;color:var(--slate);margin:10px 0 0;text-align:center}
.custom{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-top:18px;padding:18px 22px;border:1px solid var(--hair);border-radius:12px;background:var(--paper)}
.custom p{margin:0;font-size:15px;max-width:70ch}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.chip{border:1px solid var(--hair);background:var(--paper);border-radius:999px;padding:7px 13px;font-size:13.5px;transition:background .55s ease,border-color .55s ease,color .55s ease,transform .55s ease}
/* every chip carries its own tint (green / lime / gold / paper) with a matching DEEP text colour, so the
   field reads as a vivid collage, not a wall of near-white (Adam, 24 Aug 2026: "washed out" — all pairs AA) */
.chip.t1{background:#DFF5E1;border-color:#8FCB9B;color:#14532D;font-weight:600}
.chip.t2{background:#EDF7C8;border-color:#B5CD5E;color:#3F5212;font-weight:600}
.chip.t3{background:#F6ECCB;border-color:#D9BC6E;color:#6B4E0F;font-weight:600}
.chip.t4{border-color:#C6BFAE}
/* the roaming light hops chip to chip, one small colour change at a time — a clear step UP from the resting tints */
.chip.lit{background:#C2EFCD;border-color:#16A34A;color:#0F502D;transform:translateY(-2px)}
.chip.lit.lb{background:#E2F5A0;border-color:#84A428;color:#33420E}
.chip.lit.lc{background:#F3E3A9;border-color:#B98A1C;color:#5C430C}
/* the collage moment: dwell on the field and every chip fades into its stronger self, then lets go */
.chip.glow,.chip.glow.t1,.chip.glow.t4{background:#C2EFCD;border-color:#16A34A;color:#0F502D}
.chip.glow.t2{background:#E2F5A0;border-color:#84A428;color:#33420E}
.chip.glow.t3{background:#F3E3A9;border-color:#B98A1C;color:#5C430C}
.chip.more{border-style:dashed;border-color:#15803D;background:#DFF5E1;color:#0F502D;font-weight:700}
button.chip.more{cursor:pointer;font:inherit;appearance:none;animation:morepulse 3.6s ease-in-out infinite}
button.chip.more:hover{background:var(--lime);border-style:solid;border-color:var(--ink);color:var(--ink);animation-play-state:paused}
@keyframes morepulse{0%,70%,100%{box-shadow:0 0 0 0 rgba(34,197,94,0);transform:none}77%{box-shadow:0 0 0 7px rgba(34,197,94,.16);transform:scale(1.05)}88%{box-shadow:0 0 0 0 rgba(34,197,94,0);transform:none}}
@media(prefers-reduced-motion:reduce){button.chip.more{animation:none}}
.tdlg{border:1px solid var(--hair);border-radius:18px;background:var(--paper);color:var(--ink);padding:0;max-width:min(860px,92vw);width:100%}
.tdlg::backdrop{background:rgba(21,24,27,.45)}
.tdlgIn{padding:26px 30px 30px;overflow:auto;max-height:82vh}
.tdlgTop{display:flex;align-items:center;justify-content:space-between;gap:16px}
.tdlgX{background:none;border:1px solid var(--hair);color:var(--ink);width:34px;height:34px;border-radius:50%;font-size:19px;line-height:1;cursor:pointer;flex:none}
.tdlgX:hover{border-color:var(--vgDark);color:var(--em)}
.tdlg h3{font-family:"Fraunces",Georgia,serif;font-weight:400;font-size:clamp(24px,3vw,32px);letter-spacing:-.02em;margin:14px 0 6px}
.tdlgSub{color:var(--slate);font-size:14.5px;margin:0 0 18px;max-width:56ch}
.tlist{list-style:none;margin:0;padding:0;columns:3;column-gap:36px}
.tlist li{padding:7px 0;border-bottom:1px dashed var(--hair);font-size:14.5px;break-inside:avoid}
@media(max-width:900px){.tlist{columns:2}}
@media(max-width:560px){.tlist{columns:1}.tdlgIn{padding:20px 18px 24px}}
/* compare sub-bar floats with the page, tucked under the sticky nav — its mint gradient marks it as a second, lighter deck (--navH is measured by NAV_JS) */
.subnav{position:sticky;top:var(--navH,63px);z-index:35;display:flex;gap:18px;align-items:center;padding:12px 28px;margin:0 -28px;border-bottom:1px solid var(--mintLine);font-size:13.5px;flex-wrap:wrap;background:linear-gradient(180deg,var(--mint),#F2F6EA 62%,var(--cream));box-shadow:0 10px 22px -18px rgba(15,80,45,.4)}
.subnav .k{font-family:"Schibsted Grotesk",sans-serif;font-weight:700;font-size:12px;letter-spacing:.01em;color:var(--em)}.subnav a{text-decoration:none;color:var(--slate)}.subnav a[aria-current]{color:var(--ink);font-weight:600}
.quote{font-family:"Fraunces",Georgia,serif;font-weight:400;font-size:clamp(24px,2.8vw,34px);line-height:1.25;letter-spacing:-.02em;max-width:32ch;margin:0}
/* "you typed veloci.builds" notice + one-time save prompt */
.notice{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;background:var(--mint);border-bottom:1px solid var(--mintLine);padding:12px 18px;margin:0 -28px;font-size:14.5px}
.notice .k{font-family:"Space Mono",monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--em);white-space:nowrap}
.notice p{margin:0;line-height:1.45}.notice button{background:none;border:0;font-size:22px;line-height:1;color:var(--slate);cursor:pointer;padding:4px 8px}
.savebar{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:50;display:flex;align-items:center;gap:16px;width:max-content;max-width:min(760px,calc(100vw - 32px));background:var(--paper);border:1px solid var(--ink);border-radius:14px;padding:14px 16px 14px 18px}
.savebar[hidden]{display:none}.savebar .mk{width:38px;height:17px;fill:var(--ink);flex:none}
.sb-t{display:flex;flex-direction:column;gap:2px;font-size:14px;line-height:1.4;min-width:0}.sb-t b{font-size:15px}.sb-t span{color:var(--slate)}
.savebar .pill{padding:10px 16px;font-size:13.5px;white-space:nowrap}.savebar .pill[hidden]{display:none}
.sb-x{background:none;border:0;color:var(--slate);font:600 13.5px "Schibsted Grotesk",sans-serif;cursor:pointer;white-space:nowrap;padding:8px 4px}.sb-x:hover{color:var(--ink)}
footer .addr{margin:10px 0 0;font-size:13px;color:var(--slate)}footer .addr b{color:var(--ink)}
.flk{white-space:nowrap}
button.fl{all:unset;display:inline-block;cursor:help;color:var(--vgDark);font-weight:700;font-family:inherit;font-size:2.1em;line-height:0;padding:0 .05em 0 .03em;margin:0;vertical-align:-.18em;transform-origin:50% 62%;animation:flWave 2.4s ease-in-out infinite}
@keyframes flWave{0%,100%{transform:rotate(0)}25%{transform:rotate(14deg)}75%{transform:rotate(-13deg)}}
button.fl:hover{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){button.fl{animation:none}}button.fl:hover,button.fl:focus-visible{color:var(--em)}button.fl:focus-visible{outline:2px solid var(--vg);outline-offset:2px;border-radius:4px}.band button.fl{color:var(--vg)}
#fltip{position:fixed;z-index:60;background:var(--ink);color:var(--cream);font:13.5px/1.45 "Schibsted Grotesk",-apple-system,sans-serif;letter-spacing:0;padding:14px 16px 10px;border-radius:12px;text-align:left;text-transform:none;font-style:normal;font-weight:400}#fltip[hidden]{display:none}
.ft-k{display:block;font-family:"Schibsted Grotesk",sans-serif;font-weight:600;font-size:12px;letter-spacing:.01em;color:#9CC7AA;margin:0 0 6px}
.ft-h{display:block;font-family:"Fraunces",Georgia,serif;font-weight:500;font-size:21px;letter-spacing:-.02em;line-height:1.1;color:#fff;margin:0 0 8px}
.ft-l{list-style:none;margin:0;padding:0}.ft-l li{position:relative;padding:8px 0 8px 18px;border-top:1px solid rgba(255,255,255,.13);color:#E9E6DC}.ft-l li::before{content:"";position:absolute;left:0;top:14px;width:8px;height:8px;background:var(--vg)}
.ft-l em{font-style:normal;font-weight:600;color:#fff;background:linear-gradient(transparent 62%,rgba(183,255,74,.38) 62%)}
footer .flatnote .ft-k{color:var(--em)}footer .flatnote .ft-h{color:var(--ink);font-size:19px}footer .flatnote .ft-l li{color:var(--slate);border-top-color:var(--hair);padding:7px 0 7px 18px}footer .flatnote .ft-l li::before{top:13px}footer .flatnote .ft-l em{color:var(--ink);background:linear-gradient(transparent 62%,var(--lime) 62%)}
footer .flatnote{margin:16px 0 0;font-size:13px;color:var(--slate);max-width:560px;line-height:1.5;padding-top:14px;border-top:1px solid var(--hair)}
tr.t5 td{font-family:"Fraunces",Georgia,serif;font-weight:500;font-size:23px;letter-spacing:-.02em;padding:18px 14px 16px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:#EEEBE3;line-height:1}
tr.t5 td:first-child{font-family:"Schibsted Grotesk",sans-serif;font-size:14.5px;font-weight:700;letter-spacing:0;background:#EEEBE3;line-height:1.4}
tr.t5 td.us{background:#DDF3E4;color:var(--em);font-size:28px}
tr.t10 td{color:var(--slate)}tr.t10 td:first-child{color:var(--ink)}tr.t10 td.us{color:var(--em)}
tr.gfirst td{border-top:2px solid var(--rule)}tr.gb td,tr.gb td:first-child{background:var(--soft)}tr.gb td.us{background:#DDF3E4}
td.gk{font-family:"Space Mono",monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);font-weight:400}
.ul{font-style:normal;font-weight:600;color:var(--ink);background:linear-gradient(transparent 62%,var(--lime) 62%);padding:0 2px}
.yours,.duo .yours{font-family:"Fraunces",Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(24px,2.6vw,32px);color:var(--em);letter-spacing:-.02em;line-height:1.15;margin:14px 0 0}
/* cta + footer */
.cta{border-top:1px solid var(--rule);padding:48px 0 56px;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;flex-wrap:wrap}
.cta h2{margin:0 0 8px}.cta p{color:var(--slate);margin:0;max-width:52ch}.cta .pill{font-size:15px;padding:14px 26px}
.affBand{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:28px 48px;align-items:center;background:var(--ink);color:var(--cream);border-radius:24px;padding:44px 48px;margin:56px 0 28px}
.affBand .kicker{color:var(--lime)}.affBand h2{font-size:clamp(26px,2.9vw,38px);letter-spacing:-.03em;line-height:1.12;margin:8px 0 14px;color:var(--cream);text-wrap:balance}.affBand h2 .hl{background:var(--lime);color:var(--ink);padding:0 .18em;mix-blend-mode:normal;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.affBand p{margin:0;font-size:15.5px;line-height:1.55;color:#CFCBC0;max-width:62ch}
.ab-r{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.affBand .pill.big{background:var(--lime);color:var(--ink)!important;border-color:var(--lime)}.affBand .pill.big:hover{background:#fff}.affBand .ghost{color:var(--cream);border-color:rgba(255,255,255,.25)}.affBand .ghost:hover{border-color:var(--cream)}
@media(max-width:900px){.affBand{grid-template-columns:1fr;padding:30px 24px;border-radius:18px;margin-top:40px}}
footer{border-top:1px solid var(--rule);padding:24px 0 44px;font-size:13px;color:var(--slate)}
/* the site map: rules and space, no cards — the same structure the ledgers use */
footer .fmap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 28px;padding:6px 0 22px;margin-bottom:20px;border-bottom:1px solid var(--hair)}
footer .fmap .fh{margin:0 0 9px;font-size:13px;font-weight:600;color:var(--ink);letter-spacing:-.01em}
footer .fmap ul{margin:0;padding:0;list-style:none;display:grid;gap:7px}
footer .fmap a{color:var(--slate);text-decoration:none;border-bottom:1px solid transparent}
footer .fmap a:hover{color:var(--ink);border-color:var(--ink)}
footer .fmap a.lead{color:var(--em);font-weight:600}footer .fmap a.lead:hover{border-color:var(--em)}
@media(max-width:760px){footer .fmap{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}}
footer .fx{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;align-items:center}
footer .fb{display:inline-flex;align-items:center;gap:10px;color:var(--ink)}footer .fb .mk{width:30px;height:13px;fill:var(--ink)}
footer .also{display:flex;gap:6px 16px;flex-wrap:wrap;margin-top:14px;font-size:13px}footer .also a{color:var(--slate);text-decoration:none;border-bottom:1px solid var(--hair)}footer .also a:hover{color:var(--ink);border-color:var(--ink)}
@media(max-width:900px){.receipts.three,.receipts.four{grid-template-columns:1fr}.bar{grid-template-columns:190px 1fr 90px}.tape{grid-template-columns:1fr;gap:10px}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(3){grid-column:1/-1;border-left:0;border-top:1px solid var(--hair);padding-left:0}
.pk{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:0}.step{border-top:1px solid var(--hair);padding:20px 0}.step:first-child{border-top:0}}
@media(max-width:760px){.wrap{padding:0 20px}
.subnav{margin:0 -20px;padding:12px 20px}
.nav{flex-wrap:wrap;gap:10px 14px;padding:12px 0 0}.brand span{font-size:22px}.nav>.pill{order:2;padding:9px 16px;font-size:13px}
.navscroll{position:relative;order:3;flex-basis:100%;display:block;min-width:0;max-width:100%}
.navlinks{flex-wrap:nowrap;overflow-x:auto;gap:14px;padding:4px 34px 10px 0;font-size:14px;scrollbar-width:none}.navlinks::-webkit-scrollbar{display:none}.mkts{margin-left:auto;flex:none}
/* slide affordance: a cream fade + a nudging chevron say "more menu this way"; both retire once you've scrolled to the end */
.navscroll::after{content:"";position:absolute;top:0;bottom:0;right:0;width:64px;background:linear-gradient(90deg,rgba(247,244,237,0),var(--cream) 72%);pointer-events:none;opacity:0;transition:opacity .25s ease}
.navscroll.can::after{opacity:1}
.navscroll.can .navnudge{display:grid;position:absolute;right:0;top:50%;width:30px;height:30px;margin-top:-18px;place-items:center;border:1px solid var(--rule);border-radius:50%;background:var(--paper);color:var(--ink);cursor:pointer;z-index:2;padding:0;transition:opacity .25s ease;animation:nudgex 2.4s ease-in-out infinite}
.navnudge svg{width:14px;height:14px}
.navscroll.end::after,.navscroll.end .navnudge{opacity:0;pointer-events:none}
@keyframes nudgex{0%,55%,100%{transform:translateX(0)}68%{transform:translateX(4px)}82%{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.navscroll.can .navnudge{animation:none}}
.hero{padding:44px 0 28px}.lede{font-size:17px}.sec{padding:44px 0}.cta{padding:40px 0 44px}
.row{grid-template-columns:1fr;gap:8px;padding:22px 0}.row .go{justify-self:start;padding-top:0}.row h3{font-size:24px}
.band{padding:28px 20px;border-radius:18px}.bar{grid-template-columns:1fr auto;grid-template-areas:"nm v" "tr tr";gap:6px 12px;font-size:13px}
.bar .nm{grid-area:nm}.bar .tr{grid-area:tr;height:10px}.bar .tr .fl{height:10px}.bar .v{grid-area:v;font-size:19px}
.stats{grid-template-columns:1fr}.stat{padding:18px 0}.stat+.stat{border-left:0;border-top:1px solid var(--hair);padding-left:0}
.fine{grid-template-columns:1fr;gap:0}.f{grid-template-columns:1fr;gap:2px}
.cells{grid-template-columns:repeat(7,1fr);gap:3px}.cell{padding:6px 2px;border-radius:6px}.cell i{font-size:8px;letter-spacing:.04em}.cell b{font-size:13.5px}
.receipts{grid-template-columns:1fr}.rh{flex-wrap:wrap;gap:4px 12px}.means{grid-template-columns:1fr;gap:6px}
.scenes{gap:8px}.scene figcaption{font-size:10px}.ctaRow{gap:12px 18px}.pill.big{font-size:15px;padding:13px 22px}.custom{flex-direction:column;align-items:flex-start}
.notice{grid-template-columns:1fr auto;margin:0 -20px;padding:12px 16px;font-size:14px}.notice .k{grid-column:1/-1}
.savebar{left:12px;right:12px;bottom:12px;transform:none;width:auto;max-width:none;flex-wrap:wrap;gap:10px 12px;padding:14px}.savebar .pill{flex:1;text-align:center}.sb-t{flex:1 1 100%}
.duo{grid-template-columns:1fr;gap:10px;padding:26px 0}
table{min-width:720px;font-size:13.5px}td{padding:11px 12px}th{padding:12px 12px 9px}td:first-child{min-width:132px}
.ledger::before{content:"Swipe → for all five";display:block;font-family:"Space Mono",monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--slate);padding:10px 0 0}
.lwrap .ledger::before{content:none} /* wrapped: the label lives on .lwrap so it can't scroll away with the table */
.lwrap::before{content:"Swipe → for all five";display:block;font-family:"Space Mono",monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--slate);padding:10px 0 6px}}
/* ---- objections pass (3 Sep 2026): with-tax line, years slider, sources, hero picker, export ledger, trade pages ---- */
.pkg .inc{margin:0 0 6px;font-size:13px;color:var(--slate)}
.yrs{display:flex;align-items:center;gap:14px;margin:24px 0 0;font-size:14px;color:#CFCBBE;flex-wrap:wrap}
.yrs>span{font-weight:600;color:#E9E6DC}
.yrs output{font-family:"Fraunces",Georgia,serif;font-size:28px;color:#fff;min-width:2.2ch;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}
.yrs input[type=range]{flex:1 1 220px;max-width:360px;accent-color:var(--vg);height:28px;margin:0;cursor:pointer}
.yrs .note{flex-basis:100%;font-size:12.5px;color:#B0AEA5;margin:2px 0 0;line-height:1.5}
.src{font-size:13px;color:var(--slate);margin:14px 0 0;line-height:1.7}.src a{color:var(--em)}
.pick{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:24px 0 4px;font-size:14.5px}
.pick label{font-weight:600}
.pick select{font:inherit;font-size:15px;padding:10px 38px 10px 14px;border:1px solid var(--rule);border-radius:10px;color:var(--ink);appearance:none;-webkit-appearance:none;max-width:100%;cursor:pointer;background:var(--paper) url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23101418' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center}
.pick .out{flex-basis:100%;color:var(--slate);margin:0;max-width:70ch;line-height:1.5}.pick .out b{color:var(--ink);font-weight:600}.pick .out a{color:var(--em);font-weight:600}
.sample{background:var(--paper);border:1px solid var(--hair);border-radius:16px;margin-top:26px;overflow:hidden}
.sample .sbar{display:flex;align-items:center;gap:7px;padding:10px 16px;border-bottom:1px solid var(--hair);background:var(--soft);font-size:12.5px;color:var(--slate)}
.sample .sbar i{width:9px;height:9px;border-radius:50%;background:#D9D4C7;display:inline-block}.sample .sbar span{margin-left:8px}
.sample .sin{padding:30px 34px 28px}
.sample .sname{font-weight:700;font-size:13px;letter-spacing:.01em;color:var(--em);margin:0 0 10px}
.sample .stag{font-family:"Fraunces",Georgia,serif;font-weight:400;font-size:clamp(30px,4vw,50px);line-height:1.02;letter-spacing:-.025em;margin:0 0 12px;text-wrap:balance}
.sample .sdesc{font-size:17px;color:var(--slate);max-width:60ch;margin:0 0 20px;line-height:1.5}
.sample .sfeats{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
.sample .sfeats span{border:1px solid var(--mintLine);background:var(--mint);color:var(--em);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}
.sample .sgrid{display:grid;grid-template-columns:7fr 5fr;gap:34px;border-top:1px solid var(--hair);padding-top:24px}
.sample h4{font-weight:700;font-size:12.5px;letter-spacing:.01em;color:var(--slate);margin:0 0 10px}
.sample .sabout{font-size:15px;line-height:1.55;margin:0}
.sample .smenu{list-style:none;margin:0;padding:0}
.sample .smenu li{display:grid;grid-template-columns:1fr auto;gap:12px;padding:9px 0;border-top:1px dashed var(--hair);font-size:14.5px}
.sample .smenu li:first-child{border-top:0;padding-top:0}
.sample .smenu b{font-weight:600}.sample .smenu small{display:block;color:var(--slate);font-size:13px;margin-top:2px}
.sample .smenu em{font-style:normal;font-family:"Space Mono",monospace;font-size:12.5px;color:var(--em);white-space:nowrap}
.scap{font-size:13px;color:var(--slate);margin:12px 0 0;max-width:80ch;line-height:1.55}
.craft{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}.craft span{border:1px solid var(--hair);background:var(--paper);border-radius:999px;padding:8px 14px;font-size:14px}
.forgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:34px 40px;margin-top:8px}
.forgrid h3{font-family:"Fraunces",Georgia,serif;font-weight:400;font-size:24px;letter-spacing:-.02em;margin:0 0 10px}
.forgrid ul{list-style:none;margin:0;padding:0;font-size:15px;line-height:1.5}.forgrid li{padding:5px 0;border-top:1px dashed var(--hair)}
.fmore{margin-top:12px;min-height:44px;padding:0 18px;border:1px solid var(--ink);border-radius:99px;background:transparent;color:var(--ink);font:inherit;font-size:14.5px;font-weight:600;cursor:pointer}
.fmore:hover{background:var(--ink);color:var(--cream)}.fmore:focus-visible{outline:3px solid var(--em);outline-offset:3px}
.forgrid a{text-decoration:none}.forgrid a:hover{text-decoration:underline;text-underline-offset:4px}
a.chip{text-decoration:none;color:inherit}a.chip:hover{border-color:var(--em)}
.kicker a{color:inherit;text-decoration:none}.kicker a:hover{text-decoration:underline;text-underline-offset:4px}
.tlist a{color:inherit;text-decoration:none}.tlist a:hover{text-decoration:underline;text-underline-offset:4px}
/* GPT Veloċi a11y (4 Sep 2026): the "coming soon" row was dimmed with opacity, which pushed three text runs under
   4.5:1; a solid muted colour keeps the meaning and the contrast. Smooth scrolling honours reduced motion. */
.row.soon{opacity:1}.row.soon h3,.row.soon p,.row.soon .k,.row.soon .go{color:var(--slate)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.gl{display:grid;grid-template-columns:1fr 1fr;gap:0 44px;border-top:1px solid var(--rule);margin-top:18px}
.gli{display:grid;grid-template-columns:1fr auto;gap:3px 16px;padding:14px 0;border-bottom:1px solid var(--hair);text-decoration:none;color:inherit;align-items:start}
.gli b{grid-column:1;grid-row:1;font-size:16px;letter-spacing:-.01em}.gli span{grid-column:1;grid-row:2;font-size:14px;color:var(--slate);line-height:1.45}
.gli em{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;font-weight:700;font-size:20px;color:var(--em)}
.gli:hover b{text-decoration:underline;text-underline-offset:4px}
.tshot{margin:26px 0 0;border:1px solid var(--hair);border-radius:16px;overflow:hidden;background:var(--paper)}
.tshot .sbar{display:flex;align-items:center;gap:7px;padding:10px 16px;border-bottom:1px solid var(--hair);background:var(--soft);font-size:12.5px;color:var(--slate)}
.tshot .sbar i{width:9px;height:9px;border-radius:50%;background:#D9D4C7;display:inline-block}.tshot .sbar span{margin-left:8px}
.tshot img{display:block;width:100%;height:auto}
.tshot figcaption{padding:10px 16px 12px;font-size:13px;color:var(--slate);border-top:1px solid var(--hair)}
.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.thumbs figure{margin:0}
.thumbs img{width:100%;height:auto;display:block;border:1px solid var(--hair);border-radius:10px;background:var(--paper)}
.thumbs figcaption{font-size:12.5px;font-weight:600;color:var(--slate);margin-top:7px}
.thumbs.big{gap:18px;margin-top:26px}.thumbs.big figcaption{font-size:13.5px}
.shotgrid{display:grid;grid-template-columns:3fr 2fr;gap:22px;align-items:start;margin-top:26px}.shotgrid .tshot,.shotgrid .sample{margin-top:0}
.shotgrid .sample .sin{padding:22px 22px 20px}.shotgrid .sample .stag{font-size:clamp(24px,2.6vw,32px)}.shotgrid .sample .sdesc{font-size:15px}
.shotgrid .sample .sgrid{grid-template-columns:1fr;gap:18px;padding-top:18px}.shotgrid .sample .smenu li{grid-template-columns:1fr auto;gap:10px}
.forgrid li a{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center}.forgrid img{width:72px;height:45px;object-fit:cover;border-radius:6px;border:1px solid var(--hair);background:var(--paper)}
@media(max-width:760px){.gl{grid-template-columns:1fr}.shotgrid{grid-template-columns:1fr}.thumbs{grid-template-columns:1fr 1fr}.thumbs figure:nth-child(3){grid-column:1/-1}}
@media(max-width:760px){.sample .sin{padding:22px 18px 20px}.sample .sgrid{grid-template-columns:1fr;gap:22px}.yrs input[type=range]{flex-basis:100%;max-width:none}.pick select{flex-basis:100%}}
/* P0-H: the fit router (/fit) */
.fitq{margin:18px 0 0;font-size:15px}.fitq a{font-weight:600}
.fit{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-top:22px}
.fit>div{padding:22px 22px 22px 0;border-right:1px solid var(--hair)}.fit>div:last-child{border-right:0}
.fit h3{margin:0 0 4px;font-size:17px}.fit .pr{font-family:"Space Mono",monospace;font-size:12.5px;color:var(--slate);margin:0 0 10px}
.fit p{margin:0 0 8px;font-size:14.5px;color:var(--slate)}.fit .yes{color:var(--ink)}
.fit a{font-weight:600;color:var(--em);text-decoration:none;border-bottom:2px solid var(--vg)}
.fit .cd h3,.fit .cd a{color:#8A6A00;border-color:#E6C64A}.fit .ams h3,.fit .ams a{color:#0F3D2E;border-color:#9BD9B8}
.fq{display:grid;gap:22px;margin-top:22px}.fq fieldset{border:0;padding:0;margin:0;border-top:1px solid var(--hair);padding-top:16px}.fq legend{font-family:"Fraunces",serif;font-size:20px;font-weight:600;letter-spacing:-.01em;padding:0;margin:0 0 10px}.fq .opts{display:flex;flex-wrap:wrap;gap:8px}.fq label{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--rule);border-radius:999px;padding:9px 14px;font-size:14.5px;cursor:pointer}.fq label:has(input:checked){border-color:var(--ink);background:var(--ink);color:#fff}.fq input{accent-color:var(--em)}
.fres{margin-top:26px;border:1px solid var(--rule);border-radius:16px;padding:22px 24px;background:var(--paper,#fff)}.fres[hidden]{display:none}.fres .kicker{margin:0}.fres h3{font-family:"Fraunces",serif;font-size:30px;margin:4px 0 2px;letter-spacing:-.02em}.fres .pr{font-family:"Space Mono",monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px;opacity:.75}.fres ul{margin:0 0 14px;padding-left:20px}.fres li{margin:4px 0}.fres .note{border-left:3px solid #E6C64A;padding:8px 12px;margin:0 0 14px;font-size:14.5px}.fres .nb{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:14px;font-size:14px;color:var(--slate)}
.fall{margin-top:28px}.fall .fit>div .yes{min-height:0}
.honest{border-left:3px solid var(--vg);padding:4px 0 4px 16px;margin:22px 0 0;font-size:14.5px;color:var(--slate);max-width:70ch}
@media(max-width:1060px){.fit{grid-template-columns:1fr 1fr}.fit>div:nth-child(2){border-right:0}}
@media(max-width:760px){.fit{grid-template-columns:1fr}.fit>div{border-right:0;border-bottom:1px solid var(--hair)}.fres h3{font-size:24px}.fq label{font-size:13.5px;padding:8px 12px}}
.eband{background:#101418;color:#F7F4ED;padding:clamp(48px,7vw,88px) 0 clamp(52px,7vw,92px);overflow:hidden}
.eband .ewrap{max-width:1120px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,5vw,64px);align-items:center}
.ecode{font-family:"Space Mono",ui-monospace,monospace;font-size:clamp(96px,20vw,232px);line-height:.82;letter-spacing:-.04em;margin:0 0 6px;color:transparent;-webkit-text-stroke:1.5px rgba(247,244,237,.42)}
.ekick{margin:0 0 18px;font-size:13px;font-weight:600;color:#A8A69E}
.ehead{font-family:"Fraunces",Georgia,serif;font-weight:500;font-size:clamp(34px,5.4vw,68px);line-height:1.04;letter-spacing:-.015em;margin:0 0 16px;text-wrap:balance}
.ehead mark{background:#B7FF4A;color:#101418;padding:0 .08em;border-radius:2px}
.elede{margin:0 0 26px;font-size:clamp(16px,1.5vw,18px);line-height:1.55;color:#D7D3C9;max-width:46ch;text-wrap:pretty}
.eact{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center}
.epill{display:inline-block;background:#22C55E;color:#101418;font-weight:600;font-size:16px;text-decoration:none;padding:14px 26px;border-radius:999px}
.epill:hover{background:#4ADE80}
.elink{color:#D7D3C9;font-size:15px;text-decoration:none;border-bottom:1px solid rgba(247,244,237,.35);padding-bottom:2px}
.elink:hover{color:#fff;border-color:#fff}
.ealso{margin:24px 0 0;font-size:14px;line-height:1.5;color:#A8A69E;max-width:44ch}
.eref{margin:10px 0 0;font-family:"Space Mono",ui-monospace,monospace;font-size:12px;color:#A8A69E}
.eref b{color:#D7D3C9;font-weight:400}
/* the wireframe: a site with a hole where the page should be. Hairlines and flat fills, never a shadow. */
.eframe{border:1px solid rgba(247,244,237,.22);border-radius:14px;overflow:hidden;background:rgba(247,244,237,.03)}
.ebar{display:flex;gap:6px;padding:12px 14px;border-bottom:1px solid rgba(247,244,237,.16)}
.ebar i{width:8px;height:8px;border-radius:50%;background:rgba(247,244,237,.26)}
.epage{padding:18px;display:grid;gap:12px}
.eblk{background:rgba(247,244,237,.13);border-radius:4px}
.eblk.t{height:12px;width:38%}
.eblk.w{height:44px}
.eblk.h{height:12px;width:64%}
.eblk.f{height:12px;width:28%}
.egap{border:1.5px dashed rgba(247,244,237,.34);border-radius:6px;min-height:96px;display:grid;place-items:center;text-align:center;padding:10px}
.egap span{font-size:12.5px;color:#A8A69E}
/* reaching for the button builds it: the hole fills, because that is the whole product */
.ewrap:has(.epill:hover) .egap,.ewrap:has(.epill:focus-visible) .egap{border-style:solid;border-color:rgba(34,197,94,.9);background:rgba(34,197,94,.15)}
.ewrap:has(.epill:hover) .egap span,.ewrap:has(.epill:focus-visible) .egap span{color:#F7F4ED}
.egap,.egap span{transition:background .28s ease,border-color .28s ease,color .28s ease}
/* CLIENT DOMAINS: same composition, inverted ground. Cream rather than ink, because this page sits on a
   business's own address next to their own brand, and our ink-and-lime shout does not belong there. */
.eband.light{background:#F7F4ED;color:#101418}
.eband.light .ecode{-webkit-text-stroke-color:rgba(16,20,24,.28)}
.eband.light .ekick,.eband.light .ealso,.eband.light .eref{color:#5C6470}
.eband.light .elede{color:#3B4550}
.eband.light .epill{background:linear-gradient(135deg,#15803D,#166534);color:#fff}
.eband.light .epill:hover{background:#166534}
.eband.light .elink{color:#3B4550;border-bottom-color:rgba(16,20,24,.35)}
.eband.light .elink:hover{color:#101418;border-color:#101418}
.eband.light .eframe{border-color:rgba(16,20,24,.16);background:rgba(16,20,24,.02)}
.eband.light .ebar{border-bottom-color:rgba(16,20,24,.12)}
.eband.light .ebar i{background:rgba(16,20,24,.2)}
.eband.light .eblk{background:rgba(16,20,24,.09)}
.eband.light .egap{border-color:rgba(16,20,24,.3)}
.eband.light .egap span{color:#5C6470}
.eband.light .eframe.soon .eblk{background:transparent;border-color:rgba(16,20,24,.22)}
.eband.light .eframe.gone .egap::after{background:rgba(16,20,24,.5)}
.eband.light .eframe.offline .ebar i{box-shadow:inset 0 0 0 1px rgba(16,20,24,.3)}
/* the owner's line: quiet, under the public sentence, never competing with it */
.eowner{margin:22px 0 0;font-size:14.5px;line-height:1.55;color:#A8A69E;max-width:48ch}
.eband.light .eowner{color:#5C6470}
.eowner a{color:inherit;font-weight:600;text-decoration:none;border-bottom:1px solid currentColor;white-space:nowrap}
.eowner a:hover{color:#101418}
.eband:not(.light) .eowner a:hover{color:#fff}
.emark{margin:26px 0 0;font-size:12.5px;color:#A8A69E}
.eband.light .emark{color:#5C6470}
.emark a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor}
/* what the wireframe is saying, per kind: taken down, locked, paused, not built yet, disconnected */
.eframe.gone .eblk{opacity:.3}
.eframe.gone .egap{border-style:solid;position:relative}
.eframe.gone .egap::after{content:"";position:absolute;left:14px;right:14px;top:50%;height:1px;background:rgba(247,244,237,.55)}
.eframe.lock .eblk{opacity:.32}
.eframe.lock .egap{border-style:solid}
.eframe.lock .egap span,.eframe.paused .egap span{padding-top:24px;display:inline-block;background-repeat:no-repeat;background-position:center top}
.eframe.lock .egap span{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A8A69E' stroke-width='2'%3E%3Crect x='4' y='10' width='16' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");background-size:16px 16px}
.eframe.paused .eblk{opacity:.34}
.eframe.paused .egap{border-style:solid}
.eframe.paused .egap span{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23A8A69E'%3E%3Crect x='6' y='4' width='4' height='16' rx='1'/%3E%3Crect x='14' y='4' width='4' height='16' rx='1'/%3E%3C/svg%3E");background-size:14px 16px}
.eframe.soon .eblk{background:transparent;border:1px dashed rgba(247,244,237,.26)}
.eframe.offline .ebar i{background:transparent;box-shadow:inset 0 0 0 1px rgba(247,244,237,.3)}
.eframe.offline .epage{opacity:.45}
.eframe.offline .egap{border-style:solid}
.eframe.half .egap{border-style:solid;border-color:rgba(247,244,237,.3);min-height:54px}
.eframe.half .eblk.h,.eframe.half .eblk.f{opacity:.22}
@media (max-width:900px){.eband .ewrap{grid-template-columns:1fr}.eframe{order:2}.ecode{font-size:clamp(84px,26vw,150px)}}
@media (prefers-reduced-motion:reduce){.egap,.egap span{transition:none}}
.mnote{display:grid;grid-template-columns:auto 1fr;gap:14px 18px;background:#F7EFE2;border:1px solid #EAD8BE;
  border-left:4px solid #8A4A2B;border-radius:3px;padding:18px 22px;margin:22px 0 8px}
.mnote .k{font-family:"Schibsted Grotesk",sans-serif;font-weight:700;font-size:12.5px;color:#8A4A2B;white-space:nowrap;padding-top:2px}
.mnote p{color:#5C3A22;font-size:14.5px;max-width:64ch}
.mnote p+p{margin-top:7px}
@media(max-width:640px){.mnote{grid-template-columns:1fr;gap:6px}}
.st{--st-gap:clamp(64px,9vw,120px);overflow-x:clip}
.st em{font-style:italic;color:var(--em)}
.st h1{font-family:"Fraunces",Georgia,serif;font-weight:400;font-size:clamp(42px,5.6vw,76px);line-height:1.02;letter-spacing:-.02em;margin:0;text-wrap:balance}
.st h2{font-family:"Fraunces",Georgia,serif;font-weight:400;font-size:clamp(32px,3.8vw,52px);line-height:1.08;letter-spacing:-.015em;margin:0;text-wrap:balance}
.st h3{font-size:19px;line-height:1.3;margin:0 0 6px;font-weight:600;letter-spacing:-.01em}
.st-k{font-size:14px;font-weight:600;color:var(--em);margin:0 0 14px}
.st-lede,.st-hero-lede{font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:#2B3139;max-width:60ch;margin:18px 0 0}
.st-note{font-size:14px;color:var(--slate);max-width:72ch;margin:18px 0 0}
.st-note a{color:var(--ink)}
.st-anchor{display:block;position:relative;top:-80px;visibility:hidden}
.st-ar{display:inline-block;margin-left:10px;transition:transform .18s ease}
.st-sec{padding-top:var(--st-gap)}
.st-head{margin-bottom:36px}
.st :focus-visible{outline:3px solid var(--em);outline-offset:3px}

/* the one primary action */
.st-go-wrap{margin-top:30px}
.st-go{position:relative;display:inline-flex;align-items:center;min-height:56px;padding:0 30px;border-radius:60px;border:0;background:var(--em);color:#fff;text-decoration:none;font:600 17px/1 "Schibsted Grotesk",system-ui,sans-serif;cursor:pointer;transition:background .18s ease}
.st-go:hover,.st-go:focus-visible{background:#0B3F23}
.st-go:hover .st-ar,.st-go:focus-visible .st-ar,.st-link:hover .st-ar,.st-link:focus-visible .st-ar,.st-phones a:hover .st-ar,.st-grid a:hover .st-ar{transform:translateX(4px)}
.st-go:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.st-go::after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid var(--em);opacity:0;pointer-events:none}
.st-hero .st-go::after{animation:st-ring .6s ease-out .5s 1}
@keyframes st-ring{0%{opacity:.55;transform:scale(1)}100%{opacity:0;transform:scale(1.12,1.4)}}
.st-promise{font-size:15px;color:#2B3139;margin:12px 0 0;max-width:46ch}
.st-from{font-size:14px;color:var(--slate);margin:22px 0 0;max-width:54ch;padding-top:18px;border-top:1px solid var(--hair)}
.st-link{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--em);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.st-btn{min-height:48px;padding:0 22px;border-radius:60px;border:1px solid var(--ink);background:var(--ink);color:var(--cream);font:600 15px "Schibsted Grotesk",system-ui,sans-serif;cursor:pointer}
.st-btn:hover{background:#2B3139}

/* device frames: CSS only, no depicted brand */
.st-lap{max-width:100%}
.st-lap-screen{background:#15181c;border:clamp(6px,.9vw,11px) solid #15181c;border-bottom-width:clamp(9px,1.4vw,16px);border-radius:clamp(10px,1.4vw,16px) clamp(10px,1.4vw,16px) 0 0;overflow:hidden}
.st-lap-screen img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top left}
.st-lap-screen img.st-natural{aspect-ratio:auto}
.st-lap-base{height:clamp(8px,1.1vw,13px);margin:0 -5%;background:linear-gradient(#C9C5BB,#A7A298);border-radius:0 0 40% 40%/0 0 100% 100%;position:relative}
.st-lap-base::before{content:"";position:absolute;left:42%;right:42%;top:0;height:40%;background:#8F8A80;border-radius:0 0 6px 6px}
.st-phone{background:#15181c;border:clamp(5px,.7vw,8px) solid #15181c;border-radius:clamp(22px,2.6vw,34px);overflow:hidden;max-width:100%}
.st-phone img{display:block;width:100%;height:auto;aspect-ratio:390/760;object-fit:cover;object-position:top}

/* hero */
.st-hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,4vw,64px);align-items:center;padding:clamp(40px,6vw,84px) 0 0}
.st-hero-vis{margin:0}
.st-hero-stage{position:relative;padding-bottom:6%}
.st-vis-cap{font-size:13px;color:var(--slate);margin-top:12px;text-align:right}
.st-hero-phone{position:absolute;width:27%;left:-6%;bottom:0}
.st-hero-trio .st-hero-stage{display:grid;grid-template-columns:repeat(3,1fr);gap:4%;align-items:end;padding:0}
.st-hero-trio .st-trio-1{transform:translateY(-8%)}
.st-hero-slim{grid-template-columns:1fr;padding-bottom:0}
.st-hero-price{padding:0}
.st-bigprices{margin:0;border-top:1px solid var(--rule)}
.st-bigprices div{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:22px 0;border-bottom:1px solid var(--hair)}
.st-bigprices dt{font-size:18px;font-weight:600}
.st-bigprices dd{margin:0;font-family:"Fraunces",Georgia,serif;font-size:clamp(40px,5vw,64px);letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.st-bigprices small{font:14px "Schibsted Grotesk",sans-serif;color:var(--slate);margin-left:10px;letter-spacing:0}
@media(max-width:900px){.st-hero{grid-template-columns:1fr}.st-hero-stage{padding-left:14%;padding-right:4%}.st-hero-phone{left:0;width:30%}.st-hero-trio .st-hero-stage{padding-left:0;padding-right:0}.st-vis-cap{text-align:left}}

/* what you can make */
.st-phones{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(12px,1.6vw,22px)}
.st-phones a,.st-grid a{display:block;text-decoration:none;color:var(--ink)}
.st-phones a:focus-visible,.st-grid a:focus-visible,.st-trio a:focus-visible{outline-offset:4px;border-radius:12px}
.st-cap{display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:15px;padding:12px 2px 0}
.st-pick{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:34px;padding-top:26px;border-top:1px solid var(--rule)}
.st-pick label{font-weight:600}
.st select,.st input[type=text]{min-height:48px;font:16px "Schibsted Grotesk",system-ui,sans-serif;padding:0 14px;border:1px solid #767B82;border-radius:10px;background:var(--paper);color:var(--ink);max-width:100%}
@media(max-width:1000px){.st-phones{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.st-phones{grid-template-columns:repeat(2,minmax(0,1fr))}.st-pick select{flex:1 1 100%}}

/* edit viewer: radios, no autoplay, first state visible without script */
.st-ev{position:relative;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(24px,4vw,56px);align-items:start}
.st-ev-in{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.st-ev-steps{border-top:1px solid var(--rule)}
.st-ev-l{display:block;padding:20px 0 20px 18px;border-bottom:1px solid var(--hair);border-left:3px solid transparent;cursor:pointer}
.st-ev-l b{display:block;font-size:18px;margin-bottom:4px}
.st-ev-l span{color:var(--slate);font-size:15px}
.st-ev-stage{display:grid;border-radius:12px;overflow:hidden}
.st-ev-img{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s}
.st-ev-img img{display:block;width:100%;height:auto}
.st-ev-in-0:checked~.st-ev-steps .st-ev-l-0,.st-ev-in-1:checked~.st-ev-steps .st-ev-l-1,.st-ev-in-2:checked~.st-ev-steps .st-ev-l-2{border-left-color:var(--em);background:var(--soft)}
.st-ev-in-0:checked~.st-ev-stage .st-ev-img-0,.st-ev-in-1:checked~.st-ev-stage .st-ev-img-1,.st-ev-in-2:checked~.st-ev-stage .st-ev-img-2{opacity:1;visibility:visible;transition:opacity .25s ease}
.st-ev-in-0:focus-visible~.st-ev-steps .st-ev-l-0,.st-ev-in-1:focus-visible~.st-ev-steps .st-ev-l-1,.st-ev-in-2:focus-visible~.st-ev-steps .st-ev-l-2{outline:3px solid var(--em);outline-offset:-3px}
@media(max-width:900px){.st-ev{grid-template-columns:1fr}.st-ev-stage{order:-1}}

/* editor with pins */
.st-editor{margin:0}
.st-pins{position:relative}
.st-pin{position:absolute;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;background:var(--lime);color:var(--ink);font:700 13px/24px "Schibsted Grotesk",sans-serif;text-align:center;border:2px solid var(--ink)}
.st-pinlist{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;padding:0;margin:26px 0 0;list-style:none;counter-reset:pin}
.st-pinlist-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.st-pinlist li{counter-increment:pin;font-size:14.5px;color:#2B3139;border-top:1px solid var(--rule);padding-top:12px}
.st-pinlist li::before{content:counter(pin);display:inline-block;width:22px;height:22px;border-radius:50%;background:var(--lime);border:1.5px solid var(--ink);font:700 11px/19px "Schibsted Grotesk",sans-serif;text-align:center;margin-right:8px}
.st-pinlist b{display:inline;color:var(--ink)}
@media(max-width:900px){.st-pinlist,.st-pinlist-3{grid-template-columns:1fr 1fr}.st-pin{width:22px;height:22px;font-size:11px;line-height:18px}}
@media(max-width:520px){.st-pinlist,.st-pinlist-3{grid-template-columns:1fr}}

/* Studio: the page's one dark field */
.st-field{margin-top:var(--st-gap);background:var(--ink);color:var(--cream);border-radius:24px;padding:clamp(28px,5vw,64px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4vw,56px);align-items:center}
.st-field h2{color:var(--cream)}
.st-field .st-k{color:var(--lime)}
.st-field p{color:#D9D5CA;font-size:17px;line-height:1.6;max-width:52ch;margin:20px 0 0}
.st-field :focus-visible{outline-color:var(--lime)}
.st-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:26px 0}
.st-facts div{border-top:1px solid #3A4048;padding:14px 0}
.st-facts dt{font-family:"Fraunces",Georgia,serif;font-size:40px;letter-spacing:-.02em;color:var(--lime);line-height:1;font-variant-numeric:tabular-nums}
.st-facts dd{margin:6px 0 0;font-size:14px;color:#D9D5CA}
.st-field-how{font-size:15px!important}
.st-field .st-link{color:var(--lime)}
.st-field-shot{margin:0}
.st-field-shot img{display:block;width:100%;height:auto;border-radius:12px}
.st-field-shot figcaption{font-size:13px;color:#B8B4A8;margin-top:10px}
@media(max-width:900px){.st-field{grid-template-columns:1fr}.st-field-shot{order:-1}}

/* ruled lists */
.st-rules{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,4vw,56px)}
.st-rules div{border-top:1px solid var(--rule);padding:18px 0 22px}
.st-rules dt{font-weight:600;font-size:18px;margin-bottom:6px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px}
.st-rules dd{margin:0;color:#2B3139;font-size:15.5px;line-height:1.6}
.st-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.st-tiers{width:100%;border-collapse:collapse;margin-top:14px;font-size:14.5px}
.st-tiers th{font-family:"Schibsted Grotesk",system-ui,sans-serif;text-transform:none;letter-spacing:0}
.st-tiers th,.st-tiers td{text-align:left;padding:8px 10px 8px 0;border-top:1px solid var(--hair);vertical-align:top;font-weight:400}
.st-tiers thead th{font-size:12.5px;color:var(--slate);border-top:0}
.st-tiers tbody th{font-weight:600}
.st-tiers td:nth-child(2){white-space:nowrap;font-variant-numeric:tabular-nums}
.st-num{font-weight:600;font-size:16px;color:var(--em);font-variant-numeric:tabular-nums}
@media(max-width:760px){.st-rules{grid-template-columns:1fr}}

/* purchase sequence: real order, so it is numbered */
/* the purchase walk-through: a plain numbered list without JavaScript, one step at a time with it (site-story.js) */
.st-steps{list-style:none;padding:0;margin:0;counter-reset:step}
.st-step{counter-increment:step;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,4vw,56px);align-items:center;padding:26px 0;border-top:1px solid var(--hair)}
.st-step:first-child{border-top:0}
.st-steptext h3{font-family:"Fraunces",Georgia,serif;font-weight:500;font-size:clamp(22px,2.2vw,28px);line-height:1.15;letter-spacing:-.015em;margin:6px 0 10px;text-wrap:balance}
.st-steptext p{margin:0;font-size:15.5px;color:#2B3139;line-height:1.55;max-width:46ch}
.st-stepn{margin:0;font-size:13px;font-weight:600;color:var(--em)}
.st-stepfig{margin:0}
.st-stepfig figcaption{font-size:13.5px;color:var(--slate);margin-top:10px}
.st-stepnone{margin:0;padding:18px 20px;border:1px dashed var(--rule);border-radius:12px;background:var(--paper);font-size:15px;color:#2B3139;line-height:1.55}
/* with JavaScript: a tab row above one panel, and a previous/next pair below it */
.st-steps[data-on]{display:grid;gap:0}
.st-steps[data-on] .st-step{display:none;border-top:0;padding:clamp(22px,3vw,34px) 0 0}
.st-steps[data-on] .st-step[data-current]{display:grid}
.st-flowtabs{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 0;padding:0 0 clamp(14px,2vw,20px);border-bottom:1px solid var(--hair)}
.st-flowtabs button{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 16px;border:1px solid var(--hair);border-radius:99px;background:var(--paper);color:var(--ink);font:inherit;font-size:14.5px;cursor:pointer;text-align:left}
.st-flowtabs button .n{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid currentColor;font-size:12.5px;font-weight:700;flex:none}
.st-flowtabs button[aria-selected=true]{background:var(--em);border-color:var(--em);color:#fff}
.st-flowtabs button:focus-visible{outline:3px solid var(--em);outline-offset:3px}
.st-flowmove{display:flex;align-items:center;gap:14px;margin-top:clamp(18px,2.5vw,26px)}
.st-flowmove button{min-height:44px;padding:0 18px;border:1px solid var(--ink);border-radius:99px;background:transparent;color:var(--ink);font:inherit;font-size:14.5px;font-weight:600;cursor:pointer}
.st-flowmove button:disabled{opacity:.4;cursor:default}
.st-flowmove button:hover:not(:disabled){background:var(--ink);color:var(--cream)}
.st-flowmove button:focus-visible{outline:3px solid var(--em);outline-offset:3px}
.st-flowmove .st-flowat{font-size:14px;color:var(--slate)}
@media(max-width:900px){.st-step{grid-template-columns:1fr;gap:18px}.st-flowtabs button span:not(.n){display:none}.st-flowtabs button{padding:0 14px}}

/* package ledger */
.st-ledger{border-top:1px solid var(--rule)}
.st-lrow{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1.2fr) minmax(0,4fr) minmax(0,2.6fr);gap:20px;padding:22px 0;border-bottom:1px solid var(--hair);align-items:start}
.st-lhead{padding:10px 0;font-size:13px;color:var(--slate);border-bottom-color:var(--rule)}
.st-lrow b{display:block;font-size:19px}
.st-lrow small{display:block;color:var(--slate);font-size:14px;margin-top:4px}
.st-lrow>span{font-size:15px;line-height:1.55}
.st-lprice{font-family:"Fraunces",Georgia,serif;font-size:34px!important;letter-spacing:-.02em;line-height:1!important;font-variant-numeric:tabular-nums}
.st-lrow .st-link{display:flex;margin-top:8px}
.st-caps .st-lrow{grid-template-columns:minmax(0,2fr) minmax(0,7fr)}
.st-custom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;margin-top:28px;padding:18px 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.st-custom p{margin:0;max-width:70ch;font-size:15.5px}
@media(max-width:900px){.st-lhead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.st-lrow{grid-template-columns:1fr auto}.st-lrow>span:nth-child(n+3){grid-column:1/-1}.st-caps .st-lrow{grid-template-columns:1fr}}

/* examples */
.st-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,28px)}
.st-trio figure{margin:0}.st-trio a{display:block}
.st-trio figcaption{font-weight:600;padding-top:18px}
.st-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,24px)}
.st-grid .st-lap-screen img{aspect-ratio:16/10}
@media(max-width:900px){.st-trio{grid-template-columns:1fr}.st-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* walkthrough */
.st-walk{list-style:none;padding:0;margin:0;counter-reset:walk}
.st-walk li{counter-increment:walk;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(20px,4vw,56px);padding:30px 0;border-top:1px solid var(--rule);align-items:start}
.st-walk-t::before{content:"Step " counter(walk);display:block;font-size:14px;font-weight:600;color:var(--em);margin-bottom:10px}
.st-walk-t p{color:#2B3139;font-size:16px;margin:0;max-width:48ch}
.st-walk-img img{display:block;width:100%;height:auto;border-radius:10px}
.st-walk-img img:not([src*="-tile"]){border:1px solid var(--hair)}
@media(max-width:900px){.st-walk li{grid-template-columns:1fr}}

/* try */
.st-try{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(28px,4vw,56px);align-items:start;padding-top:36px}
.st-tryform{border-top:1px solid var(--rule)}
.st-tf{border:0;margin:0;padding:22px 0;border-bottom:1px solid var(--hair);min-width:0}
.st-tf>label,.st-tf legend{display:block;font-weight:600;font-size:17px;margin-bottom:12px;padding:0}
.st-tf select{width:100%}
.st-seg{display:flex;flex-wrap:wrap;gap:8px}
.st-seg label{position:relative}
.st-seg input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.st-seg label>span{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 18px;border:1px solid #767B82;border-radius:60px;background:var(--paper);font-size:15px}
.st-seg small{font-size:13px;color:var(--slate)}
.st-seg input:checked+span,.st-seg input:checked+span *{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.st-seg input:checked+span small{color:#D9D5CA}
.st-seg input:focus-visible+span{outline:3px solid var(--em);outline-offset:2px}
.st-tf-note{font-size:14px;color:var(--slate);margin:18px 0 22px}
@media(max-width:900px){.st-try{grid-template-columns:1fr}}

/* questions and close */
.st-faq{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(24px,4vw,56px)}
.st-faq .st-head{margin:0}
.st-faq-list{border-top:1px solid var(--rule)}
.st-faq details{border-bottom:1px solid var(--hair)}
.st-faq summary{cursor:pointer;min-height:56px;padding:16px 36px 16px 0;font-weight:600;font-size:17px;list-style:none;position:relative}
.st-faq summary::-webkit-details-marker{display:none}
.st-faq summary::after{content:"+";position:absolute;right:4px;top:14px;font-size:22px;font-weight:400}
.st-faq details[open] summary::after{content:"−"}
.st-faq details p{margin:0 0 18px;color:#2B3139;max-width:62ch}
.st-limits{margin:0;padding:0;list-style:none;border-top:1px solid var(--rule)}
.st-limits li{padding:16px 0 16px 28px;border-bottom:1px solid var(--hair);position:relative;max-width:80ch}
.st-limits li::before{content:"";position:absolute;left:4px;top:26px;width:12px;height:2px;background:var(--bad)}
@media(max-width:900px){.st-faq{grid-template-columns:1fr}}
.st-close{margin:var(--st-gap,clamp(64px,9vw,120px)) 0 48px;padding:clamp(32px,5vw,64px) 0;border-top:2px solid var(--rule);border-bottom:1px solid var(--hair)}
.st-close h2{max-width:20ch}

/* ---- site-wide alignment with the homepage and its views (Adam, 15 Sep 2026: "update all the other pages").
   compare.css loads on every sales page and this block comes last in it, so each rule here brings an older shared
   component into line once, for every page type: about, trust, refunds, affiliates, fit, support, the legal pages,
   evidence, research, the trade pages and the error pages. ---- */
/* one emphasis style: emerald italic, as on the six views, instead of the lime highlighter */
.hl{background:none;color:var(--em);font-style:italic;padding:0;margin:0;mix-blend-mode:normal}
.affBand h2 .hl,.band .hl,.st-field .hl{background:none;color:var(--lime);padding:0}
.scn .tot .hl{background:none;padding:0}
.ehead mark{background:none;color:#B7FF4A;font-style:italic;padding:0}
/* proof rows read like the six views' supporting line: plain text separated by dots, no green squares */
.proof{font-weight:500;font-size:14px;letter-spacing:0;gap:6px 0;color:var(--slate)}
.proof span::before{content:none}
.proof span:not(:last-child)::after{content:"·";margin:0 12px;color:var(--slate)}
/* the large action everywhere has the same presence as "Start building" */
.pill.big{display:inline-flex;align-items:center;min-height:56px;font-size:17px;padding:0 30px}
/* sub-navigation is a quiet row, not a tinted bar with a shadow */
.subnav{background:var(--cream);box-shadow:none;border-bottom:1px solid var(--hair)}
.subnav a{min-height:44px;display:inline-flex;align-items:center}
/* legal pages keep a reading column, but the header, footer and bands run the full site width like every other page */
.wrap.lgl{max-width:1180px}
.lgl>*:not(.nav):not(footer):not(.affBand):not(.vx-chooser):not(.savebar){max-width:820px}
/* the closed-market notice sits inside the legal hero and deliberately shares its reading column (GPT-6 round 5) */

/* tools gallery: real captures of each tool, two columns */
.st-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4vw,48px) clamp(24px,4vw,56px);align-items:start}
.st-tool{margin:0}
.st-tool-img{position:relative;border-radius:12px;overflow:hidden}
.st-tool-img img{display:block;width:100%;height:auto;aspect-ratio:4/3}
.st-tool figcaption{padding-top:16px}
.st-tool figcaption p{margin:0;color:#2B3139;font-size:15.5px;line-height:1.6;max-width:56ch}
.st-tool-wide{grid-column:1/-1}
.st-tool-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.st-tag{position:absolute;left:14px;top:14px;background:var(--ink);color:var(--cream);font-size:12px;font-weight:600;padding:3px 9px;border-radius:99px}
.st-others-shot{margin:8px 0 12px;max-width:880px}
.st-others-shot figcaption{font-size:13px;color:var(--slate);margin-top:10px}
.st-others-tools{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px}
@media(max-width:900px){.st-others-tools{grid-template-columns:1fr}}
.st-buyrow{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center;margin-top:clamp(40px,5vw,64px)}
.st-buyshot{margin:0}
.st-buyshot figcaption{font-size:14px;color:var(--slate);margin-top:10px}
.st-buyside h3{font-family:"Fraunces",Georgia,serif;font-weight:500;font-size:clamp(24px,2.4vw,30px);line-height:1.15;letter-spacing:-.015em;margin:6px 0 20px;text-wrap:balance}
.st-buyside .st-kick{margin:0;font-size:13px;font-weight:600;color:var(--em)}
.st-buyasks{margin:0 0 22px;display:grid;gap:0}
.st-buyasks div{padding:12px 0;border-top:1px solid var(--hair)}
.st-buyasks dt{font-weight:600;font-size:15.5px;margin:0 0 3px}
.st-buyasks dd{margin:0;font-size:15px;color:#2B3139;line-height:1.5}
.st-buyside .st-note{margin:0}
@media(max-width:900px){.st-buyrow{grid-template-columns:1fr}}
.st-tools-more{margin-top:clamp(36px,5vw,56px)}
@media(max-width:760px){.st-tools,.st-tool-pair{grid-template-columns:1fr}}
.st-plan{display:inline-block;vertical-align:middle;margin-left:8px;font-size:12px;font-weight:600;color:var(--em);border:1px solid var(--mintLine);background:var(--mint);border-radius:99px;padding:2px 9px}

/* header action: an occasional message slides out over the market switch, then retracts (header-cta.js) */
.nav>.pill{position:relative}
/* Adam: cover the whole market switch, and move slowly ("awareness, not a light show"): the green grows out over 1.4s,
   the words fade in once it has settled, and on the way back the words leave first */
.nav>.pill .pill-say{position:absolute;z-index:2;right:0;top:0;height:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;padding:0 22px;border-radius:60px;background:var(--em);color:#fff;font-weight:600;font-size:14px;pointer-events:none;clip-path:inset(0 0 0 calc(100% - var(--pw,100%)) round 60px);opacity:0;transition:clip-path 1.2s cubic-bezier(.45,0,.25,1) .35s,opacity .5s ease 1.3s}
.nav>.pill.saying .pill-say{clip-path:inset(0 0 0 0 round 60px);opacity:1;transition:clip-path 1.4s cubic-bezier(.45,0,.25,1),opacity .4s ease}
.nav>.pill .pill-say b,.nav>.pill .pill-say .t{transition:opacity .35s ease}
.nav>.pill:not(.saying) .pill-say b,.nav>.pill:not(.saying) .pill-say .t{opacity:0}
.nav>.pill.saying .pill-say b,.nav>.pill.saying .pill-say .t{opacity:1;transition:opacity .8s ease 1.1s}
.nav>.pill .pill-say b{font-weight:700}
@media(prefers-reduced-motion:reduce){.nav>.pill .pill-say{display:none}}

@media(prefers-reduced-motion:reduce){.st *,.st *::before,.st *::after,.st-go,.st-go::after,.st-ar{transition:none!important;animation:none!important}}
.st-notice{margin:18px 0 0;padding:12px 16px;border:1px solid var(--rule);border-radius:10px;background:var(--paper);font-size:15px}