/* Ultra Pro page (2026-10-10): a configurator in the spirit of a premium product build. Tokens only;
   the hero is the site's dark band, everything else follows the theme. */
.up{--cf-r:24px;--cf-ring:0 0 0 2px var(--brand)}

/* hero */
.up-hero{position:relative;background:radial-gradient(1100px 520px at 50% -10%,rgba(36,89,240,.32),transparent 62%),var(--dark-1);color:var(--dink);padding:32px 0 64px;border-bottom:1px solid var(--dline);overflow:hidden;text-align:center}
.up-hero .crumbs{justify-content:center}
.up-hero .crumbs a,.up-hero .crumbs li{color:var(--dink-2)}
.up-hero .crumbs [aria-current]{color:var(--dink)}
.up-hero{--focus:var(--dlink)}
.up-hero .eyebrow{margin-top:26px;justify-content:center;color:var(--accent-d)}
.up-h1{margin:14px auto 0;max-width:15em;font:800 clamp(42px,5.6vw,76px)/.95 var(--cond);text-transform:uppercase;color:#fff;letter-spacing:.005em}
.up-h1 em{font-style:normal;color:var(--brand-hi)}
.up-lede{margin:20px auto 0;max-width:38em;font-size:18px;line-height:1.6;color:var(--dink-2)}
.up-lineup{display:flex;justify-content:center;align-items:flex-end;gap:clamp(8px,2vw,28px);margin:36px auto 0;max-width:820px}
.up-lineup li{list-style:none;flex:0 1 104px;min-width:0;display:grid;justify-items:center;gap:8px}
.up-lineup img{width:clamp(48px,9vw,104px);height:clamp(48px,9vw,104px);object-fit:contain;filter:drop-shadow(0 18px 24px rgba(0,0,0,.45))}
.up-lineup span{font:700 13px/1 var(--sans);color:var(--dink-2)}
.up-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:34px auto 0;max-width:640px}
.up-proof li{list-style:none;padding:16px 14px 14px;border-radius:16px;background:rgba(240,246,252,.05);border:1px solid var(--dline-2)}
.up-proof b{display:block;font:800 34px/1 var(--cond);color:#fff}
.up-proof span{display:block;margin-top:6px;font-size:13px;line-height:1.35;color:var(--dink-2)}
.up-hero-cta{display:grid;justify-items:center;gap:10px;margin-top:30px}
.up-hero-cta p{font-size:14px;color:var(--dink-3)}

/* configurator */
.cf{padding:72px 0 88px;background:var(--bg)}
.cf-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,400px);grid-template-areas:"head head" "steps stage";gap:28px 48px;align-items:start}
.cf-head{grid-area:head}
.cf-t{margin-top:8px;font:800 clamp(36px,4.4vw,56px)/1 var(--cond);text-transform:uppercase}
.cf-steps{grid-area:steps;display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.cf-step{position:relative;padding:30px 30px 28px 84px;border-radius:var(--cf-r);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow)}
.cf-n{position:absolute;left:28px;top:28px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ink);color:var(--paper);font:800 18px/1 var(--cond)}
.cf-step h3{font:800 30px/1.05 var(--cond);text-transform:uppercase}
.cf-sub{margin-top:8px;max-width:40em;font-size:15px;line-height:1.55;color:var(--ink-2)}

