/* v2 additions on top of app.css: the world tiles, the mismatch, the sameness list (its strike answers the hook's wall),
   the only-you quote, the stall line and the kit per world. */
.opts.worlds{grid-template-columns:1fr 1fr}
.opts.worlds .opt{flex-direction:column;align-items:flex-start;gap:10px;min-height:96px;font-size:17px;line-height:1.2}
.opts.worlds .opt::after{display:none}
.opts.worlds .opt b{font:300 13px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--stone)}
.opts.worlds .opt.pick b{color:var(--ink)}

.mm-grid{display:grid;gap:12px;margin-bottom:22px}
.mm-they,.mm-you{border-radius:var(--r);padding:18px 18px 16px}
.mm-they{background:linear-gradient(160deg,color-mix(in srgb,var(--their) 20%,var(--black)),var(--black) 75%);border:1px solid color-mix(in srgb,var(--their) 55%,transparent)}
.mm-they .mono{color:var(--their);margin-bottom:12px}
.mm-they blockquote{font-size:clamp(20px,5.2vw,26px);line-height:1.36;quotes:"\201C" "\201D"}
.mm-they blockquote::before{content:open-quote}.mm-they blockquote::after{content:close-quote}
.mm-you{border:1px solid var(--line)}
.mm-you .mono{color:var(--stone);margin-bottom:10px}
.mm-you q{display:block;font:300 clamp(26px,7vw,42px)/.98 var(--disp);text-transform:uppercase;color:var(--soft);quotes:"\201C" "\201D"}
.mm cite{display:block;margin-top:10px;font-style:normal;color:var(--stone)}
.mm-line{font-size:clamp(34px,9vw,64px);line-height:.92;margin-bottom:8px}

