/* Layout: an editorial page that alternates grounds by role — Paper for reading and working,
   Bone for breaks, a Gold tint for the moments that ask you to look (sample, rounds, your focus),
   and Ink only where the Institute speaks (the "why lies" claim, the speed round, the closing call).
   Gold as a colour stays on lines, the tell underline, the focus marker and the pay button. */
:root{
  --paper:#FBFAF6; --bone:#F3EFE6; --ink:#171717; --slate:#5C6470; --steel:#AAB2BB;
  --gold:#B48A47; --gold-22:#EBE1CF; --gold-40:#DFCDB0;
  --bg:var(--paper); --fg:var(--ink); --fg-2:var(--slate); --rule:rgba(23,23,23,.14); --rule-2:rgba(23,23,23,.34);
  --ok:#2E6A4D; --warn:#8B641C; --focus:#315E75;
  --f-d:"Lora", Georgia, "Times New Roman", serif;
  --f-t:"Helvetica Neue", Helvetica, Arial, "Liberation Sans", sans-serif;
  --f-m:"Courier New", Courier, ui-monospace, monospace;
  color-scheme:light;
}
/* grounds: each redefines the tokens its children use */
.bone{--bg:var(--bone); --fg-2:#454B54; background:var(--bone); color:var(--fg)}
.goldband,.fstrip,.ri{--bg:var(--gold-22); --fg-2:#3F444C; --rule:rgba(23,23,23,.16); --rule-2:rgba(23,23,23,.4); background:var(--gold-22); color:var(--ink)}
.ri{--bg:var(--gold-40); background:var(--gold-40)}
.ink,.sp,.lk-card,.spec{--bg:var(--ink); --fg:#F3EFE6; --fg-2:#B5AFA4; --rule:rgba(243,239,230,.18); --rule-2:rgba(243,239,230,.4); --focus:#8DB8CE; background:var(--ink); color:#F3EFE6}

*{box-sizing:border-box}
html,body{background:var(--paper);color:var(--ink)}
body{margin:0}
body{font-family:var(--f-t);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.w{max-width:1160px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.w-n{max-width:1060px}
p{margin:0 0 12px}
a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px}

/* type */
.k{font-family:var(--f-m);font-size:11px;letter-spacing:.16em;text-transform:uppercase;line-height:1.4;color:var(--fg)}
.d-hero{font-family:var(--f-d);font-weight:500;font-size:clamp(46px,6vw,76px);line-height:1.14;letter-spacing:-.018em;margin:0;text-wrap:balance}
.d-hero em{font-style:italic;color:var(--gold)}
.d-1{font-family:var(--f-d);font-weight:500;font-size:clamp(34px,4.4vw,56px);line-height:1.12;letter-spacing:-.015em;margin:0;text-wrap:balance}
.d-2{font-family:var(--f-d);font-weight:600;font-size:clamp(26px,2.6vw,34px);line-height:1.18;letter-spacing:-.006em;margin:0;text-wrap:balance}
.d-q{font-family:var(--f-d);font-weight:500;font-size:clamp(24px,2.6vw,30px);line-height:1.22;margin:0;text-wrap:pretty}
.d-3{font-family:var(--f-d);font-weight:500;font-size:21px;line-height:1.3;margin:0}
.num{font-family:var(--f-d);font-weight:400;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.02em;line-height:.9}
.lead{font-size:clamp(18px,1.6vw,20px);line-height:1.5;max-width:44ch;color:var(--fg)}
.ctx{font-size:18px;line-height:1.55;color:var(--fg-2);max-width:58ch;margin:0 0 18px}
.small{font-size:14px;line-height:1.5;color:var(--fg-2)}
.mute{color:var(--fg-2)}

/* chrome */
.proto{font-size:13px;color:var(--fg-2);background:var(--bone)}
.proto .w{padding-block:7px}
.top{border-bottom:1px solid var(--rule)}
.top .w{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:16px}
.mark{font-family:var(--f-d);font-size:18px;font-weight:500}
.mark span{font-family:var(--f-t);font-size:14px;color:var(--fg-2);font-weight:400;margin-left:12px;padding-left:12px;border-left:1px solid var(--rule-2)}

/* buttons */
.btn{appearance:none;cursor:pointer;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font:600 16px/1 var(--f-t);letter-spacing:.01em;padding:17px 26px;min-height:54px;border-radius:0;display:inline-flex;align-items:center;justify-content:space-between;gap:16px;text-decoration:none;transition:background 160ms ease-out,color 160ms ease-out}
.btn .ar{font-family:var(--f-d);font-size:20px;line-height:0;transform:translateY(-1px);transition:transform 160ms ease-out}
@media (hover:hover){.btn:hover{background:transparent;color:var(--ink)}}
@media (hover:hover){.btn:hover .ar{transform:translate(4px,-1px)}}
.btn:disabled{opacity:.28;cursor:not-allowed}
@media (hover:hover){.btn:disabled:hover{background:var(--ink);color:var(--paper)}}
.btn.light{background:#F3EFE6;border-color:#F3EFE6;color:var(--ink)}
@media (hover:hover){.btn.light:hover{background:transparent;color:#F3EFE6}}
.btn.ghost{background:transparent;border-color:#F3EFE6;color:#F3EFE6}
@media (hover:hover){.btn.ghost:hover{background:#F3EFE6;color:var(--ink)}}
.btn.money{background:var(--gold);border-color:var(--gold);color:var(--ink)}
@media (hover:hover){.btn.money:hover{background:transparent;color:var(--ink)}}
.link{all:unset;cursor:pointer;font-size:15px;color:var(--fg);border-bottom:1px solid var(--rule-2);padding-bottom:2px}
@media (hover:hover){.link:hover{border-color:var(--fg)}}
.link:focus-visible{outline:2px solid var(--focus);outline-offset:3px}

/* ---------- landing ---------- */
.hero .w{padding-block:clamp(40px,6vw,88px) clamp(36px,5vw,64px)}
.hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,80px);align-items:center}
.hero .k{margin-bottom:24px}
.hero .lead{margin:28px 0 0}
.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:34px}
.hero-price{margin-top:22px;font-size:15px;color:var(--fg-2);max-width:46ch}
.hero-price b{color:var(--fg);font-weight:600}
.spec{padding:24px 28px 26px;position:relative;box-shadow:14px 14px 0 var(--gold-22)}
.spec-h{display:flex;justify-content:space-between;border-bottom:1px solid var(--rule);padding-bottom:12px}
.spec-h .k{color:var(--fg-2)}
.spec-b{position:relative;min-height:250px}
.spec-i{position:absolute;inset:22px 0 auto 0;opacity:0;transform:translateY(8px);transition:opacity 600ms ease-out,transform 700ms ease-out;pointer-events:none}
.spec-i.on{opacity:1;transform:none}
.spec-i p{font-family:var(--f-d);font-size:clamp(22px,2.1vw,28px);line-height:1.38;margin:0 0 24px}
.spec-i mark{color:inherit;background:linear-gradient(var(--gold),var(--gold)) no-repeat 0 100%/0 2px;transition:background-size 900ms ease-out 500ms;padding-bottom:2px}
.spec-i.on mark{background-size:100% 2px}
.spec-i .lab{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;opacity:0;transition:opacity 500ms ease-out 1300ms}
.spec-i.on .lab{opacity:1}
.spec-i .lab .k{color:var(--fg-2)}
.spec-i .lab b{font-family:var(--f-d);font-style:italic;font-weight:400;font-size:21px;color:var(--gold)}
.spec-i.honest .lab b{color:var(--fg)}
.spec-pips{display:flex;gap:6px}
.spec-pips i{width:22px;height:2px;background:var(--rule-2);transition:background 400ms ease-out}
.spec-pips i.on{background:var(--gold)}
.specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ink);margin-top:clamp(40px,6vw,80px)}
.specs div{padding:20px 20px 0 0}
.specs div + div{padding-left:20px;border-left:1px solid var(--rule)}
.specs .num{font-size:clamp(40px,4.4vw,58px);display:block;margin-bottom:10px}
.specs .s{display:block;font-size:14px;line-height:1.45;color:var(--fg-2)}

.sec{padding-block:clamp(56px,8vw,112px)}
.sec + .sec:not(.bone):not(.ink):not(.goldband){border-top:1px solid var(--rule)}
.sec-h{display:block;margin-bottom:clamp(32px,4.5vw,56px)}
.sec-h .k{margin:0 0 clamp(18px,2.4vw,28px)}
.sec-h .d-2{text-align:center;max-width:24ch;margin-inline:auto}
.sec-h .k{color:var(--fg-2)}

.kinds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink)}
.kinds > div{padding:24px 28px 8px 0;display:flex;flex-direction:column}
.kinds > div + div{padding-left:28px;border-left:1px solid var(--rule)}
.kinds h3{font-family:var(--f-d);font-weight:600;font-size:24px;line-height:1.2;margin:0 0 10px}
.kinds p{color:var(--fg-2);margin:0 0 20px}
.kinds blockquote{margin:0 0 22px;font-family:var(--f-d);font-size:20px;line-height:1.45;flex:1}
.kinds blockquote::before{content:"AI";display:block;font-family:var(--f-m);font-size:11px;letter-spacing:.16em;margin-bottom:8px;color:var(--fg-2)}
.kinds mark{background:linear-gradient(var(--gold),var(--gold)) no-repeat 0 100%/100% 2px;color:inherit;padding-bottom:1px}
.kinds .catch{font-size:15px;color:var(--fg);border-top:1px solid var(--rule);padding-top:14px;margin:0}
.kinds .catch b{font-weight:600}

.claim{display:block}
.claim > .k{margin:0 0 clamp(18px,2.4vw,28px)}
.claim > div{text-align:center}
.claim .lead{margin-inline:auto}
.claim .k{color:var(--fg-2)}
.claim .d-1{max-width:20ch;margin:0 auto 26px}
.claim .lead{color:var(--fg-2);max-width:52ch}

.toc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:56px}
.toc li{display:grid;gap:4px;padding:18px 0;border-top:1px solid var(--rule)}
.toc b{font-family:var(--f-d);font-weight:500;font-size:21px}
.toc span{color:var(--fg-2);font-size:15px}

.smp-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,80px);align-items:start}
.smp-grid > div > p:not(.k){max-width:44ch}
.smp-card{background:var(--paper);padding:26px 28px 24px;--bg:var(--paper);--fg-2:var(--slate);--rule:rgba(23,23,23,.14)}
.smp-card .top2{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}
.smp-card .top2 .k{color:var(--fg-2)}
.smp-card .hl{font-family:var(--f-d);font-size:clamp(21px,2vw,25px);line-height:1.3;margin:0 0 18px}
.plan-mini{margin:22px 0 0}
.plan-mini .k{color:var(--fg-2);margin:0 0 8px}
.plan-mini ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.plan-mini li{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:4px 14px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--rule)}
.plan-mini .pd{white-space:nowrap;font-family:var(--f-m);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-2)}
.plan-mini b{font-family:var(--f-d);font-weight:500;font-size:17px}
.plan-mini .ps{font-size:13px;color:var(--fg-2);text-align:right}
.plan-mini .gap .pg{grid-column:2 / -1;font-size:14px;color:var(--fg-2);font-style:italic}
.plan-mini li{padding-inline:10px}
.plan-mini .end{border-bottom:0;background:var(--gold-22)}
.plan-mini .end b{font-weight:600}
@media (max-width:560px){.plan-mini li{grid-template-columns:72px minmax(0,1fr)}.plan-mini .ps{grid-column:2;text-align:left}}

.steps3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink)}
.steps3 > div{padding:22px 28px 0 0}
.steps3 > div + div{padding-left:28px;border-left:1px solid var(--rule)}
.steps3 .num{font-size:56px;display:block;margin-bottom:18px}
.steps3 h3{font-family:var(--f-d);font-weight:600;font-size:23px;margin:0 0 8px}
.steps3 p{color:var(--fg-2);max-width:32ch}

.meth{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;border-top:1px solid var(--ink)}
.meth > div{padding:22px 0 24px;border-bottom:1px solid var(--rule)}
.meth h3{font-family:var(--f-d);font-weight:600;font-size:22px;line-height:1.2;margin:0 0 10px}
.meth p{color:var(--fg-2);max-width:50ch;margin:0}
.meth p b{color:var(--fg);font-weight:600}
.meth-note{margin-top:24px;font-size:14px;color:var(--fg-2);max-width:72ch}
.faq{display:grid;grid-template-columns:1fr 1fr;column-gap:56px}
.faq div{border-top:1px solid var(--rule);padding:20px 0 8px}
.faq h3{font-family:var(--f-d);font-weight:600;font-size:20px;margin:0 0 8px}
.faq p{color:var(--fg-2);max-width:48ch}
.closer .w{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:28px}
.closer .d-1{max-width:16ch}

/* ---------- test chrome ---------- */
.hud{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--paper);border-bottom:1px solid var(--rule)}
.hud .w{padding-block:12px 14px}
.hud-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}
.hud-top .k{color:var(--fg-2)}
.hud-top .k b{color:var(--fg);font-weight:400}
.segs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.seg .bar{height:3px;background:var(--rule);position:relative;overflow:hidden}
.seg .bar i{position:absolute;inset:0 auto 0 0;background:var(--ink);transition:width 260ms ease-out}
.seg .lab{font-size:12.5px;color:var(--fg-2);margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seg.now .lab{color:var(--fg);font-weight:600}

.stage{padding-block:clamp(28px,5vw,64px) 32px}
.split{display:grid;grid-template-columns:200px minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:start}
.rail{position:sticky;top:110px}
.rail .num{font-size:clamp(56px,6vw,80px);display:block}
.rail .num sup{font-size:.28em;vertical-align:top;margin-left:6px;color:var(--fg-2);letter-spacing:0;font-family:var(--f-t);line-height:1.6}
.rail .k{display:block;margin-top:14px;color:var(--fg-2)}
.rail .who{margin-top:22px;padding-top:12px;border-top:1px solid var(--rule);font-size:14px;line-height:1.45}
.rail .who b{display:block;font-size:15px}
.rail .who span{color:var(--fg-2)}
.qcol{min-width:0;max-width:720px}
.qcol .d-q{margin-bottom:26px}

.reply{background:var(--bone);padding:16px 20px 18px;margin:0 0 30px;border-top:2px solid var(--ink)}
.reply > .k{color:var(--fg);display:block;margin-bottom:8px}
.reply p.ai{font-family:var(--f-d);font-size:20px;line-height:1.5;margin:0}

.ans-list{border-bottom:1px solid var(--rule)}
.ans{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:baseline;width:100%;padding:18px 4px 18px 0;border-top:1px solid var(--rule);position:relative;transition:background 140ms ease-out}
@media (hover:hover){.ans:hover{background:linear-gradient(90deg,var(--bone),transparent 85%)}}
.ans .key{font-family:var(--f-m);font-size:12px;width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--rule-2);transform:translateY(-2px)}
.ans .tx{font-size:18px;line-height:1.45}
.ans.q .tx{font-family:var(--f-d);font-size:19px;line-height:1.42}
.ans[aria-checked="true"] .key{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.ans[aria-checked="true"]::before{content:"";position:absolute;left:-18px;top:-1px;bottom:0;width:3px;background:var(--ink)}
.ans:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}
.hint{font-size:14px;color:var(--fg-2);margin-top:12px}