.cf-ags{display:grid;gap:10px;margin-top:20px}
.cf-ag{position:relative}
.cf-ag input{position:absolute;opacity:0;pointer-events:none}
.cf-ag label{display:grid;grid-template-columns:64px 1fr 28px;gap:16px;align-items:center;padding:16px 18px;padding-bottom:40px;border-radius:18px;border:1.5px solid var(--line-3);background:var(--bg);cursor:pointer;transition:border-color .18s,box-shadow .18s,background .18s}
.cf-ag label:hover{border-color:var(--brand)}
.cf-face{width:64px;height:64px;border-radius:16px;background:linear-gradient(160deg,var(--brand-soft),transparent);object-fit:contain}
.cf-face--sm{width:48px;height:48px;border-radius:12px}
.cf-ag-t b{display:block;font:700 17px/1.25 var(--sans)}
.cf-ag-t small{display:block;margin-top:2px;font-size:13px;color:var(--ink-3)}
.cf-ag-t em{display:block;margin-top:6px;font-style:normal;font-size:13px;font-weight:600;color:var(--ink-2)}
.cf-check{width:26px;height:26px;border-radius:50%;border:2px solid var(--line-3);position:relative}
.cf-ag input:checked+label{border-color:var(--brand);background:var(--paper);box-shadow:var(--cf-ring),var(--shadow)}
.cf-ag input:checked+label .cf-check{border-color:var(--brand);background:var(--brand)}
.cf-ag input:checked+label .cf-check::after{content:"";position:absolute;left:7px;top:4px;width:7px;height:12px;border:solid var(--on-brand);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.cf-ag input:focus-visible+label{outline:2px solid var(--focus);outline-offset:3px}
.cf-rec-btn{position:absolute;left:98px;bottom:12px;padding:0;border:0;background:none;font:700 13px/1.2 var(--sans);color:var(--brand-ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.cf-rec-btn:focus-visible,.cf-mk:focus-visible,.cf-tog:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}

.cf-reco{margin-top:20px;padding:22px;border-radius:20px;background:linear-gradient(160deg,var(--brand-soft),transparent 70%),var(--paper);border:2px solid var(--brand)}
.cf-reco-k{display:inline-flex;align-items:center;gap:8px;font:800 12px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--brand-ink)}
.cf-reco-k::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--brand)}
.cf-reco-b{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:center;margin-top:14px}
.cf-reco-b img{width:64px;height:64px;border-radius:16px;background:var(--paper);object-fit:contain}
.cf-reco-b h4{font:800 24px/1.05 var(--cond);text-transform:uppercase}
.cf-reco-b p{margin-top:6px;font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.cf-reco-nums{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.cf-reco-nums>div{padding:12px 14px;border-radius:14px;background:var(--bg);border:1px solid var(--line)}
.cf-reco-nums>div.is-pair{border-color:var(--gain);background:var(--gain-soft)}
.cf-reco-nums dt{font-size:12px;font-weight:700;color:var(--ink-2)}
.cf-reco-nums dd{margin-top:4px;font-size:14px;font-weight:600}
.cf-reco-nums dd.is-dn{color:var(--drop)}.cf-reco-nums dd.is-up{color:var(--gain)}
.cf-reco-ctl{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:16px}
.cf-reco-ctl .btn[aria-pressed="true"]{background:var(--paper);color:var(--gain);border-color:var(--gain)}
.cf-reco-fine{margin-top:12px;font-size:12.5px;line-height:1.5;color:var(--ink-3)}
.cf-adds{display:grid;gap:8px;margin-top:16px}
.cf-add{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;padding:12px 14px;border-radius:16px;border:1.5px solid var(--line);background:var(--bg);transition:border-color .18s,background .18s}
.cf-add.is-on{border-color:var(--brand);background:var(--paper);box-shadow:var(--cf-ring)}
.cf-add.is-main{opacity:.55}
.cf-add.is-main .cf-tog::after{content:"Your main agent";font-weight:700}
.cf-add.is-main .cf-tog>span{display:none}
.cf-add-t b{display:block;font:700 15px/1.25 var(--sans)}
.cf-add-t small{font-size:12.5px;color:var(--ink-3)}
.cf-add-ctl{display:flex;align-items:center;gap:12px}
.cf-tog{height:36px;padding:0 14px;border-radius:999px;border:1.5px solid var(--brand);background:transparent;color:var(--brand-ink);font:700 13px/1 var(--sans);cursor:pointer;white-space:nowrap}
.cf-tog .cf-tog-on{display:none}
.cf-tog[aria-pressed="true"]{background:var(--brand);color:var(--on-brand)}
.cf-tog[aria-pressed="true"] .cf-tog-on{display:inline}.cf-tog[aria-pressed="true"] .cf-tog-off{display:none}
.cf-tog[aria-pressed="true"] .cf-tog-on::before{content:"";display:inline-block;width:5px;height:9px;margin-right:7px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-2px)}
.cf-tog:disabled{border-color:var(--line-2);color:var(--ink-3);cursor:default}
.cf-mk{padding:0;border:0;background:none;font:700 13px/1.2 var(--sans);color:var(--ink-2);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.cf-mk:hover{color:var(--brand)}

.cf-bills{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.cf-bill{position:relative;cursor:pointer}
.cf-bill input{position:absolute;opacity:0;pointer-events:none}
.cf-bill>span{display:grid;gap:6px;height:100%;padding:20px;border-radius:18px;border:1.5px solid var(--line-3);background:var(--bg);transition:border-color .18s,box-shadow .18s}
.cf-bill b{font:700 15px/1.2 var(--sans);color:var(--ink-2)}
.cf-bill strong{font:800 40px/1 var(--cond);color:var(--ink)}
.cf-bill strong small{font:600 15px/1 var(--sans);color:var(--ink-3);margin-left:3px}
.cf-bill>span>small{font-size:13px;line-height:1.5;color:var(--ink-2)}
.cf-best{justify-self:start;padding:4px 9px;border-radius:999px;background:var(--gain-soft);color:var(--gain);font:800 11px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;font-style:normal}
.cf-bill input:checked+span{border-color:var(--brand);background:var(--paper);box-shadow:var(--cf-ring),var(--shadow)}
.cf-bill input:focus-visible+span{outline:2px solid var(--focus);outline-offset:3px}
.cf-code{margin-top:18px}
.cf-code>label{font:700 14px/1.3 var(--sans)}
.cf-code-row{display:flex;gap:8px;margin-top:8px;max-width:460px}
.cf-code-row input{flex:1;min-width:0;height:48px;padding:0 16px;border-radius:12px;border:1.5px solid var(--line-3);background:var(--bg);color:var(--ink);font:600 15px/1 var(--sans);letter-spacing:.04em;text-transform:uppercase}
.cf-code-row input::placeholder{color:var(--ink-3);text-transform:none;letter-spacing:0}
.cf-code-row input:focus{outline:2px solid var(--focus);outline-offset:1px;border-color:var(--brand)}
.cf-code-row .btn{height:48px}
.cf-code-msg{margin-top:8px;font-size:13.5px;font-weight:600;color:var(--ink-2)}
.cf-code-msg[data-state="ok"]{color:var(--gain)}.cf-code-msg[data-state="bad"]{color:var(--drop)}.cf-code-msg[data-state="warn"]{color:var(--warn-ink)}

/* the summary, sticky like a product build */
.cf-stage{grid-area:stage;position:sticky;top:calc(var(--hd-h,64px) + 20px);padding:26px;border-radius:var(--cf-r);background:var(--paper);border:2px solid var(--brand);box-shadow:var(--shadow-lg);scroll-margin-top:0}
.cf-stage-art{position:relative;display:grid;place-items:center;height:210px;margin:-6px -6px 6px;border-radius:18px;background:radial-gradient(70% 70% at 50% 40%,var(--brand-soft),transparent 70%),var(--bg)}
.cf-stage-art>img{width:180px;height:180px;object-fit:contain;filter:drop-shadow(0 16px 22px rgba(10,20,60,.25))}
.cf-stage-art>img.is-in{animation:cf-pop .45s cubic-bezier(.2,.9,.3,1.2)}
@keyframes cf-pop{from{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:none}}
.cf-stage-more{position:absolute;right:12px;bottom:12px;display:flex}
.cf-stage-more img{width:48px;height:48px;margin-left:-12px;border-radius:50%;background:var(--paper);border:2px solid var(--paper);box-shadow:var(--shadow);object-fit:contain}
.cf-sum-t{margin-top:14px;font:800 26px/1 var(--cond);text-transform:uppercase}
.cf-sum-ag{display:grid;gap:8px;margin-top:12px}
.cf-sum-ag li{list-style:none;display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;font-size:14px;color:var(--ink-2)}
.cf-sum-ag img{width:36px;height:36px;border-radius:10px;background:var(--bg);object-fit:contain}
.cf-sum-ag b{color:var(--ink)}
.cf-sum-ag em{font-style:normal;font:800 11px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--brand)}
.cf-sum-ag button{padding:0;border:0;background:none;font:600 12.5px/1 var(--sans);color:var(--ink-3);text-decoration:underline;cursor:pointer}
.cf-sum{display:grid;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.cf-sum div{display:flex;justify-content:space-between;gap:12px;font-size:14px}
.cf-sum dt{color:var(--ink-2)}.cf-sum dd{font-weight:700;text-align:right;white-space:nowrap}
.cf-sum-tot{padding-top:10px;border-top:1px solid var(--line);align-items:baseline}
.cf-sum-tot dt{font-weight:700;color:var(--ink)}
.cf-sum-tot dd{font:800 32px/1 var(--cond)}
.cf-sum-note dt{font-size:12.5px;color:var(--ink-3)}
.cf-sum-add dd{color:var(--ink-2)}
.cf-sum-setup s{color:var(--ink-3);font-weight:600;margin-right:6px}
.cf-sum-setup.is-waived dd{color:var(--gain)}
.cf-sum-note dt{line-height:1.45}
.cf-proj{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:baseline;margin-top:14px;padding:14px 16px;border-radius:16px;background:var(--gain-soft);border:1px solid color-mix(in srgb,var(--gain) 35%,transparent);color:var(--ink);text-decoration:none}
.cf-proj span{font:700 13.5px/1.3 var(--sans);color:var(--ink)}
.cf-proj b{font:800 26px/1 var(--cond);white-space:nowrap}
.cf-proj b.is-up{color:var(--gain)}.cf-proj b.is-dn{color:var(--drop)}
.cf-proj:has(b.is-dn){background:var(--drop-soft);border-color:color-mix(in srgb,var(--drop) 35%,transparent)}
.cf-proj small{grid-column:1/-1;margin-top:4px;font-size:12px;line-height:1.45;color:var(--ink-2)}
.cf-proj:hover small{text-decoration:underline}
.cf-proj:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.cf-age{margin-top:16px}
.cf-stage .gd-age-msg:empty{min-height:0;margin:0}
.cf-go{margin-top:12px;height:58px;font-size:17px}
.cf-fine{margin-top:12px;font-size:12px;line-height:1.5;color:var(--ink-3)}

/* record dialog */
.rec-dlg{position:fixed;inset:0;margin:auto;height:fit-content;width:min(720px,calc(100vw - 32px));overflow:auto;max-height:calc(100vh - 48px);padding:0;border:0;border-radius:24px;background:var(--paper);color:var(--ink);box-shadow:var(--shadow-lg)}
.rec-dlg::backdrop{background:rgba(5,10,25,.62);backdrop-filter:blur(4px)}
.rec-dlg[open]{animation:cf-pop .3s ease-out}
.rec-in{padding:26px 26px 22px}
.rec-hd{display:grid;grid-template-columns:64px 1fr 40px;gap:16px;align-items:center}
.rec-hd img{width:64px;height:64px;border-radius:16px;background:var(--bg);object-fit:contain}
.rec-k{font-size:13px;color:var(--ink-3)}
.rec-hd h2{font:800 30px/1 var(--cond);text-transform:uppercase}
.rec-x{width:40px;height:40px;border-radius:50%;border:1px solid var(--line-2);background:var(--bg);color:var(--ink);font:400 24px/1 var(--sans);cursor:pointer}
.rec-tabs{display:flex;gap:6px;margin-top:18px}
.rec-tabs button{height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line-2);background:var(--bg);color:var(--ink-2);font:700 13px/1 var(--sans);cursor:pointer}
.rec-tabs button[aria-selected="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.rec-nums{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:16px}
.rec-nums>div{padding:10px 12px;border-radius:12px;background:var(--bg)}
.rec-nums dt{font-size:11.5px;color:var(--ink-3)}
.rec-nums dd{margin-top:4px;font:800 20px/1.05 var(--cond);white-space:nowrap}
.rec-nums dd.is-up,.rec-d.is-up b{color:var(--gain)}.rec-nums dd.is-dn,.rec-d.is-dn b{color:var(--drop)}
.rec-cal{margin-top:16px}
.rec-wk,.rec-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.rec-wk span{font-size:11px;font-weight:700;color:var(--ink-3);text-align:center}
.rec-grid{margin-top:6px}
.rec-d{display:grid;align-content:space-between;min-height:58px;padding:6px 7px;border-radius:10px;background:var(--bg);border:1px solid var(--line)}
.rec-d.is-pad{background:none;border:0}
.rec-d i{font-style:normal;font-size:11px;color:var(--ink-3)}
.rec-d b{font:800 15px/1 var(--cond);text-align:right;white-space:nowrap}
.rec-d.is-up{background:var(--gain-soft);border-color:transparent}
.rec-d.is-dn{background:var(--drop-soft);border-color:transparent}
.rec-empty{padding:28px;border-radius:14px;background:var(--bg);text-align:center;color:var(--ink-2)}
.rec-fine{margin-top:12px;font-size:12px;color:var(--ink-3)}
.rec-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}

/* replay */
.up-sim{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;padding:28px;border-radius:22px;background:var(--paper);border:1px solid var(--line-2);box-shadow:var(--shadow)}
.up-sim-ctl{display:grid;gap:22px;align-content:start}
.up-sim-agents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.up-sim-agents button{padding:10px;border-radius:12px;border:1.5px solid var(--line-3);background:var(--bg);color:var(--ink);text-align:left;cursor:pointer}
.up-sim-agents button b{display:block;font:700 15px/1.2 var(--sans)}
.up-sim-agents button small{font-size:12px;color:var(--ink-3)}
.up-sim-agents button[aria-checked="true"]{border-color:var(--brand);background:var(--brand-soft)}
.up-sim-agents button:focus-visible,.up-sim-presets button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.up-sim-dep,.up-sim-goal{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:8px 12px}
.up-sim-dep>label,.up-sim-goal>label:first-child{font:700 14px/1.3 var(--sans)}
.up-sim-dep output,.up-sim-goal output{font:800 28px/1 var(--cond);color:var(--ink)}
.up-sim input[type=range]{grid-column:1/-1;width:100%;height:28px;accent-color:var(--brand);cursor:pointer}
.up-sim-presets{grid-column:1/-1;display:flex;gap:8px}
.up-sim-presets button{flex:1;height:34px;border-radius:999px;border:1px solid var(--line-2);background:var(--bg);color:var(--ink-2);font:700 13px/1 var(--sans);cursor:pointer}
.up-sim-presets button:hover{border-color:var(--brand);color:var(--ink)}
.up-sim-stop{grid-column:1/-1;font-size:14px}
.up-sim-per{display:grid;gap:8px}
.up-sim-per>span{font:700 14px/1.3 var(--sans)}
.up-seg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;border-radius:14px;background:var(--bg);border:1px solid var(--line-3)}
.up-seg button{min-height:38px;padding:6px 4px;border:0;border-radius:10px;background:none;color:var(--ink-2);font:700 13px/1.15 var(--sans);cursor:pointer}
.up-seg button[aria-checked="true"]{background:var(--paper);color:var(--ink);box-shadow:var(--shadow),inset 0 0 0 1.5px var(--brand)}
.up-seg button:focus-visible{outline:2px solid var(--focus);outline-offset:1px}
.up-sim-k{font:700 14px/1.3 var(--sans);color:var(--ink-2)}
.up-sim-big{margin-top:6px;font:800 clamp(44px,5vw,64px)/1 var(--cond)}
.up-sim-big.is-up{color:var(--gain)}.up-sim-big.is-dn{color:var(--drop)}
.up-sim-alt{margin-top:6px;font-size:14px;color:var(--ink-2)}
.up-chart{position:relative;display:flex;gap:4px;height:180px;margin-top:22px;padding-top:4px}
.up-chart::after{content:"";position:absolute;left:0;right:0;top:var(--zero);border-top:1px solid var(--line-2)}
.up-bar{position:relative;flex:1;height:100%}
.up-bar i{position:absolute;left:0;right:0;border-radius:4px}
.up-bar.is-up i{bottom:calc(100% - var(--zero));background:var(--gain)}
.up-bar.is-dn i{top:var(--zero);background:var(--drop)}
.up-goal-ln{position:absolute;left:0;right:0;border-top:1.5px dashed var(--warn);z-index:1}
.up-goal-ln em{position:absolute;right:0;top:-20px;font:700 11px/1 var(--sans);font-style:normal;color:var(--ink-2);background:var(--paper);padding:2px 4px;border-radius:4px}
.up-chart-ax{display:flex;justify-content:space-between;margin-top:6px;font-size:12px;color:var(--ink-3)}
.up-sim-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}
.up-sim-stats>div{min-width:0;padding:14px 14px 12px;border-radius:14px;background:var(--bg);border:1px solid var(--line);border-top:3px solid var(--line-3)}
.up-sim-stats dt{font:800 11px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.up-sim-stats dd{display:grid;gap:4px;margin-top:8px}
.up-sim-stats dd b{font:800 clamp(22px,2.2vw,28px)/1 var(--cond);white-space:nowrap;color:var(--ink)}
.up-sim-stats dd small{font-size:12.5px;font-weight:600;color:var(--ink-3);white-space:nowrap}
.up-sim-stats .is-green{background:var(--gain-soft);border-color:transparent;border-top-color:var(--gain)}
.up-sim-stats .is-green b,.up-sim-stats b.is-up{color:var(--gain)}
.up-sim-stats b.is-dn{color:var(--drop)}
.up-sim-stats .is-goal{background:var(--warn-soft);border-color:transparent;border-top-color:var(--warn)}
.up-sim-stats .is-goal b{color:var(--warn-ink)}
.up-sim-stats .is-best{border-top-color:var(--gain)}
.up-sim-stats .is-worst{background:var(--drop-soft);border-color:transparent;border-top-color:var(--drop)}
.up-sim-fine{margin-top:14px;font-size:12.5px;line-height:1.5;color:var(--ink-3)}

/* how */
.up-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:up}
.up-steps li{list-style:none;padding:20px;border-radius:16px;background:var(--paper);border:1px solid var(--line)}
.up-steps li::before{counter-increment:up;content:counter(up);display:grid;place-items:center;width:32px;height:32px;margin-bottom:12px;border-radius:10px;background:var(--brand-soft);color:var(--brand-ink);font:800 18px/1 var(--cond)}
.up-steps b{display:block;font:700 16px/1.3 var(--sans)}
.up-steps p{margin-top:6px;font-size:14px;line-height:1.5;color:var(--ink-2)}
.up-ways{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}
.up-way{padding:24px;border-radius:18px;background:var(--paper);border:1px solid var(--line-2)}
.up-way:first-child{border:2px solid var(--brand)}
/* Option 1 is one link (2026-10-16): the heading's link stretches over the card, so a screen reader hears one link */
.up-way--link{position:relative;transition:border-color .15s,box-shadow .15s}
.up-way-a{color:inherit;text-decoration:none}
/* z-index: the list items are position:relative (their check marks) and would paint over the overlay */
.up-way-a::after{content:"";position:absolute;inset:0;z-index:2;border-radius:18px}
.up-way-a:focus-visible{outline:none}
.up-way--link:focus-within{box-shadow:0 0 0 3px var(--paper),0 0 0 5px var(--focus)}
.up-way--link:hover{border-color:var(--brand-d);box-shadow:var(--shadow-lg)}
/* .up-way>p (0,1,1) outranks a bare class, so both lines are scoped under it: the kicker was meant to be --brand */
.up-way>.up-way-k{color:var(--brand-ink)}
.up-way>.up-way-go{margin-top:16px;font:700 15px/1.3 var(--sans);color:var(--brand-ink)}
.up-way--link:hover .up-way-go{text-decoration:underline;text-underline-offset:3px}
@media (prefers-reduced-motion:reduce){.up-way--link{transition:none}}
.up-way-k{font:800 12px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--brand)}
.up-way h3{margin-top:10px;font:800 26px/1.05 var(--cond);text-transform:uppercase}
.up-way>p{margin-top:8px;font-size:15px;line-height:1.55;color:var(--ink-2)}
.up-way ul{margin-top:12px;display:grid;gap:6px}
.up-way li{list-style:none;position:relative;padding-left:22px;font-size:14px;color:var(--ink-2)}
.up-way li::before{content:"";position:absolute;left:2px;top:6px;width:10px;height:6px;border:solid var(--gain);border-width:0 0 2px 2px;transform:rotate(-45deg)}