.same-h{font-size:clamp(34px,9vw,64px);margin-bottom:16px}
.same-h b{color:var(--their);font-weight:800}
.same-list{list-style:none;margin-bottom:14px;border-top:1px solid var(--line)}
.same-list li{padding:12px 0;border-bottom:1px solid var(--line);font:300 clamp(22px,6vw,34px)/1 var(--disp);text-transform:uppercase;display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.same-list li span:first-child{position:relative}
.same-list li.anyone span:first-child{color:var(--soft)}
.same-list li.anyone span:first-child::after{content:"";position:absolute;left:0;right:0;top:52%;height:.08em;background:var(--orange);transform-origin:left;transform:scaleX(0);transition:transform .9s var(--ease)}
.same-list.on li.anyone span:first-child::after{transform:scaleX(1)}
.same-list li .tag{font:600 10px/1 var(--mono);letter-spacing:.14em;color:var(--stone);white-space:nowrap}
.same-list li.anyone .tag{color:var(--orange)}
.same-list li.yours .tag{color:var(--their)}

.only .line{font-size:clamp(34px,9vw,64px);line-height:.92;margin-bottom:18px}
.only blockquote{font-size:clamp(19px,4.8vw,23px);line-height:1.4;border-left:3px solid var(--their);padding-left:16px;quotes:"\201C" "\201D"}
.only blockquote::before{content:open-quote}.only blockquote::after{content:close-quote}
.only cite{display:block;margin-top:10px;font-style:normal;color:var(--stone)}
.stall .fixl{border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;line-height:1.45}
.stall .fixl .mono{color:var(--their);display:block;margin-bottom:6px}

.pk .lines{list-style:none}
.pk .lines li{padding:7px 0;border-bottom:1px dashed var(--line);font-size:17px;line-height:1.4}
.proof{border-left:3px solid var(--their);padding-left:14px;margin:6px 0 10px;font-size:18px;line-height:1.4}
@media (min-width:900px){
  .mm-grid{grid-template-columns:1.25fr 1fr}
  .opts.worlds{grid-template-columns:1fr 1fr 1fr}
}
@media (prefers-reduced-motion:reduce){ .same-list li.anyone span:first-child::after{transform:scaleX(1)} }

/* review fixes 2026-10-20: the stamp sits in the flow (it overlapped the kicker), the empty hero carries their own first
   words as art, the typed questions can be skipped when we already read the answer */
.offer .stamp{position:static;display:inline-block;transform:rotate(-3deg);margin:10px 0 4px}
.res-hero .ph.none{display:flex;align-items:center;justify-content:center;overflow:hidden}
.res-hero .ph.none::before{content:attr(data-words);font:800 clamp(56px,16vw,190px)/.86 var(--disp);text-transform:uppercase;color:color-mix(in srgb,var(--their) 13%,transparent);padding:0 4vw;text-align:left;word-break:normal;overflow-wrap:normal;hyphens:none}
.skipq{display:inline-block;margin-left:14px;background:none;border:0;color:var(--stone);text-decoration:underline;text-underline-offset:3px;cursor:pointer}

/* what else a stranger notices: the observation, their own words as evidence, the fix (2026-10-21) */
.notice-list{list-style:none;border-top:1px solid var(--line)}
.notice-list li{padding:16px 0;border-bottom:1px solid var(--line)}
.notice-list .nw{font-size:clamp(19px,4.8vw,22px);line-height:1.35;margin-bottom:8px}
.notice-list .ne{font:500 14px/1.45 var(--mono);color:var(--stone);border-left:2px solid var(--their);padding-left:10px;margin-bottom:8px}
.notice-list .nf{color:var(--soft);font-size:16px}
.notice-list .nf .mono{color:var(--their);margin-right:6px}

.same-nobody{display:block;font-size:.55em;letter-spacing:0;text-transform:none;margin-top:8px;opacity:.85}
/* the full $27: bios, replies, 30 days, the plan (2026-10-21) */
.plat{margin:18px 0 6px}.plat-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.st-part{margin-top:22px}.st-h{margin:22px 0 8px}.st-pitch{font-size:1.1rem;line-height:1.45}.st-wait{opacity:.75}
.st-days,.st-fix{list-style:none;padding:0;margin:0}.st-days li,.st-fix li{padding:14px 0;border-top:1px solid rgba(235,222,208,.12)}.st-idea{font-weight:700;margin:4px 0}
.st-plan{display:grid;gap:16px}@media(min-width:760px){.st-plan{grid-template-columns:repeat(3,1fr)}}.st-plan ul{padding-left:18px;margin:6px 0}
/* the interview (2026-10-21) */
.iv{margin-bottom:28px}.iv-n{opacity:.7;margin-top:10px}.iv-q{font-size:1.15rem;line-height:1.35;margin:6px 0 10px;font-weight:600}
.iv textarea{width:100%;font:inherit;padding:12px;border-radius:inherit;resize:vertical;min-height:120px}.iv-done{margin-top:8px}
.ws-own .chip{text-align:left;white-space:normal}
/* the workshop, the Unmistakable Profile and the side-by-side (2026-10-21) */
.offer .o-sub{font-size:17px;line-height:1.45;margin:0 0 18px;color:#2a2622}
.vs{display:grid;gap:10px;margin:0 0 20px}
.vs-side{border-radius:12px;padding:14px 14px 12px}
.vs-without{background:rgba(6,5,7,.06);border:1px dashed rgba(6,5,7,.25)}
.vs-without .vs-t{color:#6b645d}
.vs-with{background:var(--ink);color:var(--cream)}
.vs-with .mono{color:var(--their)}
.vs-t{font-size:17px;line-height:1.4;margin:8px 0}
.vs-src{font-size:10px!important;opacity:.7}
.workshop,.idfile{display:none}
.workshop.on,.idfile.on{display:block}
.ws-step{border-top:1px solid var(--line);padding:20px 0}
.ws-n{color:var(--their);margin-bottom:10px}
.ws-help{color:var(--stone);font-size:15px;margin-bottom:12px}
.ws-see{font-size:17px;line-height:1.45;margin-bottom:8px}
.ws-see .mono{display:block;color:var(--stone);margin-bottom:2px}
.ws-gap{font:800 clamp(26px,7vw,44px)/.95 var(--disp);text-transform:uppercase;margin-top:12px}
.ws-opts{display:grid;gap:8px;margin-bottom:10px}
.ws-opt::after{display:none}
.ws-k{color:var(--stone);margin:6px 0 8px}
.chip{display:inline-block;margin:0 8px 8px 0;padding:9px 12px;border-radius:999px;border:1px solid rgba(235,222,208,.3);background:none;font-size:15px;cursor:pointer;opacity:.45;text-decoration:line-through}
.chip.on{opacity:1;text-decoration:none;border-color:var(--their)}
.ws-stop .chip.on{text-decoration:line-through;text-decoration-color:var(--orange)}
.ws-never{list-style:none}
.ws-never li{padding:8px 0;border-bottom:1px dashed var(--line)}
.ws-never input{accent-color:var(--orange);margin-right:8px}
#wsReturn blockquote{border-left:3px solid var(--their);padding-left:14px;margin-top:12px;font-size:18px;line-height:1.4}
#wsReturn cite{display:block;font-style:normal;color:var(--stone);margin-top:8px}
.idf{white-space:pre-wrap;font:500 13px/1.55 var(--mono);background:var(--black);border:1px solid var(--line);border-radius:var(--r);padding:16px;max-height:70vh;overflow:auto;color:var(--cream)}
.howto{border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;margin:16px 0}
.howto .mono{color:var(--their);margin-bottom:6px}
#fileBtn,#kitBtn{width:100%;margin-top:10px;white-space:normal;line-height:1.12;text-wrap:balance;overflow-wrap:anywhere}
.kit-incl{margin:18px 0 0;font:600 15px/1.35 var(--body);color:var(--cream)}
.st-vis{font:600 11px/1.45 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--stone);margin:2px 0 8px}
@media (min-width:900px){ .vs{grid-template-columns:1fr 1fr} }

/* round 2: the reviews step, how it feels, the page facts (2026-10-21) */
.workshop-pre{display:none}
.workshop-pre.on{display:block}
.ws-pre-h{font-size:clamp(34px,9vw,60px);margin-bottom:12px}
#wsRun{width:100%;margin-top:16px}
.ws-sw{display:flex;align-items:center;gap:6px;margin-top:10px}
.ws-sw i{width:22px;height:22px;border-radius:50%;border:1px solid rgba(235,222,208,.25);display:block}
.ws-sw .mono{color:var(--stone);margin-left:6px}
.ws-pf{list-style:none;margin:0 0 14px}
.ws-pf li{padding:6px 0;border-bottom:1px dashed var(--line);font-size:16px}

/* GATE v3: steps are numbered by CSS, so a hidden step never leaves a gap in the count */
.workshop{counter-reset:wsstep}
.ws-step:not(.nonum) .ws-n::before{counter-increment:wsstep;content:counter(wsstep) " \00b7  "}
/* No Small Talk (2026-11-02): the $67 add-on after the finished set, the kit download, the $97 bundle for ?with=nst */
.nst,.nst-offer,.nst-have,.nst-bundle,.nst-sell{display:none}
.nst.on{display:block}.nst.on.sell .nst-offer,.nst.on.sell .nst-sell{display:block}.nst.on.have .nst-have{display:block}
.nst-bundle.on{display:block;margin-top:22px;padding-top:18px;border-top:1px dashed rgba(6,5,7,.25)}
.nst-bundle p:not(.fine):not(.err){color:#2a2622;font-size:16px;line-height:1.45;margin:6px 0 12px}
.nst-week{list-style:none;padding:0;margin:0 0 18px;border-top:1px solid rgba(6,5,7,.14)}
.nst-week li{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid rgba(6,5,7,.14)}
.nst-week .mono{color:#7b4c2c;text-align:left;justify-self:start;position:static;transform:none}
.nst-week p{margin:0;font-size:17px;line-height:1.4;color:#060507}
@media (min-width:640px){.nst-week li{grid-template-columns:170px 1fr;align-items:baseline}}
#nstBtn,#nstBundleBtn,#nstKit{width:100%;white-space:normal;line-height:1.12}
/* the product as it lives (2026-11-02, Steve: "visually should be representing the skill... this is a landing page and
   sales page for a product"): the skills switched on inside their own Claude with the four runs on the clock, then what
   each run hands back, every word from the buyer's own record. No borrowed hero; their photo appears only where the skill
   itself uses it, inside Wednesday's visuals. Their color is the one accent, as a fill, never as text on cream. */
.nst-h{font-size:clamp(40px,10.5vw,76px);margin-bottom:12px}
.nst-lede{max-width:34ch;font-size:17px}
.app{background:#f6f0e8;color:#060507;border-radius:16px;overflow:hidden;font-size:14px;line-height:1.42;text-align:left;box-shadow:0 50px 90px -40px rgba(0,0,0,.95),0 0 0 1px rgba(235,222,208,.16)}
.app-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:#e9dfd2;border-bottom:1px solid rgba(6,5,7,.08);font:600 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#5d564f}
.app-bar i{width:9px;height:9px;border-radius:50%;background:rgba(6,5,7,.15)}
.app-bar i:first-child{background:var(--their);box-shadow:0 0 0 1px rgba(6,5,7,.18)}
.app-bar b{margin-left:8px;font-weight:600;color:#060507}
.app-bar span{margin-left:auto}
.kw{margin:24px 0 8px}
.kw-top{padding:20px 18px 14px;border-bottom:1px solid rgba(6,5,7,.08)}
.kw-top .k{font:600 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#7b4c2c}
.kw-top h3{font:300 clamp(34px,9vw,54px)/.88 var(--disp);letter-spacing:-.01em;margin:10px 0 6px;color:#060507}
.kw-top p{color:#5d564f;font-size:14px}
.kw-cols{display:grid}
.kw-col{padding:14px 18px 18px}
.kw-col+.kw-col{border-top:1px solid rgba(6,5,7,.08);background:#efe7dc}
.kw-h{font:600 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#5d564f;margin-bottom:6px;display:flex;justify-content:space-between}
.sk{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid rgba(6,5,7,.07)}
.sk:last-child{border-bottom:0}
.sk code{font:600 13px/1.2 var(--mono);color:#060507;display:block}
.sk small{display:none;color:#6b635b;font-size:12.5px;margin-top:3px}
.sk{padding:7px 0}
.tg{width:32px;height:19px;border-radius:999px;background:var(--their);position:relative;box-shadow:inset 0 0 0 1px rgba(6,5,7,.2)}
.tg::after{content:"";position:absolute;right:2px;top:2px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.3)}
.run{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid rgba(6,5,7,.08)}
.run:last-child{border-bottom:0}
.run .mono{font-size:10.5px;letter-spacing:.12em;color:#060507;padding-top:2px}
.run small{display:block;color:#6b635b;font-size:12.5px}
.kw-fine{font-size:12px;color:#6b635b;padding:10px 18px 14px;border-top:1px solid rgba(6,5,7,.08)}
.wk-k{font:600 11px/1.3 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--stone);margin:34px 0 0}
.wk{display:grid;grid-auto-flow:column;grid-auto-columns:86%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin:12px calc(var(--gut) * -1) 6px;padding:8px var(--gut) 26px;scrollbar-width:none}
.wk::-webkit-scrollbar{display:none}
.wk-c{scroll-snap-align:start}
.chat{padding:14px 14px 16px;display:flex;flex-direction:column;gap:10px;min-height:400px}
.ask{align-self:flex-end;max-width:86%;background:#060507;color:#ebded0;border-radius:14px 14px 4px 14px;padding:9px 12px;font-size:13.5px}
.used{display:flex;flex-wrap:wrap;gap:5px}
.used span{font:600 9.5px/1 var(--mono);letter-spacing:.06em;padding:5px 7px;border-radius:999px;background:#e9dfd2;color:#3a342e}
.used span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--their);margin-right:5px;vertical-align:1px;box-shadow:0 0 0 1px rgba(6,5,7,.2)}
.ans{font-size:13.5px;color:#2a2622}
.ans b{color:#060507}
.tbl{width:100%;border-collapse:collapse;margin:4px 0 10px;font-size:12.5px}
.tbl td{padding:6px 4px;border-bottom:1px solid rgba(6,5,7,.08);vertical-align:top}
.tbl td:first-child{font:600 10px/1.6 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#7b4c2c;width:38px}
.copy{border:1px solid rgba(6,5,7,.14);border-radius:10px;padding:10px 12px;background:#fff;white-space:pre-line;font-size:13px}
.copy .mono{display:block;font-size:9.5px;letter-spacing:.14em;color:#6b635b;margin-bottom:6px}
.tiles{display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:auto auto;gap:7px;margin-top:10px}
.tile:first-child{grid-row:span 2;aspect-ratio:auto;min-height:300px;padding:12px}
.tile:first-child p{font-size:22px}
.tile{aspect-ratio:4/5;border-radius:8px;overflow:hidden;position:relative;display:flex;align-items:flex-end;padding:8px;background:radial-gradient(110% 70% at 15% 0%,color-mix(in srgb,var(--their) 70%,#060507),transparent 70%),radial-gradient(90% 60% at 100% 100%,color-mix(in srgb,var(--their) 30%,#36402a),transparent 70%),#0d0b0c}
.tile:nth-child(2){background:radial-gradient(100% 80% at 90% 10%,color-mix(in srgb,var(--their) 65%,#060507),transparent 70%),linear-gradient(200deg,#413933,#060507)}
.tile:nth-child(3){background:radial-gradient(120% 70% at 50% 110%,color-mix(in srgb,var(--their) 75%,#060507),transparent 65%),linear-gradient(160deg,#36402a,#060507)}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,5,7,0) 35%,rgba(6,5,7,.7)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}
.tile p{position:relative;z-index:1;color:#fff;font:800 13px/.98 var(--disp);text-transform:uppercase;letter-spacing:-.005em}
.tile i{position:absolute;left:8px;top:8px;width:16px;height:3px;background:var(--their);z-index:1}
.mail{border:1px solid rgba(6,5,7,.12);border-radius:10px;background:#fff;overflow:hidden}
.mail-l{display:flex;justify-content:space-between;padding:8px 12px;background:#efe7dc;font:600 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#5d564f}
.mail-l b{color:#060507;font-weight:600}
.mail-b{padding:10px 12px}
.mail-b .sub{font-weight:700;color:#060507;margin-bottom:6px}
.mail-b p{font-size:13px}
.draft{display:inline-block;margin-top:10px;font:600 9.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:6px 8px;border-radius:999px;border:1px solid #060507}
.three{list-style:none;margin:6px 0 0;padding:0;counter-reset:wkn}
.three li{counter-increment:wkn;padding:9px 0 9px 26px;border-top:1px solid rgba(6,5,7,.1);position:relative;font-size:13.5px;color:#060507}
.three li::before{content:counter(wkn);position:absolute;left:0;top:7px;width:18px;height:18px;border-radius:50%;background:var(--their);color:#060507;font:600 10px/18px var(--mono);text-align:center;box-shadow:inset 0 0 0 1px rgba(6,5,7,.2)}
@media (min-width:760px){
  .kw-cols{grid-template-columns:1.25fr 1fr}
  .sk{padding:9px 0}.sk small{display:block}
  .kw-col+.kw-col{border-top:0;border-left:1px solid rgba(6,5,7,.08)}
  .wk{grid-auto-flow:row;grid-template-columns:1fr 1fr;grid-auto-columns:auto;overflow:visible;margin:14px 0 10px;padding:0;gap:18px}
  .wk-c:nth-child(even){transform:translateY(48px)}
  .nst-offer{margin-top:70px}
}
/* the window settles flat and the runs rise as they scroll in, where the browser ties it to the scroll; elsewhere they sit still */
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion:no-preference){
    .kw{animation:kwSet linear both;animation-timeline:view();animation-range:entry 0% entry 45%;transform-origin:50% 100%}
    @keyframes kwSet{from{opacity:.3;transform:perspective(1200px) rotateX(16deg) scale(.92)}to{opacity:1;transform:none}}
    .wk-c{animation:wkRise linear both;animation-timeline:view();animation-range:entry 0% cover 35%}
    @keyframes wkRise{from{opacity:.25;translate:0 70px;scale:.94}to{opacity:1;translate:0 0;scale:1}}
  }
}


/* the $67 one-time offer screen and the standalone buyer's setup (2026-11-02) */
.oto-lab{color:var(--their,#ebded0)}
.oto-h{font-size:clamp(40px,10.5vw,76px);margin:12px 0}
.oto-p{max-width:36ch}
#otoKit{margin:22px 0}
.oto-offer{display:block;margin-top:18px}
#otoBtn{width:100%;white-space:normal;line-height:1.12}
.oto-no{display:block;margin:22px auto 0;background:none;border:0;color:var(--stone);text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:12px}
.setup .notfor{display:none}

/* No Small Talk bought on its own ($97, 2026-11-05): the $27 pitch folds to one line, the steps say 1, 2, 3 */
#offer .nst-incl{display:none}
body.nst-buyer #offer > *:not(.nst-incl){display:none}
body.nst-buyer #offer .nst-incl{display:block;margin:0;font-size:17px;line-height:1.45}

/* one thing at a time (Steve 2026-11-06): what builds is loud, what is done steps back, what is next is the only big button */
[hidden]{display:none!important}
.busy{margin:18px 0 6px;border:1px solid var(--green);border-radius:var(--r,14px);padding:18px 18px 16px;background:linear-gradient(160deg,rgba(129,255,40,.08),rgba(8,8,10,.9) 60%)}
.busy-top{display:flex;align-items:center;gap:10px}
.busy-top b{font:300 clamp(24px,6vw,34px)/1 var(--disp);color:var(--cream);flex:1}
.busy-t{color:var(--green);font-size:13px;letter-spacing:.1em}
.busy p{margin:10px 0 0;color:var(--cream);font-size:16px;line-height:1.45}
.busy-parts{list-style:none;margin:14px 0 0;padding:0}
.busy-parts li{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid rgba(235,222,208,.12);font-size:16px}
.busy-parts li i{width:14px;height:14px;border-radius:50%;border:2px solid rgba(129,255,40,.55);border-top-color:var(--green);animation:spin 1s linear infinite;flex:none}
.busy-parts li.ok i{animation:none;border:0;background:var(--green)}
.busy-parts li.ok i::after{content:"\2713";display:block;color:var(--ink);font:700 10px/14px var(--body);text-align:center}
.busy-parts li.ok span{color:var(--stone);text-decoration:line-through;text-decoration-color:rgba(154,147,138,.5)}
.busy-parts li.bad i{animation:none;border-color:var(--orange)}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.busy-parts li i{animation:none}}
.busybar{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translate(-50%,140%);width:min(560px,calc(100% - 24px));display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:999px;background:var(--black);border:1px solid var(--green);color:var(--cream);z-index:60;box-shadow:0 10px 40px rgba(0,0,0,.5);transition:transform .45s cubic-bezier(.32,.72,0,1)}
.busybar.on{transform:translate(-50%,0)}
.busybar .bb-l{flex:1;font-size:15px;line-height:1.3}
.busybar .bb-t{color:var(--green);font-size:12px}
.busybar.ready{background:var(--pink);border-color:var(--pink);color:var(--ink)}
.busybar .bb-go{border:0;border-radius:999px;background:var(--ink);color:var(--cream);font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:10px 14px;cursor:pointer}
.ws-next{margin-top:8px}
.opt-extra{margin-top:22px;padding:14px 16px;border:1px dashed rgba(235,222,208,.3);border-radius:var(--r,14px)}
.opt-extra .mono{color:var(--stone);margin-bottom:6px}
.opt-extra .ws-help{font-size:15px}
.btn2.sm{padding:10px 14px;font-size:11px}
.btn2.redo{display:inline-block;margin-top:14px;color:var(--cream)}
.what{margin:6px 0 16px;padding:12px 14px;border-left:3px solid var(--fern);background:rgba(235,222,208,.04)}
.what p{margin:0;font-size:15px;line-height:1.45;color:var(--cream)}
.what p+p{margin-top:6px}
.what b{color:var(--cream)}
.how{margin:-2px 0 10px;font-size:15px;line-height:1.45;color:var(--stone)}
.lab.nx{margin-top:26px}
.ws-donel{color:var(--green)}
/* the copy buttons were white with cream text (they share the class of the white quote card); now they read */
.btn2.copy{background:var(--cream);color:var(--ink);border-color:var(--cream);font-weight:600}
.btn2.copy:active{transform:scale(.98)}
/* paid for the $27: the buy button leaves instead of sitting there greyed out */
.paid-line{display:none}
body.paid27 #buyBtn,body.paid27 #offer .fine,body.paid27 #buyNote{display:none}
body.paid27 #offer .paid-line{display:block;margin:4px 0 0;font:700 17px/1.4 var(--body);color:var(--ink)}