.ab{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.abx{all:unset;box-sizing:border-box;cursor:pointer;padding:20px 22px 24px;border:1px solid var(--rule);border-top:3px solid var(--rule-2);background:var(--paper);transition:border-color 140ms ease-out,background 140ms ease-out}
@media (hover:hover){.abx:hover{border-color:var(--rule-2)}}
.abx .k{display:flex;justify-content:space-between;margin-bottom:14px;color:var(--fg-2)}
.abx p{font-family:var(--f-d);font-size:18.5px;line-height:1.5;margin:0}
.abx[aria-checked="true"]{border-color:var(--ink);border-top-color:var(--ink);background:var(--bone)}
.abx[aria-checked="true"] .k{color:var(--fg)}
.abx:focus-visible{outline:2px solid var(--focus);outline-offset:2px}

.mail{border:1px solid var(--rule);background:var(--bone)}
.mail .hd{display:grid;grid-template-columns:72px 1fr;gap:4px 12px;padding:14px 20px;border-bottom:1px solid var(--rule);font-size:14px}
.mail .hd span:nth-child(odd){font-family:var(--f-m);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#454B54;padding-top:2px}
.mail .bd{padding:18px 20px 22px;display:grid;gap:4px}
.snt{all:unset;cursor:pointer;justify-self:start;font-size:18px;line-height:1.6;padding:3px 6px;margin-left:-6px;background-image:linear-gradient(var(--rule-2),var(--rule-2));background-size:100% 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-color 140ms ease-out,color 140ms ease-out}
@media (hover:hover){.snt:hover{background-color:var(--paper)}}
.snt[aria-pressed="true"]{background-color:var(--ink);color:var(--paper);background-image:none}
.snt:focus-visible{outline:2px solid var(--focus);outline-offset:2px}

.tr{border-top:1px solid var(--ink)}
.tr.static{margin-bottom:30px}
.turn{box-sizing:border-box;display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;width:100%;padding:16px 0;border-bottom:1px solid var(--rule);position:relative}
.turn.tap{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;width:100%;padding:16px 0;border-bottom:1px solid var(--rule);position:relative;transition:background 140ms ease-out}
@media (hover:hover){.turn.tap:hover{background:linear-gradient(90deg,var(--bone),transparent 85%)}}
.turn .who{font-family:var(--f-m);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-2);padding-top:5px}
.turn .m{font-size:17.5px;line-height:1.5}
.turn.ai .m{font-family:var(--f-d);font-style:italic;font-size:19px}
.turn.tap .m{text-decoration:underline;text-decoration-color:var(--rule-2);text-underline-offset:5px}
.turn.tap[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.turn.tap[aria-pressed="true"] .who{color:var(--paper)}
.turn.tap[aria-pressed="true"] .m{text-decoration:none}
.turn.tap:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}
.turn.tap .who{padding-left:10px}

.bet{margin-top:38px}
.bet .lbl{font-family:var(--f-d);font-style:italic;font-size:21px;margin-bottom:12px}
.scale{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--rule-2)}
.scale button{all:unset;box-sizing:border-box;cursor:pointer;padding:12px 14px 14px;text-align:left;transition:background 140ms ease-out}
.scale button + button{border-left:1px solid var(--rule-2)}
.scale .num{font-size:30px;display:block;margin-bottom:6px}
.scale span{font-size:13px;color:var(--fg-2)}
@media (hover:hover){.scale button:hover{background:var(--bone)}}
.scale button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.scale button[aria-pressed="true"] span{color:var(--paper);opacity:.8}
.scale button:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}

.act{position:sticky;bottom:0;background:var(--paper);border-top:1px solid var(--rule);margin-top:40px;z-index:4}
.act .w{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:12px calc(12px + env(safe-area-inset-bottom,0px))}
.act .st{font-size:14px;color:var(--fg-2)}

.pre .d-1{margin:14px 0 14px;max-width:20ch}
.pre .ctx{margin-bottom:30px}
.pre .k{color:var(--fg-2)}

.ri .w{padding-block:clamp(56px,10vw,128px)}
.ri-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px;align-items:end}
.ri .num{font-size:clamp(160px,26vw,320px);font-style:italic;line-height:.8;color:var(--ink)}
.ri .k{color:var(--fg-2)}
.ri .d-1{margin:12px 0 18px}
.ri .go{margin-top:32px;display:flex;gap:24px;align-items:center;flex-wrap:wrap}

.sp .w{padding-block:clamp(28px,5vw,56px) clamp(40px,6vw,72px)}
.sp .lead{color:var(--fg-2)}
.sp-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.sp-top .k,.sp .k{color:var(--fg-2)}
.tline{height:2px;background:var(--rule);margin:16px 0 0;position:relative;overflow:hidden}
.tline i{position:absolute;inset:0 auto 0 0;background:var(--gold);width:100%}
.sp-card{font-family:var(--f-d);font-weight:500;font-size:clamp(30px,4.4vw,54px);line-height:1.14;letter-spacing:-.012em;margin:14px 0 clamp(32px,5vw,56px);max-width:22ch;min-height:2.3em}
.sp-card q{quotes:"“" "”"}
.sp-btns{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:640px}
.sp-btns .btn{justify-content:center;padding:20px 12px;font-size:17px}
.sp-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;flex-wrap:wrap}
.pips{display:flex;gap:6px}
.pips i{width:22px;height:3px;background:var(--rule)}
.pips i.on{background:var(--fg)}

.lk .w{padding-block:clamp(48px,8vw,110px)}
.lk-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(28px,5vw,80px);align-items:start}
.lk .lead{margin-top:18px}
.lk .k{color:var(--fg-2)}
.lk-card{padding:26px 28px 18px;box-shadow:14px 14px 0 var(--gold-22)}
.lk-card .k{margin-bottom:14px;color:var(--fg-2)}
.lk-card ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.lk-card li{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--rule);align-items:baseline}
.lk-card li:last-child{border-bottom:0}
.lk-card li span{font-family:var(--f-d);font-size:19px}
.lk-card li em{font-style:normal;font-family:var(--f-m);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-2)}
.lk-pay{margin-top:34px;display:flex;flex-wrap:wrap;gap:20px 28px;align-items:center}
.lk-pay .p{font-size:15px;color:var(--fg-2);max-width:30ch;margin:0}
.lk-pay .p b{font-family:var(--f-d);font-size:32px;font-weight:500;color:var(--fg);display:block;line-height:1;margin-bottom:4px}

/* ---------- results ---------- */
.cover .w{padding-block:clamp(40px,6vw,88px) clamp(36px,5vw,64px)}
.cv-k{display:flex;justify-content:space-between;gap:16px;margin-bottom:clamp(28px,4vw,48px);padding-bottom:14px;border-bottom:1px solid var(--ink)}
.cv-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(28px,5vw,80px);align-items:start}
.cover .d-1{max-width:18ch}

.mtr{display:grid}
.mt{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;align-items:baseline;padding:14px 0 14px;border-top:1px solid var(--rule)}
.mt:last-child{border-bottom:1px solid var(--rule)}
.mt .nm{font-family:var(--f-d);font-size:19px;line-height:1.25}
.mt .vl{font-family:var(--f-m);font-size:11px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--fg-2)}
.mt .vl b{font-family:var(--f-d);font-size:22px;letter-spacing:-.01em;font-weight:500;color:var(--fg);margin-right:8px;text-transform:none}
.mt .bar{grid-column:1 / -1;height:5px;background:rgba(23,23,23,.09);position:relative;margin:4px 0 2px}
.mt .bar i{position:absolute;inset:0 auto 0 0;background:var(--ink)}
.mt .bar s{position:absolute;top:-4px;bottom:-4px;width:1px;background:var(--rule-2);text-decoration:none}
.mt.focus .bar i{background:var(--gold)}
.mt .lv{font-size:13.5px;color:var(--fg);display:block;line-height:1.4}
.mt .lv .dia{vertical-align:1px}
.mt .lv em{font-style:normal;font-weight:600;margin-left:5px}
.mt .nn{font-size:12.5px;color:var(--fg-2);text-align:right;justify-self:end}
.mt .vl{justify-self:end}
.mkey{font-size:13px;line-height:1.5;color:var(--fg-2);margin:14px 0 0}
.dia{display:inline-block;width:8px;height:8px;transform:rotate(45deg);border:1.5px solid currentColor;margin:0 10px 0 2px;flex:none}
.dia.f{background:currentColor}
.dia.g{background:var(--gold);border-color:var(--gold);width:10px;height:10px}

.fstrip .w{display:flex;justify-content:space-between;align-items:center;gap:16px 28px;flex-wrap:wrap;padding-block:20px}
.fstrip p{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px}
.fstrip .k{color:var(--fg-2)}
.fstrip b{font-family:var(--f-d);font-weight:600;font-size:22px}
.fstrip .d{font-size:15px;color:var(--fg-2)}

.rnav{border-bottom:1px solid var(--rule);background:var(--paper)}
.rnav .w{display:flex;justify-content:center;gap:8px 28px;flex-wrap:wrap;padding-block:16px;font-size:14.5px}
.rnav a{text-decoration:none;color:var(--fg-2);padding:2px 0;border-bottom:1px solid transparent}
@media (hover:hover){.rnav a:hover{color:var(--fg);border-color:var(--fg)}}

.rs{padding-block:clamp(52px,7vw,96px);scroll-margin-top:20px}
.rs:not(.bone):not(.ink) + .rs:not(.bone):not(.ink){border-top:1px solid var(--rule)}
.rs-h{display:block;margin-bottom:clamp(28px,4vw,48px)}
.rs-h > .k{margin:0 0 clamp(18px,2.4vw,28px)}
.rs-h > div{text-align:center}
.rs-h .d-2{max-width:26ch;margin-inline:auto}
.rs-h > .k{color:var(--fg-2)}
.rs-h .lead{color:var(--fg-2);margin:12px auto 0;max-width:54ch;font-size:18px}
.rs-b{display:block}
.rs-b > .body{max-width:960px;margin-inline:auto;min-width:0}

.sw{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink)}
.sw.one{grid-template-columns:1fr}
.sw > div{padding:22px 28px 0 0}
.sw > div + div{padding-left:28px;border-left:1px solid var(--rule)}
.sw .k{color:var(--fg-2);margin-bottom:12px}
.sw h3{font-family:var(--f-d);font-weight:600;font-size:25px;line-height:1.18;margin:0 0 12px}
.sw p{color:var(--fg-2);max-width:48ch}
.sw p.k{color:var(--fg-2)}
.sw .ev{font-size:15px;border-top:1px solid var(--rule);padding-top:12px;margin-top:16px;color:var(--fg)}
.others{margin-top:34px}
.others > .k{color:var(--fg-2);margin-bottom:8px}
.oth{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,3fr) minmax(0,6fr);gap:6px 20px;padding:14px 0;border-top:1px solid var(--rule);align-items:baseline}
.oth b{font-family:var(--f-d);font-weight:500;font-size:18px}
.oth .lv{font-size:13.5px;display:block}
.oth span:last-child{font-size:15px;color:var(--fg-2)}

.plotw{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start}
.plot{position:relative;aspect-ratio:1/1;max-width:100%;border-left:1px solid var(--ink);border-bottom:1px solid var(--ink);margin:0 0 34px 28px;background:var(--paper)}
.plot::before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px dashed var(--rule-2)}
.plot::after{content:"";position:absolute;top:50%;left:0;right:0;border-top:1px dashed var(--rule-2)}
.plot .q{position:absolute;width:46%;font-size:12.5px;line-height:1.35;color:var(--slate);padding:10px}
.plot .q.qtl{left:0;top:0}.plot .q.qtr{right:0;top:0;text-align:right}.plot .q.qbl{left:0;bottom:0}.plot .q.qbr{right:0;bottom:0;text-align:right}
.plot .q.me{color:var(--ink);font-weight:600}
.plot .dot{position:absolute;width:18px;height:18px;background:var(--gold);transform:translate(-50%,50%) rotate(45deg);z-index:2;box-shadow:0 0 0 5px var(--paper)}
.plot .ax{position:absolute;font-family:var(--f-m);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg);white-space:nowrap}
.plot .ax.x{left:0;right:0;bottom:-26px;text-align:center}
.plot .ax.y{left:-26px;top:50%;transform:translate(-50%,-50%) rotate(-90deg)}
.big-sent{font-family:var(--f-d);font-size:clamp(24px,2.8vw,34px);line-height:1.24;letter-spacing:-.008em;margin:0 0 14px;max-width:24ch}
.big-sent em{font-style:italic}

.duo{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink)}
.duo > div{padding:22px 28px 0 0;min-width:0}
.duo > div + div{padding-left:28px;border-left:1px solid var(--rule)}
.duo .k{color:var(--fg-2);margin-bottom:14px}
.duo .big-sent{font-size:clamp(22px,2.2vw,28px)}
.duo .pair{display:flex;gap:36px;flex-wrap:wrap;margin-bottom:16px}
.duo .pair span{display:block;font-size:14px;color:var(--fg-2);margin-top:6px}
.duo .pair span.num{font-size:clamp(48px,5.4vw,68px);color:var(--fg);margin:0}

.days{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.days > li{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:8px 20px;padding:22px 0;border-bottom:1px solid var(--rule);align-items:baseline}
.days > li{padding-inline:20px}
.days > li.d1{background:var(--gold-22)}
.days .dn{font-family:var(--f-d);font-size:46px;line-height:.9}
.days .dn small{display:block;font-family:var(--f-m);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px;color:var(--fg-2)}
.days h3{font-family:var(--f-d);font-weight:600;font-size:22px;margin:0 0 2px;line-height:1.2}
.days .sk{font-size:13.5px;color:var(--fg-2);margin:0 0 12px}
.days ol{margin:0;padding-left:20px}
.days ol li{padding:2px 0;font-size:16px}
.days .dt{margin:10px 0 0;font-style:italic;font-family:var(--f-d);font-size:16.5px;color:var(--fg-2)}
.days .mins{font-family:var(--f-m);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-2);white-space:nowrap}

.pgrp{margin-bottom:34px}
.pgrp:last-child{margin-bottom:0}
.pgrp > .k{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--ink);padding-bottom:10px;margin:0}
.pgrp > .k b{font-weight:400;display:inline-flex;align-items:center}
.pgrp > .k b::before{content:"";width:9px;height:9px;background:var(--gold);transform:rotate(45deg);margin-right:10px}
.pr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start;padding:16px 0;border-bottom:1px solid var(--rule)}
.pr p{margin:0;font-size:17px;line-height:1.55;background:var(--paper);padding:14px 16px;border-left:2px solid var(--ink)}
.pr .use{display:block;font-size:14px;color:var(--fg-2);margin-top:8px}
.cp{all:unset;cursor:pointer;font-family:var(--f-m);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:10px 12px;border:1px solid var(--ink);white-space:nowrap}
@media (hover:hover){.cp:hover{background:var(--ink);color:var(--paper)}}
.cp:focus-visible{outline:2px solid var(--focus);outline-offset:2px}