/* included, honest, faq */
.up-inc{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;margin-bottom:28px}
.up-inc li{list-style:none;position:relative;padding-left:26px;font-size:15px;line-height:1.5;color:var(--ink-2)}
.up-inc li b{color:var(--ink)}
.up-inc li::before{content:"";position:absolute;left:3px;top:7px;width:11px;height:6px;border:solid var(--gain);border-width:0 0 2px 2px;transform:rotate(-45deg)}
.up-two{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:start}
.up-two .h2{margin-top:8px}
.up-honest{margin-top:18px;display:grid;gap:12px}
.up-honest li{list-style:none;font-size:15px;line-height:1.55;color:var(--ink-2)}
.up-honest b{color:var(--ink)}
.up-faq .faq{margin-top:14px}

/* phone dock */
.up-dock{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-float,40);padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--paper);border-top:2px solid var(--brand);box-shadow:var(--shadow-lg)}
.up-dock-in{display:flex;align-items:center;gap:12px;max-width:640px;margin:0 auto}
.up-dock-faces{display:flex}
.up-dock-faces img{width:28px;height:28px;margin-right:-8px;border-radius:50%;background:var(--bg);border:2px solid var(--paper);object-fit:contain}
.up-dock p{margin-left:10px;font-size:13px;color:var(--ink-2)}.up-dock p b{display:block;font:800 20px/1 var(--cond);color:var(--ink)}
.up-dock .btn{margin-left:auto;flex:none}
@media (min-width:981px){.up-dock{display:none!important}}

@media (max-width:1100px){.up-steps{grid-template-columns:1fr 1fr}}
@media (max-width:980px){
  .cf-in{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "steps" "stage"}
  .cf-stage{position:static}
  .up-sim,.up-two{grid-template-columns:1fr}.up-ways,.up-inc{grid-template-columns:1fr}.up-sim{padding:20px}.up-sim-stats{grid-template-columns:1fr 1fr}
  html{scroll-padding-bottom:84px}
  .rec-nums{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:620px){
  .cf{padding:44px 0 64px}
  .cf-step{padding:22px 18px}
  .cf-n{position:static;margin-bottom:10px}
  .cf-ag label{grid-template-columns:52px 1fr 24px;gap:12px;padding:14px 14px 40px}
  .cf-face{width:52px;height:52px}
  .cf-rec-btn{left:78px}
  .cf-add{grid-template-columns:44px 1fr;gap:10px}
  .cf-add .cf-face--sm{width:44px;height:44px}
  .cf-add-ctl{grid-column:1/-1;justify-content:flex-start}
  .cf-bills,.cf-reco-nums{grid-template-columns:1fr}
  .cf-reco-b{grid-template-columns:52px 1fr;align-items:start}.cf-reco-b img{width:52px;height:52px}
  .up-proof{gap:8px}.up-proof li{padding:12px 10px}.up-proof b{font-size:26px}
  .up-steps{grid-template-columns:1fr}.up-chart{height:150px;gap:2px}
  .up-seg{grid-template-columns:1fr 1fr}
  .up-lineup{gap:6px}
  .rec-in{padding:20px 16px}.rec-d{min-height:46px;padding:4px 5px}.rec-d b{font-size:11px}.rec-nums{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){.cf-stage-art>img.is-in,.rec-dlg[open]{animation:none}.cf-ag label,.cf-add,.cf-bill>span{transition:none}}