.rev{border-top:1px solid var(--rule)}
.rev:last-of-type{border-bottom:1px solid var(--rule)}
.rev summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:44px minmax(0,1fr) auto 20px;gap:12px;align-items:baseline;padding:16px 0}
.rev summary::-webkit-details-marker{display:none}
.rev summary .n{font-family:var(--f-m);font-size:12px;color:var(--fg-2)}
.rev summary .t{font-family:var(--f-d);font-size:19px;line-height:1.3}
.rev summary .pl{font-family:var(--f-d);font-size:22px;line-height:1;color:var(--fg-2);transition:transform 160ms ease-out}
.rev[open] summary .pl{transform:rotate(45deg)}
.rev .rb{padding:0 0 22px 56px;display:grid;grid-template-columns:1fr 1fr;gap:18px 28px}
.rev .rb .full{grid-column:1 / -1}
.rev .rb .k{display:block;color:var(--fg-2);margin-bottom:6px}
.rev .rb p{margin:0;font-size:16px}
.rev .rb p.ai{font-family:var(--f-d);font-size:18px;line-height:1.45;background:var(--bone);padding:12px 14px}
.rev .rb p.was{font-family:var(--f-m);font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.rev .rb .mvx{font-family:var(--f-d);font-size:20px;line-height:1.35}
.st-l{font-family:var(--f-m);font-size:11px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.st-l.ok{color:var(--ok)} .st-l.part{color:var(--warn)} .st-l.miss{color:var(--fg-2)}
.hidden-note{border:1px dashed var(--rule-2);padding:16px 18px;margin-top:18px;font-size:15px;color:var(--fg-2)}

.nxt{border-top:1px solid var(--rule-2);padding-top:22px;display:grid;gap:14px}
.nxt h3{font-family:var(--f-d);font-weight:500;font-size:28px;margin:0;line-height:1.2}
.nxt .row{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;margin-top:8px}
.nxt .itm{display:grid;grid-template-columns:140px minmax(0,1fr);gap:16px;padding:12px 0;border-top:1px solid var(--rule)}
.nxt .itm .k{color:var(--fg-2);padding-top:4px}
.card-wrap{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:start;margin-top:clamp(44px,6vw,72px)}
.pcard{background:var(--bone);color:var(--ink);aspect-ratio:4/5;max-width:100%;padding:30px;display:flex;flex-direction:column;justify-content:space-between;position:relative}
.pcard::before{content:"";position:absolute;inset:10px;border:1px solid var(--gold);pointer-events:none}
.pcard .k{color:#454B54}
.pcard .nm{font-size:14px;color:#454B54;min-height:1.4em;margin-bottom:6px}
.pcard .lbl2{font-size:13px;color:#454B54;margin-bottom:8px}
.pcard .big{font-family:var(--f-d);font-weight:500;font-size:36px;line-height:1.06;letter-spacing:-.012em}
.pcard .q2{font-family:var(--f-d);font-style:italic;font-size:22px;margin:18px 0 0}
.pcard .ft{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#454B54;border-top:1px solid rgba(23,23,23,.2);padding-top:12px}
.field{display:grid;gap:8px;max-width:420px}
.field label{font-size:14px;color:var(--fg-2)}
.field input{font:inherit;font-size:18px;padding:12px 0;border:0;border-bottom:1px solid var(--fg);background:transparent;color:var(--fg);border-radius:0}
.field input:disabled{opacity:.7}

.sbn{position:sticky;top:env(safe-area-inset-top,0px);z-index:6;background:var(--ink);color:#F3EFE6}
.sbn .w{display:flex;justify-content:space-between;align-items:center;gap:12px 20px;padding-block:10px}
.sbn p{margin:0;font-size:14px;line-height:1.4}
.sbn p b{font-weight:600;color:var(--gold-22)}
.sbn .sh{display:none}
.sbn .acts{display:flex;gap:10px;align-items:center}
.sbn button{all:unset;cursor:pointer;font-size:14px;font-weight:600;padding:8px 14px;border:1px solid #F3EFE6;white-space:nowrap}
.sbn button.solid{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.sbn button:focus-visible{outline:2px solid #8DB8CE;outline-offset:2px}

footer{border-top:1px solid var(--rule)}
footer .w{padding-block:22px 30px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--fg-2)}

/* motion */
.enter{animation:enter 360ms ease-out both}
.still .enter{animation:none}
@keyframes enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}

/* responsive */
@media (max-width:900px){
  .hero-grid,.smp-grid,.lk-grid,.cv-grid,.card-wrap,.ri-grid,.plotw{grid-template-columns:minmax(0,1fr)}
  .split{grid-template-columns:minmax(0,1fr);gap:18px}
  .rail{position:static;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px}
  .rail .num{font-size:44px}
  .rail .k{margin-top:0}
  .rail .who{margin-top:0;padding-top:0;border-top:0;width:100%}
  .rail .who b{display:inline;margin-right:6px}
  .kinds,.steps3,.sw,.duo{grid-template-columns:minmax(0,1fr)}
  .kinds > div + div,.steps3 > div + div,.sw > div + div,.duo > div + div{padding-left:0;border-left:0;border-top:1px solid var(--rule);margin-top:18px}
  .toc,.faq,.meth{grid-template-columns:minmax(0,1fr)}
  .specs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .specs div:nth-child(3){padding-left:0;border-left:0}
  .ab{grid-template-columns:minmax(0,1fr)}
  .spec{box-shadow:8px 8px 0 var(--gold-22);margin-right:8px}
  .lk-card{box-shadow:8px 8px 0 var(--gold-22);margin-right:8px}
  .oth{grid-template-columns:minmax(0,1fr)}
  .days > li{grid-template-columns:52px minmax(0,1fr)}
  .days .dn{font-size:34px}
  .days .mins{grid-column:2}
  .rev .rb{grid-template-columns:minmax(0,1fr);padding-left:0}
  .turn,.turn.tap{grid-template-columns:70px minmax(0,1fr)}
  .mail .hd{grid-template-columns:62px 1fr}
  .nxt .itm{grid-template-columns:minmax(0,1fr);gap:4px}
  .seg .lab{display:none}
  .hero-cta .btn{width:100%}
  .plot{max-width:360px}
  .ri .num{font-size:140px}
}
@media (max-width:480px){
  body{font-size:16px}
  .mark span{display:none}
  .ans .tx{font-size:17px}
  .ans.q .tx,.abx p{font-size:18px}
  .ctx{font-size:17px}
  .scale{grid-template-columns:1fr 1fr}
  .scale button:nth-child(3){border-left:0}
  .scale button:nth-child(n+3){border-top:1px solid var(--rule-2)}
  .act .st{display:none}
  .snt{font-size:17px}
  .spec-i p{font-size:21px}
  .reply p.ai{font-size:18.5px}
  .pr{grid-template-columns:minmax(0,1fr)}
  .pr .cp{justify-self:start}
  .plot .q{font-size:11px;padding:6px}
  .sbn .lg{display:none}.sbn .sh{display:inline}
  .sbn button{padding:7px 10px;font-size:13px}
  .rnav .w{gap:6px 18px;font-size:14px}
  .mt .nn{display:none}
}

/* ---------- v15: five exercises ---------- */
.top .k{color:var(--fg-2)}
.ways{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.ways li{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,4fr) minmax(0,3fr);gap:16px 36px;padding:24px 0;border-bottom:1px solid var(--rule);align-items:start}
.ways .wn{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:baseline}
.ways .wn .num{font-size:40px;font-style:italic}
.ways h3{font-family:var(--f-d);font-weight:600;font-size:23px;line-height:1.2;margin:0 0 8px}
.ways .wn p{color:var(--fg-2);margin:0}
.ways blockquote{margin:0;font-family:var(--f-d);font-size:19px;line-height:1.45}
.ways blockquote::before{content:"AI";display:block;font-family:var(--f-m);font-size:11px;letter-spacing:.16em;margin-bottom:6px;color:var(--fg-2)}
.ways mark{background:linear-gradient(var(--gold),var(--gold)) no-repeat 0 100%/100% 2px;color:inherit;padding-bottom:1px}
.ways .catch{margin:0;font-size:15px}
.ways .catch b{display:block;font-family:var(--f-m);font-weight:400;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-2);margin-bottom:6px}
.ways-note{margin:24px 0 0;font-size:15px;color:var(--fg-2);max-width:78ch}

.brief{margin:22px 0 0;display:grid;border-top:1px solid var(--rule-2)}
.brief div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--rule)}
.brief dt{font-family:var(--f-m);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-2);padding-top:4px}
.brief dd{margin:0;font-size:17px;line-height:1.5}
.ri .go{margin-top:28px}

.mm{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);border:1px solid var(--rule)}
.mm .src{background:var(--bone);padding:16px 18px;border-right:1px solid var(--rule)}
.mm .src .k,.mm .out .k{display:block;color:#454B54;margin-bottom:10px}
.mm .src ul{list-style:none;margin:0;padding:0}
.mm .src li{font-size:16px;line-height:1.45;padding:6px 0;border-top:1px solid var(--rule)}
.mm .src li:first-child{border-top:0}
.mm .out{padding:16px 18px 18px}
.mm .out .bd{display:grid;gap:4px}

.sp-ctx{margin:26px 0 0;font-size:17px;color:var(--fg-2);max-width:60ch}
.sp-ctx b{color:var(--fg);font-weight:600}
.sp .sp-card{margin-top:10px;font-size:clamp(28px,3.8vw,46px);max-width:26ch}
.sp-btns .btn.on{outline:2px solid var(--gold);outline-offset:3px}
.sp-links{display:flex;gap:22px;align-items:center}
.sp .link{color:var(--fg)}

@media (max-width:900px){
  .ways li{grid-template-columns:minmax(0,1fr);gap:12px}
  .mm{grid-template-columns:minmax(0,1fr)}
  .mm .src{border-right:0;border-bottom:1px solid var(--rule)}
  .brief div{grid-template-columns:minmax(0,1fr);gap:2px}
}
.top .w{flex-wrap:wrap}

/* v17 */
.gets{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule-2)}
.gets li{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:6px 20px;padding:14px 0;border-bottom:1px solid var(--rule);align-items:baseline}
.gets b{font-family:var(--f-d);font-weight:600;font-size:20px;line-height:1.25}
.gets span{font-size:16px;color:var(--fg-2)}
.meth > .wide{grid-column:1 / -1}
.meth > .wide p{max-width:80ch}
@media (max-width:900px){.gets li{grid-template-columns:minmax(0,1fr)}}

/* v19: guess cards */
.gcards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:8px}
.gcard{all:unset;box-sizing:border-box;cursor:pointer;position:relative;display:flex;flex-direction:column;gap:6px;padding:16px 14px 18px;min-height:272px;border:1px solid var(--rule-2);background:var(--paper);--cbg:var(--paper);color:var(--ink);transition:background 160ms ease-out,border-color 160ms ease-out,transform 160ms ease-out}
@media (hover:hover){.gcard:hover{background:var(--bone);--cbg:var(--bone);transform:translateY(-2px)}}
.gcard:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.gcard .gk{font-family:var(--f-m);font-size:11px;letter-spacing:.14em;color:var(--fg-2)}
.gcard .il{width:100%;max-width:112px;height:auto;align-self:center;margin:6px 0 12px}
.gcard b{font-family:var(--f-d);font-weight:600;font-size:18px;line-height:1.2}
.gcard .gd{font-size:14px;line-height:1.4;color:var(--fg-2)}
.gcard[aria-checked="true"]{background:var(--ink);border-color:var(--ink);color:#F3EFE6;--cbg:var(--ink)}
.gcard[aria-checked="true"] .gk,.gcard[aria-checked="true"] .gd{color:#B5AFA4}
.il .ln{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.il .cf{fill:var(--cbg)}
.il .gl{fill:none;stroke:var(--gold);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.il .gdf{fill:var(--gold)}
.il .inkf{fill:currentColor}
.il .calc{font-family:var(--f-m);font-size:11px;fill:currentColor}
.il .gtx{fill:var(--gold);font-weight:700}
@media (max-width:1000px){.gcards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.gcards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gcard{min-height:232px;padding:14px 12px 16px}.gcard b{font-size:17px}}

/* v23: account, quick-call bets, glance grid, calibration, plan download, personal prompts */
.acct-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(28px,5vw,72px);align-items:start}
.acct .d-1{margin:14px 0 14px}
.acct .k{color:var(--fg-2)}
.acct-why{list-style:none;margin:6px 0 0;padding:0;border-top:1px solid var(--rule)}
.acct-why li{padding:10px 0 10px 22px;border-bottom:1px solid var(--rule);position:relative;font-size:16px}
.acct-why li::before{content:"";position:absolute;left:2px;top:17px;width:8px;height:8px;background:var(--gold);transform:rotate(45deg)}
.acct-card{background:var(--bone);padding:26px 26px 22px;display:grid;gap:18px;border-top:2px solid var(--ink)}
.acct-card .field{max-width:none}
.acct-card .field input{background:var(--paper);border:1px solid var(--rule-2);padding:12px 14px}
.acct-card .field input:focus-visible{outline:2px solid var(--focus);outline-offset:1px}
.chk{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;font-size:15px;cursor:pointer}
.chk input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--ink)}
.chk a{color:var(--fg)}
.acct-card .btn{justify-self:start}
.acct-card .small{margin:0}
.sp-bet{margin-top:26px}
.sp-bet .lbl{color:var(--fg)}
.sp .scale{border-color:var(--rule-2)}
.sp .scale button{color:var(--fg)}
@media (hover:hover){.sp .scale button:hover{background:rgba(243,239,230,.08)}}
.sp .scale button[aria-pressed="true"]{background:#F3EFE6;color:var(--ink)}
.sp .scale button[aria-pressed="true"] span{color:var(--ink)}

.sw > div{display:flex;flex-direction:column}
.sw .ev{margin-top:auto}
.sw p:not(.k):not(.ev){min-height:3em}
.glance{margin-top:clamp(36px,5vw,56px)}
.glance > .k{color:var(--fg-2);margin-bottom:14px}
.gl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.glc{border:1px solid var(--rule-2);padding:18px 18px 16px;display:flex;flex-direction:column;gap:6px;background:var(--paper);--cbg:var(--paper);position:relative}
.glc.focus{background:var(--gold-22);--cbg:var(--gold-22);border-color:var(--gold-22)}
.glc .il{width:64px;height:64px;margin:0 0 4px -6px}
.glc .glt{position:absolute;top:16px;right:16px;display:flex;gap:6px}
.glc .glt em{font-style:normal;font-family:var(--f-m);font-size:10px;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--ink);padding:3px 6px}
.glc .glt em.f{background:var(--ink);color:var(--paper)}
.glc b{font-family:var(--f-d);font-weight:600;font-size:19px;line-height:1.2}
.glc .glp{font-family:var(--f-m);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-2)}
.glc .glp .num{font-family:var(--f-d);font-size:34px;letter-spacing:-.02em;color:var(--fg);text-transform:none;margin-right:4px}
.glc .bar{height:5px;background:rgba(23,23,23,.09);position:relative;margin:4px 0 6px}
.glc .bar i{position:absolute;inset:0 auto 0 0;background:var(--ink)}
.glc.focus .bar i{background:var(--gold)}
.glc .bar s{position:absolute;top:-4px;bottom:-4px;width:1px;background:var(--rule-2)}
.glc .lv{font-size:13.5px;display:block}
.glc .lv .dia{vertical-align:1px}

.cal{display:grid;gap:clamp(28px,4vw,44px)}
.cal-top{display:flex;align-items:flex-end;justify-content:center;gap:clamp(20px,5vw,64px);flex-wrap:wrap;text-align:center}
.cal-top .num{display:block;font-size:clamp(84px,14vw,168px);line-height:.9}
.cal-top .num.g{color:var(--gold)}
.cal-top .lab{display:block;font-size:15px;color:var(--fg-2);margin-top:10px}
.cal-top .vs{font-family:var(--f-d);font-style:italic;font-size:28px;color:var(--fg-2);padding-bottom:40px}
.cal-line{font-family:var(--f-d);font-size:clamp(22px,2.4vw,30px);line-height:1.3;text-align:center;max-width:30ch;margin:0 auto}
.cal-lv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cal-l{border:1px solid var(--rule);padding:16px 16px 14px;display:grid;gap:8px;align-content:start}
.cal-l .k{color:var(--fg-2)}
.cal-n{margin:0;font-family:var(--f-d);font-size:20px}
.cal-b{display:grid;grid-template-columns:62px minmax(0,1fr) 44px;gap:8px;align-items:center;font-size:12.5px;color:var(--fg-2)}
.cal-b b{color:var(--fg);font-weight:600;text-align:right;font-size:14px}
.tr2{height:8px;background:rgba(243,239,230,.1);position:relative}
.tr2 i{position:absolute;inset:0 auto 0 0}
.tr2 i.said{border:1px solid rgba(243,239,230,.55);background:transparent}
.tr2 i.right{background:var(--gold)}
.cal-v{margin:4px 0 0;font-size:14px;color:var(--fg)}
.cal-cs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cal-c{border-top:1px solid var(--gold);padding-top:14px}
.cal-c .k{color:var(--gold)}
.cal-ct{font-family:var(--f-d);font-size:21px;line-height:1.3;margin:8px 0 6px}
.cal-note{color:var(--fg-2);text-align:center;max-width:64ch;margin:0 auto}

.plan-acts{display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center;margin:0 0 24px}
.plan-acts .small{flex-basis:100%;margin:0}
.starter{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 16px;background:var(--ink);color:#F3EFE6;padding:22px 24px;margin-bottom:34px;--fg-2:#B5AFA4}
.starter .st-h{grid-column:1 / -1}
.starter .k{color:var(--gold);margin-bottom:6px}
.starter .st-h p:not(.k){margin:0;color:#D9D3C8;font-size:15px}
.starter .st-p{margin:0;font-family:var(--f-t);font-size:16.5px;line-height:1.6;white-space:pre-wrap;color:#F3EFE6;border-left:2px solid var(--gold);padding-left:14px}
.starter .cp{border-color:#F3EFE6;color:#F3EFE6;align-self:start}
@media (hover:hover){.starter .cp:hover{background:#F3EFE6;color:var(--ink)}}
.pwhy{font-size:14px;color:var(--fg-2);margin:10px 0 0;font-style:italic}
.guess1{max-width:760px}

@media (max-width:900px){
  .acct-grid{grid-template-columns:minmax(0,1fr)}
  .gl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cal-lv{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cal-cs{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .gl-grid,.cal-lv{grid-template-columns:minmax(0,1fr)}
  .starter{grid-template-columns:minmax(0,1fr)}
  .starter .cp{justify-self:start}
  .cal-top .vs{padding-bottom:0}
}

.sp-btns .btn.on{background:var(--gold);border-color:var(--gold);color:var(--ink);outline:0}
.sp-btns:has(.on) .btn:not(.on){opacity:.45}
.cal-l .k{min-height:2.9em}
@media (max-width:560px){.cal-top .vs{display:none}.cal-top{gap:18px}.cal-l .k{min-height:0}}

/* v26: FAQ accordion */
.faq2{max-width:860px;margin:0 auto;border-top:1px solid var(--ink)}
.fq{border-bottom:1px solid var(--rule)}
.fq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:16px;align-items:center;padding:22px 2px}
.fq summary::-webkit-details-marker{display:none}
@media (hover:hover){.fq summary:hover .fq-q{text-decoration:underline;text-decoration-color:var(--rule-2);text-underline-offset:6px}}
.fq summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.fq-q{font-family:var(--f-d);font-weight:600;font-size:clamp(19px,1.8vw,22px);line-height:1.3}
.fq-i{position:relative;width:28px;height:28px;border:1px solid var(--rule-2);border-radius:50%}
.fq-i::before,.fq-i::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;background:var(--ink);transform:translate(-50%,-50%);transition:transform 200ms ease-out}
.fq-i::after{transform:translate(-50%,-50%) rotate(90deg)}
.fq[open] .fq-i{background:var(--ink);border-color:var(--ink)}
.fq[open] .fq-i::before,.fq[open] .fq-i::after{background:var(--paper)}
.fq[open] .fq-i::after{transform:translate(-50%,-50%) rotate(0deg)}
.fq-a{padding:0 48px 24px 2px}
.fq-a p{margin:0;color:var(--fg-2);font-size:17px;line-height:1.6;max-width:62ch}

/* v27: phone audit */
.spec{margin:0}
.spec-h{flex-wrap:wrap;gap:4px 16px}
.field input{width:100%;min-width:0}
.acct-card,.acct-card form{min-width:0}
.hud-top .k:last-child{white-space:nowrap}
.cv-k{flex-wrap:wrap;gap:4px 16px}
.cv-k .k:last-child{white-space:nowrap}
.sp-btns:has(.on) .btn:not(.on){opacity:1;background:transparent;border-color:var(--rule-2);color:var(--fg-2)}
@media (max-width:560px){
  .spec{margin-right:8px}
  .mt .lv{grid-column:1 / -1}
  .mt .lv em{white-space:nowrap}
  .pgrp > .k{flex-direction:column;align-items:flex-start;gap:8px}
  .days > li{grid-template-columns:minmax(0,1fr);padding-inline:16px;gap:10px}
  .days .dn{display:flex;align-items:baseline;gap:10px;font-size:30px}
  .days .dn small{margin:0}
  .days .mins{grid-column:1}
  .rev summary{grid-template-columns:30px minmax(0,1fr) 18px;row-gap:6px}
  .rev summary .st-l{grid-column:2;grid-row:2}
  .rev summary .pl{grid-column:3;grid-row:1}
  .cover .d-1{font-size:31px}
  .cv-k{margin-bottom:24px}
}

/* v28: situation verdict colours, next-step offers */
.st-l.ok{color:var(--ok)} .st-l.miss{color:#A63D2F} .st-l.neu{color:var(--fg-2)}
#share .card-wrap{margin-top:0}
#next .rs-b > .body{max-width:1100px}
.offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.offer{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--rule-2);padding:30px 28px 28px}
.offer.feat{background:var(--gold-22);border:1.5px solid var(--ink);--fg-2:#3F444C;--rule:rgba(23,23,23,.16)}
.otag{align-self:flex-start;font-family:var(--f-m);font-size:11px;letter-spacing:.16em;text-transform:uppercase;background:var(--bone);padding:7px 10px;margin-bottom:22px}
.offer.feat .otag{background:var(--ink);color:#F3EFE6}
.offer h3{font-family:var(--f-d);font-weight:600;font-size:clamp(22px,2vw,25px);line-height:1.22;margin:0 0 12px;text-wrap:balance}
.offer .od{color:var(--fg-2);font-size:16px;line-height:1.55;margin:0 0 22px}
.oli{list-style:none;margin:0 0 28px;padding:18px 0 0;border-top:1px solid var(--rule);display:grid;gap:12px}
.oli li{position:relative;padding-left:22px;font-size:15.5px;line-height:1.45}
.oli li::before{content:"";position:absolute;left:2px;top:.5em;width:8px;height:8px;background:var(--gold);transform:rotate(45deg)}
.ofoot{margin-top:auto}
.ofoot .btn{width:100%;justify-content:space-between}
.btn.out{background:transparent;color:var(--ink);border-color:var(--ink)}
@media (hover:hover){.btn.out:hover{background:var(--ink);color:var(--paper)}}
@media (max-width:900px){.offers{grid-template-columns:minmax(0,1fr);max-width:520px;margin-inline:auto}}

/* ================= v29: readability, one-screen workout, results ================= */
:root{--slate:#4A515C; --f-m:"Cousine","Courier New",ui-monospace,monospace; --wbg:var(--paper); --ok:#2B6447; --bad:#9B3F3F}
.k{font-size:12px;letter-spacing:.12em;color:var(--fg)!important}
.cal-c .k,.ink .cal-c .k{color:var(--gold)!important}
.small{font-size:15px}
.mute,.ctx,.lead{color:var(--fg-2)}
.hero .lead,.rs-h .lead{color:var(--fg-2)}
.specs .s,.toc span,.ways .catch,.ways-note,.meth-note,.gets span{font-size:16px}
.mt .lv,.glc .lv,.oth .lv{font-size:15px}
.mt .nn{font-size:14px}
.plot .q{font-size:14px;color:var(--fg-2)}
.st-l{font-size:12.5px;font-weight:700;letter-spacing:.1em}
.st-l.ok{color:var(--ok)} .st-l.miss{color:var(--bad)} .st-l.neu,.st-l.part{color:var(--fg-2)}
.pr .use,.pwhy{font-size:15px}
.rev summary .n{font-size:13px}
.btn.sm{min-height:46px;padding:12px 18px;font-size:15.5px;gap:12px}
.link.sm{font-size:14px}
.dia{border-width:1.8px}

/* ---------- workout: chrome off, compact head, sticky answer bar ---------- */
body[data-mode="wk"] .proto,body[data-mode="wk"] .top,body[data-mode="wk"] footer:not(.wk-f){display:none}
body[data-mode="wk"]{background:var(--wbg)}
.wk{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--wbg)}
.wk-Y,.wk-H{--wbg:var(--bone)} .wk-V{--wbg:#EFE8DA}
.wk-h{position:sticky;top:0;z-index:6;background:var(--wbg);border-bottom:1px solid var(--rule)}
.wk-hw{max-width:760px;margin:0 auto;padding:10px 20px 8px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.wk-ex{display:flex;align-items:center;gap:10px;min-width:0;--cbg:var(--wbg)}
.wk-ex .il{width:36px;height:36px;flex:none}
.wk-ex > span{min-width:0}
.wk-ex small{display:block;font-family:var(--f-m);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.wk-ex b{display:block;font-family:var(--f-d);font-weight:600;font-size:17px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wk-n{font-family:var(--f-m);font-size:13px;white-space:nowrap}
.wk-n b{font-family:var(--f-d);font-size:21px;font-weight:500}
.wk-pg{max-width:760px;margin:0 auto;padding:0 20px 10px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.wk-pg i{display:block;height:4px;background:rgba(23,23,23,.12);position:relative;overflow:hidden}
.wk-pg i b{position:absolute;inset:0 auto 0 0;background:var(--ink);transition:width 240ms ease-out}
.wk-pg i.now b{background:var(--gold)}
.wk-m{flex:1}
.wk-w{max-width:760px;margin:0 auto;padding:14px 20px 18px}
.wk-who{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:15px;margin-bottom:8px}
.av{width:28px;height:28px;border-radius:50%;background:var(--ink);color:#F3EFE6;display:grid;place-items:center;font-family:var(--f-d);font-size:15px;flex:none}
.wk-who b{font-weight:700}
.wk-who span{color:var(--fg-2)}
.wk-who em{margin-left:auto;font-style:normal;font-family:var(--f-m);font-size:11px;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--ink);padding:3px 7px;white-space:nowrap}
.wk-ctx{font-size:16.5px;line-height:1.5;color:var(--fg-2);margin:0 0 10px}
.wk-q{font-family:var(--f-d);font-weight:600;font-size:21px;line-height:1.25;margin:0 0 12px;letter-spacing:-.004em}
.fl{font-family:var(--f-m);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--rule-2);padding:3px 6px;color:var(--fg-2);white-space:nowrap}

/* 1 · made up: a document you proof-read */
.doc{background:#fff;border:1px solid var(--rule-2);box-shadow:6px 6px 0 var(--gold-22);margin-right:6px}
.doc-h{padding:8px 14px;border-bottom:1px solid var(--rule);font-size:14.5px;color:var(--fg-2)}
.dk{font-family:var(--f-m);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg)}
.doc-b{padding:4px 6px}
.dl{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;width:100%;padding:9px 8px;border-bottom:1px dashed var(--rule-2);font-size:17px;line-height:1.45;transition:background 140ms ease-out}
.dl:last-child{border-bottom:0}
.dl .fl{margin-top:3px;opacity:.75}
.dl[aria-pressed="true"]{background:var(--gold-22);box-shadow:inset 3px 0 0 var(--ink)}
.dl[aria-pressed="true"] .fl{background:var(--ink);color:#F3EFE6;border-color:var(--ink);opacity:1}
.dl:focus-visible,.ml:focus-visible,.bb.ai:focus-visible,.opt:focus-visible,.sp3b:focus-visible,.cf3 button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}

/* 2 · what you want: a chat */
.chat{display:flex;flex-direction:column;gap:8px}
.bb{max-width:86%;padding:9px 13px;font-size:16.5px;line-height:1.45;border-radius:16px}
.bb .bw{display:block;font-family:var(--f-m);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px}
.bb.me{align-self:flex-end;background:var(--gold-40);border-bottom-right-radius:4px}
.bb.ai{all:unset;box-sizing:border-box;cursor:pointer;align-self:flex-start;max-width:88%;background:#fff;border:1.5px solid var(--rule-2);padding:9px 13px;font-family:var(--f-d);font-size:17px;line-height:1.45;border-radius:16px;border-bottom-left-radius:4px;transition:background 140ms ease-out,border-color 140ms ease-out}
.bb.ai .bw{font-family:var(--f-m)}
.bb.ai .fl{display:none}
.bb.ai[aria-pressed="true"]{border-color:var(--bad);background:#F5E4E2;box-shadow:0 0 0 1px var(--bad)}
.bb.ai[aria-pressed="true"] .fl{display:inline-block;margin-top:6px;background:var(--bad);color:#fff;border-color:var(--bad);font-family:var(--f-m)}

/* 4 · misreading: source next to what came back */
.mm2{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:10px}
.src2{background:var(--gold-22);padding:10px 12px}
.src2 .k,.out2 .k{display:block;margin-bottom:6px}
.src2 ul{margin:0;padding:0;list-style:none}
.src2 li{font-size:15.5px;line-height:1.35;padding:5px 0;border-top:1px solid rgba(23,23,23,.15)}
.src2 li:first-child{border-top:0}
.out2{background:#fff;border:1px solid var(--rule-2);padding:10px 10px}
.ml{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start;width:100%;padding:8px 6px;border-top:1px dashed var(--rule-2);font-size:16.5px;line-height:1.4}
.ml .fl{visibility:hidden}
.ml[aria-pressed="true"]{background:var(--ink);color:#F3EFE6}
.ml[aria-pressed="true"] .fl{visibility:visible;border-color:#F3EFE6;color:#F3EFE6}

/* 5 · half the story: an answer card and four options */
.aic2{background:#fff;border:1px solid var(--rule-2);border-top:3px solid var(--ink);padding:10px 14px 12px;margin:0 0 12px}
.aic2 p{margin:4px 0 0;font-family:var(--f-d);font-size:16.5px;line-height:1.5}
.opts{display:grid;gap:8px}
.opt{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;align-items:start;padding:10px 12px;border:1px solid var(--rule-2);background:#fff;font-size:16px;line-height:1.4;transition:background 140ms ease-out}
.opt .key{font-family:var(--f-m);font-size:12px;font-weight:700;width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--ink)}
.opt[aria-checked="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:var(--gold-22)}
.opt[aria-checked="true"] .key{background:var(--ink);color:#F3EFE6}

/* 3 · outdated or vague: quick calls, trainer-style */
.sp2-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.sp2-t{font-family:var(--f-m);font-size:15px;font-weight:700}
.tline{height:4px;background:rgba(23,23,23,.1);margin:8px 0 12px;position:relative;overflow:hidden}
.tline i{position:absolute;inset:0 auto 0 0;background:var(--gold);width:100%}
.sp2-ask{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}
.sp2-ask p{margin:0;font-size:16.5px;line-height:1.45;color:var(--fg-2)}
.sp2-say{background:#fff;border:1px solid var(--rule-2);border-radius:4px 18px 18px 18px;padding:12px 16px 12px;margin-bottom:12px}
.sp2-say .bw{display:block;font-family:var(--f-m);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.sp2-say p{font-family:var(--f-d);font-weight:500;font-size:21px;line-height:1.35;margin:2px 0 10px}
.aiconf{display:flex;align-items:center;gap:12px;font-size:14.5px;border-top:1px solid var(--rule);padding-top:8px}
.aiconf b{font-weight:700}
.aib{flex:1;height:6px;background:rgba(23,23,23,.1);position:relative;min-width:60px}
.aib i{position:absolute;inset:0 auto 0 0;background:var(--ink)}
.sp3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sp3b{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;padding:12px 6px 12px;border:1.5px solid transparent;min-height:96px;transition:opacity 160ms ease-out}
.sp3b svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;margin-bottom:4px}
.sp3b b{font-size:16.5px;color:var(--ink)}
.sp3b span{font-size:13.5px;color:#3F444C;line-height:1.3}
.sp3b.trust{background:#E3EFE8;color:#1F4D37}
.sp3b.check{background:var(--gold-22);color:#6B5024}
.sp3b.push{background:#F5E4E2;color:#7E2F2F}
.sp3b[aria-checked="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.sp3:has([aria-checked="true"]) .sp3b[aria-checked="false"]{opacity:.45}
.sp2-off{margin:12px 0 0;text-align:center}

/* exercise intro */
.wk-intro .wk-w{padding-top:22px}
.ri2-top{display:flex;align-items:flex-end;gap:16px;margin-bottom:12px;--cbg:var(--wbg)}
.ri2-top .num{font-size:96px;font-style:italic;line-height:.8}
.ri2-il .il{width:76px;height:76px}
.ri2-t{font-family:var(--f-d);font-weight:500;font-size:clamp(34px,6vw,52px);line-height:1.08;letter-spacing:-.012em;margin:8px 0 14px}
.brief2{margin:0;border-top:1px solid var(--ink)}
.brief2 div{padding:9px 0;border-bottom:1px solid var(--rule)}
.brief2 dt{font-family:var(--f-m);font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.brief2 dd{margin:3px 0 0;font-size:16.5px;line-height:1.45}

/* the answer bar */
.wk-f{position:sticky;bottom:0;z-index:6;background:var(--paper);border-top:1px solid var(--rule-2);box-shadow:0 -8px 20px rgba(23,23,23,.06)}
.wk-fw{max-width:760px;margin:0 auto;padding:10px 20px calc(10px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center}
.wk-hint{font-size:14.5px;color:var(--fg-2);line-height:1.35}
.wk-fs{max-width:760px;margin:0 auto;padding:10px 20px calc(10px + env(safe-area-inset-bottom,0px))}
.wk-sq{margin:0 0 8px;font-family:var(--f-d);font-weight:600;font-size:18px}
.cf3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cf3 button{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;padding:13px 6px;border:1.5px solid var(--ink);font-weight:700;font-size:16px;background:#fff;transition:background 140ms ease-out,color 140ms ease-out}
.cf3 button[aria-pressed="true"]{background:var(--ink);color:#F3EFE6}
.wk-fl{display:flex;align-items:center;gap:18px;margin-top:10px;min-height:34px}
.wk-fl .btn,.wk-fl .wk-hint{margin-left:auto}
.wk-fl .wk-hint{font-size:14px}
@media (max-width:560px){
  .mm2{grid-template-columns:minmax(0,1fr)}
  .src2 ul{display:flex;flex-wrap:wrap;gap:5px}
  .src2 li,.src2 li:first-child{border:0;background:rgba(255,255,255,.6);padding:3px 8px;font-size:15px}
  .wk-hint{font-size:14px}
}
@media (min-width:900px){ .wk-w{padding-top:28px} .wk-q{font-size:24px} }

/* ---------- results ---------- */
.mkey2{margin-top:12px;font-size:15px}
.mkey2 summary{cursor:pointer;font-weight:600;color:var(--fg);list-style:none;display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid var(--rule-2);padding-bottom:2px}
.mkey2 summary::-webkit-details-marker{display:none}
.mkey2 summary::after{content:"+";font-family:var(--f-d);font-size:18px;line-height:1}
.mkey2[open] summary::after{content:"–"}
.mkey2 p{color:var(--fg-2);margin:10px 0 0;line-height:1.55}
.cv-sub{margin:16px 0 0;font-size:15px;color:var(--fg-2)}
.swipe,.swipe-hint{display:none}
.tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 0 14px;padding-bottom:2px}
.tabs::-webkit-scrollbar{display:none}
.tabs button{all:unset;box-sizing:border-box;cursor:pointer;flex:none;padding:9px 14px;border:1px solid var(--ink);font-size:15px;font-weight:600;white-space:nowrap;background:transparent}
.tabs button span{font-weight:400;color:var(--fg-2);margin-left:4px}
.tabs button[aria-selected="true"]{background:var(--ink);color:#F3EFE6}
.tabs button[aria-selected="true"] span{color:#C9C2B6}
.tabs button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.dtabs button{display:grid;place-items:center;min-width:52px;padding:6px 10px 8px;font-family:var(--f-d);font-size:24px;font-weight:500;line-height:1}
.dtabs button small{font-family:var(--f-m);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}
.day{border:1px solid var(--rule-2);padding:20px 22px 18px;background:#fff}
.day.d1{background:var(--gold-22);border-color:var(--gold-22)}
.day .k{margin-bottom:8px}
.day h3{font-family:var(--f-d);font-weight:600;font-size:23px;line-height:1.22;margin:0 0 4px}
.day .sk{font-size:15px;color:var(--fg-2);margin:0 0 12px}
.day ol{margin:0;padding-left:20px}
.day ol li{padding:3px 0;font-size:16.5px;line-height:1.5}
.day .dt{margin:12px 0 0;font-family:var(--f-d);font-style:italic;font-size:17px;color:var(--fg)}
.starter2{background:#fff;border-left:3px solid var(--gold);padding:18px 20px;margin-bottom:28px;display:grid;gap:12px}
.starter2 .st-h p{margin:6px 0 0;font-size:15.5px;color:var(--fg-2)}
.starter2 .st-p{margin:0;font-family:var(--f-t);font-size:16.5px;line-height:1.6;white-space:pre-wrap;color:var(--ink);background:var(--paper);padding:12px 14px;border:1px solid var(--rule)}
.starter2 .btn{justify-self:start}
.pr-k{margin:0 0 10px}
.pg-h{font-family:var(--f-d);font-weight:600;font-size:19px;margin:0 0 4px;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}
.pg-h b{font-family:var(--f-t);font-size:14px;font-weight:700;display:inline-flex;align-items:center}
.pgrp{margin:0}
.pr p{background:#fff}
.legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 14px}
.stabs button{font-size:14.5px}
.rev summary{padding:14px 0}
.cal-hero{text-align:center}
.cal-q{font-size:18px;margin:0 0 8px;color:var(--fg)}
.cal-big{margin:0;font-family:var(--f-d);line-height:.9;display:flex;justify-content:center;align-items:baseline;gap:16px}
.cal-big .g{font-size:clamp(96px,16vw,168px);color:var(--gold)}
.cal-big .of{font-size:clamp(36px,5vw,56px)}
.cal-hero .cal-line{margin-top:16px}
.cal-lv{grid-template-columns:repeat(3,minmax(0,1fr))}
.cal-w{margin:0;font-family:var(--f-d);font-weight:600;font-size:21px}
.cal-n{font-family:var(--f-t);font-size:16px}
.cal-n b{font-weight:700}
.tr2{height:8px;background:rgba(243,239,230,.16)}
.cal-v{font-size:15px}
.cal-ct{font-size:20px}
.offer .oprice{margin:0 0 14px;display:grid;gap:2px}
.offer .oprice b{font-family:var(--f-d);font-weight:500;font-size:40px;line-height:1}
.offer .oprice span{font-size:14px;color:var(--fg-2)}
.offer .onote{margin:10px 0 0}
.offer .otag{font-weight:700}
.offer.feat .oprice span{color:var(--ink);font-weight:600}
.btn.money{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.card-wrap{grid-template-columns:minmax(0,400px) minmax(0,1fr);align-items:center}
.card-side{display:grid;gap:16px;justify-items:start}
.card-side .field{width:100%}
#share .btn.light{background:var(--ink);border-color:var(--ink);color:#F3EFE6}
.pcard2{background:var(--paper);aspect-ratio:4/5;padding:26px 26px 22px;position:relative;display:flex;flex-direction:column;box-shadow:0 18px 40px rgba(23,23,23,.12)}
.pcard2::before{content:"";position:absolute;inset:10px;border:1.5px solid var(--gold);pointer-events:none}
.pc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.pc-logo{height:52px;width:auto}
.pc-top .k{font-size:10.5px;text-align:right;max-width:14ch;line-height:1.4}
.pc-mid{margin-top:auto;padding-top:12px}
.pc-nm{margin:0;font-size:15px;color:var(--fg-2);min-height:1.4em}
.pc-l{margin:2px 0 4px;font-size:14px;color:var(--fg-2)}
.pc-big{margin:0;font-family:var(--f-d);font-weight:500;font-size:34px;line-height:1.08;letter-spacing:-.012em}
.pc-five{list-style:none;margin:14px 0 0;padding:12px 0 0;border-top:1px solid var(--rule);display:grid;gap:5px}
.pc-five li{font-size:13.5px;display:flex;align-items:center}
.pc-five li.on{font-weight:700}
.pc-q{margin:12px 0 0;font-family:var(--f-d);font-size:15px}
.pc-q em{font-style:italic}
.pc-ft{display:flex;justify-content:space-between;gap:10px;font-size:11.5px;color:var(--fg-2);border-top:1px solid var(--rule);padding-top:10px;margin-top:12px}

@media (max-width:900px){
  .rnav .w{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;gap:6px;padding-block:10px}
  .rnav .w::-webkit-scrollbar{display:none}
  .rnav a{flex:none;border:1px solid var(--rule-2);padding:7px 12px;color:var(--fg);font-size:14.5px}
  .rs{padding-block:44px}
  .rs-h{margin-bottom:22px}
  .rs-h > .k{margin-bottom:12px}
  .swipe{display:inline;float:right;font-weight:400;letter-spacing:.06em}
  .swipe-hint{display:block;text-align:center;font-size:14px;color:var(--fg-2);margin:0 0 10px}
  .gl-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin-inline:-20px;padding:0 20px 8px;scrollbar-width:none}
  .gl-grid::-webkit-scrollbar{display:none}
  .glc{flex:0 0 70%;scroll-snap-align:start}
  .offers{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;max-width:none;margin-inline:-20px;padding:4px 20px 14px;scrollbar-width:none}
  .offers::-webkit-scrollbar{display:none}
  .offer{flex:0 0 84%;scroll-snap-align:center;padding:24px 20px 20px}
  .offer .od{margin-bottom:14px}
  .oli{margin-bottom:18px;gap:8px}
  .cal-lv{grid-template-columns:minmax(0,1fr);gap:8px}
  .cal-l{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;padding:12px 14px;gap:6px 12px}
  .cal-l .tr2{grid-column:1 / -1}
  .cal-l .cal-v{grid-column:1 / -1;margin:0}
  .card-wrap{grid-template-columns:minmax(0,1fr)}
  .pcard2{max-width:360px;width:100%;margin-inline:auto}
}
@media (max-width:560px){
  .cover .w{padding-block:22px 26px}
  .cover .d-1{font-size:27px;line-height:1.16}
  .cv-k{margin-bottom:16px;padding-bottom:10px}
  .cv-sub{margin-top:10px;font-size:14px}
  .cv-grid{gap:16px}
  .mt{padding:8px 0;gap:3px 12px}
  .mt .nm{font-size:16.5px}
  .mt .vl b{font-size:19px}
  .mt .bar{margin:2px 0}
  .mt .lv{font-size:14px}
  .rs-h .d-2{font-size:25px}
  .rs-h .lead{font-size:16.5px}
  .big-sent{font-size:23px}
  .day{padding:16px 16px 14px}
  .day h3{font-size:21px}
  .dtabs button{min-width:44px;padding:6px 6px 8px;font-size:22px}
  .cal-big .g{font-size:104px}
  .cal-q{font-size:16.5px}
  .plot{width:calc(100% - 28px);max-width:330px;margin-left:28px;margin-right:auto}
}
/* v29b: tighter workout */
:root{--f-m:"Cousine","Liberation Mono","Courier New",ui-monospace,monospace}
.wk-hw{padding:8px 20px 6px}
.wk-ex .il{width:30px;height:30px}
.wk-ex small{font-size:10.5px}
.wk-ex b{font-size:16.5px}
.wk-pg{padding-bottom:8px}
.wk-w{padding:12px 20px 14px}
.wk-who{margin-bottom:6px;font-size:14.5px}
.av{width:24px;height:24px;font-size:13px}
.wk-ctx{font-size:16px;line-height:1.45;margin-bottom:8px}
.wk-q{font-size:20px;margin-bottom:10px}
.doc-h{padding:7px 12px;font-size:14px}
.dl{display:block;padding:7px 8px;font-size:16.5px;line-height:1.42}
.dl .fl{display:none}
.dl[aria-pressed="true"] .fl{display:inline-block;margin-left:8px;vertical-align:2px}
.chat{gap:6px}
.bb{padding:7px 12px;font-size:16px;line-height:1.4}
.bb.ai{padding:7px 12px;font-size:16.5px;line-height:1.4}
.bb .bw{font-size:10px;margin-bottom:1px}
.aic2{padding:8px 12px 10px;margin-bottom:10px}
.aic2 p{font-size:16px;line-height:1.45}
.opts{gap:6px}
.opt{padding:8px 10px;font-size:15.5px;line-height:1.38}
.ml{padding:7px 6px;font-size:16px}
.src2 li{font-size:15px}
.wk-fw{padding-block:8px calc(8px + env(safe-area-inset-bottom,0px))}
.wk-fs{padding-block:8px calc(8px + env(safe-area-inset-bottom,0px))}
.wk-sq{font-size:17px;margin-bottom:6px}
.cf3 button{padding:11px 6px}
.wk-fl{margin-top:6px}
.sp2-say p{font-size:20px}
.sp3b{min-height:88px;padding:10px 6px}
.wk-fl{margin:0 0 6px;gap:14px;min-height:28px}
.wk-fl .wk-sq{margin:0 auto 0 0}
.wk-fl .link{font-size:14.5px}
.wk-fl .nx{font-weight:700;border-bottom-color:var(--ink)}
.t-chatTap .wk-q,.t-match .wk-q,.t-tap .wk-q{font-size:19px}
.bb{max-width:90%;font-size:15.5px;line-height:1.38}
.bb.ai{max-width:92%;font-size:16px;line-height:1.38}
.ml{padding:6px 6px;font-size:15.5px;line-height:1.38}
.src2{padding:8px 10px}
.out2{padding:6px 8px}
.aic2 p{font-size:15.5px}
.opt{font-size:15px}
.bb,.bb.ai{font-size:16px}
.opt{font-size:16px}
.aic2 p{font-size:16px}
.ml{font-size:16px}
.bb.ai{position:relative}
.bb.ai[aria-pressed="true"] .fl{position:absolute;top:-9px;right:12px;margin:0}
.dl[aria-pressed="true"] .fl{display:none}
.ml[aria-pressed="true"] .fl{display:none}
.ml .fl{display:none}
.ml{display:block}
.ml[aria-pressed="true"]{box-shadow:inset 3px 0 0 var(--gold)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wk-ex{gap:8px;align-items:center}
.wk-ex .il{width:26px;height:26px}
.wk-ex b{font-size:16.5px}
.wk-ex small{font-size:12px;letter-spacing:.06em;color:var(--fg-2);white-space:nowrap}
.wk-hw{padding:7px 20px 5px}
.wk-pg{padding-bottom:7px}
.wk-w{padding:10px 20px 10px}
.wk-who{margin-bottom:4px}
.chat{gap:5px}
.btn.sm{min-height:42px;padding:10px 16px}
.wk-q2{font-family:var(--f-d);font-weight:600;font-size:18px;margin:0 0 8px}
.aic2{margin-bottom:8px}
.wk-who .av,.sp2-ask .av{color:#F3EFE6}
.sh2{display:none}
@media (max-width:480px){.wk-ex .lg2{display:none}.wk-ex .sh2{display:inline}}
@media (max-width:560px){
  .cover .mtr{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
  .cover .mt{grid-template-columns:minmax(0,1fr);gap:2px;padding:8px 0;align-content:start}
  .cover .mt:last-child{border-bottom:0}
  .cover .mt .nm{font-size:15px;line-height:1.25;min-height:2.5em}
  .cover .mt .vl{justify-self:start;font-size:10.5px}
  .cover .mt .vl b{font-size:22px;margin-right:5px}
  .cover .mt .lv{font-size:13.5px;line-height:1.3}
  .cover .mt .lv em{display:block;margin:2px 0 0}
  .cover .mkey2{margin-top:6px}
}
.starter2{margin-bottom:0}
.ptabs + .tpan .starter2{margin:0}
@media (max-width:560px){
  body[data-mode="rep"] .proto,body[data-mode="rep"] .top{display:none}
  .glance{display:none}
  .sw > div{padding-top:16px}
  .sw h3{font-size:22px}
  .rs{padding-block:36px}
  .plan-acts{margin-bottom:16px;gap:10px 20px}
  .cal{gap:18px}
  .cal-q{font-size:15.5px;margin-bottom:4px}
  .cal-big .g{font-size:88px}
  .cal-big .of{font-size:34px}
  .cal-hero .cal-line{font-size:19px;margin-top:10px}
  .cal-l{padding:10px 12px}
  .cal-w{font-size:18px}
  .cal-n{font-size:15px}
  .cal-cs{gap:10px}
  .cal-c{padding-top:10px}
  .cal-ct{font-size:18px;margin:4px 0}
  .pcard2{max-width:310px;padding:22px 22px 18px}
  .pc-big{font-size:30px}
  .offer .oprice b{font-size:34px}
  .offer h3{font-size:22px}
}
.rs{scroll-margin-top:64px}
@media (min-width:900px){
  .wk-hw,.wk-pg,.wk-w,.wk-fw,.wk-fs{max-width:840px}
  .wk-ctx{font-size:18px}
  .wk-q,.t-chatTap .wk-q,.t-match .wk-q,.t-tap .wk-q{font-size:25px}
  .wk-q2{font-size:21px}
  .dl,.ml,.opt{font-size:18px}
  .bb,.bb.ai{font-size:17.5px}
  .aic2 p{font-size:18px}
  .src2 li{font-size:16.5px}
  .sp2-say p{font-size:28px}
  .sp2-ask p{font-size:18px}
  .wk-ex .il{width:32px;height:32px}
  .wk-ex b{font-size:19px}
  .wk-who{font-size:16px}
}
/* v30: confidence as one track of four words */
.wk-bk{all:unset;cursor:pointer;font-family:var(--f-d);font-size:22px;line-height:1;padding:2px 8px 4px 0;margin-right:2px}
.wk-bk:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.wk-tip{font-size:14.5px;color:var(--fg-2);margin:8px 0 0}
.wk-fs{padding:8px 16px calc(6px + env(safe-area-inset-bottom,0px))}
.wk-sq{margin:0 0 4px;text-align:center;font-family:var(--f-m);font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.wk-sq.dim{font-family:var(--f-t);font-size:14px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--fg-2)}
.ct{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));transition:opacity 200ms ease-out}
.ct-line{position:absolute;left:12.5%;right:12.5%;top:15px;height:2px;background:var(--rule-2)}
.ct-line i{position:absolute;left:0;top:-1px;height:4px;background:var(--gold);transition:width 240ms ease-out}
.ct button{all:unset;box-sizing:border-box;cursor:pointer;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:7px;padding:6px 2px 4px;min-height:54px;-webkit-tap-highlight-color:transparent}
.ct-d{width:16px;height:16px;border-radius:50%;border:1.6px solid var(--ink);background:var(--paper);transition:background 160ms ease-out,transform 200ms ease-out}
.ct button.on .ct-d{background:var(--ink)}
.ct button[aria-checked="true"] .ct-d{border-radius:0;transform:rotate(45deg) scale(1.15);background:var(--gold);border-color:var(--gold)}
.ct-l{font-size:14.5px;font-weight:600;white-space:nowrap;color:var(--fg)}
.ct button[aria-checked="true"] .ct-l{font-weight:700;text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:4px}
@media (hover:hover){.ct:not(.off) button:hover .ct-d{background:var(--gold-22)}.ct:not(.off) button.on:hover .ct-d{background:var(--ink)}}
.ct button:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}
.ct.off{opacity:.35}
.ct.off button{cursor:default}
.cal-lv{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:900px){.cal-lv{grid-template-columns:minmax(0,1fr)}}
@media (min-width:900px){.ct-l{font-size:15.5px}.wk-sq.dim{font-size:15px}}
.chat .bb .bw{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.chat .bb.me{padding:8px 13px}
.chat .bb.ai{padding:8px 13px}
.chat .bb.ai[aria-pressed="true"]{margin-top:6px}
/* v31: 0–100 slider, back/next, two columns on wide screens, no-scroll tuning */
.wk-fs{padding:8px 16px calc(8px + env(safe-area-inset-bottom,0px))}
.cs{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:12px;align-items:center;transition:opacity 200ms ease-out}
.cs.off{opacity:.38}
.cs-b{all:unset;box-sizing:border-box;cursor:pointer;width:44px;height:44px;border:1.5px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:26px;line-height:1;background:#fff;color:var(--ink);-webkit-tap-highlight-color:transparent}
.cs-b:disabled{cursor:default}
@media (hover:hover){.cs:not(.off) .cs-b:hover{background:var(--ink);color:#F3EFE6}}
.cs-b:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.cs-r input{-webkit-appearance:none;appearance:none;display:block;width:100%;height:32px;margin:0;background:transparent;cursor:pointer}
.cs-r input:disabled{cursor:default}
.cs-r input::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(var(--gold),var(--gold)) 0 0/var(--p) 100% no-repeat,rgba(23,23,23,.15)}
.cs-r input::-moz-range-track{height:6px;border-radius:3px;background:rgba(23,23,23,.15)}
.cs-r input::-moz-range-progress{height:6px;border-radius:3px;background:var(--gold)}
.cs-r input::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-12px;border-radius:50%;background:var(--ink);border:3px solid #fff;box-shadow:0 0 0 1.5px var(--ink),0 2px 6px rgba(23,23,23,.25)}
.cs-r input::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--ink);border:3px solid #fff;box-shadow:0 0 0 1.5px var(--ink)}
.cs:not(.set) .cs-r input::-webkit-slider-runnable-track{background:rgba(23,23,23,.15)}
.cs:not(.set) .cs-r input::-moz-range-progress{background:transparent}
.cs:not(.set) .cs-r input::-webkit-slider-thumb{background:#fff;box-shadow:0 0 0 1.5px var(--rule-2)}
.cs:not(.set) .cs-r input::-moz-range-thumb{background:#fff}
.cs-r input:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
.cs-ends{display:flex;justify-content:space-between;font-size:12.5px;color:var(--fg-2);margin-top:2px}
.wk-fl{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin:6px 0 0;min-height:0}
.wk-fl .wk-sq{margin:0;text-align:center;font-family:var(--f-t);font-size:15px;font-weight:600;letter-spacing:0;text-transform:none;white-space:nowrap}
.wk-fl .wk-sq b{font-family:var(--f-d);font-size:22px;font-weight:600;margin-left:4px;font-variant-numeric:tabular-nums}
.wk-fl .wk-sq.dim{font-weight:400;color:var(--fg-2)}
.wk-fl .wk-sq.dim b{display:none}
.wk-fl .btn{margin:0}
.ri2-top{justify-content:space-between;align-items:center}
.ri2-il .il{width:96px;height:96px}
/* phones: tighter, so a situation fits one screen */
@media (max-width:560px){
  .cs-ends{display:none}
  .wk-ctx{font-size:15px;line-height:1.42;margin-bottom:6px}
  .wk-q,.t-chatTap .wk-q,.t-match .wk-q,.t-tap .wk-q{font-size:18px;margin-bottom:8px}
  .wk-who{font-size:14px;margin-bottom:4px}
  .dl{padding:6px 8px;font-size:16px;line-height:1.36}
  .doc-h{padding:6px 12px;font-size:13.5px}
  .bb,.bb.ai{font-size:16px;line-height:1.36}
  .chat .bb.me,.chat .bb.ai{padding:7px 12px}
  .ml{padding:6px;font-size:16px;line-height:1.35}
  .src2 li,.src2 li:first-child{font-size:14.5px;padding:2px 8px}
  .aic2{padding:8px 12px}
  .aic2 p{font-size:15.5px;line-height:1.42}
  .opt{padding:8px 10px;font-size:15.5px;line-height:1.35}
  .wk-q2{font-size:17px;margin-bottom:6px}
  .wk-tip{font-size:14px;margin-top:6px}
  .sp2-say p{font-size:19px}
  .ri2-top .num{font-size:80px}
  .ri2-il .il{width:80px;height:80px}
  .ri2-t{font-size:32px;margin:4px 0 10px}
  .brief2 div{padding:7px 0}
  .brief2 dd{font-size:15.5px}
}
/* wide screens: context on the left, the material on the right */
@media (min-width:1000px){
  .wk-hw,.wk-pg,.wk-w{max-width:1160px}
  .wk-fs{max-width:760px}
  .wk-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:52px;align-items:start}
  .t-sprint .wk-g{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}
  .t-sprint .sp3{grid-template-columns:minmax(0,1fr)}
  .t-sprint .sp3b{flex-direction:row;justify-content:flex-start;gap:14px;min-height:70px;padding:12px 18px;text-align:left}
  .t-sprint .sp3b svg{margin:0}
  .t-sprint .sp3b span{margin-left:auto}
  .wk-w{padding-top:26px}
  .wk-intro .wk-w{max-width:840px}
}
.guess1{max-width:none}
.guess1 .big-sent{max-width:none;font-size:clamp(21px,2.1vw,27px);line-height:1.35;text-align:center}
.guess1 .mute{text-align:center}
.planbox{max-width:760px;margin:0 auto;border:1px solid var(--rule-2);background:#fff}
.planbox .dtabs{justify-content:center;padding:14px 12px 0;margin:0 0 14px}
.planbox .tpan{padding:0 16px}
.planbox .day{border:0}
.planbox .plan-acts{justify-content:center;margin:14px 0 0;padding:14px 16px;border-top:1px solid var(--rule);background:var(--paper)}
.planbox .plan-acts .small{text-align:center}
.pc-rule{display:block;width:44px;height:3px;background:var(--gold);margin:18px 0 12px}
.pc-q{margin:0;font-family:var(--f-d);font-style:italic;font-size:24px}
.pc-big{font-size:38px}
@media (max-width:560px){
  .src2 ul{display:block;font-size:14.5px;line-height:1.45}
  .src2 li,.src2 li:first-child{display:inline;background:none;padding:0;border:0}
  .src2 li + li::before{content:" · ";color:var(--fg-2)}
  .src2{padding:8px 12px}
  .src2 .k{margin-bottom:3px}
  .out2 .k{margin-bottom:2px}
}
.wk-fl .wk-sq b:empty{display:none}
/* small phones (iPhone SE and similar): a little tighter still */
@media (max-width:560px) and (max-height:700px){
  .wk-hw{padding:5px 16px 4px}
  .wk-pg{padding:0 16px 6px}
  .wk-w{padding:8px 16px 8px}
  .wk-who{display:none}
  .wk-ctx{font-size:14.5px;line-height:1.38}
  .wk-q,.t-chatTap .wk-q,.t-match .wk-q,.t-tap .wk-q{font-size:17px;line-height:1.22}
  .wk-tip{display:none}
  .dl,.ml,.bb,.bb.ai{font-size:15.5px;line-height:1.32}
  .dl{padding:5px 8px}
  .doc-h{display:none}
  .chat{gap:4px}
  .chat .bb.me,.chat .bb.ai{padding:6px 11px}
  .opt{padding:6px 9px;font-size:15px;line-height:1.3}
  .aic2 p{font-size:15px;line-height:1.38}
  .src2 ul{font-size:14px}
  .wk-fs{padding:6px 14px calc(6px + env(safe-area-inset-bottom,0px))}
  .cs{grid-template-columns:40px minmax(0,1fr) 40px}
  .cs-b{width:40px;height:40px;font-size:24px}
  .wk-fl{margin-top:4px}
  .wk-fl .btn.sm{min-height:38px;padding:8px 14px}
  .sp2-say p{font-size:18px}
  .sp3b{min-height:80px}
}
@media (max-width:560px){
  .cal-top{flex-wrap:nowrap;gap:14px;align-items:flex-start}
  .cal-top > div{flex:1}
  .cal-top .num{font-size:64px}
  .cal-top .lab{font-size:14px;margin-top:6px}
  .cal-line{font-size:19px}
  .cal-lv{gap:6px}
  .cal-l{padding:9px 12px;gap:4px 10px}
  .cal-w{font-size:16.5px}
}
.bb.ai[aria-pressed="true"] .fl{display:none}.bb.ai[aria-pressed="true"]{margin-top:0}

/* ================= v32: site header stand-in, phone preview ================= */
.proto .w{display:flex;justify-content:space-between;align-items:center;gap:6px 16px;flex-wrap:wrap;padding-block:6px}
.pv{display:inline-flex;border:1px solid var(--ink)}
.pv button{all:unset;cursor:pointer;font-size:13px;font-weight:600;padding:5px 12px}
.pv button[aria-pressed="true"]{background:var(--ink);color:#F3EFE6}
.in-phone .proto{display:none}
.site{background:var(--paper);border-bottom:1px solid var(--rule)}
.site .w{display:flex;align-items:center;justify-content:space-between;gap:16px;height:60px}
.site-logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--f-d);font-weight:500;font-size:17px}
.site-logo img{height:32px;width:auto}
.site-nav{display:flex;gap:26px;font-size:15px}
.site-nav a{text-decoration:none;color:var(--fg)}
.site-nav a[aria-current]{border-bottom:2px solid var(--gold);padding-bottom:2px}
.site-burger{all:unset;cursor:pointer;display:none;width:26px;gap:5px;flex-direction:column}
.site-burger i{display:block;height:2px;background:var(--ink)}
@media (max-width:900px){.site-nav{display:none}.site-burger{display:flex}.site .w{height:52px}.site-logo{font-size:15.5px}.site-logo img{height:28px}}
@media (max-width:420px){.proto .w > span:first-child{font-size:12px}}
.pvw{position:fixed;inset:0;z-index:50;background:rgba(23,23,23,.72);display:grid;place-items:center;padding:16px}
.pvw[hidden]{display:none}
.pvw-in{display:grid;gap:10px;justify-items:center}
.pvw-bar{width:406px;display:flex;justify-content:space-between;align-items:center;color:#F3EFE6;font-size:14px}
.pvw-bar button{all:unset;cursor:pointer;font-weight:700;border:1px solid #F3EFE6;padding:5px 12px}
.pvw-phone{width:406px;height:min(776px,calc(100vh - 110px));border-radius:36px;background:#111;padding:8px;box-shadow:0 30px 60px rgba(0,0,0,.4)}
.pvw-phone iframe{display:block;width:390px;height:100%;border:0;border-radius:28px;background:var(--paper)}
.pvw-note{margin:0;color:#D9D3C8;font-size:13px}
body[data-mode="wk"] .site{display:none}

/* ================= v32: every block fits one screen ================= */
.ls{padding-block:clamp(36px,6vh,72px)}
.sec.ls .sec-h{margin-bottom:clamp(20px,3.4vh,36px)}
.sec.ls .sec-h .k{margin-bottom:12px}
/* hero */
.hero.ls .w{padding-block:0}
.hero .k{margin-bottom:16px}
.hero .lead{margin-top:18px}
.hero-cta{margin-top:24px}
.hero-price{margin-top:16px}
.d-hero{font-size:clamp(44px,5.4vw,72px)}
.specs2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ink);margin-top:28px}
.specs2 div{padding:12px 12px 0 0}
.specs2 div + div{padding-left:12px;border-left:1px solid var(--rule)}
.specs2 .num{display:block;font-size:36px;margin-bottom:4px}
.specs2 span:not(.num){display:block;font-size:14px;line-height:1.3;color:var(--fg-2)}
/* five ways: cards */
.ways2{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.ways2 li{background:var(--paper);border:1px solid var(--rule-2);padding:16px 16px 18px;display:flex;flex-direction:column;--cbg:var(--paper)}
.w2-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.w2-top .num{font-size:40px;font-style:italic}
.w2-top .il{width:52px;height:52px}
.ways2 h3{font-family:var(--f-d);font-weight:600;font-size:20px;line-height:1.2;margin:0 0 6px}
.w2-what{font-size:15px;line-height:1.45;color:var(--fg-2);margin:0 0 12px}
.ways2 blockquote{margin:0 0 12px;font-family:var(--f-d);font-size:17px;line-height:1.4;flex:1}
.ways2 blockquote::before{content:"AI";display:block;font-family:var(--f-m);font-size:11px;font-weight:700;letter-spacing:.1em;margin-bottom:4px}
.ways2 mark{background:linear-gradient(var(--gold),var(--gold)) no-repeat 0 100%/100% 2px;color:inherit;padding-bottom:1px}
.w2-catch{margin:0;font-size:14.5px;border-top:1px solid var(--rule);padding-top:10px}
.w2-catch b{display:block;font-family:var(--f-m);font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}
/* toc */
.toc2{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:48px;max-width:1000px}
.toc2 li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:baseline;padding:11px 0;border-top:1px solid var(--rule)}
.toc2 .dia{margin:0}
.toc2 b{display:block;font-family:var(--f-d);font-weight:600;font-size:18px;line-height:1.25}
.toc2 span{display:block;font-size:14.5px;color:var(--fg-2);margin-top:2px}
/* sample */
.smp-h{margin:10px 0 16px}
.gets li{padding:10px 0}
.gets b{font-size:18px}
.gets{margin-bottom:20px}
.smp-note{margin-top:10px}
.smp-card{padding:18px 22px 18px}
.smp-card .hl{font-size:19px;margin-bottom:8px}
.smp-card .mt{padding:6px 0;gap:2px 12px}
.smp-card .mt .nm{font-size:16px}
.smp-card .mt .vl b{font-size:18px}
.smp-card .mt .lv{font-size:13px}
.smp-card .mt .nn{display:none}
.smp-card .plan-mini{margin-top:12px}
.plan-mini li{padding:7px 10px;grid-template-columns:62px minmax(0,1fr)}
.plan-mini b{font-size:15.5px}
/* how it works */
.steps3 > div{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;align-items:baseline;padding-top:16px}
.steps3 .num{font-size:46px;margin:0}
.steps3 h3{font-size:21px;margin-bottom:4px}
.steps3 p{margin:0;font-size:16px}
/* accordions */
.meth2,.faq3{max-width:1000px;display:grid;grid-template-columns:1fr 1fr;column-gap:40px;border-top:0}
.meth2 .fq:nth-child(-n+2),.faq3 .fq:nth-child(-n+2){border-top:1px solid var(--ink)}
.fq summary{padding:13px 2px}
.fq-q{font-size:17.5px}
.fq-i{width:24px;height:24px}
.fq-a{padding:0 30px 14px 2px}
.fq-a p{font-size:15.5px;line-height:1.5}
.meth-note{margin:18px auto 0;max-width:1000px;font-size:13.5px}
.closer .d-1{font-size:clamp(30px,3.6vw,48px)}
/* account, warm-ups, locked */
.acct .w{padding-block:clamp(20px,4vh,44px)}
.acct .d-1{font-size:clamp(30px,3.4vw,44px);margin:8px 0 10px}
.acct .ctx{margin-bottom:14px}
.acct-card{padding:18px 20px 16px;gap:12px}
.acct-card .field input{padding:10px 12px}
.stage.pre{padding-block:clamp(18px,3.5vh,40px) 12px}
.pre .d-1{font-size:clamp(28px,3.2vw,40px);margin:8px 0 8px}
.pre .ctx{margin-bottom:16px}
.pre .ans{padding:13px 4px 13px 0}
.act{margin-top:16px}
.act .w{padding-block:9px calc(9px + env(safe-area-inset-bottom,0px))}
.gcard{min-height:0;padding:12px 12px 14px}
.gcard .il{max-width:72px;margin:2px 0 6px}
.gcard b{font-size:17px}
.gcard .gd{font-size:13.5px}
.lk .w{padding-block:clamp(24px,5vh,56px)}
.lk .d-1{font-size:clamp(30px,3.6vw,48px);margin-top:10px!important}
.lk-pay{margin-top:20px}
.lk-card{padding:18px 22px 12px}
.lk-card li{padding:8px 0}
.lk-card li span{font-size:16.5px}

@media (max-width:1000px){
  .ways2{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-20px;padding:0 20px 6px;scrollbar-width:none}
  .ways2::-webkit-scrollbar{display:none}
  .ways2 li{flex:0 0 78%;scroll-snap-align:start}
  .sec.ls .swipe-hint{display:block;margin:8px 0 0;text-align:center;font-size:14px;color:var(--fg-2)}
}
@media (min-width:1001px){.sec.ls .swipe-hint{display:none}}
@media (max-width:900px){
  .hero .spec{display:none}
  .toc2,.meth2,.faq3{grid-template-columns:minmax(0,1fr)}
  .meth2 .fq:nth-child(2),.faq3 .fq:nth-child(2){border-top:0}
  .smp-card{display:none}
  .steps3 > div + div{margin-top:0;padding-top:12px}
}
@media (max-width:560px){
  .ls{padding-block:28px}
  .sec.ls .sec-h .d-2{font-size:24px}
  .d-hero{font-size:42px;line-height:1.08}
  .hero .k{margin-bottom:12px}
  .hero .lead{font-size:16.5px;margin-top:14px}
  .hero-cta{margin-top:18px;gap:12px 20px}
  .hero-price{font-size:14px;margin-top:12px}
  .specs2{margin-top:18px}
  .specs2 div{padding:8px 6px 0 0}
  .specs2 div + div{padding-left:8px}
  .specs2 .num{font-size:28px}
  .specs2 span:not(.num){font-size:12px}
  .claim .d-1{font-size:28px;margin-bottom:14px}
  .claim .lead{font-size:16px}
  .toc2 li{padding:8px 0}
  .toc2 b{font-size:16.5px}
  .toc2 span{font-size:13.5px}
  .gets b{font-size:17px}
  .gets span{font-size:15px}
  .steps3 h3{font-size:19px}
  .steps3 p{font-size:15px}
  .fq summary{padding:11px 2px}
  .fq-q{font-size:16.5px}
  .closer .w{gap:18px}
  .acct-why{display:none}
  .acct .d-1{font-size:28px}
  .acct .ctx{font-size:15.5px}
  .acct-card .small{font-size:13px}
  .pre .d-1{font-size:25px}
  .pre .ctx{font-size:15px}
  .pre .ans{padding:11px 4px 11px 0}
  .gcards{gap:8px}
  .gcard{padding:10px 10px 12px;gap:3px}
  .gcard .il{max-width:48px;margin:0 0 2px;align-self:flex-start}
  .gcard .gk{position:absolute;top:10px;right:10px}
  .gcard b{font-size:16px}
  .gcard .gd{font-size:13px;line-height:1.3}
  .lk .d-1{font-size:28px}
  .lk .lead{font-size:16px;margin-top:10px}
  .lk-grid{gap:18px}
  .lk-pay{gap:12px 18px;margin-top:16px}
  .lk-card{box-shadow:none;margin-right:0;padding:12px 14px 6px}
  .lk-card ol{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}
  .lk-card li{padding:5px 0;border-bottom:1px solid var(--rule)}
  .lk-card li span{font-size:13.5px;font-family:var(--f-t)}
  .lk-card li em{display:none}
  .lk-card .k{margin-bottom:6px}
}
.bk-top{font-size:14px;margin-bottom:10px;display:inline-block}
.smp-card .mt .lv{display:none}
.smp-card .mt{padding:5px 0}
@media (max-width:560px){
  .toc2 span{display:none}
  .toc2 li{padding:9px 0}
  .acct .w{padding-block:14px 20px}
  .gcards{grid-template-columns:minmax(0,1fr);gap:6px}
  .gcard{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:12px;align-items:center;padding:8px 12px}
  .gcard .il{grid-row:1 / span 2;max-width:40px;width:40px;margin:0}
  .gcard .gk{top:8px}
  .gcard b{font-size:16px;padding-right:18px}
  .gcard .gd{grid-column:2}
  .lk .lead{font-size:15.5px}
  .lk-pay .p{font-size:13.5px}
  .lk-pay .p b{font-size:26px}
}
.lk-more{margin-top:18px}
.d-hero{font-size:clamp(40px,min(5.4vw,9.4vh),72px)}
@media (max-height:740px) and (min-width:901px){
  .hero .lead{font-size:18px}
  .specs2{margin-top:20px}
  .specs2 .num{font-size:30px}
  .spec-b{min-height:210px}
  .spec-i p{font-size:23px}
  .w2-top .il{width:40px;height:40px}
  .w2-top .num{font-size:32px}
  .ways2 li{padding:12px 14px 14px}
  .w2-what{font-size:14px;margin-bottom:8px}
  .ways2 blockquote{font-size:16px;margin-bottom:8px}
  .w2-catch{font-size:14px}
}
@media (max-width:560px){
  .acct .d-1{font-size:27px;margin:4px 0 6px}
  .acct .k{font-size:11px}
  .acct-card{padding:14px 14px 12px;gap:10px}
  .acct-card .field{gap:4px}
  .acct-card .field label{font-size:13.5px}
  .acct-card .btn{justify-self:stretch}
  .chk{font-size:14px}
  .pre .d-1{font-size:24px;margin:6px 0 4px}
  .stage.pre{padding-block:14px 8px}
  .pre .ctx{margin-bottom:12px}
  .lk .w{padding-block:20px}
  .lk .d-1{font-size:27px}
  .lk-more{margin-top:12px;font-size:13.5px}
}
@media (max-width:560px){ .acct-grid{gap:12px} .acct .ctx{margin-bottom:6px} .bk-top{margin-bottom:6px} }
@media (max-width:560px) and (max-height:700px){
  .gcard{padding:6px 12px}
  .gcard .gd{font-size:12.5px}
  .lk .lead{display:none}
  .acct .ctx{font-size:14.5px}
}
@media (max-height:740px) and (min-width:901px){ .hero.ls{padding-block:24px} .hero-cta{margin-top:18px} .hero .lead{margin-top:12px} }
@media (max-width:560px) and (max-height:700px){.acct .k{display:none}}
/* v32: quick calls, clearer */
.sp2-tm{display:flex;align-items:center;gap:14px}
.sp2-t{font-family:var(--f-m);font-size:14px;font-weight:700}
.t-sprint .wk-ctx{margin:0 0 8px}
.t-sprint .wk-ctx b{color:var(--ink)}
.sp2-say{margin-bottom:14px}
.sp2-say .bw{margin-bottom:2px}
.stp{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ink);color:#F3EFE6;font-family:var(--f-t);font-size:12.5px;font-weight:700;margin-right:8px;vertical-align:2px}
.sp-q{margin:0 0 8px}
.sp4{display:grid;gap:8px}
.sp4b{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:30px minmax(0,1fr) 22px;gap:12px;align-items:center;padding:10px 14px;background:#fff;border:1.5px solid var(--rule-2);transition:border-color 140ms ease-out,background 140ms ease-out}
.sp4b .ic svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;display:block}
.sp4b.trust .ic{color:#2B6447} .sp4b.check .ic{color:#8B641C} .sp4b.push .ic{color:#9B3F3F}
.sp4b .tx b{display:block;font-size:17px}
.sp4b .tx span{display:block;font-size:14px;color:var(--fg-2)}
.sp4b .rd{width:20px;height:20px;border-radius:50%;border:1.6px solid var(--rule-2);box-sizing:border-box}
.sp4b[aria-checked="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.sp4b.trust[aria-checked="true"]{background:#E3EFE8} .sp4b.check[aria-checked="true"]{background:var(--gold-22)} .sp4b.push[aria-checked="true"]{background:#F5E4E2}
.sp4b[aria-checked="true"] .rd{border:6px solid var(--ink)}
@media (hover:hover){.sp4b:hover{border-color:var(--ink)}}
.sp4b:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.wk-fl .wk-sq .stp{width:20px;height:20px;font-size:12px;margin-right:6px}
@media (max-width:560px){ .sp4b{padding:8px 12px} .sp4b .tx b{font-size:16px} .sp4b .tx span{font-size:13.5px} .sp2-say p{font-size:18.5px;margin-bottom:6px} .sp-q{font-size:17px} }
@media (max-width:560px) and (max-height:700px){ .sp4{gap:6px} .sp4b{padding:6px 12px} .sp2-say{padding:10px 14px} .sp2-say p{font-size:17.5px} .tline{margin:6px 0 8px} }
@media (min-width:1000px){ .t-sprint .wk-g{grid-template-columns:minmax(0,7fr) minmax(0,5fr)} }

/* v32: results — sticky jump bar, varied grounds, one screen per block */
.rnav{position:sticky;top:0;z-index:7;background:var(--bone);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule-2)}
.rnav .w{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 8px;padding-block:8px}
.rnav-l{font-family:var(--f-m);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-right:6px;flex:none}
.rnav a{flex:none;font-size:14.5px;font-weight:600;color:var(--ink);text-decoration:none;padding:6px 12px;border:1px solid var(--ink);border-radius:999px;background:var(--paper)}
.rnav a.on{background:var(--ink);color:#F3EFE6}
@media (hover:hover){.rnav a:hover{background:var(--ink);color:#F3EFE6}}
@media (max-width:1100px){.rnav .w{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.rnav .w::-webkit-scrollbar{display:none}}
.rs{scroll-margin-top:var(--navh,50px);padding-block:clamp(30px,5vh,60px)}
.rs-h{margin-bottom:clamp(16px,3vh,30px)}
.rs-h > .k{margin-bottom:10px}
.rs-h .lead{margin-top:8px}
.cover .w{padding-block:clamp(20px,4vh,48px) clamp(18px,3vh,36px)}
.cv-k{margin-bottom:clamp(14px,2.6vh,30px)}
.cover .d-1{font-size:clamp(28px,min(3.4vw,6vh),48px)}
.cover .mt{padding:9px 0}
.fstrip .w{padding-block:12px}
/* plan heading on one line */
#plan .rs-h .d-2{max-width:none}
/* glance on desktop: one row of six */
.gl-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.glc{padding:12px 12px 10px;gap:3px}
.glc .il{width:40px;height:40px;margin:0 0 2px -4px}
.glc .glt{top:10px;right:10px}
.glc .glt em{font-size:9px;padding:2px 4px}
.glc b{font-size:16px}
.glc .glp .num{font-size:26px}
.glc .lv{font-size:13px}
.glance{margin-top:22px}
.sw > div{padding-top:16px}
.sw h3{font-size:23px;margin-bottom:8px}
.sw p:not(.k):not(.ev){min-height:0}
.sw .ev{padding-top:8px;margin-top:10px}
/* lies vs honest */
.plotw{grid-template-columns:minmax(0,360px) minmax(0,1fr)}
/* sure vs right */
.cal{gap:clamp(14px,2.4vh,26px)}
.cal-top .num{font-size:clamp(64px,min(9vw,13vh),120px)}
.cal-top .vs{padding-bottom:28px}
.cal-line{font-size:clamp(19px,2vw,24px)}
.cal-lv{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.cal-l{padding:10px 12px;gap:5px}
.cal-w{font-size:17px}
.cal-ct{font-size:18px;margin:4px 0}
.cal-c{padding-top:10px}
/* plan box */
.planbox .dtabs{padding-top:12px;margin-bottom:10px}
.day{padding:14px 18px 12px}
.day h3{font-size:21px}
.day ol li{padding:1px 0;font-size:16px}
.day .dt{margin-top:8px;font-size:16px}
.planbox .plan-acts{padding:10px 16px;margin-top:10px}
/* prompts */
.starter2{padding:14px 16px;gap:10px}
.starter2 .st-p{font-size:15.5px;line-height:1.5;padding:10px 12px}
/* situations */
#sit .rs-b > .body{max-width:900px}
/* next step: ink feature card on the gold band */
#next .offer{background:#fff}
#next .offer.feat{background:var(--ink);color:#F3EFE6;border-color:var(--ink);--fg-2:#C9C2B6;--rule:rgba(243,239,230,.2)}
#next .offer.feat .otag{background:var(--gold);color:var(--ink)}
#next .offer.feat .oprice span{color:#E8DFCF}
.offer{padding:20px 20px 18px}
.offer .otag{margin-bottom:12px}
.offer h3{font-size:21px;margin-bottom:6px}
.offer .od{font-size:15px;margin-bottom:12px}
.oli{padding-top:10px;margin-bottom:14px;gap:6px}
.oli li{font-size:14.5px}
.offer .oprice{margin-bottom:10px}
.offer .oprice b{font-size:34px}
/* share cards */
.card-wrap{grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:clamp(20px,4vw,56px)}
.card-side{gap:12px}
.card-side .k{margin:0}
.cstyle{margin:0}
.cstyle button[aria-checked="true"]{background:var(--ink);color:#F3EFE6}
.pcard2{width:100%;max-width:340px;padding:24px 22px 18px}
.pcard2 .c{text-align:center;justify-content:center}
.pc-top.c{display:flex}
.pc-logo{height:58px}
.pcard2.a .pc-mid{margin:auto 0;padding:0}
.pcard2.a .pc-mid .k{font-size:10.5px;margin-bottom:14px}
.pcard2.a .pc-l{margin:0 0 6px}
.pcard2.a .pc-big{font-size:34px}
.pcard2.a .pc-rule{margin:14px auto 10px}
.pcard2.a .pc-nm{font-family:var(--f-d);font-style:italic;font-size:19px;color:var(--ink)}
.pcard2.a .pc-ft{justify-content:center;font-size:11px}
.pcard2.b{background:var(--gold-22)}
.pcard2.b::before{display:none}
.pcard2.b .pc-top .k{font-size:10.5px}
.pcard2.b .pc-mid{margin:auto 0}
.pc-say{margin:0;font-family:var(--f-d);font-weight:500;font-size:30px;line-height:1.14;letter-spacing:-.01em}
.pc-dias{display:flex;gap:12px;margin:18px 0 10px}
.pc-dias i{width:11px;height:11px;border:1.6px solid var(--ink);transform:rotate(45deg)}
.pc-dias i.on{background:var(--gold);border-color:var(--gold);width:13px;height:13px}
.pcard2.b .pc-nm{font-size:15px;color:#3F444C}
.pcard2.b .pc-ft{align-items:center;border-top:1.5px solid var(--ink);font-size:10.5px;color:#3F444C}
.pc-logo.sm{height:26px}
@media (max-width:900px){ .card-wrap{grid-template-columns:minmax(0,1fr)} .pcard2{max-width:270px} .pc-stage{display:flex;justify-content:center} }

@media (max-width:560px){
  .rnav .w{padding-block:7px;gap:6px}
  .rnav a{font-size:14px;padding:5px 11px}
  .rs{padding-block:24px 26px}
  .rs-h .d-2{font-size:22px}
  .rs-h .lead{font-size:15px}
  .cover .w{padding-block:14px 16px}
  .cover .d-1{font-size:22px;line-height:1.2}
  .cv-k{margin-bottom:10px;padding-bottom:8px}
  .cv-k .k{font-size:10.5px}
  .cv-sub{display:none}
  .cover .mt{padding:6px 0;gap:1px}
  .cover .mt .nm{font-size:14px;min-height:2.4em}
  .cover .mt .vl b{font-size:19px}
  .cover .mt .lv{font-size:12.5px}
  .cover .mkey2{display:none}
  .fstrip .w{padding-block:10px;gap:8px 14px}
  .fstrip b{font-size:18px}
  .fstrip .d{font-size:14px}
  .fstrip .btn{min-height:44px;padding:10px 16px}
  .sw h3{font-size:20px}
  .sw p{font-size:15.5px}
  .sw > div + div{margin-top:12px}
  .plot{max-width:260px}
  .big-sent{font-size:20px}
  .plotw{gap:18px}
  .cal-top{gap:10px}
  .cal-top .num{font-size:54px}
  .cal-top .lab{font-size:12.5px}
  .cal-line{font-size:16.5px}
  .cal-lv{grid-template-columns:1fr 1fr;gap:6px}
  .cal-l{display:block;padding:8px 10px}
  .cal-l .cal-w{font-size:15px;margin:0}
  .cal-l .cal-n{font-size:13.5px;margin:2px 0 4px}
  .cal-l .cal-v{font-size:12.5px;margin-top:4px}
  .cal-cs{grid-template-columns:1fr 1fr;gap:10px}
  .cal-c .k{font-size:10px}
  .cal-ct{font-size:15px}
  .cal-c .small{font-size:12.5px}
  .guess1 .big-sent{font-size:19px}
  #plan .rs-h .d-2{font-size:19px}
  #plan .rs-h .lead{display:none}
  .planbox .dtabs{gap:4px;padding:10px 8px 0}
  .dtabs button{min-width:40px;padding:4px 4px 6px;font-size:19px}
  .planbox .tpan{padding:0 10px}
  .day{padding:10px 10px 8px}
  .day .k{font-size:10.5px}
  .day h3{font-size:18.5px}
  .day .sk{font-size:13.5px;margin-bottom:6px}
  .day ol li{font-size:15px;line-height:1.42}
  .day .dt{font-size:15px}
  .planbox .plan-acts{padding:10px;gap:8px 16px}
  .ptabs button,.stabs button{padding:7px 11px;font-size:14px}
  .starter2 .st-h p{font-size:14px}
  .starter2 .st-p{font-size:14.5px;line-height:1.45;padding:8px 10px}
  .pr{padding:10px 0;gap:10px}
  .pr p{font-size:15px;padding:10px 12px}
  .offer{flex-basis:82%;padding:16px 16px 14px}
  .offer .od{font-size:14.5px;margin-bottom:10px}
  .oli li{font-size:14px}
  .offer .oprice b{font-size:30px}
  .swipe-hint{margin-bottom:6px}
  .pcard2{max-width:236px;padding:18px 16px 14px}
  .pc-logo{height:44px}
  .pcard2.a .pc-big{font-size:28px}
  .pc-say{font-size:24px}
  .card-side{gap:8px}
  .card-side .field label{font-size:13px}
  .card-side .field input{font-size:16px;padding:6px 0}
  #cardnote{font-size:13px}
  #share .btn{min-height:46px;padding:12px 18px}
}
.sbn{position:static}
@media (max-width:900px){ .plotw{grid-template-columns:minmax(0,1fr)} }
.cover .mt{padding:7px 0}
.cover .mkey2{margin-top:8px}
.cal-top .num{font-size:clamp(54px,min(8vw,11vh),104px)}
.cal-top .lab{margin-top:4px}
.gl-grid .glc .il{width:34px;height:34px}
.glance{margin-top:16px}
.glance > .k{margin-bottom:8px}
@media (min-width:901px){ .offer .oli{margin-bottom:10px} .offer h3{font-size:20px} .offer .od{font-size:14.5px} }
@media (max-width:560px){
  #prompts .rs-h .lead,#next .swipe-hint{display:none}
  #next .rs-h .lead{font-size:14.5px}
  .offer .od{display:none}
  .offer .otag{margin-bottom:8px}
  .oli{padding-top:8px}
  .cal-top .num{font-size:46px}
  .cal-line{font-size:15.5px}
  .cal-l .cal-v{font-size:12px}
  .cal-c .small{display:none}
  .card-side .field{display:none}
  #cardnote{display:none}
  .card-side{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}
  .card-side .k{display:none}
  #b-restart{flex-basis:100%;text-align:center}
  .pcard2{max-width:250px}
  #share .rs-h .lead{display:none}
  .sw p{font-size:15px;margin-bottom:6px}
  .sw .ev{font-size:14px}
}
@media (max-width:560px){
  .cal{gap:12px}
  .rs-h{margin-bottom:12px}
  .starter2{padding:10px 12px;gap:8px}
  .ptabs{margin-bottom:10px}
}
.offer .oprice{margin-bottom:8px}
@media (min-width:901px){ .offers{gap:14px} .offer{padding:18px 18px 16px} }
@media (min-width:901px) and (max-height:820px){
  .rs{padding-block:24px 28px}
  .rs-h{margin-bottom:14px}
  .rs-h .d-2{font-size:26px}
  .cover .w{padding-block:16px 18px}
  .cover .mt{padding:5px 0}
  .cover .mt .nm{font-size:17px}
  .cover .mt .lv{font-size:13px}
  .cv-k{margin-bottom:12px}
  .glance{display:none}
  .plot{max-width:300px}
  .cal-top .num{font-size:76px}
  .cal-top .vs{padding-bottom:20px}
  .cal-line{font-size:19px}
  .cal{gap:12px}
  .day ol li{font-size:15px}
  .day h3{font-size:19px}
  .day{padding:10px 16px 8px}
  .planbox .dtabs{padding-top:8px;margin-bottom:6px}
  .starter2 .st-p{font-size:14.5px;line-height:1.45}
  .offer .od{display:none}
  .offer h3{font-size:19px}
  .pcard2{max-width:300px}
  .card-wrap{grid-template-columns:minmax(0,300px) minmax(0,1fr)}
  #sit .rev summary{padding:10px 0}
}
@media (min-width:901px) and (max-height:820px){
  .cover .mtr{grid-template-columns:1fr 1fr;column-gap:24px}
  .cover .mt:last-child{border-bottom:0}
  .cover .mt .nn{display:none}
  .cal-cs .small{font-size:13px}
  .cal-l{padding:8px 10px}
}
@media (max-width:560px) and (max-height:700px){.rs{padding-block:16px 18px}.rs-h .d-2{font-size:20px}.rs-h > .k{margin-bottom:6px}.cover .d-1{font-size:20px}}
.rnav .w{gap:6px}.rnav a{font-size:14px;padding:5px 11px}.rnav-l{margin-right:2px}

/* ================= v33 ================= */
.btn.back{background:var(--bone);border-color:var(--rule-2);color:var(--ink)}
@media (hover:hover){.btn.back:hover{background:#E6E0D3;color:var(--ink)}}
.btn.back .ar{transform:none;margin-right:2px}
.wk-fl{grid-template-columns:auto minmax(0,1fr) auto}
.wk-fl .btn{min-width:104px;justify-content:center;gap:10px}
.wk-fw .btn.back{min-width:104px;justify-content:center}
.sp2-top{margin-bottom:8px}
.pcard2.b{background:var(--ink);color:#F3EFE6;--fg-2:#C9C2B6}
.pcard2.b::before{display:block;content:"";position:absolute;left:22px;top:20px;width:28px;height:3px;border:0;background:var(--gold);inset:auto}
.pcard2.b .pc-top{padding-top:10px}
.pcard2.b .pc-top .k{color:#F3EFE6}
.pcard2.b .pc-say{color:#F3EFE6}
.pcard2.b .pc-dias i{border-color:rgba(243,239,230,.55)}
.pcard2.b .pc-dias i.on{background:var(--gold);border-color:var(--gold)}
.pcard2.b .pc-nm{font-family:var(--f-d);font-style:italic;font-size:17px;color:var(--gold)}
.pcard2.b .pc-ft{border-top:1px solid rgba(243,239,230,.35);color:#C9C2B6}
/* five ways: small cards, more on hover (desktop) or tap (phone) */
.wcards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;max-width:1100px;margin:0 auto}
.wcard{all:unset;box-sizing:border-box;cursor:pointer;position:relative;display:block;min-height:250px;background:var(--paper);border:1px solid var(--rule-2);--cbg:var(--paper);transition:transform 180ms ease-out,box-shadow 180ms ease-out}
.wcard:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.wc-f{display:flex;flex-direction:column;gap:6px;padding:16px 16px 18px;height:100%;box-sizing:border-box}
.wc-n{font-family:var(--f-d);font-style:italic;font-size:30px;line-height:1}
.wcard .il{width:76px;height:76px;align-self:center;margin:2px 0 6px}
.wc-f b{font-family:var(--f-d);font-weight:600;font-size:19px;line-height:1.2}
.wc-d{font-size:14.5px;line-height:1.4;color:var(--fg-2)}
.wc-more{position:absolute;top:12px;right:14px;font-family:var(--f-d);font-size:22px;line-height:1}
.wc-b{position:absolute;inset:0;background:var(--ink);color:#F3EFE6;padding:16px 16px 16px;display:flex;flex-direction:column;gap:4px;opacity:0;pointer-events:none;transition:opacity 180ms ease-out}
.wc-k{font-family:var(--f-m);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.wc-q{font-family:var(--f-d);font-size:17px;line-height:1.38;margin-bottom:10px}
.wc-q mark{background:linear-gradient(var(--gold),var(--gold)) no-repeat 0 100%/100% 2px;color:inherit;padding-bottom:1px}
.wc-c{font-size:14.5px;line-height:1.4}
.wcard[aria-expanded="true"] .wc-b{opacity:1}
@media (hover:hover) and (min-width:901px){.wcard:hover .wc-b{opacity:1}.wcard:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(23,23,23,.12)}}
.wc-hint{text-align:center;font-size:14px;color:var(--fg-2);margin:14px 0 0}
.wc-hint .tap{display:none}
@media (max-width:900px){
  .wc-hint .hov{display:none}.wc-hint .tap{display:inline}
  .wcards{grid-template-columns:minmax(0,1fr);gap:6px}
  .wcard{min-height:0}
  .wc-f{display:grid;grid-template-columns:44px minmax(0,1fr) 20px;column-gap:12px;align-items:center;padding:8px 12px}
  .wc-n{display:none}
  .wcard .il{grid-row:1 / span 2;width:44px;height:44px;margin:0}
  .wc-f b{font-size:16.5px}
  .wc-d{grid-column:2;font-size:13.5px}
  .wc-more{position:static;grid-column:3;grid-row:1 / span 2;transition:transform 160ms ease-out}
  .wcard[aria-expanded="true"] .wc-more{transform:rotate(45deg)}
  .wc-b{position:static;display:none;opacity:1;padding:10px 12px 12px}
  .wcard[aria-expanded="true"] .wc-b{display:flex}
  .wc-q{font-size:16px;margin-bottom:6px}
}
/* flow screens: no prototype bar or footer, the screen is the page */
body[data-mode="flow"] .proto,body[data-mode="flow"] > footer{display:none}
body[data-mode="flow"] #root{min-height:calc(100dvh - var(--site-h,61px));display:flex;flex-direction:column}
body[data-mode="flow"] #root > section{flex:1}
body[data-mode="flow"] .act{margin-top:0}
@media (max-width:900px){body[data-mode="flow"] #root{min-height:calc(100dvh - var(--site-h-m,53px))}}
@media (max-height:760px){
  .pre .d-1{font-size:clamp(24px,3vw,34px)}
  .pre .ans{padding:10px 4px 10px 0}
  .pre .ans .tx{font-size:16.5px}
  .stage.pre{padding-block:16px 8px}
}
.wk-fl .wk-sq{white-space:normal;line-height:1.2;min-width:0}@media (max-width:560px){.wk-fl .wk-sq{font-size:14px}.wk-fl .btn{min-width:92px;padding:8px 12px}}
@media (max-width:900px){.wc-f{height:auto}.wc-b{inset:auto;width:100%;box-sizing:border-box}}
/* v34: footer — Back and Next in the corners, the scale in the middle */
.wk-f2{padding:0}
.wk-f2-in{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:20px;padding:10px 20px calc(10px + env(safe-area-inset-bottom,0px))}
.wk-mid{max-width:620px;width:100%;margin:0 auto}
.wk-mid .wk-sq{margin:0 0 4px;text-align:center;font-family:var(--f-t);font-size:15px;font-weight:600;letter-spacing:0;text-transform:none}
.wk-mid .wk-sq b{font-family:var(--f-d);font-size:22px;font-weight:600;margin-left:4px}
.wk-mid .wk-sq.dim{font-weight:400;color:var(--fg-2)}
.wk-mid .wk-sq.dim b{display:none}
.wk-f2 .btn{min-width:110px;justify-content:center;gap:10px}
@media (max-width:700px){
  .wk-f2-in{grid-template-columns:1fr 1fr;grid-template-areas:"mid mid" "bk nx";gap:8px 0;padding:8px 14px calc(8px + env(safe-area-inset-bottom,0px))}
  .wk-mid{grid-area:mid}
  .wk-bk2{grid-area:bk;justify-self:start}
  .wk-nx2{grid-area:nx;justify-self:end}
  .wk-mid .wk-sq{font-size:14px}
}
/* statement card: centred */
.pcard2.b::before{display:none}
.pcard2.b .pc-top.c{flex-direction:column;align-items:center;gap:10px;padding-top:6px}
.pc-gr{display:block;width:30px;height:3px;background:var(--gold)}
.pcard2.b .pc-mid.c{text-align:center;margin:auto 0}
.pcard2.b .pc-dias{justify-content:center}
.pcard2.b .pc-ft.c{flex-direction:column;align-items:center;gap:6px;text-align:center}
.wk-f2-in{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"bk lab nx" "bk mid nx";row-gap:2px}
.wk-bk2{grid-area:bk;align-self:end;justify-self:start}
.wk-nx2{grid-area:nx;align-self:end;justify-self:end}
.wk-lab{grid-area:lab;margin:0;text-align:center;font-family:var(--f-t);font-size:15px;font-weight:600;letter-spacing:0;text-transform:none}
.wk-lab b{font-family:var(--f-d);font-size:22px;font-weight:600;margin-left:4px}
.wk-lab.dim{font-weight:400;color:var(--fg-2)} .wk-lab.dim b{display:none}
.wk-mid{grid-area:mid}
@media (max-width:700px){
  .wk-f2-in{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"mid mid mid" "bk lab nx";gap:6px 8px;align-items:center}
  .wk-bk2,.wk-nx2{align-self:center}
  .wk-lab{font-size:14px;line-height:1.2}
  .wk-lab b{font-size:19px}
  .wk-f2 .btn{min-width:88px;padding:8px 12px;min-height:40px}
}
@media (max-width:560px){#sit .rev summary{padding:9px 0;row-gap:2px}#sit .rev summary .t{font-size:16.5px}.legend{gap:4px 12px;margin-bottom:10px}.legend .st-l{font-size:11px}#sit .rs-h .lead{display:none}}