body.show-chg [data-chg]{position:relative;outline:2px dashed #E0A019;outline-offset:-10px;z-index:2}
body.show-chg [data-chg=new]{outline-color:#4CC3E0}
body.show-chg [data-chg]::before{content:"Edited · " attr(data-chg-note);position:absolute;top:14px;left:14px;z-index:30;font:600 11px/1 Outfit;letter-spacing:.08em;text-transform:uppercase;padding:7px 10px;background:#E0A019;color:#1A1300;pointer-events:none;max-width:70vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.show-chg [data-chg=new]::before{content:"New · " attr(data-chg-note);background:#4CC3E0;color:#03202A}
body.show-chg .g3 [data-chg]::before{top:4px;left:4px}
.style-t{display:inline-flex;border:1.5px solid var(--line);height:42px}.style-t button{background:none;border:0;padding:0 12px;font:600 12px Outfit;letter-spacing:.06em;color:var(--muted)}.style-t button.on{background:var(--accent);color:var(--bg)}
.live-only{display:none}body[data-style=live] .live-only{display:inline-flex}
/* Live style: checkmarque.ai look (Plus Jakarta Sans + DM Sans, rounded shapes, compact sections), GTM content */
body[data-style=live][data-theme=light]{--head:#15181C;--fg:#2E353B;--muted:#606A72;--accent:#0B8A3D;--btn:#15181C;--btnfg:#fff;--line:#E3E7E4}
body[data-style=live]{font:400 16px/1.72 'DM Sans',sans-serif}
body[data-style=live] h1,body[data-style=live] h2,body[data-style=live] h3,body[data-style=live] .d1,body[data-style=live] .d2,body[data-style=live] .d3,body[data-style=live] .d4{font-family:'Plus Jakarta Sans',sans-serif}
body[data-style=live] .d1{font-weight:800;font-size:clamp(38px,5.4vw,68px)!important;line-height:1.05;letter-spacing:-.04em}
body[data-style=live] .d2{font-weight:700;font-size:clamp(28px,3.6vw,44px)!important;line-height:1.12;letter-spacing:-.03em}
body[data-style=live] .d3{font-weight:700;font-size:clamp(22px,2.2vw,30px)!important;line-height:1.2;letter-spacing:-.02em}
body[data-style=live] .d4{font-weight:700;font-size:clamp(17px,1.4vw,20px)!important;line-height:1.35;letter-spacing:-.015em}
body[data-style=live] .thin{font-weight:400}
body[data-style=live] .lede{font:400 18px/1.7 'DM Sans';color:var(--muted);max-width:62ch}
body[data-style=live] .body{line-height:1.72}
body[data-style=live] .lab,body[data-style=live] .eb{font:600 11px/1 'DM Sans';letter-spacing:.14em}
body[data-style=live] .eb{color:var(--accent);padding:7px 12px;border:1px solid var(--line);border-radius:20px;align-self:flex-start;width:max-content}body[data-style=live] .eb:before{display:none}
body[data-style=live] .c{max-width:1320px;padding:0 64px}@media(max-width:880px){body[data-style=live] .c{padding:0 24px}}
body[data-style=live] .btn{height:46px;padding:0 22px;border-radius:10px;font:600 14.5px 'DM Sans'}body[data-style=live] .btn-sm{height:38px;padding:0 16px;font-size:13.5px}body[data-style=live] .btn:hover{transform:none}
body[data-style=live] .btn-o{border-color:var(--line);background:var(--bg)}
body[data-style=live] .urlbar{border-radius:10px;overflow:hidden;background:var(--bg)}body[data-style=live] .urlbar .btn{height:52px;border-radius:0}body[data-style=live] .urlbar input{font:400 16px 'DM Sans'}
body[data-style=live] .panel{border-radius:14px;padding:36px}body[data-style=live] .tag{border-radius:4px;font-family:'DM Sans';letter-spacing:.08em}
body[data-style=live] .g[style*="background"]{border-radius:14px;overflow:hidden}
body[data-style=live] .word{filter:none;transform:none;opacity:1;transition:none}body[data-style=live] .rv{transform:translateY(8px);transition:opacity .5s var(--ease),transform .5s var(--ease)}body[data-style=live] .rv.on{transform:none}
body[data-style=live] .scene:not(.scene-tall):not([data-form=cascade]){min-height:auto!important;padding:128px 0!important;border-bottom:1px solid var(--line)}
body[data-style=live] .scene[data-screen-label=Hero]{padding:150px 0 128px!important}
body[data-style=live] .scrollcue{display:none}
body[data-style=live] .scene-tall:not([data-form=channel]):not([data-form=ring]):not([data-form=breath]){min-height:auto!important;padding:128px 0!important;border-bottom:1px solid var(--line)}body[data-style=live] .scene-tall:not([data-form=channel]):not([data-form=ring]):not([data-form=breath]) .sticky{position:static;height:auto}
body[data-style=live] [data-form=funnel],body[data-style=live] [data-chg]:has(>[data-form=funnel]){display:none}
body[data-style=live] [data-screen-label=Price] .c>p{font-family:'Plus Jakarta Sans'!important;font-weight:800!important;font-size:clamp(64px,9vw,120px)!important}
body[data-style=live] .nav{background:color-mix(in oklab,var(--bg) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}body[data-style=live] .nav-i{height:68px}
body[data-style=live] .nav a.nl{font:500 14px 'DM Sans';opacity:1;color:var(--muted)}body[data-style=live] .nav a.nl.on,body[data-style=live] .nav a.nl:hover{color:var(--head)}body[data-style=live] .nav a.nl.on:after{bottom:-6px;height:1.5px}
body[data-style=live] .nav span>b,body[data-style=live] .nav a>span>span{font-family:'Plus Jakarta Sans'}body[data-style=live] .nav a>span{white-space:nowrap}
body[data-style=live] .theme-t,body[data-style=live] .style-t{border-radius:10px;height:38px;overflow:hidden}body[data-style=live] .theme-t{width:38px}
body[data-style=live] .acc summary{font:600 17px/1.4 'Plus Jakarta Sans'}
body[data-style=live] .ft-mark{font-family:'Plus Jakarta Sans'!important;font-weight:800!important}
body[data-style=live] .fld input,body[data-style=live] .fld textarea,body[data-style=live] .fld select{font-family:'DM Sans';border:1.5px solid var(--line);border-radius:10px;padding:12px 14px}
.rvbar{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:8px;font:500 13px Outfit}
.rvbar-row{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.rvbar-btn,.rvbar-seg button{font:600 12px Outfit;padding:9px 14px;border:1px solid var(--line);background:var(--bg);color:var(--head);cursor:pointer}
.rvbar-btn.on{background:#E0A019;border-color:#E0A019;color:#1A1300}
.rvbar-seg{display:flex}.rvbar-seg button+button{border-left:0}.rvbar-seg button.on{background:var(--accent);border-color:var(--accent);color:var(--bg)}
.rvbar-list{width:min(420px,calc(100vw - 32px));max-height:60vh;overflow:auto;background:var(--bg);border:1px solid var(--line);padding:18px;display:flex;flex-direction:column;gap:12px;color:var(--fg);box-shadow:0 20px 60px rgba(0,0,0,.35)}
.rvbar-list>b{color:var(--head);font-size:14px}
.rvbar-i{display:grid;grid-template-columns:70px 1fr;gap:10px;font-size:13px;line-height:1.45;border-top:1px solid var(--line);padding-top:10px}
.rvbar-i span{font:600 10px Outfit;letter-spacing:.1em;text-transform:uppercase;padding:4px 6px;align-self:start;text-align:center;background:#E0A019;color:#1A1300}
.rvbar-i.k-new span{background:#4CC3E0;color:#03202A}.rvbar-i.k-gone span{background:transparent;border:1px solid var(--line);color:var(--muted)}
.rvbar-i strong{color:var(--head);font-weight:600}

.fc{display:flex;flex-direction:column;font-size:15px}
.fc-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:stretch}
.fc-span2{grid-column:span 2}.fc-span4{grid-column:1/-1}
.fc-node{border:1px solid var(--line);background:var(--panel);padding:14px 16px;display:flex;flex-direction:column;gap:2px}.fc-node b{color:var(--head);font-weight:600}.fc-node span{font-size:13px;color:var(--muted);line-height:1.4}
.fc-gate{border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;gap:16px;background:color-mix(in oklab,var(--bg) 80%,transparent)}
.fc-gh{display:flex;flex-direction:column;gap:4px}.fc-gh b{font:600 18px/1.3 Outfit;color:var(--head)}.fc-gh span{font-size:14px;color:var(--muted)}
.fc-st{padding:14px 16px;display:flex;flex-direction:column;gap:6px}.fc-st b{font-weight:600}.fc-st p{font-size:13.5px;line-height:1.45;color:var(--fg)}
.fc-st.fc-ok{background:var(--okbg);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--ok) 35%,transparent)}.fc-st.fc-ok b{color:var(--ok)}
.fc-st.fc-bad{background:var(--badbg);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--bad) 35%,transparent)}.fc-st.fc-bad b{color:var(--bad)}
.fc-r{margin-top:auto;padding-top:8px;border-top:1px dashed color-mix(in oklab,currentColor 30%,transparent);font-size:12.5px;font-weight:500}.fc-ok .fc-r{color:var(--ok)}.fc-bad .fc-r{color:var(--bad)}
.fc-dash{border:1px dashed var(--line);background:transparent}.fc-st.fc-dash p{color:var(--muted)}
.fc-link{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px 0;font-size:13px;color:var(--muted);text-align:center}.fc-bad-t{color:var(--bad)}
.fc-gate .lab{padding-top:6px}
.fc-legend{display:flex;flex-wrap:wrap;gap:20px;margin-top:18px;font-size:13px;color:var(--muted)}.fc-legend i{display:inline-block;width:12px;height:12px;margin-right:8px;vertical-align:-1px}.fc-legend i.fc-ok{background:var(--okbg);box-shadow:inset 0 0 0 1px var(--ok)}.fc-legend i.fc-bad{background:var(--badbg);box-shadow:inset 0 0 0 1px var(--bad)}.fc-legend i.fc-dash{border:1px dashed var(--muted)}
@media(max-width:760px){.fc-row,.fc-link{grid-template-columns:1fr 1fr}.fc-span4,.fc-dec .fc-span2{grid-column:1/-1}.fc-gate{padding:16px}}
body[data-style=live] .fc-node,body[data-style=live] .fc-st{border-radius:8px}body[data-style=live] .fc-gate{border-radius:14px}body[data-style=live] .fc-gh b{font-family:'Plus Jakarta Sans';font-weight:700;font-size:17px}body[data-style=live] .fc-st b,body[data-style=live] .fc-node b{font-family:'Plus Jakarta Sans';font-weight:700}body[data-style=live] .fc-legend i{border-radius:2px}
.en-lab{position:absolute;display:flex;flex-direction:column;gap:2px;font:500 clamp(15px,1.5vw,22px)/1.3 'JetBrains Mono',ui-monospace,monospace;pointer-events:none;z-index:2}.en-lab b{color:var(--head);font-weight:500}.en-lab span{color:var(--accent)}
.en-gate{position:absolute;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;width:min(28vw,300px);z-index:2}.en-gate p{color:var(--head);font:500 clamp(15px,1.4vw,19px)/1.35 Outfit}
body[data-style=live] .en-gate p{font-family:'Plus Jakarta Sans';font-weight:700}
@media(max-width:760px){.en-lab{font-size:13px}.en-gate p{font-size:13px}.en-gate{width:30vw}}

/* V2: measures, rings, layers, lenses */
.ms-row{display:grid;grid-template-columns:220px minmax(0,1fr) minmax(0,1fr);gap:32px;padding:28px 0;border-top:1px solid var(--line);align-items:start}.ms-h{border-top:0;padding-bottom:8px}
.ms-l{display:flex;flex-direction:column;gap:14px}.ms-m{display:flex;flex-direction:column;gap:2px}.ms-m b{color:var(--head);font-weight:600}.ms-m span{color:var(--muted);font-size:15px;line-height:1.45}
.rg-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.rg-i{display:grid;grid-template-columns:40px 200px minmax(0,1fr);gap:16px;padding:14px 0;border-top:1px solid var(--line);align-items:baseline}.rg-i b{color:var(--head);font-weight:600}
.rg{position:relative;aspect-ratio:1;width:100%;max-width:520px;margin-left:auto}
.rg i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid var(--line);border-radius:50%;display:flex;justify-content:center}
.rg i span{font:500 12px/1 Outfit;letter-spacing:.08em;color:var(--muted);margin-top:4%}
.rg i.rg-c{background:var(--accent);border-color:var(--accent);align-items:center}.rg i.rg-c span{color:var(--bg);margin:0;font-weight:700}
.ly-r{display:grid;grid-template-columns:60px minmax(0,1fr) minmax(0,1.2fr) minmax(0,1.4fr);gap:24px;padding:22px 16px;border-top:1px solid var(--line);align-items:baseline}
.ly-on{background:color-mix(in oklab,var(--accent) 12%,transparent);border-top-color:var(--accent)}
.ln{display:grid;grid-template-columns:minmax(0,1fr) minmax(40px,.6fr) minmax(0,1fr) minmax(30px,.4fr) minmax(0,1fr);align-items:stretch;margin-top:8px}
.ln-col{display:flex;flex-direction:column;gap:20px}.ln-st{display:flex;flex-direction:column;height:380px}.ln-st>div{flex:1;display:flex;align-items:center}
.ln-w{height:380px;width:100%;margin-top:31px;overflow:visible}.ln-w line{stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke}.ln-w2 line{stroke:var(--accent);stroke-width:1.5}
.ln-box{display:block;width:100%;padding:16px 18px;border:1px solid var(--line);color:var(--head);font-weight:600}
.ln-pill{display:block;width:100%;padding:16px 18px;border:1.5px solid var(--accent);border-radius:40px;text-align:center;color:var(--head);font-weight:600}
.ln-out{display:block;padding:22px;background:var(--accent);color:var(--bg);font-weight:600;font-size:19px;line-height:1.3}
body[data-style=live] .ln-box,body[data-style=live] .ln-out{border-radius:10px}
/* V2b: cause chain, measure picker, how it works */
.cc-x{display:block;font:500 11px/1.2 'JetBrains Mono',monospace;color:var(--muted);margin-top:3px;letter-spacing:.04em}
.jg{margin-left:auto;width:min(640px,56%);display:flex;flex-direction:column;gap:32px}
.jg-t{display:grid;grid-template-columns:minmax(150px,1.3fr) repeat(5,minmax(0,1fr));row-gap:14px;align-items:center}
.jg-h{font:500 12px 'JetBrains Mono',monospace;color:var(--muted);border-left:1px solid var(--line);padding:0 0 8px 8px}
.jg-n{display:flex;flex-direction:column;gap:2px;opacity:.3;transition:opacity .7s}.jg-n b{font:600 20px/1.2 Outfit;color:var(--head)}
.jg-row{grid-column:2/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:14px;background:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px calc(20%))}
.jg-row i{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease)}
[data-step="0"] .jg-0,[data-step="1"] :is(.jg-0,.jg-1),[data-step="2"] :is(.jg-0,.jg-1,.jg-2),[data-step="3"] :is(.jg-0,.jg-1,.jg-2,.jg-3),[data-step="4"] :is(.jg-0,.jg-1,.jg-2,.jg-3,.jg-4){opacity:1}
[data-step="0"] .jg-0 i,[data-step="1"] :is(.jg-0,.jg-1) i,[data-step="2"] :is(.jg-0,.jg-1,.jg-2) i,[data-step="3"] :is(.jg-0,.jg-1,.jg-2,.jg-3) i,[data-step="4"] .jg-row i{transform:none}
.jg-row.jg-0 i{background:transparent;border:1.5px dashed var(--accent)}
body[data-style=live] .jg-n b{font-family:'Plus Jakarta Sans';font-weight:700;font-size:18px}body[data-style=live] .jg-row i{border-radius:7px}
@media(max-width:900px){.jg{width:100%;margin-top:38vh}.jg-t{grid-template-columns:110px repeat(5,minmax(0,1fr))}.jg-n b{font-size:15px}.jg-h{font-size:10px;padding-left:4px}}
.jo{position:absolute;inset:0;--jr:min(40vw,46vh)}.jo-s{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;width:240px;opacity:.28;transition:opacity .7s,transform .7s}.jo-s.jo-l{transform:translate(-100%,-50%);align-items:flex-end;text-align:right}.jo-s.jo-r{transform:translate(0,-50%);align-items:flex-start;text-align:left}
.jo-s b{font:600 clamp(22px,2.4vw,34px)/1.1 Outfit;letter-spacing:-.02em;color:var(--head)}.jo-s .mono{color:var(--accent)}
[data-step="0"] .jo-0,[data-step="1"] .jo-0,[data-step="1"] .jo-1,[data-step="2"] .jo-0,[data-step="2"] .jo-1,[data-step="2"] .jo-2,[data-step="3"] .jo-s:not(.jo-4),[data-step="4"] .jo-s{opacity:1}
body[data-style=live] .jo-s b{font-family:'Plus Jakarta Sans';font-weight:700}
@media(max-width:760px){.jo{--jr:0px;display:flex;flex-direction:column;justify-content:flex-end;gap:14px;padding:0 24px 8vh}.jo-s,.jo-s.jo-l,.jo-s.jo-r{position:static;transform:none;width:auto;align-items:flex-start;text-align:left}}
.mp-top{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.mp-tag{font:600 10.5px Outfit;letter-spacing:.14em;text-transform:uppercase;padding:4px 8px;border:1px solid var(--line);color:var(--muted)}.mp-tag.core{border-color:var(--accent);color:var(--accent)}
.mv{margin:22px 0;padding:20px;background:var(--bg);border:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.mv{position:relative}.mv-tag{align-self:flex-end;font:600 10.5px Outfit;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:20px;border:1px solid var(--line);color:var(--muted);margin:-6px -6px 4px 0}.mv-cap{font-size:12.5px;color:var(--muted);line-height:1.4}
.mv-bar{display:flex;height:22px;gap:2px}.mv-bar i{display:block}.mv-leg{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:13px;color:var(--fg)}.mv-leg i{display:inline-block;width:10px;height:10px;margin-right:6px;vertical-align:-1px}
.mv-dots{display:grid;grid-template-columns:repeat(10,1fr);gap:5px}.mv-dots i{aspect-ratio:1;border-radius:50%;border:1.5px solid var(--line)}
.mv-bars{display:flex;flex-direction:column;gap:8px}.mv-bars>div{display:grid;grid-template-columns:90px 1fr;gap:10px;align-items:center;font-size:14px;color:var(--muted)}.mv-bars>div.you{color:var(--head);font-weight:600}.mv-bars i{display:block;height:12px;background:var(--panel2)}.mv-bars b{display:block;height:100%}
.mv-chk{display:flex;flex-direction:column}.mv-chk>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--line);font-size:14px;color:var(--fg)}.mv-chk>div:first-child{border-top:0}.mv-chk em{font:600 11px Outfit;letter-spacing:.1em;text-transform:uppercase;font-style:normal;padding:3px 7px}.mv-chk em.y{background:var(--okbg);color:var(--ok)}.mv-chk em.n{background:var(--badbg);color:var(--bad)}
.mv-flow{display:flex;flex-wrap:wrap;gap:6px;align-items:stretch}.mv-arr{align-self:center;color:var(--muted)}.mv-st{flex:1 1 80px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;font-size:13px}.mv-st b{font-size:14px;font-weight:600}.mv-st span{line-height:1.3}.mv-st.mv-ok{background:var(--okbg);color:var(--ok)}.mv-st.mv-mid{background:var(--midbg);color:var(--mid)}.mv-st.mv-bad{background:var(--badbg);color:var(--bad)}
.mv-net{width:100%;max-width:260px;margin:0 auto;display:block}.mv-net line{stroke:var(--accent);stroke-width:.8}.mv-net circle{fill:var(--bg);stroke:var(--muted);stroke-width:.8}.mv-net circle.on{fill:var(--accent);stroke:var(--accent)}.mv-net circle.me{fill:var(--head);stroke:none}.mv-net text{font:600 6px Outfit;fill:var(--bg)}
.mv-grid{display:grid;gap:4px;align-items:center;font-size:12.5px}.mv-gh{color:var(--muted);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mv-gl{color:var(--fg)}.mv-c{height:18px;background:var(--panel2);display:block}.mv-c.mv-ok{background:var(--ok)}.mv-c.mv-mid{background:var(--mid)}.mv-c.mv-bad{background:var(--bad)}.mv-c.mv-acc{background:var(--accent)}
.mv-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mv-two>div{display:flex;flex-direction:column;gap:6px}.mv-two em{font-style:normal;font-size:14px;padding:6px 10px;border:1px dashed var(--line);color:var(--muted)}.mv-two em.m{border:1px solid var(--accent);color:var(--head);background:var(--panel2)}.mv-two em.x{border:1px solid var(--bad);color:var(--bad);background:var(--badbg)}
.mv-fr-ax{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:4px}.mv-fr-t{position:relative;height:78px;margin:8px 8px 0}.mv-fr-t i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--accent);transform:translateX(-50%)}.mv-fr-t i.old{background:var(--bad)}.mv-fr-t i span{position:absolute;left:14px;top:-3px;font:400 11.5px Outfit;font-style:normal;color:var(--fg);white-space:nowrap}.mv-fr-t i.old span{left:auto;right:14px}
body[data-style=live] .mv{border-radius:10px}body[data-style=live] .mv-st,body[data-style=live] .mv-two em,body[data-style=live] .mp-tag{border-radius:6px}
.cc-m{display:inline-flex;align-items:center;gap:3px;vertical-align:middle}.cc-m i{width:14px;height:5px;background:var(--line)}.cc-m em{font:500 12px/1 'JetBrains Mono',monospace;font-style:normal;margin-left:6px;letter-spacing:.04em}
.cc-ok i.on{background:var(--ok)}.cc-ok em{color:var(--ok)}.cc-mid i.on{background:var(--mid)}.cc-mid em{color:var(--mid)}.cc-bad i.on{background:var(--bad)}.cc-bad em{color:var(--bad)}
.cc-tabs{display:flex;flex-wrap:wrap;gap:2px;border:1px solid var(--line);padding:3px;width:max-content;max-width:100%;margin-bottom:16px}.cc-tabs button{background:none;border:0;padding:10px 16px;font:500 14px Outfit;color:var(--muted);cursor:pointer}.cc-tabs button.on{background:var(--panel2);color:var(--head)}
.cc-card{border:1px solid var(--line);background:var(--panel);padding:32px;display:flex;flex-direction:column;gap:18px}
.cc-hd{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:flex-start}.cc-score{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.cc-score .cc-m i{width:26px;height:8px}.cc-score .cc-m em{font-size:15px}
.cc-cols,.cc-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(60px,.55fr) minmax(0,1fr)}
.cc-col{display:flex;flex-direction:column}.cc-w{width:100%;overflow:visible}.cc-w path{fill:none;stroke:var(--muted);stroke-opacity:.45;stroke-width:1.2;vector-effect:non-scaling-stroke;transition:all .3s}.cc-w path.lit{stroke:var(--accent);stroke-opacity:1;stroke-width:2.4}.cc-w path.fade{stroke-opacity:.12}
.cc-b{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 18px;border:1px solid var(--line);background:var(--bg);color:var(--head);text-align:left;cursor:pointer;font:500 16px Outfit;transition:opacity .3s,border-color .3s,box-shadow .3s;flex:none}.cc-b:hover{border-color:var(--accent)}.cc-b.sel{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.cc-b.dim{opacity:.35}.cc-b b{font-weight:600}
.cc-why{border-top:1px solid var(--line);padding-top:20px;min-height:80px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:32px}.cc-why>p{grid-column:1/-1}.cc-why-h{display:flex;flex-direction:column;gap:8px}
.cc-rel{display:flex;flex-direction:column;gap:8px}.cc-r{display:flex;flex-direction:column;gap:2px;text-align:left;background:var(--bg);border:1px solid var(--line);padding:12px 14px;cursor:pointer;color:var(--fg);font:400 15px/1.45 Outfit}.cc-r b{color:var(--head);font-weight:600}.cc-r:hover{border-color:var(--accent)}
.mp{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:start}
.mp-list{display:flex;flex-direction:column;gap:28px}.mp-g{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--line);padding-top:16px}.mp-sub{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.mp-k{width:100%;font-size:13px;color:var(--muted)}
.mp-i{background:var(--bg);border:1px solid var(--line);padding:8px 12px;font:500 14px Outfit;color:var(--head);cursor:pointer}.mp-i.mp-b{border-style:dashed}.mp-i:hover{border-color:var(--accent)}.mp-i.on{background:var(--accent);border-color:var(--accent);color:var(--bg)}
.mp-p{position:sticky;top:100px;border:1px solid var(--line);background:var(--panel);padding:32px;display:flex;flex-direction:column}
.mp-rel{margin-top:22px;display:flex;flex-direction:column;gap:10px}.mp-rel>div{display:flex;flex-wrap:wrap;gap:6px}.mp-chip{background:none;border:1px solid var(--line);padding:6px 10px;font:500 13px Outfit;color:var(--fg);cursor:pointer}button.mp-chip:hover{border-color:var(--accent)}span.mp-chip{cursor:default}
.mp-go{margin-top:24px;align-self:flex-start;background:none;border:0;padding:0;font:600 15px Outfit;color:var(--accent);cursor:pointer}.mp-go:hover{text-decoration:underline}
.hw-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}.hw-s{display:flex;flex-direction:column;gap:8px}.hw-s i{height:6px;background:var(--accent);margin-bottom:10px}
.hw-wk{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:32px}.hw-wk>div{background:var(--panel2);padding:14px 16px;display:flex;flex-direction:column;gap:4px}.hw-wk>div:first-child{background:transparent;border:1px dashed var(--line)}.hw-wk b{color:var(--head);font-weight:600}.hw-wk>div>span:last-child{font-size:14px;color:var(--muted);line-height:1.4}
.hw-foot{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}.hw-chips{display:flex;flex-wrap:wrap;gap:6px}.hw-chips span{background:var(--panel2);padding:7px 12px;font-size:15px;color:var(--head)}
.hw-dec{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;align-items:center}.hw-fork{display:grid;grid-template-columns:1fr 1fr;gap:2px}.hw-opt{border:1px solid var(--line);padding:28px;display:flex;flex-direction:column;gap:8px}.hw-opt-y{background:var(--panel2);border-color:var(--accent)}
.hw-loop{position:relative;height:440px;max-width:960px;margin:0 auto}.hw-n{position:absolute;width:32%;border:1px solid var(--line);background:var(--bg);padding:20px 22px;display:flex;flex-direction:column;gap:6px;z-index:1}.hw-n b{color:var(--head);font-weight:600;font-size:18px}.hw-n p{font-size:15px;line-height:1.45;color:var(--muted)}
.hw-n0{left:34%;top:0;border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.hw-n1{right:0;bottom:0}.hw-n2{left:0;bottom:0}
.hw-ar{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.hw-ar path{fill:none;stroke:var(--accent);stroke-width:1.6;vector-effect:non-scaling-stroke}.hw-ar marker path{fill:var(--accent);stroke:none}
.hw-al{position:absolute;font:500 13px 'JetBrains Mono',monospace;color:var(--accent)}.hw-al0{right:2%;top:32%}.hw-al1{left:50%;bottom:22%;transform:translateX(-50%)}.hw-al2{left:2%;top:32%}
.hw-t{display:flex;flex-direction:column}.hw-tr{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,.8fr) minmax(0,.8fr) minmax(0,1.2fr) minmax(0,1.2fr);gap:24px;padding:22px 0;border-top:1px solid var(--line);align-items:baseline}.hw-th{border-top:0;padding-bottom:8px}.hw-tr b{color:var(--head);font-weight:600;font-size:18px;display:block;margin-bottom:4px}.hw-tr>span{font-size:15px}
.hw-y{color:var(--muted)}.hw-y.on{color:var(--accent);font-weight:600}
body[data-style=live] .cc-card,body[data-style=live] .mp-p,body[data-style=live] .hw-n,body[data-style=live] .hw-opt{border-radius:14px}body[data-style=live] .cc-b,body[data-style=live] .cc-r,body[data-style=live] .mp-i,body[data-style=live] .mp-chip,body[data-style=live] .hw-wk>div,body[data-style=live] .hw-chips span,body[data-style=live] .cc-tabs,body[data-style=live] .cc-tabs button{border-radius:10px}body[data-style=live] .cc-b,body[data-style=live] .mp-i,body[data-style=live] .cc-tabs button,body[data-style=live] .mp-go,body[data-style=live] .hw-n b{font-family:'DM Sans'}
@media(max-width:900px){.cc-card{padding:20px}.cc-cols{display:none}.cc-g{grid-template-columns:1fr;height:auto!important;gap:24px}.cc-w{display:none}.cc-col{padding-top:0!important}.cc-why{grid-template-columns:1fr}
.mp{grid-template-columns:1fr}.mp-p{position:static}.hw-steps,.hw-foot,.hw-dec,.hw-fork{grid-template-columns:1fr}.hw-wk{grid-template-columns:1fr}.hw-wk>div{grid-column:auto!important}
.hw-loop{height:auto;display:flex;flex-direction:column;gap:12px}.hw-n{position:static;width:auto}.hw-ar,.hw-al{display:none}.hw-th{display:none}.hw-tr{grid-template-columns:1fr 1fr;gap:10px}.hw-tr>div{grid-column:1/-1}.hw-tr>span:before{content:attr(data-l);display:block;font:600 11px Outfit;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}}
@media(max-width:900px){.ms-row,.rg-g,.ly-r{grid-template-columns:1fr;gap:12px}.ms-h{display:none}.rg-i{grid-template-columns:40px minmax(0,1fr)}.rg-i .body{grid-column:2}.rg{margin:0 auto;max-width:360px}
.ln{grid-template-columns:1fr;gap:24px}.ln-w{display:none}.ln-st{height:auto;gap:10px}}

/* 16 Oct 2026 revisions */
[data-step="3"] .ch-c3{opacity:1;transform:none}
.bl-fn{transition:opacity .8s}[data-form=blend][data-step="2"] .bl-fn,[data-form=blend][data-step="3"] .bl-fn{opacity:0}
[data-form=blend][data-step="3"] .ch-ailab{opacity:1}
.sh-tn{max-width:520px}
.sh-row{display:flex;flex-direction:column;gap:6px;padding:16px 0;border-top:1px solid var(--line)}.sh-row b{font:600 20px/1.3 Outfit;color:var(--head)}.sh-row p{margin:0;color:var(--fg);font-size:16px;line-height:1.55}
.vl{max-width:580px;display:flex;flex-direction:column;gap:20px}
.vl-r{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 16px;padding:18px 0;border-top:1px solid var(--line)}.vl-r>.mono{grid-row:span 2;color:var(--accent)}.vl-r>b{font:600 19px/1.3 Outfit;color:var(--head)}.vl-r p{margin:0;font-size:15.5px;line-height:1.55;color:var(--fg)}
@media(max-width:900px){.vl{max-width:none}}
.kr-cad{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.kr-cad span{font:500 11px/1 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase;padding:6px 8px;border:1px solid var(--line);color:var(--muted)}
.kr-agent{margin-top:28px;padding:24px;border:1.5px solid var(--accent);background:var(--panel);display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.rp-t{display:flex;flex-direction:column;gap:12px;padding-top:24px;border-top:3px solid var(--accent)}.rp-n{font:200 64px/1 Outfit;color:var(--accent);letter-spacing:-.04em}
.sc-c{display:flex;flex-direction:column;gap:12px;text-align:center;align-items:center}.sc-c .lab{display:block;margin-bottom:4px}
@media(max-width:760px){.sc-c{text-align:left;align-items:flex-start}}
.ag-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;position:relative}.ag-path:before{content:"";position:absolute;left:0;right:0;top:9px;height:1px;background:var(--accent);opacity:.5}
.ag-s{position:relative;padding-top:36px;display:flex;flex-direction:column;gap:10px}.ag-s:before{content:"";position:absolute;left:0;top:2px;width:15px;height:15px;border-radius:50%;background:var(--bg);border:2px solid var(--accent)}
@media(max-width:900px){.ag-path{grid-template-columns:1fr 1fr}.ag-path:before{display:none}}
.ag-acts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.ag-a{background:var(--bg);padding:28px;display:flex;flex-direction:column;gap:8px}.ag-a b{font:600 22px/1.2 Outfit;color:var(--head)}
@media(max-width:900px){.ag-acts{grid-template-columns:1fr 1fr}}@media(max-width:560px){.ag-acts{grid-template-columns:1fr}}
.cmp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:24px;align-items:stretch}.cmp-c{padding:32px;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;gap:14px}.cmp-c ul{margin:0;padding:0;list-style:none}.cmp-c li{padding:12px 0;border-top:1px solid var(--line);color:var(--fg)}.cmp-a{border:1.5px solid var(--accent)}.cmp-a li{color:var(--head)}
@media(max-width:800px){.cmp{grid-template-columns:1fr}}
.ct-next{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}@media(max-width:800px){.ct-next{grid-template-columns:1fr}}
.dm-t{display:flex;flex-direction:column;gap:10px;padding-top:20px;border-top:1px solid var(--line)}
/* The shift: then/now, layers, compounding (web visuals, no particles) */
.tn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}.tn-col{display:flex;flex-direction:column;gap:20px}
.tn-mock{border:1px solid var(--line);background:var(--panel);padding:24px;display:flex;flex-direction:column;gap:16px;min-height:300px}
.tn-bar{border:1px solid var(--line);padding:12px 16px;font:400 15px Outfit;color:var(--muted)}
.tn-link{display:grid;grid-template-columns:14px minmax(0,1fr);gap:6px 12px;align-items:center}.tn-link i{grid-row:span 2;width:14px;height:14px;border-radius:50%;background:var(--line)}.tn-link b{height:10px;background:var(--muted);opacity:.45}.tn-link span{height:6px;background:var(--line)}
.tn-chat{justify-content:flex-start}.tn-q{align-self:flex-end;max-width:88%;margin:0;padding:14px 18px;border:1px solid var(--line);font:italic 400 17px/1.5 Fraunces,Georgia,serif;color:var(--head)}
.tn-a{border-top:3px solid var(--accent);padding-top:14px;display:flex;flex-direction:column;gap:10px}.tn-a p{margin:0;color:var(--fg);line-height:1.6}.tn-a b{color:var(--head);font-weight:600}
.tn-src{display:flex;gap:8px;flex-wrap:wrap}.tn-src span{font:500 11px/1 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase;padding:6px 8px;border:1px solid var(--line);color:var(--muted)}
@media(max-width:900px){.tn{grid-template-columns:1fr}}
.gk{display:flex;flex-direction:column;gap:8px;max-width:980px}
.gk-top{padding:22px 28px;border:1.5px solid var(--accent);display:flex;justify-content:space-between;align-items:center;gap:16px}.gk-top p{margin:0;color:var(--head)}
.gk-l{display:grid;grid-template-columns:48px 200px minmax(0,1fr);gap:16px;align-items:baseline;padding:22px 28px;border:1px solid var(--line);background:var(--panel);margin-left:calc(var(--i) * 28px);animation:gkd calc(9s + var(--i) * 3s) ease-in-out infinite alternate}
.gk-l .mono{color:var(--accent)}.gk-l b{font:600 20px/1.3 Outfit;color:var(--head)}.gk-l p{margin:0;font-size:16px;line-height:1.55;color:var(--fg)}
@keyframes gkd{from{transform:translateX(0)}to{transform:translateX(calc(14px - var(--i) * 6px))}}
@media(max-width:800px){.gk-l{grid-template-columns:40px minmax(0,1fr);margin-left:0}.gk-l p{grid-column:2}}
@media(prefers-reduced-motion:reduce){.gk-l{animation:none}}
.wn{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;align-items:end}
.wn-s{display:flex;flex-direction:column;gap:10px}.wn-b{height:220px;display:flex;align-items:flex-end;border-bottom:1px solid var(--line)}
.wn-b i{display:block;width:100%;height:0;background:var(--accent);opacity:var(--o);transition:height 1s var(--ease) .2s}.on .wn-b i,.wn-s.on .wn-b i{height:var(--h)}
.wn-s .mono{color:var(--accent);margin-top:6px}.wn-s b{font:600 19px/1.3 Outfit;color:var(--head)}.wn-s p{margin:0;font-size:15px;line-height:1.55;color:var(--fg)}
@media(max-width:900px){.wn{grid-template-columns:1fr}.wn-b{height:auto;border:0}.wn-b i{height:10px!important;width:0;transition:width 1s var(--ease) .2s}.wn-s.on .wn-b i{width:var(--h)}}
/* About loop diagram, Product summary */
.lp-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}@media(max-width:900px){.lp-g{grid-template-columns:1fr}}
.lp{position:relative;width:100%;max-width:480px;aspect-ratio:1;margin:0 auto}.lp-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.lp-svg path{fill:none;stroke:var(--accent);stroke-width:1.5;opacity:.7}.lp-svg marker path{fill:var(--accent);stroke:none;opacity:1}
.lp-n{position:absolute;transform:translate(-50%,-50%);background:var(--bg);border:1px solid var(--line);padding:12px 16px;display:flex;flex-direction:column;gap:4px;text-align:center;min-width:120px}.lp-n b{font:600 17px/1.2 Outfit;color:var(--head)}.lp-n .mono{color:var(--accent)}
.lp-0{left:50%;top:10%}.lp-1{left:90%;top:50%}.lp-2{left:50%;top:90%}.lp-3{left:10%;top:50%}
.lp-c{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46%;text-align:center;display:flex;flex-direction:column;gap:8px}.lp-c p{margin:0;font-size:15px;line-height:1.5;color:var(--fg)}
.pd{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));border:1.5px solid var(--accent);background:var(--panel)}
.pd>div{padding:32px;display:flex;flex-direction:column;gap:12px}.pd-c{border-left:1px solid var(--line)}.pd-c ul{margin:0;padding:0;list-style:none}.pd-c li{padding:8px 0;border-top:1px solid var(--line);color:var(--head);font-size:16px}
.pd-f{grid-column:1/-1;border-top:1px solid var(--line);flex-direction:row!important;align-items:center;flex-wrap:wrap;gap:24px!important}
@media(max-width:1000px){.pd{grid-template-columns:1fr 1fr}.pd-h{grid-column:1/-1}.pd-c{border-left:0;border-top:1px solid var(--line)}}@media(max-width:600px){.pd{grid-template-columns:1fr}}

/* The shift: review options for Ground and Why now */
.opt{position:relative}.opt-seg{position:absolute;right:0;top:-64px;z-index:5}
.gA{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:start}
.gA-l{display:flex;flex-direction:column}
.gA-i{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:0 12px;align-items:baseline;text-align:left;padding:22px 24px;border:1px solid var(--line);background:transparent;margin-top:-1px;transition:background .3s,border-color .3s}
.gA-i .mono{color:var(--accent)}.gA-i b{font:600 21px/1.3 Outfit;color:var(--muted);transition:color .3s}.gA-i:hover b,.gA-i.on b{color:var(--head)}
.gA-i p{grid-column:2;margin:0;font-size:16px;line-height:1.55;color:var(--fg);max-height:0;opacity:0;overflow:hidden;transition:max-height .6s var(--ease),opacity .5s,margin .5s}
.gA-i.on{background:var(--panel);border-color:var(--accent);z-index:1}.gA-i.on p{max-height:140px;opacity:1;margin-top:8px}
.gA.auto .gA-i.on:after{content:"";position:absolute;left:-1px;right:-1px;bottom:-1px;height:2px;background:var(--accent);transform-origin:left;animation:gAp 4.2s linear}
@keyframes gAp{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.gA-b{padding:28px;display:flex;flex-direction:column;gap:22px}
.gA-q{font:300 19px/1.5 Outfit;color:var(--head)}
.gA-rows{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.gA-r{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);animation:bub .6s var(--ease) both;transition:opacity .5s}
.gA-r b{font:600 16px Outfit;color:var(--head)}.gA-r span{font-size:15px;color:var(--fg)}
.gA-r.you{background:var(--panel2);padding-left:12px;padding-right:12px;margin:0 -12px}.gA-r.you b{color:var(--accent)}
.gA-r.off b,.gA-r.off span{opacity:.35;text-decoration:line-through}
.gA-r em{font:600 11px Outfit;font-style:normal;letter-spacing:.14em;text-transform:uppercase;padding:5px 9px;color:var(--bad);background:var(--badbg)}
.gA-r.add em{color:var(--mid);background:var(--panel2)}
.gA-src{display:flex;flex-direction:column;gap:10px}.gA-src div{display:flex;gap:8px;flex-wrap:wrap}
.gA-src i{font:500 11px/1 'JetBrains Mono',monospace;font-style:normal;letter-spacing:.06em;text-transform:uppercase;padding:7px 9px;border:1px solid var(--line);color:var(--fg);animation:bub .5s var(--ease) both}
.gA-src i.x{opacity:.4;text-decoration:line-through}.gA-src i.n{border-color:var(--accent);color:var(--accent)}
.gA-note{grid-column:2}
@media(max-width:900px){.gA{grid-template-columns:1fr}.gA-note{grid-column:1}.gA-r{grid-template-columns:minmax(0,1fr) auto}.gA-r span{grid-column:1;grid-row:2}}
.gB{display:grid;grid-template-columns:640px minmax(0,1fr);gap:48px;align-items:center}
.gB-st{position:relative;height:560px}
.gB-p{position:absolute;left:62px;top:calc(var(--i) * 84px - 44px);width:300px;height:300px;transform:rotateX(60deg) rotateZ(-45deg);transition:transform .8s var(--ease)}
.gB-p.on{transform:rotateX(60deg) rotateZ(-45deg) translateZ(26px)}
.gB-f{position:absolute;inset:0;border:1px solid var(--line);background:color-mix(in oklab,var(--accent) calc(14% - var(--i) * 2%),var(--bg));animation:gBd var(--t) var(--ease) infinite alternate;transition:border-color .5s,background .5s}
.gB-p.top .gB-f{background:color-mix(in oklab,var(--accent) 30%,var(--bg));border-color:var(--accent)}
.gB-p.on .gB-f{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 22%,var(--bg))}
.gB.auto .gB-p.on~.gB-p.top .gB-f,.gB-p.top .gB-f{animation-duration:6s}
@keyframes gBd{from{transform:translate(0,0)}to{transform:translate(var(--dx),var(--dy))}}
.gB-lb{position:absolute;left:448px;top:calc(var(--i) * 84px + 106px);transform:translateY(-50%);display:flex;gap:12px;align-items:baseline;font:500 17px Outfit;color:var(--muted);white-space:nowrap;transition:color .4s}
.gB-lb:before{content:"";position:absolute;right:calc(100% + 8px);top:50%;width:22px;height:1px;background:var(--line)}
.gB-lb .mono{color:var(--accent)}.gB-lb.on,.gB-lb.top{color:var(--head)}.gB-lb.top{font-weight:600}
.gB-c{display:flex;flex-direction:column;gap:32px}
.gB-tabs{display:flex;flex-wrap:wrap}.gB-tabs button{display:flex;gap:8px;align-items:baseline;padding:12px 16px;border:1px solid var(--line);background:transparent;margin-left:-1px;font:500 15px Outfit;color:var(--muted)}
.gB-tabs button .mono{color:var(--accent)}.gB-tabs button.on{border-color:var(--accent);color:var(--head);background:var(--panel);position:relative}
.gB-d{display:flex;flex-direction:column;gap:16px;animation:bub .6s var(--ease) both}
@media(max-width:1200px){.gB{grid-template-columns:1fr}}
@media(max-width:700px){.gB-st{display:none}}
@media(prefers-reduced-motion:reduce){.gB-f{animation:none}}
.wA,.wB{display:flex;flex-direction:column;gap:56px}
.wA-ch svg{width:100%;display:block;overflow:visible}
.wA-ax{stroke:var(--line);stroke-width:1}
.wA-gap{fill:var(--accent);opacity:0;transition:opacity 1.2s var(--ease) 1s}.on .wA-gap{opacity:.12}
.wA-n,.wA-l{fill:none;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2s var(--ease) .2s}.on .wA-n,.on .wA-l{stroke-dashoffset:0}
.wA-n{stroke:var(--accent);stroke-width:3}.wA-l{stroke:var(--muted);stroke-width:2;stroke-dasharray:1;opacity:.7}
.wA-t{font:400 13px 'JetBrains Mono',monospace;fill:var(--accent);letter-spacing:.06em;opacity:0;transition:opacity 1s 1.6s}.on .wA-t{opacity:1}
.wA-m{opacity:0;transition:opacity .6s;cursor:pointer}.on .wA-m{opacity:1}
.wA-m circle{fill:var(--bg);stroke:var(--accent);stroke-width:1.5;transition:fill .25s}.wA-m text{font:600 13px Outfit;fill:var(--accent);text-anchor:middle;transition:fill .25s}
.wA-m.on circle{fill:var(--accent)}.wA-m.on text{fill:var(--bg)}
.wA-k{display:flex;gap:28px;flex-wrap:wrap;margin-top:20px;font:500 14px Outfit;color:var(--fg)}.wA-k span{display:flex;align-items:center;gap:10px}
.wA-k i{display:block;width:28px;height:0;border-top:3px solid var(--accent)}.wA-k i.l{border-top:2px solid var(--muted);opacity:.7}.wA-x{margin-left:auto;font:400 12px 'JetBrains Mono',monospace;color:var(--muted)}
.wI{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.wI-i{display:flex;flex-direction:column;gap:10px;padding:22px 20px 0 0;outline:0;cursor:default;transition:opacity .3s}
.wI-i .mono{color:var(--accent)}.wI-i b{font:600 18px/1.3 Outfit;color:var(--head)}.wI-i p{margin:0;font-size:15px;line-height:1.55;color:var(--fg)}
.wI:has(.wI-i.on) .wI-i:not(.on){opacity:.45}
@media(max-width:900px){.wI{grid-template-columns:1fr}.wI-i{padding-bottom:22px;border-bottom:1px solid var(--line)}}
.wB-ch{position:relative;display:flex;flex-direction:column;gap:28px;padding-top:44px}
.wB-ln{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:center}
.wB-tr{position:relative;height:44px}
.wB-dash{position:absolute;left:0;top:50%;border-top:2px dashed var(--line)}
.wB-fill{position:absolute;right:0;top:50%;height:4px;margin-top:-1px;background:var(--accent);transform-origin:left;transform:scaleX(0);transition:transform 1.8s var(--ease) .3s}.on .wB-fill{transform:scaleX(1)}
.wB-ln.g .wB-fill{background:var(--muted);opacity:.6}
.wB-m{position:absolute;top:50%;width:40px;height:40px;margin:-19px 0 0 -20px;border:1.5px solid var(--accent);background:var(--bg);color:var(--accent);font:600 13px Outfit;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s var(--ease),background .25s,color .25s}
.on .wB-m{opacity:1;transform:none}.wB-m.on{background:var(--accent);color:var(--bg)}
.wB-ln.g .wB-m{border-color:var(--muted);color:var(--muted);border-style:dashed}.wB-ln.g .wB-m.on{background:var(--muted);color:var(--bg)}
.wB-set{position:absolute;top:0;bottom:30px;border-left:1px solid var(--accent);padding-left:10px}.wB-set .mono{color:var(--accent)}
.wB-ax{display:grid;grid-template-columns:160px minmax(0,1fr)}.wB-ax div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px}
@media(max-width:700px){.wB-ln,.wB-ax{grid-template-columns:90px minmax(0,1fr)}.wB-set{left:calc(90px + (100% - 90px) * .84)!important}.wB-m{width:30px;height:30px;margin:-14px 0 0 -15px;font-size:11px}}

/* A/B round 2 (16 Oct): shared switch */
.opt-sc{position:relative}.opt-sc>.opt-seg{top:96px;right:24px;position:absolute}
.q-ok{background:var(--ok)}.q-mid{background:var(--mid)}.q-bad{background:var(--bad)}
/* Methodology scoring */
.scg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.scg-c{display:flex;flex-direction:column;gap:20px;padding:28px;border:1px solid var(--line);background:var(--panel)}
.scg-sl{width:100%;aspect-ratio:26/25}
.scg-lg{display:flex;flex-wrap:wrap;gap:8px 18px}.scg-lg span{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--fg);cursor:default}.scg-lg i{width:10px;height:10px;border-radius:50%;flex:none}
.sqg{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:3px;width:100%}
.sqg i{aspect-ratio:1;opacity:0;transform:scale(.2);transition:opacity .4s var(--d),transform .6s var(--ease) var(--d),filter .3s}
.on .sqg i{opacity:1;transform:none}
.sqg.hl i{transition-delay:0s}.sqg.hl-ok i:not(.q-ok),.sqg.hl-mid i:not(.q-mid),.sqg.hl-bad i:not(.q-bad){opacity:.15}
@media(max-width:900px){.scg{grid-template-columns:1fr}}
/* About loop B */
.lr{display:flex;flex-direction:column;gap:10px}
.lr-h,.lr-r{display:grid;grid-template-columns:84px repeat(4,minmax(0,1fr));gap:6px;align-items:center}.lr-h .mono{color:var(--accent);padding-left:12px}
.lr-r .lab{transition:color .3s}.lr-r.cur .lab{color:var(--head)}
.lr-c{height:64px;padding:0 12px;text-align:left;border:1px solid var(--line);background:transparent;transition:background .4s,border-color .4s}
.lr-c b{font:500 15px Outfit;color:var(--muted);transition:color .3s}
.lr-c.done{background:var(--panel2)}.lr-c.done b{color:var(--fg)}
.lr-c.on{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 22%,transparent)}.lr-c.on b{color:var(--head)}
.lr-x{padding:4px 0 4px 90px;position:relative}.lr-x:before{content:"";position:absolute;left:90px;top:0;bottom:0;width:0;border-left:1px dashed var(--line)}.lr-x .mono{padding-left:14px;transition:color .4s}.lr-x.done .mono{color:var(--accent)}
.lr-f{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.lr-f p{margin:0;color:var(--fg);font-size:15px}
@media(max-width:600px){.lr-h,.lr-r{grid-template-columns:56px repeat(4,minmax(0,1fr))}.lr-c{padding:0 6px}.lr-c b{font-size:12px}.lr-x{padding-left:62px}.lr-x:before{left:62px}}
/* Shift what changed B */
.cb{display:flex;flex-direction:column;gap:14px}
.cb-row{display:grid;grid-template-columns:90px repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.cb-h{padding-bottom:4px}
.cb-c{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid var(--line);background:var(--panel);min-height:100%}
.cb-now .cb-c{border-color:color-mix(in oklab,var(--accent) 45%,transparent)}
.cb-c b{font:600 18px/1.3 Outfit;color:var(--head)}.cb-c p{margin:0;font-size:15px;line-height:1.55;color:var(--fg)}
.cb-v{height:130px;margin-bottom:8px;position:relative;display:flex;flex-direction:column;justify-content:center}
.cb-v .tn-q{font-size:15px}
.cb-tabs i{position:absolute;left:calc(8% + var(--i) * 9%);top:calc(14px + var(--i) * 12px);width:56%;height:60px;border:1px solid var(--line);background:var(--bg);animation:cbt 5s var(--ease) infinite;animation-delay:calc(var(--i) * .25s)}
.cb-tabs .mono{position:absolute;right:0;bottom:0}
@keyframes cbt{0%,10%{opacity:0;transform:translateY(8px)}25%,85%{opacity:1;transform:none}100%{opacity:0}}
.cb-links{gap:10px}.cb-links i{display:block;height:10px;background:var(--line)}.cb-links i.on{background:var(--accent);animation:cbk 3s infinite}
@keyframes cbk{0%,60%{opacity:1}70%{opacity:.3}80%,100%{opacity:1}}
.cb-ai{align-items:center}.cb-ai b{width:64px;height:64px;display:grid;place-items:center;font:600 16px Outfit;color:var(--bg);background:var(--accent);position:relative;z-index:1}
.cb-ai i{position:absolute;left:50%;top:50%;font:500 10px/1 'JetBrains Mono',monospace;font-style:normal;letter-spacing:.06em;text-transform:uppercase;padding:5px 7px;border:1px solid var(--line);color:var(--muted);animation:cba 4.2s var(--ease) infinite;animation-delay:calc(var(--i) * .7s);opacity:0}
@keyframes cba{0%{opacity:0;transform:translate(calc(-50% + cos(calc(var(--i) * 60deg)) * 130px),calc(-50% + sin(calc(var(--i) * 60deg)) * 56px))}20%{opacity:1}80%{opacity:.8}100%{opacity:0;transform:translate(-50%,-50%) scale(.6)}}
.cb-ans{gap:8px}.cb-ans span{padding:10px 12px;font:600 14px Outfit;color:var(--head);border:1px solid var(--line);background:var(--bg);animation:bub .6s var(--ease) both}.cb-ans span:nth-child(2){animation-delay:.15s}.cb-ans span:nth-child(3){animation-delay:.3s}
@media(max-width:900px){.cb-row{grid-template-columns:1fr}.cb-h{display:none}}
/* Product keep running */
.kr-pg{display:flex;flex-direction:column;gap:40px}
.kr-key{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;max-width:580px;margin-left:auto;font-size:14px;color:var(--fg)}.kr-key>span{display:flex;align-items:center;gap:8px}.kr-key i{width:10px;height:10px;border-radius:50%}.kr-key .mono{flex-basis:100%;justify-content:flex-end}
@media(max-width:900px){.kr-key{margin-left:0}.kr-key .mono{justify-content:flex-start}}
.rc{position:sticky;top:120px}
.rc-t{display:flex;flex-direction:column}
.rc-r{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr) 92px;gap:12px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);animation:bub .5s var(--ease) both}
.rc-hd{animation:none;padding-top:14px;padding-bottom:10px}
.rc-r.mv{background:var(--panel)}
.rc-q{font-size:15px;color:var(--head)}
.rc-s{font:600 11px/1 Outfit;font-style:normal;letter-spacing:.12em;text-transform:uppercase;padding:7px 8px;justify-self:start;color:var(--bg)}
.rc-d{font:500 12px 'JetBrains Mono',monospace;color:var(--muted)}.rc-d.up{color:var(--ok)}.rc-d.dn{color:var(--bad)}
.rc-f{display:flex;justify-content:space-between;align-items:center;padding:14px 20px}
.rc-dots{display:flex;gap:6px}.rc-dots button{width:24px;height:4px;padding:0;border:0;background:var(--line)}.rc-dots button.on{background:var(--accent)}
@media(max-width:600px){.rc-r{grid-template-columns:minmax(0,1fr) auto;padding:12px 14px}.rc-q{grid-column:1/-1}.rc-hd{display:none}.rc-d{grid-column:1/-1}}
/* Agent hero B */
.ah{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.ah-g{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.ah-site{padding:22px;display:flex;flex-direction:column;gap:12px;border-right:1px solid var(--line)}
.ah-url{font:400 12px 'JetBrains Mono',monospace;color:var(--muted);padding:9px 12px;border:1px solid var(--line)}.ah-url b{color:var(--accent);font-weight:400}
.ah-t{font:600 20px Outfit;color:var(--head);margin-top:6px}
.ah-f{display:flex;flex-direction:column;gap:6px}.ah-v{display:block;height:38px;padding:10px 12px;border:1px solid var(--line);font-size:14px;color:var(--head);transition:border-color .4s}.ah-f.on .ah-v{border-color:var(--accent)}
.ah-btn{align-self:flex-start;padding:10px 18px;font:600 14px Outfit;background:var(--panel2);color:var(--head);transition:background .3s,color .3s}.ah-btn.on{background:var(--accent);color:var(--bg)}
.ah-res{padding:10px 12px;font-size:14px;color:var(--ok);background:var(--okbg);animation:bub .5s var(--ease) both}.ah-res.bad{color:var(--bad);background:var(--badbg)}
.ah-steps{padding:22px;display:flex;flex-direction:column;gap:6px}
.ah-s{display:grid;grid-template-columns:12px 28px minmax(0,1fr);gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);color:var(--muted)}
.ah-s i{width:10px;height:10px;border-radius:50%;background:var(--line);transition:background .3s}.ah-s b{font:500 15px Outfit;color:var(--muted);transition:color .3s}.ah-s .mono{color:var(--accent)}
.ah-s.on i{background:var(--accent);animation:ty 1s infinite}.ah-s.on b,.ah-s.done b{color:var(--head)}.ah-s.done i{background:var(--ok)}.ah-s.bad i{background:var(--bad)}.ah-s.bad b{color:var(--bad)}.ah-s.na{opacity:.4}
.ah-out{margin-top:10px;padding:14px;border:1px solid var(--accent);display:flex;flex-direction:column;gap:6px;animation:bub .5s var(--ease) both}.ah-out p{margin:0;font-size:14px;color:var(--fg)}.ah-out.bad{border-color:var(--bad)}
@media(max-width:1000px){.ah{grid-template-columns:1fr}}
@media(max-width:560px){.ah-g{grid-template-columns:1fr}.ah-site{border-right:0;border-bottom:1px solid var(--line)}}
/* Home blend options (17 Oct) */
[data-step="3"] .ch-c3{opacity:1;transform:none}
.bn-w{position:absolute;left:0;right:0;top:calc(12vh + 290px);bottom:8vh}.bn-in{position:relative;height:100%}
.bn-il{position:absolute;right:0;bottom:-28px}
.bn-l{position:absolute;inset:0;transition:opacity .8s var(--ease)}
.bn-fn{display:flex;flex-direction:column;justify-content:flex-end}
.bn-ai{opacity:0;transition:opacity .8s var(--ease)}
.bn-aib{border:1px solid var(--accent);color:var(--accent);font:600 16px Outfit;padding:14px 20px;text-align:center}
.bn-drops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;height:min(9vh,64px)}
.bn-drops span{position:relative}.bn-drops span:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--accent)}
.bn-drops i{position:absolute;left:50%;top:0;width:9px;height:9px;margin-left:-4px;border-radius:50%;background:var(--accent);animation:bnd 1.8s var(--ease) infinite}
@keyframes bnd{0%{transform:translateY(0);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(min(8vh,56px));opacity:0}}
.bn-sts{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;align-items:center;height:min(22vh,190px)}
.bn-st{background:var(--panel2);display:flex;align-items:center;justify-content:center;text-align:center;padding:0 8px;font:500 clamp(15px,1.4vw,20px) Outfit;color:var(--head);transition:box-shadow .6s}
.bn-st:nth-child(1){height:100%}.bn-st:nth-child(2){height:74%}.bn-st:nth-child(3){height:48%}
.bn-walk{position:absolute;top:50%;left:0;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--accent);animation:bnw 4.5s linear infinite;transition:opacity .4s}
@keyframes bnw{0%{left:0;opacity:0}6%{opacity:1}94%{opacity:1}100%{left:calc(100% - 12px);opacity:0}}
[data-step="1"] .bn-ai{opacity:1}[data-step="1"] .bn-walk{opacity:0}[data-step="1"] .bn-st{box-shadow:inset 0 0 0 1px var(--accent)}
.bn-rt{opacity:0;display:flex;flex-direction:column;justify-content:center;gap:10px}
[data-step="2"] .bn-fn,[data-step="3"] .bn-fn{opacity:0}[data-step="2"] .bn-rt,[data-step="3"] .bn-rt{opacity:1}
.bn-r{display:grid;grid-template-columns:160px minmax(0,1fr) 180px;align-items:center;transition:opacity .6s var(--ease)}
.bn-n,.bn-y{padding:12px 16px;font:500 16px Outfit;color:var(--head);border:1px solid var(--line);background:var(--bg)}.bn-y{border-color:var(--head);text-align:center;transition:all .5s}
.bn-t{position:relative;height:1px;background:var(--line);margin:0 12px}
.bn-t i{position:absolute;top:-4px;left:0;width:9px;height:9px;border-radius:50%;background:var(--muted);animation:bnr 3s linear infinite}
@keyframes bnr{from{left:0}to{left:calc(100% - 9px)}}@keyframes bnh{from{left:0;opacity:1}90%{opacity:1}to{left:calc(50% - 9px);opacity:0}}
.bn-r.ai .bn-n{border-color:var(--accent);color:var(--accent)}.bn-r.ai .bn-t{background:var(--accent)}.bn-r.ai .bn-t i{background:var(--accent)}
.bn-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;background:var(--bg);border:1px solid var(--accent);padding:8px 14px;font:400 12px 'JetBrains Mono',monospace;font-style:normal;color:var(--accent);white-space:nowrap;opacity:0;transition:opacity .6s}
[data-step="3"] .bn-r:not(.ai){opacity:.25}[data-step="3"] .bn-box{opacity:1}[data-step="3"] .bn-r.ai .bn-t i{animation-name:bnh;animation-duration:2.2s}
.bl-l{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:20px;opacity:0;transition:opacity .8s var(--ease)}
[data-step="0"] .bl-0,[data-step="1"] .bl-1,[data-step="2"] .bl-2,[data-step="3"] .bl-2{opacity:1}
.bl-steps,.bl-rts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.bl-steps>div{background:var(--panel);padding:22px 20px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-height:min(20vh,170px);animation:blk 5.5s infinite}
@keyframes blk{0%,20%{background:var(--panel2);box-shadow:inset 0 3px 0 var(--accent)}22%,100%{background:var(--panel);box-shadow:none}}
.bl-steps b,.bl-rt b{display:block;margin-top:8px;font:500 clamp(16px,1.4vw,20px)/1.25 Outfit;color:var(--head)}
.bl-now{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);gap:4px}
.bl-ins{display:flex;flex-direction:column;gap:4px}.bl-ins span{background:var(--panel);padding:14px 18px;color:var(--head);font-size:16px}
.bl-mid,.bl-out{padding:24px 28px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}.bl-mid{border:1px solid var(--accent)}.bl-mid .d3{color:var(--head)}
.bl-out{background:var(--panel2)}.bl-out p{color:var(--head);font:500 20px/1.35 Outfit}
.bl-rt{border:1px solid var(--line);background:var(--bg);padding:22px 20px;display:flex;flex-direction:column;justify-content:space-between;gap:32px;min-height:min(24vh,200px);transition:opacity .6s,background .6s}
.bl-y{align-self:flex-start;padding:6px 12px;border:1px solid var(--head);font:500 14px Outfit;color:var(--head);transition:all .5s}
.bl-y em,.bn-y em{display:none;font-style:normal}.bn-y b{font-weight:500}.bl-y b{display:inline;margin:0;font:inherit;color:inherit}
.bl-rt.ai{border-color:var(--accent)}.bl-rt.ai b{color:var(--accent)}
[data-step="3"] .bl-rt:not(.ai){opacity:.25}[data-step="3"] .bl-rt.ai{background:var(--panel2)}
[data-step="3"] .ai .bl-y,[data-step="3"] .ai .bn-y{border-style:dashed;border-color:var(--muted);color:var(--muted)}[data-step="3"] .ai .bl-y b,[data-step="3"] .ai .bn-y b{display:none}[data-step="3"] .ai .bl-y em,[data-step="3"] .ai .bn-y em{display:inline}
@media(max-width:760px){.bn-r{grid-template-columns:104px minmax(0,1fr) 104px}.bn-n,.bn-y{font-size:13px;padding:8px 10px}.bn-box{font-size:10px;padding:6px 8px}.bl-steps,.bl-rts{grid-template-columns:repeat(2,minmax(0,1fr))}.bl-steps>div,.bl-rt{min-height:0;padding:12px;gap:8px}.bl-now{grid-template-columns:1fr}.bl-mid,.bl-out{padding:16px}.bn-il{display:none}}
/* Home entry engagement options */
.wt{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,.9fr);gap:32px;margin-top:32px;padding-top:40px}
.wt:before{content:"";position:absolute;left:0;right:0;top:7px;height:1px;background:var(--line)}
.wt-f{position:absolute;left:0;top:6px;height:3px;width:0;background:var(--accent);transition:width 1.8s var(--ease) .3s}.wt.on .wt-f{width:80%}
.wt-s,.wt-end{position:relative;display:flex;flex-direction:column;gap:6px}
.wt-s:before,.wt-end:before{content:"";position:absolute;top:-40px;left:0;width:15px;height:15px;border-radius:50%;background:var(--bg);border:2px solid var(--accent)}.wt-end:before{border-color:var(--muted)}
.wt-s b{font:500 20px/1.25 Outfit;color:var(--head)}.wt-s>span:last-child{color:var(--muted);font-size:15px}
.wt-end i{font:500 15px Outfit;font-style:normal;padding:12px 16px;background:var(--panel2);color:var(--head)}.wt-end i+i{background:transparent;border:1px solid var(--line);color:var(--muted)}
.wr{margin-top:32px;border-top:1px solid var(--line)}
.wr-r{display:grid;grid-template-columns:120px minmax(0,1fr) minmax(0,1.3fr) 220px;gap:24px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}
.wr-r b{font:500 20px/1.25 Outfit;color:var(--head)}.wr-r p{color:var(--muted);font-size:15px}
.wr-bar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.wr-bar i{height:10px;background:var(--panel2)}.wr-bar i.on{background:var(--accent)}
.wr-h{padding:14px 0}.wr-h .wr-bar span{font:400 11px 'JetBrains Mono',monospace;color:var(--muted);text-align:center}
@media(max-width:900px){.wt{grid-template-columns:1fr;padding:0 0 0 36px;gap:28px}.wt:before{top:0;bottom:0;left:7px;right:auto;width:1px;height:auto}.wt-f{display:none}.wt-s:before,.wt-end:before{top:2px;left:-36px}.wr-r{grid-template-columns:1fr;gap:8px}.wr-h{display:none}}
/* Home price options */
.pr-s{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:80px;align-items:start}
.pr-m{border-top:1px solid var(--line)}.pr-m>div{display:grid;grid-template-columns:40px minmax(0,1fr);gap:4px 16px;padding:18px 0;border-bottom:1px solid var(--line)}.pr-m b{font:500 18px Outfit;color:var(--head)}.pr-m p{grid-column:2;color:var(--muted);font-size:15px}
.pr-l{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:48px}
.pr-c{background:var(--panel);padding:32px 28px;display:flex;flex-direction:column;gap:12px;min-height:340px}.pr-c.a{background:var(--panel2);box-shadow:inset 0 3px 0 var(--accent)}
.pr-p{margin-top:auto;padding-top:24px;font:700 clamp(44px,4.6vw,72px)/1 Outfit;letter-spacing:-.04em;color:var(--head)}.pr-p.t{font-size:clamp(28px,2.6vw,40px);letter-spacing:-.02em}
@media(max-width:900px){.pr-s,.pr-l{grid-template-columns:1fr;gap:32px}.pr-c{min-height:0}}

/* Methodology: buyer's path options */
.bpa{display:flex;flex-direction:column;gap:24px}
.bpa-t{display:flex;flex-wrap:wrap}
.bpa-t button{display:flex;gap:8px;align-items:baseline;padding:10px 14px;margin:0 -1px -1px 0;border:1px solid var(--line);background:transparent;font:500 14px Outfit;color:var(--muted)}
.bpa-t button .mono{color:var(--accent)}.bpa-t button.on{color:var(--head);border-color:var(--accent);background:var(--panel);position:relative}
.bpa-m{display:flex;flex-direction:column;border:1px solid var(--line)}
.bpa-in{display:grid;grid-template-columns:200px repeat(2,minmax(0,1fr));gap:12px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}
.bpa-door{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--line);opacity:.4;transition:opacity .4s,border-color .4s}.bpa-door b{font:600 16px Outfit;color:var(--head)}.bpa-door span{font-size:13px;color:var(--muted)}
.bpa-door.on{opacity:1;border-color:var(--accent);background:var(--panel)}
.bpa-g{display:grid;grid-template-columns:200px minmax(0,1fr);gap:8px 12px;padding:18px 20px;border-bottom:1px solid var(--line);transition:opacity .4s}.bpa-g:last-child{border-bottom:0}
.bpa-g.skip{opacity:.5}
.bpa-gh{display:flex;flex-direction:column;gap:4px;grid-row:span 2}.bpa-gh b{font:600 17px/1.3 Outfit;color:var(--head)}
.bpa-st{display:flex;flex-wrap:wrap;gap:6px}
.bpa-s{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);font:500 14px Outfit;color:var(--muted);transition:all .4s}
.bpa-s i{width:8px;height:8px;border-radius:50%;background:var(--line)}
.bpa-s.on{color:var(--head);font-weight:600}.bpa-s.ok.on{border-color:var(--ok);background:var(--okbg)}.bpa-s.bad.on{border-color:var(--bad);background:var(--badbg)}
.bpa-s.ok.on i{background:var(--ok)}.bpa-s.bad.on i{background:var(--bad)}
.bpa-say{margin:4px 0 0;font-size:15px;line-height:1.5;color:var(--fg);animation:bub .5s var(--ease) both}
@media(max-width:800px){.bpa-in,.bpa-g{grid-template-columns:1fr}.bpa-gh{grid-row:auto}}
.bpb{display:flex;flex-direction:column;gap:0}
.bpb-in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px}
.bpb-in>div{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border:1px solid var(--line);background:var(--panel)}.bpb-in .mono{color:var(--accent)}.bpb-in b{font:600 18px Outfit;color:var(--head)}.bpb-in span:last-child{font-size:14px;color:var(--fg)}
.bpb-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr);gap:20px;padding:24px 0;border-top:1px solid var(--line)}
.bpb-h{display:flex;gap:16px;align-items:flex-start}.bpb-h>div{display:flex;flex-direction:column;gap:4px}.bpb-h b{font:600 21px/1.25 Outfit;color:var(--head)}
.bpb-n{flex:none;width:40px;height:40px;display:grid;place-items:center;font:600 18px Outfit;color:var(--bg);background:var(--accent)}
.bpb-c{display:flex;flex-direction:column;gap:10px}
.bpb-s{display:grid;grid-template-columns:10px minmax(0,1fr);gap:10px;align-items:baseline}.bpb-s i{width:10px;height:10px;border-radius:50%}.bpb-s.ok i{background:var(--ok)}.bpb-s.bad i{background:var(--bad)}
.bpb-s b{font:600 15px Outfit;color:var(--head)}.bpb-s p{margin:2px 0 0;font-size:14px;line-height:1.45;color:var(--fg)}.bpb-s em{display:block;margin-top:2px;font:400 12px/1.4 'JetBrains Mono',monospace;font-style:normal;color:var(--muted)}
.bpb-ar{grid-column:1/-1;padding-left:56px}.bpb-ar .mono{color:var(--accent)}
.bpb-g:last-child .bpb-c:nth-child(3){display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.bpb-g:last-child .bpb-c:nth-child(3) .lab{grid-column:1/-1}
@media(max-width:900px){.bpb-g{grid-template-columns:1fr}.bpb-in{grid-template-columns:1fr}.bpb-ar{padding-left:0}}

/* The shift: options round 3 (17 Oct) */
.cc3{display:flex;flex-direction:column;gap:28px}
.cc3-tg{display:flex;gap:4px;align-self:flex-start}.cc3-tg button{padding:10px 22px;border:1px solid var(--line);background:transparent;font:500 15px Outfit;color:var(--muted)}.cc3-tg button.on{background:var(--panel2);color:var(--head);border-color:var(--accent)}
.cc3-g{display:grid;grid-template-columns:140px repeat(3,minmax(0,1fr))}
.cc3-k,.cc3-c{display:grid;grid-template-rows:20px 140px auto;row-gap:16px}
.cc3-kl{position:relative}.cc3-kl span{position:absolute;left:0;transform:translateY(-50%)}.cc3-kl span:first-child{top:25%}.cc3-kl span:last-child{top:75%}
.cc3-ln{position:relative}.cc3-ln:before,.cc3-ln:after{content:"";position:absolute;left:0;right:0;height:1px;background:var(--line)}.cc3-ln:before{top:25%}.cc3-ln:after{top:75%}
.cc3-ln i{position:absolute;left:50%;top:25%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--head);transition:top .9s var(--ease),background .9s;z-index:1}.cc3-ln i.ai{top:75%;background:var(--accent)}
.cc3-t{padding-right:28px;display:flex;flex-direction:column;gap:8px;animation:bub .6s var(--ease) both}.cc3-t b{font:500 20px/1.25 Outfit;color:var(--head)}.cc3-t p{color:var(--fg);font-size:16px}
@media(max-width:760px){.cc3-g{grid-template-columns:64px repeat(3,minmax(0,1fr))}.cc3-t{padding-right:8px}.cc3-t p{display:none}.cc3-t b{font-size:15px}}
.sa{display:flex;flex-direction:column;gap:12px}
.sa-br{display:grid;grid-template-columns:1fr 3fr;gap:8px}.sa-br>span{border-top:2px solid var(--line);padding-top:12px}.sa-br>.sa-b2{border-color:var(--accent)}
.sa-st{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sa-s{background:var(--panel);padding:28px 24px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;min-height:150px}.sa-s.ai{background:var(--panel2)}.sa-s b{font:600 clamp(22px,2.2vw,32px)/1.1 Outfit;letter-spacing:-.02em;color:var(--head)}
.sa-gp{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));column-gap:8px;margin-top:20px}
.sa-gp>div{border-left:1px solid var(--accent);padding:4px 0 4px 16px;display:flex;flex-direction:column;gap:6px}.sa-gp>div:nth-child(1){grid-column:2/4}.sa-gp>div:nth-child(2){grid-column:4/6}.sa-gp>div:nth-child(3){grid-column:6/8;border-right:1px solid var(--accent);padding-right:16px}
.sa-gp b{font:600 17px/1.3 Outfit;color:var(--head)}.sa-gp p{font-size:15px;color:var(--fg)}
@media(max-width:900px){.sa-br,.sa-st,.sa-gp{grid-template-columns:1fr 1fr;row-gap:16px}.sa-gp>div:nth-child(n){grid-column:1/-1}}
.sb{border-top:1px solid var(--line)}
.sb-r{display:grid;grid-template-columns:minmax(0,1.6fr) 180px 240px;gap:24px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}
.sb-r b{font:600 22px Outfit;color:var(--head)}.sb-r p{color:var(--fg);font-size:16px;margin-top:4px}.sb-h{padding:12px 0}
.sb-m{display:flex;align-items:center;gap:10px;font:500 15px Outfit;color:var(--muted)}.sb-m i{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--line)}.sb-m.on{color:var(--head)}.sb-m.on i{background:var(--muted);border-color:var(--muted)}.sb-m.on.a{color:var(--accent)}.sb-m.on.a i{background:var(--accent);border-color:var(--accent)}
@media(max-width:760px){.sb-r{grid-template-columns:1fr 1fr}.sb-r>div:first-child{grid-column:1/-1}.sb-h>span:first-child{display:none}}
.gc{display:flex;flex-direction:column;gap:4px}
.gc-r{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;align-items:center}
.gc-tr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.gc-ev{text-align:left;border:1px solid var(--line);background:transparent;padding:16px 18px;display:flex;flex-direction:column;gap:6px;transition:all .4s}.gc-ev b{font:500 17px Outfit;color:var(--head)}.gc-ev.on{border-color:var(--accent);background:var(--panel2)}
.gc-fx{padding:16px 18px;background:var(--panel);display:flex;align-items:center;gap:10px;font:500 15px Outfit;color:var(--muted);opacity:.35;transition:all .5s}.gc-fx.on{opacity:1;color:var(--head)}.gc-fx.now{background:var(--panel2);box-shadow:inset 0 3px 0 var(--accent)}
.gc-fx i,.gd-fx i{width:10px;height:10px;border-radius:50%;flex:none}
.gc-nc{padding:14px 18px;border:1px dashed var(--line);font:400 12px 'JetBrains Mono',monospace;color:var(--muted);text-align:center}
.gc-d{margin:28px 0 0 224px;max-width:640px;animation:bub .6s var(--ease) both}.gc-d b{font:600 22px Outfit;color:var(--head)}.gc-d p{color:var(--fg);margin-top:6px}.gc-il{margin:16px 0 0 224px}
@media(max-width:900px){.gc-r{grid-template-columns:1fr;gap:8px;margin-top:12px}.gc-tr{grid-template-columns:repeat(2,minmax(0,1fr))}.gc-d,.gc-il{margin-left:0}}
.gd{border-top:1px solid var(--line)}
.gd-r{display:grid;grid-template-columns:48px minmax(0,1.6fr) minmax(0,1fr) 160px;gap:24px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}
.gd-r b{font:600 22px Outfit;color:var(--head)}.gd-r p{color:var(--fg);font-size:16px;margin-top:4px}.gd-h{padding:12px 0}
.gd-fx{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;background:var(--panel2);font:500 15px Outfit;color:var(--head);justify-self:start}
.gd-y{font:500 16px Outfit;color:var(--accent)}
@media(max-width:760px){.gd-r{grid-template-columns:32px minmax(0,1fr);gap:12px}.gd-fx,.gd-y{grid-column:2}.gd-h{display:none}.gd-y:before{content:"You changed: "}}
.wC{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center}
.wC-lp{position:relative;aspect-ratio:1;max-width:460px;width:100%}.wC-lp svg{width:100%;height:100%;display:block}
.wC-c{fill:none;stroke:var(--accent);stroke-width:1.5}.wC-dot{fill:var(--accent)}
.wC-n{position:absolute;transform:translate(-50%,-50%);background:var(--bg);border:1px solid var(--line);padding:10px 14px;font:500 15px/1.3 Outfit;color:var(--head);text-align:center;width:max-content;max-width:170px}
.wC-n.n0{left:50%;top:12.5%}.wC-n.n1{left:82.5%;top:68.75%}.wC-n.n2{left:17.5%;top:68.75%}
.wC-m{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:600 clamp(22px,2.4vw,32px) Outfit;letter-spacing:-.02em;color:var(--accent)}
@media(max-width:900px){.wC{grid-template-columns:1fr;gap:40px}.wC-lp{margin:0 auto}}
.wD{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px 64px;align-items:center}
.wD-v{display:flex;flex-direction:column;gap:12px}.wD-sl{display:flex;flex-direction:column;gap:6px;padding:20px}
.wD-s{min-height:64px;padding:14px 18px;border:1px dashed var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font:400 12px 'JetBrains Mono',monospace;transition:all .6s var(--ease)}
.wD-s.in{border-style:solid;background:var(--panel);animation:bub .6s var(--ease) both}.wD-s b{font:500 18px Outfit;color:var(--head)}.wD-s.you{border-color:var(--accent);background:var(--panel2)}.wD-s.you b{color:var(--accent)}.wD-s em{font:400 12px 'JetBrains Mono',monospace;font-style:normal;color:var(--accent)}
.wD-late{padding:14px 18px;border:1px dashed var(--muted);display:flex;justify-content:space-between;gap:12px;opacity:0;transform:translateY(8px);transition:all .6s var(--ease)}.wD-late.on{opacity:1;transform:none}.wD-late b{font:500 18px Outfit;color:var(--head)}.wD-late span{font:400 12px 'JetBrains Mono',monospace;color:var(--muted);align-self:center}
.wD-c{display:flex;flex-direction:column;gap:12px;animation:bub .6s var(--ease) both}
.wD-rl{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:16px}
.wD-rl button{height:24px;border:0;padding:0;background:none;position:relative}.wD-rl button:after{content:"";position:absolute;left:0;right:0;top:9px;height:6px;background:var(--panel2)}.wD-rl button.past:after{background:var(--muted)}.wD-rl button.on:after{background:var(--accent)}
.wD-rl .mono:last-child{grid-column:4/6;text-align:right}
@media(max-width:900px){.wD{grid-template-columns:1fr}}
.ta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.ta-v{position:relative;width:100%;aspect-ratio:600/360}.ta-v svg{width:100%;height:100%;display:block}
.ta-in{stroke:var(--head);stroke-width:2;fill:none}.ta-c{fill:none;stroke:var(--accent);stroke-width:2}.ta-dot{fill:var(--accent)}.ta-j{fill:var(--bg);stroke:var(--head);stroke-width:2}
.ta-l{position:absolute;transform:translate(-50%,-50%);white-space:nowrap}.ta-l.l1{left:18%;top:40%}.ta-l.l2{left:60%;top:50%}.ta-l.l2 .mono{color:var(--accent)}
.ta-t{display:flex;flex-direction:column;gap:40px}.ta-i{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--line);padding-top:24px}
@media(max-width:900px){.ta{grid-template-columns:1fr;gap:40px}}
.tb-g{display:grid;grid-template-columns:minmax(0,1.1fr) repeat(3,minmax(0,1fr));gap:4px}
.tb-1,.tb-2{padding:24px;display:flex;flex-direction:column;gap:16px;min-height:220px}
.tb-1{border:1px solid var(--head)}.tb-1 .d4{color:var(--head)}
.tb-2{background:var(--panel2);box-shadow:inset 0 3px 0 var(--accent)}.tb-2.g{background:var(--panel);box-shadow:inset 0 3px 0 var(--line)}
.tb-cy{display:flex;flex-direction:column;gap:8px}.tb-cy span{font:500 15px Outfit;color:var(--head)}.tb-cy span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:10px;vertical-align:2px}
.tb-2.g .tb-cy span{color:var(--muted)}.tb-2.g .tb-cy span:before{background:var(--muted)}
@media(max-width:900px){.tb-g{grid-template-columns:1fr 1fr}.tb-1{grid-column:1/-1;min-height:0}}

/* Product page options (17 Oct) */
.pa{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:64px;align-items:start}.pa-h{display:flex;flex-direction:column;gap:20px}
.pa-d{margin:0;border-top:1px solid var(--line)}.pa-d>div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}
.pa-d dd{margin:0;display:flex;flex-direction:column;gap:4px}.pa-d dd b{font:600 24px Outfit;color:var(--head)}.pa-d dd span{color:var(--muted);font-size:15px}
.pa-d ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.pa-d li{display:flex;gap:12px;align-items:baseline;color:var(--head);font-size:17px}
.pb-h{display:flex;flex-direction:column;gap:16px;max-width:760px}
.pb-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:48px}
.pb-c{border-top:1px solid var(--line);padding-top:24px;display:flex;flex-direction:column;gap:10px}.pb-c.a{border-top:3px solid var(--accent)}
.pb-v{font:700 clamp(48px,5.4vw,88px)/.95 Outfit;letter-spacing:-.05em;color:var(--head)}
.pb-c ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;color:var(--fg);font-size:15px}
@media(max-width:900px){.pa,.pb-g{grid-template-columns:1fr;gap:32px}.pa-d>div{grid-template-columns:1fr;gap:8px}}
.ra-g{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:420px}
.ra-t{display:flex;flex-direction:column;border-right:1px solid var(--line)}
.ra-t button{display:flex;gap:12px;align-items:baseline;text-align:left;padding:20px 22px;border:0;border-bottom:1px solid var(--line);background:transparent;font:500 16px Outfit;color:var(--muted);transition:all .3s}.ra-t button.on{background:var(--panel2);color:var(--head)}.ra-t button.on .mono{color:var(--accent)}
.ra-p{padding:32px;display:flex;flex-direction:column;gap:14px;animation:bub .6s var(--ease) both}.ra-p .d3{color:var(--head)}.ra-v{margin-top:auto;padding-top:24px}
.ra-dots{display:grid;grid-template-columns:repeat(12,18px);gap:6px}.ra-dots i{width:18px;height:18px}
.ra-bars{display:flex;flex-direction:column;gap:10px}.ra-bars>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:center;font-size:14px;color:var(--fg)}.ra-bars i{height:12px;background:var(--panel)}.ra-bars i b{display:block;height:100%;background:var(--muted)}.ra-bars .y i b{background:var(--accent)}.ra-bars .y span{color:var(--accent);font-weight:600}
.ra-tree{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);align-items:center}.ra-tree>div{display:flex;flex-direction:column;gap:6px}.ra-tree span{padding:10px 14px;background:var(--panel);font-size:14px;color:var(--fg)}.ra-tree em{text-align:center;color:var(--accent);font-style:normal;font-size:20px}.ra-tree b{padding:18px;border:1px solid var(--accent);color:var(--head);font:500 16px Outfit}
.ra-list{display:flex;flex-direction:column;gap:6px}.ra-list>div{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;background:var(--panel);font-size:14px;color:var(--fg)}
@media(max-width:900px){.ra-g{grid-template-columns:1fr}.ra-t{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.ra-t button{white-space:nowrap;border-bottom:0}.ra-dots{grid-template-columns:repeat(8,18px)}.ra-p{padding:20px}}
.rb{display:flex;flex-direction:column}.rb-r{display:grid;grid-template-columns:120px minmax(0,1fr) minmax(0,1.1fr);gap:32px;align-items:baseline;padding:32px 0;border-top:1px solid var(--line)}
.rb-n{font:700 64px/1 Outfit;letter-spacing:-.04em;color:var(--accent)}
@media(max-width:760px){.rb-r{grid-template-columns:1fr;gap:8px}.rb-n{font-size:44px}}
.kc{display:flex;flex-direction:column}
.kc-r{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.kc-h{border-bottom:0;padding-bottom:4px}
.kc-n{display:flex;flex-direction:column;gap:10px}.kc-n b{font:500 19px Outfit;color:var(--head)}
.kc-ch{display:flex;gap:4px;flex-wrap:wrap}.kc-ch button{padding:6px 10px;border:1px solid var(--line);background:transparent;font:500 13px Outfit;color:var(--muted)}.kc-ch button.on{border-color:var(--accent);color:var(--head);background:var(--panel2)}
.kc-m{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;align-items:center}.kc-m i{height:28px;background:var(--panel);transition:background .4s}.kc-m i.on{background:var(--accent)}.kc-m .mono{text-align:center}
.kc-m em{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:400 12px 'JetBrains Mono',monospace;font-style:normal;color:var(--muted);border:1px dashed var(--line);background:var(--bg)}
@media(max-width:900px){.kc-r{grid-template-columns:1fr;gap:12px}.kc-h>.lab{display:none}}
.kf{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);align-items:stretch}
.kf-a{padding:32px;border:1px solid var(--head);display:flex;flex-direction:column;gap:14px;align-self:center}
.kf-br{display:flex;flex-direction:column;gap:16px;padding-left:48px;position:relative}.kf-br:before{content:"";position:absolute;left:0;top:10px;bottom:28px;border-left:1px solid var(--line)}
.kf-k,.kf-s{position:relative;display:flex;flex-direction:column;gap:4px}.kf-k:before,.kf-s:before{content:"";position:absolute;left:-48px;top:10px;width:40px;border-top:1px solid var(--accent)}.kf-s:before{border-color:var(--line);top:28px}
.kf-k>.lab{margin-bottom:8px}.kf-i{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:4px 24px;padding:18px 20px;background:var(--panel2)}.kf-i b{font:500 18px Outfit;color:var(--head)}.kf-i p{color:var(--fg);font-size:15px;grid-row:span 2}
.kf-s{padding:18px 20px;border:1px dashed var(--line)}.kf-s .d4{color:var(--head)}
@media(max-width:900px){.kf{grid-template-columns:1fr;gap:24px}.kf-br{padding-left:24px}.kf-k:before,.kf-s:before{left:-24px;width:18px}.kf-i{grid-template-columns:1fr}.kf-i p{grid-row:auto}}
.wa{border-top:1px solid var(--line)}
.wa-hd,.wa-r{display:grid;grid-template-columns:minmax(0,1.1fr) 140px minmax(0,1.6fr);gap:24px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.wa-hd{padding:12px 0}
.wa-r>div:first-child{display:flex;flex-direction:column;gap:4px}.wa-r b{font:500 19px Outfit;color:var(--head)}
.wa-blk{display:block;font-style:normal;padding:10px 14px;background:var(--accent);color:var(--bg);font:600 14px Outfit;text-align:center}
.wa-rec{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.wa-rec i{width:22px;height:22px;background:var(--panel2);box-shadow:inset 0 0 0 1px var(--accent)}.wa-rec .mono{margin-left:12px}
@media(max-width:760px){.wa-hd{display:none}.wa-r{grid-template-columns:1fr 1fr}.wa-r>div:first-child{grid-column:1/-1}.wa-rec i{width:14px;height:14px}}
.wb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.wb-c{background:var(--panel);padding:28px;display:flex;flex-direction:column;gap:12px}.wb-c.a{grid-column:span 2;background:var(--panel2);box-shadow:inset 0 3px 0 var(--accent)}
.wb-tg{display:flex;gap:6px;flex-wrap:wrap}
.wb-c dl{margin:auto 0 0;padding-top:16px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:12px}.wb-c dd{margin:4px 0 0;color:var(--head);font-size:15px}
@media(max-width:900px){.wb{grid-template-columns:1fr}.wb-c.a{grid-column:auto}}
.pq{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center}
.pq-b{padding:8px 28px 24px}
.pq-l{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:start;padding:20px 0;border-bottom:1px solid var(--line)}
.pq-l>span{font:500 18px Outfit;color:var(--head);display:flex;flex-direction:column;gap:6px}.pq-l em{font:400 14px Outfit;font-style:normal;color:var(--muted)}.pq-l ul{margin:0;padding:0 0 0 18px;font:400 14px/1.6 Outfit;color:var(--fg)}
.pq-l>b{font:700 28px Outfit;letter-spacing:-.02em;color:var(--head);text-align:right;white-space:nowrap}.pq-l>b small{font:300 15px Outfit;color:var(--muted);margin-right:6px}.pq-l>b.t{font:500 16px Outfit;white-space:normal;max-width:160px}
.pq-f{display:flex;flex-direction:column;gap:6px;padding-top:18px}
@media(max-width:900px){.pq{grid-template-columns:1fr;gap:40px}.pq-b{padding:4px 18px 18px}}

/* Check (Inside) options (17 Oct) */
.ar4{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding-top:40px}
.ar4:before{content:"";position:absolute;left:0;right:0;top:7px;height:1px;background:var(--line)}
.ar4-f{position:absolute;left:0;top:6px;height:3px;width:0;background:var(--accent);transition:width 1.8s var(--ease) .3s}.ar4.on .ar4-f{width:100%}
.ar4-s{position:relative;display:flex;flex-direction:column;gap:10px}.ar4-s:before{content:"";position:absolute;top:-40px;left:0;width:15px;height:15px;border-radius:50%;background:var(--bg);border:2px solid var(--accent)}
@media(max-width:900px){.ar4{grid-template-columns:1fr;padding:0 0 0 36px;gap:28px}.ar4:before{top:0;bottom:0;left:7px;right:auto;width:1px;height:auto}.ar4-f{display:none}.ar4-s:before{top:2px;left:-36px}}
.rpb-b{padding:8px 28px 20px}
.rpb-r{display:grid;grid-template-columns:72px minmax(0,1fr) 220px;gap:24px;align-items:start;padding:22px 0;border-bottom:1px solid var(--line)}
.rpb-n{font:700 40px/1 Outfit;letter-spacing:-.04em;color:var(--accent)}.rpb-r b{font:600 21px Outfit;color:var(--head)}.rpb-r p{color:var(--fg);font-size:15px;margin-top:6px}.rpb-r .mono{text-align:right;padding-top:6px}
.rpb-f{padding-top:16px}
@media(max-width:760px){.rpb-r{grid-template-columns:48px minmax(0,1fr)}.rpb-r .mono{grid-column:2;text-align:left}.rpb-n{font-size:28px}}
.rra,.rrb,.fb{display:flex;flex-direction:column;gap:24px}
.rra-g{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr) 48px minmax(0,1fr);align-items:stretch}
.rra-c{border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:10px;background:var(--bg)}.rra-c.c{border-color:var(--accent)}.rra-c b{font:600 22px Outfit;color:var(--head)}
.rra-s{display:flex;align-items:center;gap:8px;font:500 15px Outfit;color:var(--head);margin-top:auto;padding-top:12px}.rra-s i{width:10px;height:10px;border-radius:50%;transition:background .5s}
.rra-ar{display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--accent)}
.rra-n{max-width:640px;color:var(--fg)}
@media(max-width:760px){.rra-g{grid-template-columns:1fr}.rra-ar{transform:rotate(90deg);padding:8px 0}}
.rrb-l{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;align-items:center;padding:16px 0;border-top:1px solid var(--line)}
.rrb-row{display:flex;flex-wrap:wrap;gap:6px}
.rrb-k{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--line);background:var(--bg);font:500 15px Outfit;color:var(--head);transition:all .3s}.rrb-k i{width:9px;height:9px;border-radius:50%}
.rrb-k.s{background:var(--panel2);border-color:transparent}.rrb-k.c{cursor:pointer}.rrb-k.on{border-color:var(--accent);background:var(--panel2)}.rrb-k em{font:400 11px 'JetBrains Mono',monospace;font-style:normal;color:var(--muted)}
.rrb-n{min-height:52px;color:var(--fg);max-width:720px}
@media(max-width:760px){.rrb-l{grid-template-columns:1fr;gap:10px}}
.msb-f{display:flex;flex-wrap:wrap;gap:12px 24px;margin-bottom:24px}.msb-f .cc3-tg{flex-wrap:wrap}
.msb-l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.msb-r{background:var(--panel);padding:20px 22px;display:flex;flex-direction:column;gap:6px}.msb-r b{font:600 19px Outfit;color:var(--head)}.msb-r p{color:var(--fg);font-size:15px}.msb-r .msb-t{color:var(--muted)}
@media(max-width:760px){.msb-l{grid-template-columns:1fr}}
.fa-f{padding:24px 28px;background:var(--panel2);margin-bottom:4px}.fa-f .d3{color:var(--head);margin-top:8px}
.fa-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.fa-c{border:1px solid var(--line);padding:22px 24px;display:flex;flex-direction:column;gap:14px;background:color-mix(in oklab,var(--bg) 70%,transparent)}.fa-h{display:flex;justify-content:space-between;align-items:center;gap:12px}.fa-h b{font:600 19px Outfit;color:var(--head)}.fa-c p{font-size:18px;color:var(--fg)}
@media(max-width:760px){.fa-g{grid-template-columns:1fr}}
.fb-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px}
.fb-c{padding:28px;background:var(--panel);display:flex;flex-direction:column;gap:12px;min-height:220px}.fb-c .d3{color:var(--head)}.fb-c.a{background:var(--panel2);animation:bub .6s var(--ease) both}.fb-c .tag{align-self:flex-start;margin-top:auto}
@media(max-width:760px){.fb-g{grid-template-columns:1fr}}
.oa-b{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.oa-main{padding:28px;display:flex;flex-direction:column;gap:20px;border-right:1px solid var(--line)}.oa-main .tag{align-self:flex-start}.oa-main .d3{color:var(--head)}
.oa-side{padding:28px;display:flex;flex-direction:column;gap:20px;background:var(--panel)}
.oa-sec{display:flex;flex-direction:column;gap:4px;padding-top:16px;border-top:1px solid var(--line)}.oa-sec b{font:600 18px Outfit;color:var(--head)}.oa-sec p{color:var(--fg);font-size:15px}
@media(max-width:760px){.oa-b{grid-template-columns:1fr}.oa-main{border-right:0}}
.obq{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:start}
.obq-f{position:sticky;top:120px;padding:28px;background:var(--panel2);display:flex;flex-direction:column;gap:16px}.obq-f .tag{align-self:flex-start}.obq-f .d3{color:var(--head)}
.obq-r{display:flex;flex-direction:column;gap:6px;padding:22px 0;border-top:1px solid var(--line)}.obq-r b{font:600 21px Outfit;color:var(--head)}.obq-r p{color:var(--fg);font-size:16px}
@media(max-width:900px){.obq{grid-template-columns:1fr;gap:24px}.obq-f{position:static}}
.psr{border-top:1px solid var(--line)}
.psr-r{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1.3fr);gap:24px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line)}.psr-h{padding:12px 0}
.psr-r b{font:500 19px Outfit;color:var(--head)}.psr-r span{color:var(--fg)}.psr-r span.a{color:var(--accent);font-weight:500}
@media(max-width:760px){.psr-r{grid-template-columns:1fr 1fr}.psr-r b{grid-column:1/-1}.psr-h>span:first-child{display:none}}
.ptl{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;padding-top:40px}
.ptl:before{content:"";position:absolute;left:0;right:0;top:7px;height:1px;background:var(--line)}
.ptl-f{position:absolute;left:0;top:6px;height:3px;width:0;background:var(--accent);transition:width 1.8s var(--ease) .3s}.ptl.on .ptl-f{width:80%}
.ptl-s{position:relative;display:flex;flex-direction:column;gap:6px}.ptl-s:before{content:"";position:absolute;top:-40px;left:0;width:15px;height:15px;border-radius:50%;background:var(--bg);border:2px solid var(--accent)}.ptl-s.a:before{background:var(--accent)}
.ptl-s b{font:600 22px/1.2 Outfit;color:var(--head)}.ptl-s p{color:var(--fg);font-size:15px}
@media(max-width:900px){.ptl{grid-template-columns:1fr;padding:0 0 0 36px;gap:24px}.ptl:before{top:0;bottom:0;left:7px;right:auto;width:1px;height:auto}.ptl-f{display:none}.ptl-s:before{top:2px;left:-36px}}

/* About options (17 Oct) */
.lnA{display:flex;flex-direction:column}.lnA-r{display:grid;grid-template-columns:120px minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:baseline;padding:36px 0;border-top:1px solid var(--line)}
@media(max-width:900px){.lnA-r{grid-template-columns:1fr;gap:10px}}
.lnB{display:flex;flex-direction:column;gap:48px}
.lnB-v{position:relative;width:100%;max-width:520px;aspect-ratio:1.08;margin:0 auto}
.lnB-c{position:absolute;width:58%;aspect-ratio:1;border-radius:50%;border:1.5px solid var(--accent);background:color-mix(in oklab,var(--accent) 6%,transparent);display:flex;justify-content:center;padding-top:15%}
.lnB-c b{font:500 16px Outfit;color:var(--head)}.lnB-c.c0{left:21%;top:0}.lnB-c.c1{left:0;top:38%;padding:30% 0 0 8%;justify-content:flex-start}.lnB-c.c2{right:0;top:38%;padding:30% 8% 0 0;justify-content:flex-end}
.lnB-m{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);font:600 15px Outfit;font-style:normal;color:var(--accent);text-align:center}
.nmA{display:flex;flex-direction:column;gap:28px}
.nmA-w{display:flex;font:700 clamp(56px,10vw,168px)/.9 Outfit;letter-spacing:-.05em}.nmA-w span{color:var(--line);transition:color .6s var(--ease)}.nmA-w span.on{color:var(--head)}.nmA-w span+span.on{color:var(--accent)}
.nmA-d{display:flex;flex-direction:column;gap:10px;max-width:760px;animation:bub .6s var(--ease) both}
.nmB-h{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:baseline;padding-bottom:24px;border-bottom:1px solid var(--line)}.nmB-h b{font:700 clamp(40px,5vw,72px)/1 Outfit;letter-spacing:-.04em;color:var(--head)}
.nmB ol{list-style:none;margin:0;padding:0}.nmB li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;padding:28px 0;border-bottom:1px solid var(--line)}
.nmB-n{font:700 36px/1 Outfit;color:var(--accent)}.nmB li>div{display:flex;flex-direction:column;gap:8px;max-width:820px}.nmB li b{font:600 28px Outfit;color:var(--head)}.nmB li p{color:var(--fg);font-size:17px}
.blA{display:flex;flex-direction:column}.blA-r{display:grid;grid-template-columns:96px minmax(0,1.1fr) minmax(0,1fr);gap:32px;align-items:baseline;padding:32px 0;border-top:1px solid var(--line)}
.blA-n{font:700 48px/1 Outfit;letter-spacing:-.04em;color:var(--accent)}
@media(max-width:900px){.blA-r{grid-template-columns:1fr;gap:10px}}
.blB .acc summary{font-size:clamp(22px,2.2vw,32px)}
.vaA{display:flex;flex-direction:column;gap:28px}
.vaA-w{display:flex;flex-wrap:wrap;gap:4px 28px}.vaA-w button{border:0;background:none;padding:0;font:700 clamp(36px,5vw,80px)/1.05 Outfit;letter-spacing:-.04em;color:var(--line);transition:color .4s}.vaA-w button.on,.vaA-w button:hover{color:var(--head)}.vaA-w button.on{color:var(--accent)}
.vaA-d{max-width:760px;min-height:3.4em;animation:bub .6s var(--ease) both}
.vaB{display:flex;flex-direction:column}.vaB-r{display:grid;grid-template-columns:64px minmax(0,.6fr) minmax(0,1fr);gap:32px;align-items:baseline;padding:24px 0;border-top:1px solid var(--line)}
@media(max-width:760px){.vaB-r{grid-template-columns:1fr;gap:8px}}
.wkC{position:relative;width:100%;max-width:600px;margin:0 auto}.wkC svg{width:100%;display:block;overflow:visible}
.wkC-p{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.4s var(--ease) .2s}.wkC.on .wkC-p{stroke-dashoffset:0}
.wkC-d{fill:var(--head)}.wkC-n{fill:var(--bg);stroke:var(--accent);stroke-width:2}
.wkC-l{position:absolute;transform:translate(-50%,-150%);display:flex;gap:6px;align-items:baseline;white-space:nowrap;padding:6px 10px;background:var(--bg);border:1px solid var(--line);font:500 14px Outfit;color:var(--head)}
.wkC-r{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;margin-top:8px}.wkC-f{margin-top:16px;text-align:center}
.wkB-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:16px}
.wkB-c{display:flex;flex-direction:column;gap:8px;min-height:300px;padding:12px;background:var(--panel)}
.wkB-k{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--bg);border:1px solid var(--accent);animation:bub .5s var(--ease) both}.wkB-k b{font:500 14px Outfit;color:var(--head)}.wkB-k span{font-size:13px;color:var(--fg)}
.wkB-f{padding:0 16px 16px}
@media(max-width:760px){.wkB-g{grid-template-columns:1fr 1fr}.wkB-c{min-height:150px}}
.wkW{width:100%;max-width:600px;margin:0 auto}.wkW svg{width:100%;display:block;overflow:visible}
.wkW-l{fill:none;stroke:var(--muted);stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.4s var(--ease) .2s}.wkW-s{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.4s var(--ease) .9s}.wkW.on .wkW-l,.wkW.on .wkW-s{stroke-dashoffset:0}
.wkW-t{stroke:var(--line);stroke-dasharray:4 6}.wkW-n{fill:var(--bg);stroke:var(--accent);stroke-width:2}
.wkW-k{display:flex;flex-direction:column;gap:8px;margin-top:16px;font-size:14px;color:var(--fg)}.wkW-k i{display:inline-block;width:18px;height:2px;margin-right:10px;vertical-align:4px;background:var(--muted)}.wkW-k i.s{background:var(--accent);height:3px}
.wkW-r{display:grid;grid-template-columns:repeat(4,1fr);margin-top:12px}
.wkG{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:56px;width:100%;max-width:520px;margin:0 auto;padding:8px}
.wkG-t{position:relative;padding:28px 24px;border:1px solid var(--line);background:var(--bg);display:flex;flex-direction:column;gap:6px;min-height:120px;justify-content:flex-end}.wkG-t b{font:600 20px Outfit;color:var(--head)}
.wkG-t.t0{grid-column:1;grid-row:1}.wkG-t.t1{grid-column:2;grid-row:1}.wkG-t.t2{grid-column:2;grid-row:2}.wkG-t.t3{grid-column:1;grid-row:2;border-color:var(--accent)}
.wkG-t:after{position:absolute;font:400 22px Outfit;color:var(--accent)}.wkG-t.t0:after{content:"→";right:-38px;top:50%;transform:translateY(-50%)}.wkG-t.t1:after{content:"↓";bottom:-40px;left:50%;transform:translateX(-50%)}.wkG-t.t2:after{content:"←";left:-38px;top:50%;transform:translateY(-50%)}.wkG-t.t3:after{content:"↑";top:-40px;left:50%;transform:translateX(-50%)}
.wkG-m{grid-column:1/-1;display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;padding-top:8px}.wkG-m p{color:var(--fg)}

/* Reading a result + measures, round 2 */
.rxa{display:grid;gap:4px;margin-top:24px}
.rxa-c{padding:14px 16px;background:var(--panel);display:flex;flex-direction:column;gap:8px;justify-content:center;transition:background .3s}.rxa-c b{font:500 15px/1.3 Outfit;color:var(--head)}.rxa-k{background:none}
.rxa-c.on{background:var(--panel2);box-shadow:inset 0 0 0 1px var(--accent)}
.rxa-x{border:0;background:color-mix(in oklab,var(--panel) 60%,transparent);display:flex;align-items:center;justify-content:center;min-height:56px;padding:0}.rxa-x.l{cursor:pointer}.rxa-x i{width:14px;height:14px;border-radius:50%;background:var(--accent);transition:transform .2s}.rxa-x.l:hover i,.rxa-x.on i{transform:scale(1.4)}.rxa-x.on{background:var(--panel2)}
.rxa-m{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:24px}
@media(max-width:760px){.rxa{overflow-x:auto;grid-auto-columns:120px}.rxa-m{grid-template-columns:1fr}}
.rrb.cc-card{gap:0}.rrb-k{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px}.rrb-k b{font:500 15px Outfit;color:var(--head)}.rrb-k .cc-x{margin-left:6px}.rrb-k.dim{opacity:.35}
.rrb-up{color:var(--accent);font-size:20px;padding:0 0 0 224px;line-height:1}
@media(max-width:760px){.rrb-up{padding-left:0}}
.msa{display:flex;flex-direction:column}.msa-g{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;padding:32px 0;border-top:1px solid var(--line)}.msa-g>div{display:flex;flex-direction:column;gap:4px}.msa-g .lab{margin-bottom:6px}
.msa-r{border:1px solid var(--line);background:color-mix(in oklab,var(--bg) 70%,transparent)}.msa-r.on{border-color:var(--accent)}
.msa-h{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.4fr) 24px;gap:20px;align-items:center;padding:14px 18px;border:0;background:none;text-align:left}.msa-h b{font:500 17px Outfit;color:var(--head)}.msa-t{font-size:14px;color:var(--muted)}.msa-p{font:300 22px Outfit;color:var(--accent);text-align:right}
.msa-b{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;padding:4px 18px 22px;animation:bub .5s var(--ease) both}.msa-b>div:first-child{display:flex;flex-direction:column;gap:4px}
@media(max-width:900px){.msa-g{grid-template-columns:1fr;gap:16px}.msa-h{grid-template-columns:minmax(0,1fr) auto 24px}.msa-t{display:none}.msa-b{grid-template-columns:1fr}}
.msb-hd{display:flex;justify-content:space-between;align-items:center;gap:12px}.msb-r .mv{margin-top:12px}

/* About round 2 (17 Oct) */
.pv{position:relative;width:100%;max-width:640px;aspect-ratio:1.25;margin:0 auto}.pv canvas{position:absolute;inset:0;display:block}
.pv-l{position:absolute;transform:translate(-50%,-50%);font:600 16px Outfit;color:var(--head);white-space:nowrap;text-shadow:0 0 12px var(--bg),0 0 4px var(--bg)}
.pv-l.l0{left:50%;top:17%}.pv-l.l1{left:74.3%;top:69.6%}.pv-l.l2{left:25.7%;top:69.6%}
.pv-m{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);font:700 15px Outfit;font-style:normal;color:var(--head);text-shadow:0 0 10px var(--bg),0 0 3px var(--bg)}
@media(max-width:600px){.pv-l{font-size:13px}.pv-m{font-size:12px}}
.lnC{position:relative;width:100%;max-width:600px;margin:0 auto}.lnC svg{width:100%;display:block;overflow:visible}
.lnC-t{fill:color-mix(in oklab,var(--accent) 5%,transparent);stroke:var(--accent);stroke-width:1.5}.lnC-l{stroke:var(--line);stroke-dasharray:4 6}.lnC-c{fill:var(--accent)}
.lnC-n{position:absolute;transform:translate(-50%,-50%);background:var(--bg);border:1px solid var(--accent);padding:12px 16px;display:flex;flex-direction:column;gap:4px;text-align:center;white-space:nowrap}.lnC-n b{font:600 17px Outfit;color:var(--head)}
.lnC-n.n0{left:50%;top:8.7%}.lnC-n.n1{left:93.3%;top:91.3%}.lnC-n.n2{left:6.7%;top:91.3%}
.lnC-m{position:absolute;left:50%;top:calc(63.8% + 26px);transform:translateX(-50%);font:600 15px Outfit;font-style:normal;color:var(--accent)}
@media(max-width:700px){.lnC-n{padding:8px 10px}.lnC-n b{font-size:14px}.lnC-n.n1{left:84%}.lnC-n.n2{left:16%}}
.lnD{display:flex;flex-direction:column;gap:4px}.lnD p{font:700 clamp(36px,5.4vw,84px)/1.02 Outfit;letter-spacing:-.04em;color:var(--head)}.lnD p.a{color:var(--accent);font-weight:300}
.wkK{position:relative;width:100%;max-width:460px;aspect-ratio:1;margin:0 auto 40px}.wkK svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.wkK-a{fill:none;stroke:var(--line);stroke-width:10;transition:stroke .6s}.wkK-a.done{stroke:color-mix(in oklab,var(--accent) 45%,transparent)}.wkK-a.on{stroke:var(--accent)}
.wkK-h{transform-origin:200px 200px;transition:transform 1.2s var(--ease)}.wkK-h line{stroke:var(--head);stroke-width:2}.wkK-c{fill:var(--head)}
.wkK-l{position:absolute;transform:translate(-50%,-50%);display:flex;gap:6px;align-items:baseline;white-space:nowrap;padding:8px 12px;background:var(--bg);border:1px solid var(--line);font:500 15px Outfit;color:var(--muted);transition:all .4s}.wkK-l.on{color:var(--head);border-color:var(--accent)}
.wkK-l.l0{left:86%;top:14%}.wkK-l.l1{left:86%;top:86%}.wkK-l.l2{left:14%;top:86%}.wkK-l.l3{left:14%;top:14%}
.wkK-m{position:absolute;left:50%;top:calc(50% + 34px);transform:translateX(-50%)}
.wkK-f{position:absolute;left:0;right:0;bottom:-36px;text-align:center}
.wkV{display:flex;flex-direction:column;gap:12px;width:100%;min-width:0}
.wkV-w{position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.wkV-t{display:flex;gap:4px;width:max-content;animation:wkv 48s linear infinite}@keyframes wkv{to{transform:translateX(-50%)}}
.wkV-s,.wkV-r{flex:none;width:150px;padding:18px 16px;display:flex;flex-direction:column;gap:6px;background:var(--panel)}.wkV-s b{font:500 16px Outfit;color:var(--head)}.wkV-r{width:110px;background:none;justify-content:center}
.wkV-now{position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--accent)}
.wkV-k{display:grid;grid-template-columns:1fr auto 1fr}.wkV-k span:nth-child(2){color:var(--accent)}.wkV-k span:last-child{text-align:right}
.wkS{width:100%;display:flex;flex-direction:column;gap:20px}
.wkS-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:end;height:380px}
.wkS-c{position:relative;background:var(--panel);display:flex;flex-direction:column;gap:10px;padding:0 14px 14px}
.wkS-b{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin:0 -14px 6px}.wkS-b i{height:8px;background:var(--accent)}.wkS-c:nth-child(1) .wkS-b i{opacity:.45}.wkS-c:nth-child(2) .wkS-b i{opacity:.7}
.wkS-n{display:flex;flex-direction:column;gap:6px;margin-top:6px}.wkS-n>span{display:flex;gap:8px;align-items:baseline;font:500 14px Outfit;color:var(--head)}
@media(max-width:600px){.wkS-g{height:300px}.wkS-n>span{font-size:12px}}

/* Methodology options (17 Oct) */
.scg-sl{position:relative}.sqgl{position:absolute;inset:0;animation:pin .5s both}.sqgl i{position:absolute;transition:opacity .3s}.sqgl.hl-ok i:not(.q-ok),.sqgl.hl-mid i:not(.q-mid),.sqgl.hl-bad i:not(.q-bad){opacity:.15}
.gtA{display:flex;flex-direction:column}.gtA-r{display:grid;grid-template-columns:96px minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start;padding:36px 0;border-top:1px solid var(--line)}
.gtA-n{font:700 72px/1 Outfit;letter-spacing:-.04em;color:var(--accent)}
@media(max-width:900px){.gtA-r{grid-template-columns:1fr;gap:12px}.gtA-n{font-size:48px}}
.gtB{display:flex;flex-direction:column;gap:32px}.gtB-p{display:flex;flex-direction:column;gap:32px;animation:bub .6s var(--ease) both}.gtB-p .d1{color:var(--head)}
.gtB-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:48px;padding-top:28px;border-top:1px solid var(--line)}
@media(max-width:900px){.gtB-g{grid-template-columns:1fr;gap:20px}}
.rz{position:relative;width:100%;max-width:520px;aspect-ratio:1;margin:0 auto}
.rz-f{position:absolute;border:1px solid var(--line);background:transparent;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;text-align:left;opacity:0;transition:opacity .6s var(--ease),border-color .6s,background .6s}
.rz-f.in{opacity:1}.rz-f.on{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 6%,transparent)}.rz-f b{font:500 14px/1.2 Outfit;color:var(--muted)}.rz-f.on b{color:var(--head)}.rz-f:first-child{align-items:center;justify-content:center;text-align:center}
.ro{position:relative;width:100%;max-width:520px;aspect-ratio:1;margin:0 auto}
.ro-o{position:absolute;left:50%;top:50%;translate:-50% -50%;border:1px solid var(--line);border-radius:50%;animation:roR linear infinite}
.ro-n{position:absolute;left:50%;top:0;translate:-50% -50%;display:flex;gap:6px;align-items:baseline;white-space:nowrap;padding:6px 10px;background:var(--bg);border:1px solid var(--line);font:500 14px Outfit;color:var(--head);animation:roR linear infinite reverse}
@keyframes roR{to{rotate:360deg}}
.ro-c{position:absolute;left:50%;top:50%;translate:-50% -50%;width:24%;aspect-ratio:1;border-radius:50%;background:var(--accent);color:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font:600 14px/1.2 Outfit;gap:2px}.ro-c .mono{color:var(--bg)}
@media(prefers-reduced-motion:reduce){.ro-o,.ro-n{animation:none}}
.bpc{display:flex;flex-direction:column;gap:20px}.bpc-w{overflow-x:auto}.bpc-w svg{width:100%;min-width:760px;display:block}
.bpc-h{font:600 12px Outfit;letter-spacing:.18em;text-transform:uppercase;fill:var(--muted)}
.bpc-l{fill:none;stroke:var(--line);stroke-width:1.5}.bpc-l.on{stroke:var(--accent);stroke-width:3;stroke-dasharray:1;stroke-dashoffset:1;animation:bpcD 1.4s var(--ease) forwards}@keyframes bpcD{to{stroke-dashoffset:0}}
.bpc-n rect{fill:var(--bg);stroke:var(--line);transition:stroke .4s}.bpc-n text{font:500 15px Outfit;fill:var(--muted);transition:fill .4s}.bpc-n circle{fill:var(--muted)}
.bpc-n.ok circle{fill:var(--ok)}.bpc-n.bad circle{fill:var(--bad)}.bpc-n.w circle{fill:var(--accent)}
.bpc-n.on rect{stroke:var(--accent);stroke-width:2}.bpc-n.on text{fill:var(--head)}
.bpd{display:flex;flex-direction:column;gap:12px}
.bpd-step{display:flex;flex-direction:column;gap:12px;padding:24px 0;border-top:1px solid var(--line);animation:bub .5s var(--ease) both}.bpd-step .d4{color:var(--head)}
.bpd-s{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.bpd-s.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.bpd-b{display:grid;grid-template-columns:12px minmax(0,1fr);gap:4px 10px;align-items:baseline;text-align:left;padding:16px 18px;border:1px solid var(--line);background:color-mix(in oklab,var(--bg) 70%,transparent);transition:all .3s}
.bpd-b i{width:10px;height:10px;border-radius:50%;background:var(--accent)}.bpd-b.ok i{background:var(--ok)}.bpd-b.bad i{background:var(--bad)}
.bpd-b b{font:600 16px Outfit;color:var(--head)}.bpd-b span{grid-column:2;font-size:14px;color:var(--fg)}
.bpd-b:hover{border-color:var(--head)}.bpd-b.on{border-color:var(--accent);background:var(--panel2)}.bpd-b.dim{opacity:.45}
.bpd-o{display:flex;flex-wrap:wrap;gap:6px}.bpa-s.off{opacity:.3}
.bpd-f{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;padding-top:12px}
@media(max-width:900px){.bpd-s{grid-template-columns:1fr 1fr}.bpd-s.two{grid-template-columns:1fr}}
.lyA{display:flex;flex-direction:column;gap:4px}
.lyA-s{display:grid;grid-template-columns:44px minmax(0,.9fr) minmax(0,1fr) minmax(0,1.2fr);gap:20px;align-items:baseline;padding:20px 24px;background:var(--panel)}.lyA-s.on{background:var(--panel2);box-shadow:inset 0 0 0 1px var(--accent)}
.lyA-s b{font:600 19px Outfit;color:var(--head)}.lyA-q{color:var(--fg)}.lyA-o{font-size:14px;color:var(--muted)}.lyA-s.on .mono{color:var(--accent)}
@media(max-width:900px){.lyA-s{grid-template-columns:36px minmax(0,1fr);margin:0!important}.lyA-q,.lyA-o{grid-column:2}}
.lyB{display:flex;flex-direction:column}
.lyB-g{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px}
.lyB-c{position:relative;display:flex;flex-direction:column;gap:8px;padding:20px 18px;border:1px solid var(--line);background:color-mix(in oklab,var(--bg) 70%,transparent)}.lyB-c.on{border-color:var(--accent);background:var(--panel2)}
.lyB-c:not(:last-child):after{content:"→";position:absolute;right:-22px;top:28px;color:var(--accent)}
.lyB-c b{font:600 17px/1.25 Outfit;color:var(--head)}.lyB-c p{font-size:15px;color:var(--fg)}.lyB-o{font-size:13px;color:var(--muted);margin-top:auto;padding-top:8px;border-top:1px solid var(--line)}
.lyB-back{height:32px;margin:0 8% 0 8%;border:1px dashed var(--accent);border-top:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:0;position:relative}.lyB-back .mono{background:var(--bg);padding:0 10px;transform:translateY(50%);color:var(--accent)}
.lyB-back:before{content:"↑";position:absolute;left:-7px;top:-14px;color:var(--accent)}
@media(max-width:1000px){.lyB-g{grid-template-columns:1fr 1fr;gap:12px}.lyB-c:after{display:none}.lyB-back{display:none}}
.lnm-g{display:grid;grid-template-columns:minmax(160px,1.1fr) repeat(3,minmax(0,1fr));gap:4px;align-items:center}
.lnm-g>.lab{padding:0 0 10px}.lnm-g>b{font:500 17px Outfit;color:var(--head);padding:18px 0}
.lnm-g>i{height:56px;background:var(--panel);position:relative}.lnm-g>i:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--accent);transform:scale(0);transition:transform .5s var(--ease);transition-delay:inherit}
.lnm.on .lnm-g>i:after{transform:scale(1)}
.lnm-o{margin-top:4px;padding:24px 28px;background:var(--panel2);box-shadow:inset 0 3px 0 var(--accent);display:flex;flex-direction:column;gap:8px}
@media(max-width:760px){.lnm-g{grid-template-columns:110px repeat(3,minmax(0,1fr))}.lnm-g>.lab{font-size:10px}.lnm-g>b{font-size:14px}}
.lnb{display:flex;flex-direction:column;gap:24px}
.lnb-t{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;align-items:stretch}
.lnb-t:before{content:"";position:absolute;left:4%;right:4%;top:50%;height:1px;background:var(--line)}
.lnb-tok,.lnb-l,.lnb-o{position:relative;display:flex;flex-direction:column;gap:8px;padding:20px;background:var(--bg);border:1px solid var(--line)}
.lnb-tok{border-color:var(--head)}.lnb-tok b,.lnb-l b,.lnb-o b{font:600 17px/1.3 Outfit;color:var(--head)}
.lnb-l,.lnb-o{opacity:.35;animation:lnbOn .6s var(--ease) forwards}.lnb-o{background:var(--panel2)}
@keyframes lnbOn{to{opacity:1;border-color:var(--accent)}}
@media(max-width:900px){.lnb-t{grid-template-columns:1fr;gap:8px}.lnb-t:before{display:none}}

/* Methodology options round 3 (17 Oct) */
.gq{gap:2px;background:var(--line);border:1px solid var(--line)}.gq-c{background:var(--bg);padding:36px 32px;display:flex;flex-direction:column;gap:14px}.gq-c .d3{color:var(--head)}
.gv{min-height:150px;padding:18px;border:1px solid var(--line);display:flex;flex-direction:column;gap:8px;justify-content:center}
.gv1 span{display:flex;gap:10px;align-items:center;padding:7px 10px;font-size:15px;color:var(--muted);transition:all .5s var(--ease)}.gv1 i,.gv2 i,.gv3 i,.gq-g i{width:10px;height:10px;border-radius:50%;background:var(--line);flex:none;transition:background .5s}
.gv1 .you.on{color:var(--head);background:color-mix(in oklab,var(--accent) 12%,transparent)}.gv1 .you.on i{background:var(--ok)}.gv1 .you.off{opacity:.25}
.gv2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gv2>div{position:relative;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--fg)}.gv2>div:last-child{padding-left:12px;border-left:1px solid var(--line)}.gv2 i{position:absolute;right:0;top:0}.gv2 .on i{background:var(--ok)}.gv2 .off i{background:var(--bad)}
.gv3{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;gap:10px 20px;align-items:center}.gv3-a{grid-row:span 2;padding:10px 14px;border:1px solid var(--line);font:500 14px Outfit;color:var(--fg)}
.gv3-r{display:flex;gap:10px;align-items:center;font-size:15px;color:var(--muted);transition:color .5s}.gv3-r.on{color:var(--head)}.gv3-r.on i{background:var(--ok)}.gv3-r.bad{color:var(--head)}.gv3-r.bad i{background:var(--bad)}
.gq-g{display:flex;gap:10px;align-items:baseline;font-size:16px;color:var(--muted);min-height:3em;transition:color .5s}.gq-g.on{color:var(--head)}.gq-g.on i{background:var(--ok)}.gq-g i{background:var(--bad);translate:0 1px}
.gw{display:flex;flex-direction:column;gap:28px}.gw-g{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:56px;align-items:center}
.gw-b{padding:24px;font-size:18px;line-height:1.7;color:var(--fg)}.gw-m{transition:color .5s,background .5s;color:var(--muted)}.gw-m.on{color:var(--head);background:color-mix(in oklab,var(--accent) 16%,transparent)}.gw-b b{font-weight:600}
.gw-s{display:flex;flex-direction:column;gap:14px;animation:bub .5s var(--ease) both}.gw-n{font:700 72px/1 Outfit;letter-spacing:-.04em;color:var(--accent)}.gw-s .d3{color:var(--head)}.gw-s .d4{color:var(--fg)}
@media(max-width:900px){.gw-g{grid-template-columns:1fr;gap:28px}}
.lyT{display:flex;flex-direction:column;gap:28px}.lyT-g{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.lyT-g:before{content:"";position:absolute;left:0;right:0;top:7px;height:1px;background:var(--line)}
.lyT-n{position:relative;display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left;background:transparent;border:0;padding:0;cursor:pointer}
.lyT-n i{width:15px;height:15px;border-radius:50%;border:1px solid var(--line);background:var(--bg);margin-bottom:14px;transition:background .3s,border-color .3s}.lyT-n.fw i{border-color:var(--accent)}.lyT-n.on i{background:var(--accent);border-color:var(--accent)}
.lyT-n b{font:600 17px/1.25 Outfit;color:var(--head)}.lyT-n>span:last-child{font-size:15px;color:var(--muted);transition:color .3s}.lyT-n.on>span:last-child{color:var(--fg)}.lyT-n.fw .mono{color:var(--accent)}
.lyT-o{display:flex;gap:16px;align-items:baseline;padding-top:20px;border-top:1px solid var(--line);color:var(--fg);animation:bub .5s var(--ease) both}
@media(max-width:900px){.lyT-g{grid-template-columns:1fr 1fr;row-gap:28px}.lyT-g:before{display:none}}
.lyL-v{position:relative;width:100%;max-width:640px;aspect-ratio:1;margin:0 auto}.lyL-v svg{position:absolute;inset:0;width:100%;height:100%}.lyL-v circle{fill:none;stroke:var(--line);stroke-width:.3;stroke-dasharray:1 1.2}
.lyL-n{position:absolute;translate:-50% -50%;display:flex;gap:8px;align-items:baseline;white-space:nowrap;padding:10px 14px;border:1px solid var(--line);background:var(--bg);font:500 15px Outfit;color:var(--muted);cursor:pointer;transition:color .3s,border-color .3s}.lyL-n.fw .mono{color:var(--accent)}.lyL-n.on{color:var(--head);border-color:var(--accent)}
.lyL-c{position:absolute;left:50%;top:50%;translate:-50% -50%;width:52%;text-align:center;display:flex;flex-direction:column;gap:10px;animation:bub .5s var(--ease) both}.lyL-c .d4{color:var(--head)}.lyL-c span{font-size:15px;color:var(--muted)}
@media(max-width:700px){.lyL-n{font-size:12px;padding:6px 8px;white-space:normal;max-width:36%}.lyL-c .d4{font-size:17px}.lyL-c span{font-size:13px}}
.lyF{display:flex;flex-direction:column}.lyF-r{display:grid;grid-template-columns:48px 240px minmax(0,1fr);gap:4px 24px;align-items:baseline;padding:18px 0;border:0;border-top:1px solid var(--line);background:transparent;text-align:left;cursor:pointer;font:inherit;transition:padding .4s var(--ease)}
.lyF-r b{font:600 19px Outfit;color:var(--muted);transition:color .3s}.lyF-q{color:var(--muted);transition:color .3s}.lyF-o{grid-column:3;font-size:15px;color:var(--fg);max-height:0;opacity:0;overflow:hidden;transition:max-height .5s var(--ease),opacity .4s}
.lyF-r.done b{color:var(--fg)}.lyF-r.on{padding:28px 0}.lyF-r.on b,.lyF-r.on .lyF-q{color:var(--head)}.lyF-r.on .lyF-o{max-height:80px;opacity:1}.lyF-r.on .mono,.lyF-r.fw .mono{color:var(--accent)}.lyF>.mono{margin-top:12px}
@media(max-width:900px){.lyF-r{grid-template-columns:36px minmax(0,1fr)}.lyF-q,.lyF-o{grid-column:2}}


.rsh{width:100%;max-width:560px;margin:0 auto}.rsh-v{position:relative;width:100%;aspect-ratio:1}.rsh-v canvas{position:absolute;inset:0}
.rsh-l{position:absolute;left:50%;translate:-50% -50%;display:flex;gap:6px;align-items:baseline;white-space:nowrap;padding:4px 10px;border:1px solid transparent;background:color-mix(in oklab,var(--bg) 80%,transparent);opacity:0;transition:opacity .6s,border-color .3s;cursor:pointer}
.rsh-l.in{opacity:1}.rsh-l b{font:500 13px Outfit;color:var(--muted)}.rsh-l.on{border-color:var(--accent)}.rsh-l.on b{color:var(--head)}
.ln5{display:flex;flex-direction:column;gap:32px}.ln5-o{display:flex;flex-direction:column;gap:6px;max-width:560px;margin:0 auto;text-align:center;animation:pin .5s both}.ln5-o b{font:500 20px/1.4 Outfit;color:var(--head)}.ln5-f{display:flex;flex-direction:column;align-items:center;gap:12px}
.lnR{width:100%;max-width:560px;margin:0 auto}.lnR-v{position:relative;aspect-ratio:1}
.lnR-r{position:absolute;left:50%;top:50%;translate:-50% -50%;border:1px solid var(--line);border-radius:50%;animation:lnRf 1s ease both}.lnR-r span{position:absolute;left:50%;top:0;translate:-50% -50%;padding:4px 10px;background:var(--bg);font:500 14px Outfit;color:var(--head);white-space:nowrap}
@keyframes lnRf{40%{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 7%,transparent)}}
.lnR-c{position:absolute;left:50%;top:50%;width:14%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;border:1px solid var(--accent);animation:lnRc .6s 2.3s both}@keyframes lnRc{to{background:var(--accent)}}
.lnR-d{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--accent);translate:-50% -50%;animation:lnRm 2.4s linear both}@keyframes lnRm{from{left:var(--x0);top:var(--y0)}to{left:50%;top:50%}}
.lnR-s{position:absolute;padding:6px 12px;border:1px solid var(--line);background:var(--bg);font:500 14px Outfit;color:var(--muted);cursor:pointer;transition:color .3s,border-color .3s}.lnR-s.on{color:var(--head);border-color:var(--accent)}
.lnR-s.s0{left:0;top:0}.lnR-s.s1{right:0;top:0}.lnR-s.s2{right:0;bottom:0}.lnR-s.s3{left:0;bottom:0}
.lnT-s{perspective:1000px;height:280px;display:flex;justify-content:center;align-items:center}
.lnT-p{position:relative;width:300px;height:200px;transform-style:preserve-3d;animation:lnTr 9s linear infinite}@keyframes lnTr{to{transform:rotateY(-360deg)}}
.lnT-f{position:absolute;inset:0;border:1px solid var(--accent);background:color-mix(in oklab,var(--accent) 10%,var(--bg));display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;backface-visibility:hidden;text-align:center;padding:16px}
.lnT-f b{font:600 22px Outfit;color:var(--head)}.lnT-x{font-size:14px;color:var(--accent);animation:bub .5s var(--ease) both}
@media(prefers-reduced-motion:reduce){.lnT-p{animation:none}}
.lnS-w{overflow-x:auto}.lnS{position:relative;min-width:760px;height:340px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}
.lnS-g{position:absolute;top:0;bottom:0;border-left:1px dashed var(--accent);display:flex;flex-direction:column;gap:4px;padding:14px 0 0 12px}.lnS-g b{font:500 15px Outfit;color:var(--head)}
.lnS-c{position:absolute;left:-14%;display:flex;gap:6px;align-items:center;padding:8px 12px;border:1px solid var(--line);background:var(--bg);font:500 14px Outfit;color:var(--fg);white-space:nowrap;animation:lnSx 9s linear infinite}
.lnS-c:nth-of-type(odd){top:46%}.lnS-c:nth-of-type(even){top:70%}
.lnS-c i{width:8px;height:8px;border-radius:50%;background:var(--line);animation:9s linear infinite}.lnS-c i:nth-of-type(1){animation-name:lnS1}.lnS-c i:nth-of-type(2){animation-name:lnS2}.lnS-c i:nth-of-type(3){animation-name:lnS3}
.lnS-c.m{animation-name:lnSx,lnSm}.lnS-c.f{animation-name:lnSx,lnSf}.lnS-c.m,.lnS-c.f{animation-duration:9s;animation-timing-function:linear;animation-iteration-count:infinite}
@keyframes lnSx{from{left:-14%}to{left:100%}}
@keyframes lnS1{0%,38%{background:var(--line)}40%,100%{background:var(--accent)}}@keyframes lnS2{0%,55%{background:var(--line)}57%,100%{background:var(--accent)}}@keyframes lnS3{0%,73%{background:var(--line)}75%,100%{background:var(--accent)}}
@keyframes lnSm{0%,84%{border-color:var(--line);color:var(--fg)}88%,100%{border-color:var(--accent);color:var(--head)}}@keyframes lnSf{0%,84%{opacity:1}92%,100%{opacity:.15}}
.lnS-e{position:absolute;right:16px;top:14px;color:var(--accent)}
.lnI-s{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 420px minmax(0,1fr);align-items:center;gap:24px;min-height:420px;perspective:1400px}
.lnI-src,.lnI-o{display:flex;flex-direction:column;gap:6px}.lnI-src b{font:600 22px Outfit;color:var(--head)}.lnI-o b{font:500 18px/1.4 Outfit;color:var(--head)}.lnI-o{opacity:0;animation:pin .5s 2.8s forwards}
.lnI-iso{position:relative;width:240px;height:240px;margin:0 auto;transform-style:preserve-3d;transform:rotateX(58deg) rotateZ(-40deg)}
.lnI-p{position:absolute;inset:0;border:1px solid var(--accent);background:color-mix(in oklab,var(--accent) 8%,transparent);display:flex;align-items:flex-end;padding:14px;animation:lnIf 1.2s ease both}.lnI-p b{font:500 15px Outfit;color:var(--head)}
@keyframes lnIf{50%{background:color-mix(in oklab,var(--accent) 28%,transparent)}}
.lnI-t{position:absolute;left:50%;top:50%;width:36px;height:36px;margin:-18px;background:var(--accent);animation:lnIt 2.6s var(--ease) forwards}@keyframes lnIt{from{transform:translateZ(-60px);opacity:.3}to{transform:translateZ(200px);opacity:1}}
@media(max-width:900px){.lnI-s{grid-template-columns:1fr;text-align:center;min-height:0}.lnI-iso{width:180px;height:180px;margin:40px auto 80px}}

.rrc{position:relative;display:flex;flex-direction:column;gap:0}
.rrc-w{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.rrc-w path{fill:none;stroke:var(--line);stroke-width:1;transition:stroke .3s,opacity .3s}.rrc-w path.lit{stroke:var(--accent);stroke-width:1.5}.rrc-w path.fade{opacity:.2}
.rrc-l{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px}.rrc-l.n{margin-top:72px}
.rrc-row{position:relative;z-index:1;display:grid;gap:16px;align-items:stretch}
.rrc-k{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--line);background:var(--bg);text-align:left;font:inherit;transition:border-color .3s,opacity .3s,background .3s}
.rrc-k b{font:500 16px/1.25 Outfit;color:var(--head)}.rrc-k span{font-size:14px;line-height:1.5;color:var(--muted)}.rrc-k .cc-x{margin-left:6px}
.rrc-k.c{cursor:pointer}.rrc-k.c:hover{border-color:var(--accent)}.rrc-k.on{border-color:var(--accent);background:var(--panel2)}.rrc-k.on span{color:var(--fg)}.rrc-k.dim{opacity:.4}
.rrc-g{position:relative;z-index:1;align-self:center;width:100%;max-width:720px;display:flex;flex-direction:column;gap:8px;padding:22px 26px;border:1px solid var(--line);background:var(--panel2);text-align:center;transition:border-color .3s}.rrc-g.on{border-color:var(--accent)}
.rrc-g b{font:600 20px Outfit;color:var(--head)}.rrc-g span{color:var(--fg)}
@media(max-width:860px){.rrc-row{grid-template-columns:1fr 1fr!important}.rrc-w{display:none}.rrc-l.n{margin-top:32px}}

.scg-c{background:color-mix(in oklab,var(--panel) 35%,transparent)}
.lnw{display:flex;flex-direction:column;gap:24px}
.lnw-g{display:grid;grid-template-columns:minmax(160px,1fr) repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.lnw-g>*{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.lnw-h,.lnw-r{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:18px 20px;background:transparent;border-top:0;border-left:0;text-align:left;font:inherit;cursor:pointer;transition:background .3s}
.lnw-h b,.lnw-r b{font:500 17px/1.25 Outfit;color:var(--head)}.lnw-h.on,.lnw-r.on{background:color-mix(in oklab,var(--accent) 12%,transparent)}.lnw-h.on .mono,.lnw-r.on .mono{color:var(--accent)}
.lnw-x{position:relative;min-height:72px;transition:background .4s}.lnw-x:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;translate:-50% -50%;border-radius:50%;border:1px solid var(--line);transition:all .4s var(--ease)}
.lnw-x.on{background:color-mix(in oklab,var(--accent) 6%,transparent)}.lnw-x.on:after{background:var(--accent);border-color:var(--accent);scale:1.25}
.lnw-b{display:flex;flex-direction:column;gap:8px;padding:24px 28px;border:1px solid var(--accent);background:color-mix(in oklab,var(--accent) 8%,transparent);text-align:center}.lnw-b .d4{color:var(--head)}
@media(max-width:760px){.lnw-g{grid-template-columns:120px repeat(3,minmax(0,1fr))}.lnw-h,.lnw-r{padding:12px 10px}.lnw-h b,.lnw-r b{font-size:13px}}

/* The shift round 4 (17 Oct) */
.tb-t{font:600 18px/1.25 Outfit;color:var(--head)}.tb-2.g .tb-t{color:var(--head)}
.tg-v{position:relative;width:100%;max-width:520px;aspect-ratio:1}
.tg-r{position:absolute;left:0;bottom:0;border:1px solid var(--line);border-radius:0 100% 0 0;background:transparent;opacity:.35;transition:opacity .5s,border-color .5s,background .5s;cursor:pointer;padding:0}
.tg-r.in{opacity:1}.tg-r.on{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 8%,transparent)}
.tg-r span{position:absolute;right:6%;bottom:10px;max-width:42%;text-align:right;font:500 13px/1.2 Outfit;color:var(--muted)}.tg-r:last-child span{right:auto;left:10px;max-width:80%;text-align:left}.tg-r.on span{color:var(--head)}
.ca{display:flex;flex-direction:column;gap:28px}
.ca-t{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px;padding:56px 0 8px;border-top:1px dashed var(--line);transition:gap .8s var(--ease),padding .8s var(--ease),background .6s,border-color .6s}
.ca-t.now{gap:0;padding:56px 0 8px;border:1px solid var(--accent);background:color-mix(in oklab,var(--accent) 6%,transparent)}
.ca-w{position:absolute;left:0;top:18px}.ca-t.now .ca-w{left:24px}
.ca-s{display:flex;flex-direction:column;gap:10px;padding:0 24px 24px}.ca-t:not(.now) .ca-s{padding:0 0 24px;border-top:2px solid var(--line);padding-top:16px}
.ca-s b{font:600 22px/1.25 Outfit;color:var(--head);animation:bub .5s var(--ease) both}.ca-s p{color:var(--fg);animation:bub .5s .1s var(--ease) both}
@media(max-width:860px){.ca-t,.ca-t.now{grid-template-columns:1fr;gap:16px}}
.cw{display:flex;flex-direction:column;gap:28px}.cw-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.cw-l,.cw-a{padding:20px;display:flex;flex-direction:column;gap:10px}
.cw-r{display:flex;align-items:center;gap:12px;height:28px}.cw-r i{width:10px;height:10px;border-radius:50%;background:var(--line);flex:none}.cw-r span{height:8px;background:var(--line)}
.cw-r.you b{font:500 15px Outfit;color:var(--head)}.cw-r.you i{background:var(--accent)}
.cw-n{display:flex;gap:14px;align-items:baseline;padding:14px 16px;border:1px solid var(--line);animation:bub .5s var(--ease) both}.cw-n b{font:500 17px Outfit;color:var(--head)}
.cw-n.you{border-style:dashed}.cw-n.you b{color:var(--muted)}
.cw-t{display:flex;flex-direction:column;gap:14px;animation:bub .5s var(--ease) both}.cw-t .d3{color:var(--head)}
@media(max-width:860px){.cw-g{grid-template-columns:1fr;gap:28px}}
.ga2{display:flex;flex-direction:column;gap:4px}.ga2-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.ga2-c{display:flex;flex-direction:column;gap:10px;padding:24px;border:1px solid var(--line)}.ga2-c b{font:600 20px Outfit;color:var(--head)}.ga2-c p{font-size:15px;color:var(--fg)}
.ga2-fx{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.ga2-y{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:20px 24px;border:1px solid var(--line);background:var(--panel2)}.ga2-y b{font:600 22px Outfit;color:var(--head)}
.ga2>.mono{margin-top:16px}
@media(max-width:900px){.ga2-g{grid-template-columns:1fr 1fr}}
.gb2{display:flex;flex-direction:column;gap:24px}.gb2-v{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr) minmax(0,1fr);grid-template-rows:1fr 1fr;gap:16px 32px}
.gb2-l{display:flex;flex-direction:column;gap:6px;align-items:flex-start;justify-content:center;padding:20px;border:1px solid var(--line);background:transparent;text-align:left;font:inherit;cursor:pointer;transition:border-color .3s,background .3s}
.gb2-l b{font:600 20px Outfit;color:var(--head)}.gb2-l.on{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 8%,transparent)}.gb2-l.on .mono{color:var(--accent)}
.gb2-l.l0{grid-area:1/1}.gb2-l.l1{grid-area:1/3}.gb2-l.l2{grid-area:2/1}.gb2-l.l3{grid-area:2/3}.gb2-a{grid-area:1/2/3/3}
.gb2-b{padding:28px 24px;display:flex;flex-direction:column;gap:14px;animation:bub .5s var(--ease) both}.gb2-b p{font:500 18px Outfit;color:var(--fg)}.gb2-b b{color:var(--head)}
.gb2-y{display:flex;justify-content:space-between;padding:14px 24px;border-top:1px solid var(--line)}.gb2-y span:last-child{color:var(--head);font-weight:500}
.gb2-d{max-width:720px;color:var(--fg);animation:bub .5s var(--ease) both}
@media(max-width:860px){.gb2-v{grid-template-columns:1fr 1fr;grid-template-rows:auto}.gb2-a{grid-area:auto;grid-column:1/-1;order:-1}.gb2-l.l0,.gb2-l.l1,.gb2-l.l2,.gb2-l.l3{grid-area:auto}}
.gt-h{font:700 clamp(48px,7vw,112px)/.95 Outfit;letter-spacing:-.05em;color:var(--head);margin-bottom:40px}
.gt-l{display:flex;flex-direction:column}.gt-r{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:24px;align-items:baseline;padding:22px 0;border-top:1px solid var(--line)}.gt-r b{font:500 clamp(22px,2.4vw,32px) Outfit;color:var(--fg)}
@media(max-width:700px){.gt-r{grid-template-columns:36px minmax(0,1fr)}.gt-r .gd-fx{grid-column:2}}
.wS{display:flex;flex-direction:column;gap:20px}.wS-g{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;height:320px;border-bottom:1px solid var(--line)}
.wS-c{display:flex;flex-direction:column;gap:10px;background:transparent;border:0;padding:0;cursor:pointer;font:inherit}.wS-b{flex:1;display:flex;gap:6px;align-items:flex-end}
.wS-b i{flex:1;transition:height .6s var(--ease),opacity .3s}.wS-b .e{background:var(--accent)}.wS-b .l{background:var(--muted);opacity:.5}.wS-c:not(.on) .wS-b .e{opacity:.55}.wS-c .mono{padding-bottom:10px}.wS-c.on .mono{color:var(--accent)}
.wS-k{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center}.wS-k span{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--fg)}.wS-k i{width:12px;height:12px}.wS-k .e{background:var(--accent)}.wS-k .l{background:var(--muted);opacity:.5}.wS-k .o{background:var(--muted)}.wS-k .n{border:1px solid var(--line)}
.wS-t{display:flex;flex-direction:column;gap:8px;padding-top:20px;border-top:1px solid var(--line);max-width:760px;animation:bub .5s var(--ease) both}.wS-t b{font:600 20px Outfit;color:var(--head)}.wS-t p{color:var(--fg)}
.wG{display:flex;flex-direction:column;gap:24px}.wG .cc3-tg{flex-wrap:wrap}
.wG-g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px}.wG-g i{aspect-ratio:1;border:1px solid var(--line);transition:background .6s,border-color .6s}.wG-g i.y{background:var(--accent);border-color:var(--accent)}.wG-g i.o{background:var(--muted);border-color:var(--muted)}

.tb-g{grid-template-columns:minmax(0,1.1fr) repeat(4,minmax(0,1fr))}@media(max-width:1000px){.tb-g{grid-template-columns:1fr 1fr}.tb-1{grid-column:1/-1;min-height:0}}

.tc2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px;align-items:stretch}.tc2-a{display:flex;flex-direction:column;gap:4px}.tc2-a .tb-1,.tc2-a .tb-2{min-height:0;flex:1}
.tc2-b{display:flex;flex-direction:column;gap:12px}.tc2-g{display:grid;grid-template-columns:1fr 1fr;gap:4px;flex:1}.tc2-g .tb-2{min-height:0}
@media(max-width:900px){.tc2{grid-template-columns:1fr}.tc2-g{grid-template-columns:1fr}}
.td2{display:flex;gap:4px;align-items:flex-end}
.td2-b{flex-basis:0;display:flex;flex-direction:column;justify-content:flex-start;gap:10px;padding:20px;border:0;background:var(--panel);box-shadow:inset 0 3px 0 var(--line);text-align:left;font:inherit;cursor:pointer;opacity:.45;transition:opacity .5s,box-shadow .5s,background .5s}
.td2-b b{font:600 17px/1.25 Outfit;color:var(--head)}.td2-b.in{opacity:1}.td2-b.on{background:var(--panel2);box-shadow:inset 0 3px 0 var(--accent)}.td2-b.on .mono{color:var(--accent)}
@media(max-width:900px){.td2{flex-direction:column;align-items:stretch}.td2-b{min-height:0!important}}

.ga2-fx p{font-size:14px;line-height:1.5;color:var(--fg)}.ga2-c .gd-fx{align-items:flex-start;line-height:1.4}.ga2-c .gd-fx i{margin-top:5px;flex:none}
.tc3{display:flex;flex-direction:column;gap:40px}
.tc3-s{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:4px}
.tc3-b{display:flex;flex-direction:column;gap:10px;padding:22px;min-width:0;background:var(--panel);box-shadow:inset 0 3px 0 var(--line);overflow-wrap:anywhere}
.tc3-b b{font:600 18px/1.25 Outfit;color:var(--head)}.tc3-b p{font-size:15px;line-height:1.5;color:var(--fg)}
.tc3-b.k{border:1px solid var(--head);background:transparent;box-shadow:none}.tc3-b.a{background:var(--panel2);box-shadow:inset 0 3px 0 var(--accent)}
.tc3-l{display:flex;flex-wrap:wrap;gap:8px 20px}.tc3-l span{font:500 15px Outfit;color:var(--head)}
.tc3-r{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;align-items:start;padding-top:24px;border-top:1px solid var(--line)}
.tc3-h{display:flex;flex-direction:column;gap:8px}.tc3-h p{font-size:15px;color:var(--muted)}
.tc3-t{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 48px;position:relative}.tc3-t:before{content:"";position:absolute;left:0;right:0;top:6px;height:1px;background:var(--accent)}
.tc3-tk{position:relative;display:flex;flex-direction:column;gap:4px;padding-right:12px;min-width:0}.tc3-tk i{width:13px;height:13px;border-radius:50%;background:var(--accent);margin-bottom:10px}
.tc3-tk span{font:500 15px/1.3 Outfit;color:var(--head)}.tc3-tk em{font:400 12px 'JetBrains Mono',monospace;font-style:normal;color:var(--muted)}.tc3-tk.more i{background:transparent;border:1px solid var(--accent)}
.tc3-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:4px}.tc3-b.own{background:transparent;box-shadow:none;border:1px dashed var(--accent)}
@media(max-width:900px){.tc3-s,.tc3-r{grid-template-columns:1fr}.tc3-t{grid-template-columns:1fr 1fr;row-gap:20px}.tc3-t:before{display:none}}

.lnf{display:flex;flex-direction:column;gap:40px}.lnf-v{position:relative;width:100%;max-width:640px;aspect-ratio:1;margin:0 auto}.lnf-v svg{position:absolute;inset:0;width:100%;height:100%}
.lnf-v line{stroke:var(--line);stroke-width:.3;stroke-dasharray:1 1;transition:stroke .4s}.lnf-v line.on{stroke:var(--accent);stroke-width:.5;stroke-dasharray:none}
.lnf-v circle{fill:color-mix(in oklab,var(--accent) 8%,transparent);stroke:var(--accent);stroke-width:.3}
.lnf-s{position:absolute;translate:-50% -50%;padding:8px 14px;border:1px solid var(--line);background:var(--bg);font:500 14px Outfit;color:var(--muted);cursor:pointer;white-space:nowrap;transition:color .3s,border-color .3s}.lnf-s.on{color:var(--head);border-color:var(--accent)}
.lnf-s.s0{left:12%;top:12%}.lnf-s.s1{left:88%;top:12%}.lnf-s.s2{left:88%;top:88%}.lnf-s.s3{left:12%;top:88%}
.lnf-l{position:absolute;translate:-50% -50%;font:500 13px/1.2 Outfit;color:var(--head);text-align:center;width:18%}.lnf-l.l0{left:50%;top:32%}.lnf-l.l1{left:33%;top:63%}.lnf-l.l2{left:67%;top:63%}
.lnf-m{position:absolute;left:50%;top:53%;translate:-50% -50%;font:600 13px Outfit;color:var(--accent);white-space:nowrap}
.lnf-t{display:flex;flex-direction:column;gap:20px}.lnf-t .d4{color:var(--head)}.lnf-t .lab{font-size:inherit;letter-spacing:0;text-transform:none;margin-right:6px}
.lnf-c{display:flex;flex-direction:column;gap:8px;padding:20px;border-top:2px solid var(--accent);animation:bub .5s var(--ease) both}.lnf-c b{font:600 17px Outfit;color:var(--head)}.lnf-c p{font-size:15px;color:var(--fg)}
@media(max-width:700px){.lnf-s{font-size:11px;padding:5px 8px}.lnf-l{font-size:10px}}
.lnp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}.lnp-v{position:relative;width:100%;max-width:560px;aspect-ratio:1}.lnp-v svg{width:100%;height:100%;overflow:visible}
.lnp-o{fill:none;stroke:var(--line);stroke-dasharray:3 4}.lnp-s{fill:color-mix(in oklab,var(--accent) 5%,transparent);stroke:var(--bg);stroke-width:3;animation:lnpS 1.1s ease both}@keyframes lnpS{40%{fill:color-mix(in oklab,var(--accent) 32%,transparent)}100%{fill:color-mix(in oklab,var(--accent) 12%,transparent)}}
.lnp-c{fill:var(--bg);stroke:var(--accent)}.lnp-ct{font:600 12px Outfit;fill:var(--accent)}.lnp-lt{font:500 13px Outfit;fill:var(--head)}
.lnp-n{fill:var(--line);transition:all .3s}.lnp-n.on{fill:var(--accent)}
.lnp-b{position:absolute;translate:-50% -50%;padding:6px 12px;border:1px solid var(--line);background:var(--bg);font:500 13px Outfit;color:var(--muted);cursor:pointer;white-space:nowrap}.lnp-b.on{color:var(--head);border-color:var(--accent)}
.lnp-b.b0{left:81%;top:81%}.lnp-b.b1{left:19%;top:81%}.lnp-b.b2{left:19%;top:19%}.lnp-b.b3{left:81%;top:19%}
.lnp-t{display:flex;flex-direction:column;gap:16px;animation:bub .5s var(--ease) both}.lnp-t .d3{color:var(--head)}
@media(max-width:900px){.lnp{grid-template-columns:1fr}}

/* Agent + Request options (17 Oct) */
.dmw-g{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:300px}.dmw-t{display:flex;flex-direction:column;border-right:1px solid var(--line)}
.dmw-t button{display:flex;gap:10px;align-items:baseline;padding:18px 20px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;font:500 15px Outfit;color:var(--muted);cursor:pointer}.dmw-t button.on{color:var(--head);background:var(--panel2)}
.dmw-p{display:flex;flex-direction:column;gap:14px;padding:32px;animation:bub .5s var(--ease) both}.dmw-p .d3{color:var(--head)}
@media(max-width:760px){.dmw-g{grid-template-columns:1fr}.dmw-t{flex-direction:row;overflow-x:auto;border-right:0}}
.dml{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;position:relative}.dml:before{content:"";position:absolute;left:0;right:0;top:6px;height:1px;background:var(--accent)}
.dml-s{display:flex;flex-direction:column;gap:10px}.dml-s i{width:13px;height:13px;border-radius:50%;background:var(--accent);margin-bottom:12px}.dml-s .d4{color:var(--head)}
@media(max-width:860px){.dml{grid-template-columns:1fr 1fr}.dml:before{display:none}}
.dmb{display:flex;flex-direction:column}.dmb-r{display:grid;grid-template-columns:120px minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:baseline;padding:32px 0;border-top:1px solid var(--line)}.dmb-n{font:700 56px/1 Outfit;letter-spacing:-.04em;color:var(--accent)}.dmb-r .d2{color:var(--head)}
@media(max-width:860px){.dmb-r{grid-template-columns:1fr;gap:10px}}
.dmc-b{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.dmc-b>div{background:var(--bg);padding:24px;display:flex;flex-direction:column;gap:10px}
.dmc-q p{font:italic 400 20px/1.4 Fraunces,serif;color:var(--head)}.dmc-r>div{display:flex;flex-direction:column;gap:8px}.dmc-r span{display:flex;gap:10px;align-items:center;font-size:15px;color:var(--head)}.dmc-r i{width:10px;height:10px;border-radius:50%}
@media(max-width:760px){.dmc-b{grid-template-columns:1fr}}
.adr{display:flex;flex-direction:column}.adr-r{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);gap:16px;align-items:baseline;padding:18px 0;border-top:1px solid var(--line)}.adr-r p{color:var(--muted)}.adr-r p.a{color:var(--head);font-weight:500}.adr-a{color:var(--accent);text-align:center}.adr-h{border-top:0}
.adz-o{position:relative;border:1px solid var(--accent);padding:32px;display:flex;flex-direction:column;gap:16px;background:color-mix(in oklab,var(--accent) 5%,transparent)}
.adz-o ul,.adz-i ul{display:flex;flex-direction:column;gap:8px;padding-left:18px;color:var(--head)}.adz-i{align-self:flex-start;border:1px solid var(--line);background:var(--bg);padding:20px;display:flex;flex-direction:column;gap:10px;max-width:420px;margin-top:16px}.adz-i ul{color:var(--muted)}
.adt{display:flex;flex-direction:column;gap:24px}.adt-p{display:flex;flex-direction:column;gap:28px;padding:32px;border:1px solid var(--line);animation:bub .5s var(--ease) both}.adt-p.a{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 5%,transparent)}.adt-p .d2{color:var(--head)}
.adt-l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 40px}.adt-l>div{display:flex;gap:14px;align-items:baseline}.adt-l p{color:var(--fg)}
.add-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px}.add-c{display:flex;flex-direction:column;gap:16px;padding:28px;border:1px solid var(--line)}.add-c.a{border-color:var(--accent)}.add-c .d4{color:var(--head)}
.add-v{display:grid;grid-template-columns:repeat(24,1fr);gap:5px;min-height:120px;align-content:center}.add-v.one{display:flex;align-items:center;justify-content:center}.add-v i{aspect-ratio:1;border-radius:50%;background:var(--accent);animation:pin .4s both}.add-v.one i{width:14px;height:14px}
@media(max-width:760px){.add-g{grid-template-columns:1fr}.add-v{grid-template-columns:repeat(12,1fr)}}
.agt{display:flex;flex-direction:column;gap:20px}.agt-l{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-top:28px;border-top:1px solid var(--line)}
.agt-s{display:flex;flex-direction:column;gap:8px;opacity:.5;transition:opacity .4s}.agt-s.on,.agt-s.ok{opacity:1}.agt-s i{width:12px;height:12px;border-radius:50%;background:var(--line);transition:background .3s}.agt-s.ok i{background:var(--ok)}.agt-s.bad i{background:var(--bad)}.agt-s b{font:600 18px Outfit;color:var(--head)}.agt-s p{font-size:15px;color:var(--fg)}
.agt-a{position:absolute;top:-7px;width:14px;height:14px;background:var(--accent);transition:left .8s var(--ease)}
@media(max-width:860px){.agt-l{grid-template-columns:1fr 1fr}.agt-a{display:none}}
.agr-r{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:20px;align-items:center;padding:18px 24px;border-top:1px solid var(--line)}.agr-r b{font:600 17px Outfit;color:var(--head)}.agr-r p{font-size:14px;color:var(--fg)}
.agr-v{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--head)}.agr-v i{width:10px;height:10px;border-radius:50%}.agr-v.ok i{background:var(--ok)}.agr-v.bad i{background:var(--bad)}.agr-f{padding:14px 24px;border-top:1px solid var(--line)}
.agq{gap:2px;background:var(--line);border:1px solid var(--line)}.agq-c{background:var(--bg);padding:32px;display:flex;flex-direction:column;gap:12px}.agq-c .d3{color:var(--head)}
.acp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:48px;align-items:start}.acp-t{display:flex;flex-direction:column;gap:4px}
.acp-t button{padding:14px 18px;border:1px solid var(--line);background:transparent;text-align:left;font:500 16px Outfit;color:var(--muted);cursor:pointer}.acp-t button.on{color:var(--head);border-color:var(--accent);background:var(--panel2)}.acp-t .acp-y{border-style:dashed}
.acp-p{display:flex;flex-direction:column;gap:20px;animation:bub .5s var(--ease) both}.acp-p .d2{color:var(--head)}.acp-s{display:flex;flex-wrap:wrap;gap:8px}.acp-s>span{display:flex;gap:8px;align-items:baseline;padding:8px 12px;border:1px solid var(--line);font:500 14px Outfit;color:var(--head)}
@media(max-width:860px){.acp{grid-template-columns:1fr}}
.acr{display:flex;flex-direction:column}.acr-r{display:grid;grid-template-columns:48px minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:baseline;padding:22px 0;border-top:1px solid var(--line)}.acr-r .d3{color:var(--head)}.acr-r.y .d3{color:var(--accent)}
@media(max-width:760px){.acr-r{grid-template-columns:36px minmax(0,1fr)}.acr-r .body{grid-column:2}}
.acq{display:flex;flex-direction:column;gap:24px}.acq-bar{display:flex;flex-direction:column;gap:14px;padding:20px 24px;border:1.5px solid var(--accent);font:500 clamp(22px,2.6vw,34px) Outfit;color:var(--muted)}.acq-bar b{color:var(--head);font-weight:600;animation:bub .4s var(--ease) both}.acq-bar i{width:2px;height:1em;background:var(--accent);align-self:center;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}
.acq-l{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.acq-l button{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--line);background:transparent;text-align:left;font:inherit;cursor:pointer;transition:border-color .3s}.acq-l button.on{border-color:var(--accent)}.acq-l b{font:600 17px Outfit;color:var(--head)}.acq-l span{font-size:14px;color:var(--fg)}
@media(max-width:760px){.acq-l{grid-template-columns:1fr}}
.acm{display:flex;flex-direction:column;gap:16px}.acm-g{display:grid;border-top:1px solid var(--line);border-left:1px solid var(--line)}.acm-g>*{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 16px}
.acm-g b{font:500 16px Outfit;color:var(--head)}.acm-g i{position:relative}.acm-g i:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;translate:-50% -50%;border-radius:50%;background:var(--accent)}
@media(max-width:760px){.acm{overflow-x:auto}.acm-g{min-width:640px}}

/* 18 Oct: agent prompt, demo options, lens readings */
.acq-tx{margin:0;min-height:2.6em;line-height:1.3;color:var(--fg)}.acq-tx b{color:var(--accent);font-weight:600;animation:none}.acq-tx i{display:inline-block;width:2px;height:.9em;margin-left:3px;vertical-align:-.1em;background:var(--accent);animation:blink 1s steps(1) infinite}
.agt-runs{display:flex;gap:8px}.agt-runs span{padding:6px 12px;font:500 13px Outfit;color:var(--muted);background:var(--panel);transition:color .3s,background .3s}.agt-runs span.on{color:var(--bg);background:var(--accent)}
.dma{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr);grid-template-areas:"b c s" "b c n" "f f f";gap:16px}
.dma-t{display:flex;flex-direction:column;gap:12px;padding:28px;background:var(--panel)}.dma-t .mono{color:var(--accent)}.dma-t .body{font-size:15px}
.dma-b{grid-area:b}.dma-c{grid-area:c}.dma-s{grid-area:s}.dma-n{grid-area:n}.dma-f{grid-area:f}
.dma-p{margin-top:auto;display:flex;flex-direction:column;gap:6px;padding:20px;background:var(--bg)}.dma-p b{font:600 18px Outfit;color:var(--head)}.dma-p span{font-size:14px;color:var(--muted)}.dma-p p{font-size:15px;color:var(--fg)}
.dma-chat{margin-top:auto;display:flex;flex-direction:column;gap:10px}.dma-q{align-self:flex-end;max-width:85%;padding:14px 18px;background:var(--bg);font:italic 400 18px/1.4 Fraunces,serif;color:var(--head)}.dma-a{max-width:85%;padding:14px 18px;font-size:15px;line-height:1.55;color:var(--fg);border-left:2px solid var(--accent)}
.dma-w{display:flex;gap:6px}.dma-w i{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:blink 1.2s steps(1) infinite}.dma-w i:nth-child(2){animation-delay:.2s}.dma-w i:nth-child(3){animation-delay:.4s}
.dm-nm{display:flex;flex-direction:column;gap:10px}.dm-nm span{display:flex;gap:10px;align-items:center;font-size:15px;color:var(--head)}.dm-nm span.you{font-weight:600}.dm-nm i{width:10px;height:10px;border-radius:50%;flex:none}
.dm-ch{display:flex;flex-wrap:wrap;gap:8px}.dm-ch span{padding:8px 14px;background:var(--bg);font-size:14px;color:var(--head)}
@media(max-width:900px){.dma{grid-template-columns:1fr;grid-template-areas:"b" "c" "s" "n" "f"}}
.dmn{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) minmax(0,1fr);gap:40px;align-items:stretch}
.dmn-sd{display:flex;flex-direction:column;justify-content:space-around;gap:32px}
.dmn-k{display:flex;flex-direction:column;gap:8px;padding:0;border:0;background:none;text-align:left;font:inherit;cursor:pointer;opacity:.45;transition:opacity .3s}.dmn-k.on{opacity:1}.dmn-k .mono{color:var(--accent)}.dmn-k b{font:600 20px Outfit;color:var(--head)}.dmn-k p{font-size:15px;line-height:1.55;color:var(--fg)}
.dmn-w{display:flex;flex-direction:column}.dmn-p{position:relative;padding:20px 24px 20px 56px;transition:background .3s}.dmn-p.on{background:var(--panel)}
.dmn-m{position:absolute;left:18px;top:20px;font:500 12px 'JetBrains Mono',monospace;color:var(--muted);transition:color .3s}.dmn-p.on .dmn-m{color:var(--accent)}
.dmn-by{display:flex;flex-direction:column;gap:2px}.dmn-by b{font:600 17px Outfit;color:var(--head)}.dmn-by span{font-size:14px;color:var(--muted)}.dmn-p .dma-chat{margin:0}.dmn-p .dma-q{background:var(--panel)}.dmn-p.on .dma-q,.dmn-p.on .dm-ch span{background:var(--bg)}.dmn-p .dm-ch span{background:var(--panel)}
@media(max-width:960px){.dmn{grid-template-columns:1fr;gap:24px}.dmn-w{order:-1}.dmn-sd{flex-direction:row;flex-wrap:wrap}.dmn-k{flex:1 1 240px}}
.ade{display:flex;flex-direction:column;gap:24px}.ade-g{display:grid;grid-template-columns:minmax(130px,1.2fr) repeat(4,minmax(0,1fr));gap:6px;align-items:center}
.ade-g>b{font:500 15px Outfit;color:var(--head);transition:opacity .4s}.ade-g>b.off{opacity:.3}
.ade-x{display:flex;flex-wrap:wrap;gap:6px;align-content:center;min-height:60px;padding:14px;background:var(--panel);transition:opacity .4s}.ade-x.off{opacity:.35}
.ade-x i{width:10px;height:10px;border-radius:50%;animation:bub .4s var(--ease) both}
.ade-l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 40px}.ade-l p{display:flex;gap:14px;align-items:baseline;color:var(--fg);animation:bub .5s var(--ease) both}
@media(max-width:760px){.ade{overflow-x:auto}.ade-g{min-width:560px}.ade-l{grid-template-columns:1fr}}
.adf-w{display:flex;flex-direction:column;gap:16px}.adf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.adf-c{perspective:1400px;min-height:210px}.adf-in{position:relative;height:100%;min-height:210px;transition:transform .8s var(--ease);transform-style:preserve-3d}.adf-c.on .adf-in{transform:rotateY(180deg)}
.adf-f{position:absolute;inset:0;display:flex;flex-direction:column;gap:14px;padding:28px;background:var(--panel);backface-visibility:hidden;-webkit-backface-visibility:hidden}.adf-f .d4{color:var(--head)}.adf-f .mono{margin-top:auto}
.adf-b{transform:rotateY(180deg);outline:1.5px solid var(--accent);outline-offset:-1.5px}.adf-b .mono{color:var(--accent)}
@media(max-width:700px){.adf{grid-template-columns:1fr}}
.dm-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 64px}.dm-fq{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.dm-fq .d4{color:var(--head)}
@media(max-width:760px){.dm-faq{grid-template-columns:1fr;gap:32px}}
.lnp-r{display:flex;flex-direction:column;gap:18px;margin-top:8px}.lnp-r>div{display:flex;flex-direction:column;gap:4px;animation:bub .5s var(--ease) both}.lnp-r b{font:600 15px Outfit;color:var(--accent)}.lnp-r p{font-size:16px;line-height:1.55;color:var(--fg)}
.dma{grid-template-areas:"b c s" "b c n" "y y y" "f f f"}.dma-y{grid-area:y;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;background:var(--bg);outline:1.5px solid var(--accent);outline-offset:-1.5px}.dma-y>div{display:flex;flex-direction:column;gap:8px;max-width:640px}.dma-y .d4{color:var(--head)}
.dma-by{display:flex;flex-direction:column;gap:6px}.dma-by button{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border:0;background:var(--bg);text-align:left;font:inherit;cursor:pointer;opacity:.6;transition:opacity .2s,outline-color .2s;outline:1.5px solid transparent;outline-offset:-1.5px}.dma-by button.on{opacity:1;outline-color:var(--accent)}.dma-by b{font:600 15px Outfit;color:var(--head)}.dma-by span{font-size:13px;color:var(--muted)}
.dma-p{animation:bub .4s var(--ease) both}.dma-nx{display:flex;flex-direction:column;gap:8px}.dma-nx>div{display:flex;flex-direction:column;gap:3px;padding:12px 14px;background:var(--bg)}.dma-nx b{font:600 15px Outfit;color:var(--head)}.dma-nx p{font-size:14px;line-height:1.5;color:var(--fg)}
@media(max-width:900px){.dma{grid-template-areas:"b" "c" "s" "n" "y" "f"}}
.tag-free{background:var(--accent);color:var(--bg);border-color:var(--accent)}
.agL .lyL-v{max-width:560px;margin:0 auto}
.agl{display:flex;flex-direction:column}.agl-p{padding:20px 24px;font:italic 400 19px/1.4 Fraunces,serif;color:var(--head)}.agl-l{display:flex;flex-direction:column;gap:6px;padding:0 24px 24px}
.agl-r{display:grid;grid-template-columns:40px minmax(140px,.8fr) minmax(0,1.6fr) 12px;gap:16px;align-items:center;padding:14px 16px;background:var(--panel);opacity:.3;transition:opacity .4s}.agl-r.on{opacity:1}.agl-r b{font:600 16px Outfit;color:var(--head)}.agl-r>span:not(.mono){font-size:15px;color:var(--fg)}.agl-r i{width:10px;height:10px;border-radius:50%}
@media(max-width:700px){.agl-r{grid-template-columns:32px minmax(0,1fr) 12px}.agl-r>span:not(.mono){grid-column:2}}
.dma{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-template-areas:"b c c" "b s n" "f f f" "y y y";align-items:start}.dma-b{align-self:stretch}.dma-chat{margin-top:8px}
.dma-by button{gap:4px;padding:14px 16px}.dma-by p{font-size:14px;line-height:1.5;color:var(--fg)}.dma-f{margin-top:8px}
@media(max-width:900px){.dma{grid-template-columns:1fr;grid-template-areas:"b" "c" "s" "n" "f" "y"}}
.dma{grid-template-areas:"b c c" "b s n" "y y y"}.dma-h,.dma-k{display:flex;flex-direction:column;gap:12px}.dma-k{flex:1}.dma-b .dma-k{flex:none}
.dm-fd{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-content:start}.dm-fd>div{display:flex;flex-direction:column;gap:6px;padding:14px 16px;background:var(--bg)}.dm-fd b{font:600 15px Outfit;color:var(--head)}.dm-fd p{margin:0;font-size:14px;line-height:1.5;color:var(--fg)}.dm-fd .dm-nm{gap:6px;margin-top:2px}.dm-fd .dm-nm span{font-size:14px}
.dma-B{grid-template-areas:"b c c" "s s n" "y y y";align-items:stretch}.dma-B .dm-fd{grid-template-columns:repeat(2,minmax(0,1fr))}
.dma-C{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"b c c s" "n n n n" "y y y y";align-items:stretch}.dma-C .dma-n .dm-ch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.dma-C .dma-n .dm-ch span{display:flex;align-items:center}
.dma-D{grid-template-columns:minmax(0,1fr) minmax(0,2fr);grid-template-areas:"b c" "n s" "y y";align-items:stretch}.dma-D .dm-fd{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1100px){.dma-C{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"b c" "s s" "n n" "y y"}.dma-C .dma-n .dm-ch{grid-template-columns:repeat(2,minmax(0,1fr))}.dma-C .dm-fd{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.dma,.dma-B,.dma-C,.dma-D{grid-template-columns:1fr;grid-template-areas:"b" "c" "s" "n" "y"}.dma .dm-fd,.dma-C .dma-n .dm-ch{grid-template-columns:1fr}}
/* Where we're heading */
.wh-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:64px;align-items:end}
.wh-h1{display:flex;flex-direction:column;margin:0;font-size:clamp(44px,5.8vw,96px)}.wh-h1>span{display:block}.wh-h1-a{color:var(--accent)}
.wh-dir{margin-top:72px;padding-top:20px;border-top:1px solid var(--line);max-width:none;font-size:12px;line-height:1.6}
.wh-il{font-size:11px;color:var(--muted);letter-spacing:.06em}
.wh-req{display:flex;flex-direction:column;gap:22px;padding:24px;border:1px solid var(--line);background:var(--panel)}
.wh-rq-h{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--line)}
.wh-rq-q{margin:0;font-size:clamp(18px,1.5vw,22px);line-height:1.45;color:var(--head);min-height:4.4em}
.wh-ghost{visibility:hidden}.wh-caret{display:inline-block;width:1px;height:1.05em;margin:0 1px -3px;background:var(--accent);animation:whBlink 1s steps(1) infinite}.wh-caret.off{opacity:0;animation:none}
@keyframes whBlink{50%{opacity:0}}
.wh-rq-s{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.wh-rq-s li{display:flex;align-items:center;gap:12px;opacity:.3;transition:opacity .5s var(--ease)}.wh-rq-s li.on,.wh-rq-s li.done{opacity:1}
.wh-dot{width:7px;height:7px;border:1px solid var(--muted);flex:none}.wh-rq-s li.on .wh-dot{border-color:var(--accent);animation:whBlink 1s steps(1) infinite}.wh-rq-s li.done .wh-dot{background:var(--accent);border-color:var(--accent)}
.wh-rq-s li.done .mono{color:var(--fg)}
.wh-gate{display:flex;flex-direction:column;gap:12px;padding-top:0;text-align:center;align-items:center;border-left:0}.wh-gate-a h3{color:var(--accent)}
.wh-og{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.wh-o{display:flex;flex-direction:column;gap:18px;padding:24px;background:var(--panel);border:1px solid var(--line)}
.wh-oh{display:flex;align-items:baseline;gap:12px}.wh-oh .mono{color:var(--accent)}
.wh-a{display:flex;flex-direction:column;gap:10px;min-height:170px;padding:16px;background:var(--bg);border:1px solid var(--line)}
.wh-ar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line);font-size:14px;color:var(--fg)}.wh-ar b{font-weight:500;color:var(--head)}.wh-ar .mono{font-size:11px}
.wh-ar:not(.on) b{color:var(--muted);font-weight:400}.wh-ar.on b{font-weight:600}
.wh-a svg{width:16px;height:16px;flex:none;fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16;stroke-dashoffset:16;transition:stroke-dashoffset .5s var(--ease) 1s}.rv.on .wh-a svg{stroke-dashoffset:0}
.wh-big{margin:0;display:flex;align-items:center;gap:8px;font-size:26px;font-weight:600;letter-spacing:-.02em;color:var(--head)}.wh-big sup{font:500 10px 'JetBrains Mono',monospace;color:var(--accent);align-self:flex-start}
.wh-a mark{color:inherit;background:linear-gradient(color-mix(in oklab,var(--accent) 28%,transparent),color-mix(in oklab,var(--accent) 28%,transparent)) no-repeat 0 85%/0% 42%;transition:background-size .9s var(--ease) .8s}.rv.on .wh-a mark{background-size:100% 42%}
.wh-rule{display:block;height:1px;margin-top:auto;background:var(--accent);transform-origin:left;transform:scaleX(0);transition:transform .9s var(--ease) .6s}.rv.on .wh-rule{transform:scaleX(1)}
.wh-fn{font-size:11px;color:var(--accent)}
.wh-sent{align-self:flex-start;margin-top:auto}
.wh-note{margin:0;font-size:15px;line-height:1.5;color:var(--muted);padding-top:14px;border-top:1px solid var(--line)}
.wh-st{display:inline-flex;align-items:center;align-self:flex-start;padding:3px 7px;font:600 10px/1.2 Outfit;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.wh-st-live{background:var(--accent);border-color:var(--accent);color:var(--bg)}.wh-st-started{border-color:var(--warn);color:var(--warn)}.wh-st-grows{border-color:var(--accent);color:var(--accent)}.wh-st-later{border-style:dashed}
.wh-archw{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start}
.wh-arch{position:relative;display:grid;grid-template-columns:minmax(0,1fr) repeat(4,minmax(0,1fr)) minmax(0,1fr);grid-template-areas:". out out out out ." ". test fix prove pub meas" ". mq mq mq mq meas" "in core core core core meas" "in map map plat plat meas" ". sq sq sq sq .";gap:32px 14px}
.wh-wires{position:absolute;left:0;top:0;z-index:0;overflow:visible;pointer-events:none}
.wh-w{fill:none;stroke:var(--line);stroke-width:1}.wh-w.hot{stroke:var(--accent);stroke-opacity:.75}.wh-sig{fill:var(--accent)}
.wh-z{position:relative;z-index:1;display:flex;flex-direction:column}.wh-z>*{flex:1}
.wh-grp{display:flex;flex-direction:column;gap:8px;padding:12px 10px 12px 20px;border:1px solid var(--line);background:linear-gradient(var(--panel),var(--panel)),var(--bg)}
.wh-zn{font-size:10px;margin-top:-4px}
.wh-pw{display:flex;flex-direction:column}
.wh-pt,.wh-core{display:flex;flex-direction:column;gap:8px;width:100%;text-align:left;padding:10px;border:1px solid var(--line);background:var(--bg);transition:border-color .15s}
.wh-pt b{font-size:14px;line-height:1.3;font-weight:600;color:var(--head)}.wh-pt:hover,.wh-core:hover{border-color:var(--muted)}.wh-pt.on,.wh-core.on{border-color:var(--accent)}
.wh-core{height:100%;justify-content:center;align-items:center;text-align:center;padding:28px;gap:10px}.wh-core b{font-size:clamp(22px,2vw,30px);font-weight:600;letter-spacing:-.015em;color:var(--head)}.wh-core .wh-st{align-self:center}.wh-cd{font-size:14px;color:var(--muted)}
.wh-out{display:flex;flex-direction:column;gap:8px;padding:18px 20px;border:1px solid var(--line);border-top:2px solid var(--accent);background:var(--bg)}.wh-out p{margin:0;font-size:18px;line-height:1.4;color:var(--head)}
.wh-fd{display:flex;flex-direction:column;gap:8px}.wh-fd .wh-pt{flex:1}
.wh-pn{position:sticky;top:110px;display:flex;flex-direction:column;gap:16px;padding:24px;border:1px solid var(--line);background:var(--panel)}
.wh-pn-h{display:flex;justify-content:space-between;align-items:center;gap:12px}
.wh-pd{margin:0;font-size:15px;line-height:1.55;color:var(--fg)}
.wh-pe{display:flex;flex-direction:column;gap:6px;padding-top:12px;border-top:1px solid var(--line)}.wh-pe p{margin:0;font-size:14px;line-height:1.55;color:var(--muted)}
.wh-px{display:none}
.wh-list{margin-top:80px;display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px 80px}
.wh-list dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.wh-list dl>div{padding:14px 0;border-top:1px solid var(--line)}.wh-list dt{display:flex;justify-content:space-between;gap:12px;align-items:center}.wh-list dt b{font-weight:600;font-size:15px;color:var(--head)}.wh-list dd{margin:6px 0 0;font-size:14px;line-height:1.5;color:var(--muted)}
.wh-cg{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:64px;align-items:start}
.wh-rec{display:flex;flex-direction:column;padding:28px;border:1px solid var(--line);background:var(--panel)}
.wh-rf,.wh-rm{opacity:0;transform:translateY(8px);transition:opacity .6s var(--ease),transform .6s var(--ease);transition-delay:calc(.4s + var(--j) * .35s)}.rv.on .wh-rf,.rv.on .wh-rm{opacity:1;transform:none}
.wh-rf{display:flex;flex-direction:column;gap:8px;padding:28px 0 24px}.wh-rv{margin:0;font-size:clamp(28px,3vw,44px);font-weight:700;letter-spacing:-.03em;line-height:1.05;color:var(--head)}
.wh-rm{display:grid;grid-template-columns:100px minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.wh-rm b{font-weight:500;color:var(--fg)}
.wh-an{position:relative;font-size:11px;color:var(--accent);padding-left:36px}.wh-an:before{content:"";position:absolute;left:0;top:50%;width:28px;height:1px;background:var(--accent)}
.wh-cats{list-style:none;margin:16px 0 0;padding:0}.wh-cats li{padding:12px 0;border-top:1px solid var(--line);font-size:18px;color:var(--head)}
.wh-plain{display:flex;flex-direction:column;gap:10px}.wh-plain p{margin:0;font-size:15px;line-height:1.6;color:var(--fg)}
.wh-gw{height:260vh}.wh-gs{position:sticky;top:0;min-height:100vh;display:flex;align-items:center;padding:120px 0 80px;box-sizing:border-box}
.wh-jr-e{display:flex;justify-content:space-between;margin-bottom:14px}.wh-jr-e .mono{color:var(--fg)}
.wh-jr{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.wh-gp{display:grid;grid-template-rows:120px 18px auto}
.wh-gq{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:0 12px 14px 0}.wh-gq b{font-size:15px;line-height:1.3;font-weight:600;color:var(--head)}.wh-gs2{font-size:13px;line-height:1.4;color:var(--muted)}.wh-gq .mono{font-size:10px}
.wh-ln{display:flex;align-items:center}.wh-ln i{flex:1;height:1px;background:var(--line);transition:background .6s var(--ease)}.wh-ln s{width:26px;height:9px;border-left:1px solid var(--muted);border-right:1px solid var(--muted);position:relative;transition:width .6s var(--ease),border-color .6s}
.wh-ln s:after{content:"";position:absolute;left:0;right:0;top:4px;border-top:1px dashed var(--muted);opacity:.6}
.wh-gp.on .wh-ln i{background:var(--accent)}.wh-gp.on .wh-ln s{width:0;border-color:var(--accent)}.wh-gp.on .wh-ln s:after{border-top:1px solid var(--accent);opacity:1}
.wh-gl{display:flex;flex-direction:column;gap:6px;padding:16px 12px 0 0;opacity:0;transform:translateY(-6px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.wh-gp.on .wh-gl{opacity:1;transform:none}.wh-gl p{margin:0;font-size:14px;line-height:1.45;color:var(--accent)}.wh-gl .mono{font-size:10px}
.wh-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.wh-two>*{display:flex;flex-direction:column;gap:16px;padding:0 48px 0 0}.wh-two>*+*{padding:0 0 0 48px;border-left:1px solid var(--line)}
.wh-neutral{margin-top:72px;padding-top:40px;border-top:1px solid var(--line);color:var(--head)}
.wh-cf{margin:0 0 20px;color:var(--warn)}
.wh-board{border-top:1px solid var(--line)}.wh-bh{display:grid;grid-template-columns:200px minmax(0,1fr) 110px;gap:24px;padding:12px 0;border-bottom:1px solid var(--line)}.wh-bh span:last-child{text-align:right}
.wh-bg{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;padding:18px 0;border-bottom:1px solid var(--line)}.wh-bg>.lab{padding-top:10px}
.wh-br{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:24px;align-items:center;padding:9px 0;font-size:15px;line-height:1.45;color:var(--fg)}.wh-br+.wh-br{border-top:1px solid var(--line)}.wh-br .wh-st{justify-self:end;align-self:center}
.wh-bn{margin-top:28px;max-width:90ch;line-height:1.7}
.wh-mapg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:64px;align-items:center}.wh-map{height:clamp(320px,38vw,520px)}
.wh-split{display:grid;grid-template-columns:180px minmax(0,70ch);gap:24px 80px;padding:32px 0;border-top:1px solid var(--line)}.wh-split .body{font-size:18px;color:var(--fg);margin:0}
.wh-ctas{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);border-top:1px solid var(--line)}
.wh-cta{display:flex;flex-direction:column;gap:14px;padding:32px 32px 0;border-left:1px solid var(--line)}.wh-cta-1{padding-left:0;border-left:0}.wh-cta .d4{margin:0;color:var(--head)}.wh-cta .btns{margin-top:auto}
.wh-url{position:relative;display:flex;align-items:center;gap:14px;margin-top:6px}.wh-url>:first-child{flex:1}
.wh-ck{width:26px;height:26px;flex:none;fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30;stroke-dashoffset:30;transition:stroke-dashoffset .7s var(--ease)}.wh-ck.on{stroke-dashoffset:0}
@media(max-width:1180px){.wh-archw{grid-template-columns:1fr}.wh-pn{position:relative;top:0}.wh-og{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.wh-hero,.wh-cg,.wh-mapg,.wh-two,.wh-ctas{grid-template-columns:1fr}.wh-two>*,.wh-two>*+*{padding:24px 0;border-left:0}.wh-two>*+*{border-top:1px solid var(--line)}
.wh-cta,.wh-cta-1{padding:28px 0;border-left:0;border-bottom:1px solid var(--line)}
.wh-arch{grid-template-columns:1fr;grid-template-areas:"out" "meas" "test" "fix" "prove" "pub" "mq" "core" "plat" "map" "sq" "in";gap:12px}.wh-wires,.wh-pn{display:none}
.wh-px{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--accent);border-top:0;background:var(--bg)}.wh-core{padding:20px}
.wh-list,.wh-split{grid-template-columns:1fr;gap:12px}.wh-list dl{grid-template-columns:1fr}
.wh-gw{height:auto}.wh-gs{position:relative;padding:96px 0}.wh-jr-e{display:none}.wh-jr{grid-template-columns:1fr}
.wh-gp{display:flex;flex-direction:column;gap:6px;padding:16px 0 16px 20px;border-left:1px dashed var(--muted);transition:border-color .6s}.wh-gp.on{border-left:1px solid var(--accent)}.wh-ln{display:none}.wh-gq{padding:0}.wh-gl{padding:6px 0 0}
.wh-bh{display:none}.wh-bg{grid-template-columns:1fr;gap:6px}.wh-rm{grid-template-columns:90px minmax(0,1fr)}.wh-an{grid-column:2;padding-left:0}.wh-an:before{display:none}.wh-og{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.wh-caret,.wh-rq-s li.on .wh-dot{animation:none}.wh-rf,.wh-rm,.wh-gl,.wh-ln *{transition:none}}
.wh-fade{opacity:0!important;transition:opacity .7s var(--ease)!important}
.wh-dlg{position:relative;height:clamp(180px,26vh,280px);margin-top:32px}
.wh-dll{position:absolute;transform:translateX(-50%);font:600 11px Outfit;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.wh-dll-a{color:var(--accent);opacity:0;transition:opacity .6s}.wh-dll-a.on{opacity:1}
.wh-gl3{position:absolute;left:50%;top:70%;transform:translateX(-50%);opacity:0;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;width:min(26vw,300px);transition:opacity .6s;pointer-events:none}
.wh-gl3 b{font-size:clamp(22px,2vw,30px);font-weight:600;letter-spacing:-.015em;color:var(--head);transition:color .6s}.wh-gl3>span:last-child{font-size:15px;line-height:1.4;color:var(--fg)}.wh-gl3.on b{color:var(--accent)}
.wh-tick{width:16px;height:16px;flex:none;fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.wh-mq{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;width:100%;padding:14px 18px;text-align:left;border:1px solid var(--accent);background:var(--bg);transition:background .15s}.wh-mq b{font-size:20px;font-weight:600;color:var(--head)}.wh-mq .wh-cd{flex:1;min-width:200px}.wh-mq.on{background:linear-gradient(var(--panel2),var(--panel2)),var(--bg)}
.wh-sq{border-style:dashed}.wh-sqr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.wh-w-d{stroke-dasharray:3 4}
.wh-ob-t{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}
.wh-ob-t button{position:relative;display:flex;flex-direction:column;gap:6px;text-align:left;padding:0 0 12px;background:none;border:0;border-bottom:1px solid var(--line)}.wh-ob-t b{font-size:18px;font-weight:600;color:var(--muted)}.wh-ob-t .on b{color:var(--head)}
.wh-ob-t i{position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}.wh-ob-t .on i{animation:whBar 3.6s linear forwards}.wh-ob-t .done i{transform:scaleX(1)}
@keyframes whBar{to{transform:scaleX(1)}}@keyframes whIn{from{opacity:0;transform:translateY(8px)}}
.wh-ob-b{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;padding:32px;background:var(--panel);border:1px solid var(--line);animation:whIn .6s var(--ease)}.wh-ob-c{display:flex;flex-direction:column;gap:12px}
.wh-ocr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:64px;align-items:center;padding:40px 0;border-top:1px solid var(--line)}.wh-ocv{display:flex;flex-direction:column;gap:12px}.wh-ocv .mono{color:var(--accent)}.wh-ocv .body{margin:0;font-size:17px}
.wh-od{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:center}
.wh-odn{display:flex;flex-direction:column;gap:72px}.wh-odn>div{position:relative;display:flex;flex-direction:column;gap:6px;opacity:0;transition:opacity .6s;transition-delay:calc(.6s + var(--j) * .5s)}.rv.on .wh-odn>div{opacity:1}
.wh-odl>div{text-align:right;padding-right:40px}.wh-odl>div:after,.wh-odr2>div:before{content:"";position:absolute;top:8px;width:28px;height:1px;background:var(--accent)}.wh-odl>div:after{right:0}.wh-odr2>div{padding-left:40px}.wh-odr2>div:before{left:0}
.wh-odn p{margin:0;font-size:15px;line-height:1.5;color:var(--fg)}.wh-odn .mono{color:var(--accent)}
.wh-odc{display:flex;flex-direction:column;gap:0;padding:24px;background:var(--panel);border:1px solid var(--line)}.wh-odc .wh-fn{margin-top:12px}
.wh-odr{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 0;border-top:1px solid var(--line);opacity:0;transform:translateY(6px);transition:opacity .5s,transform .5s;transition-delay:calc(.4s + var(--j) * .5s)}.rv.on .wh-odr{opacity:1;transform:none}.wh-odc .wh-rq-h+.wh-odr{border-top:0}
.wh-odk{font-size:14px;color:var(--muted)}.wh-odv{display:flex;align-items:center;gap:6px;color:var(--head)}.wh-odv b{font-weight:600}.wh-odv sup{font:500 10px 'JetBrains Mono',monospace;color:var(--accent)}
.wh-od mark{color:inherit;background:linear-gradient(color-mix(in oklab,var(--accent) 28%,transparent),color-mix(in oklab,var(--accent) 28%,transparent)) no-repeat 0 85%/0% 42%;transition:background-size .9s var(--ease) 1.4s}.rv.on .wh-od mark{background-size:100% 42%}
.wh-bag{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;padding:18px 0;border-top:1px solid var(--line)}.wh-bag>.lab{padding-top:14px}
.wh-bar{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 150px;gap:24px;align-items:start;padding:12px 0}.wh-bar+.wh-bar{border-top:1px solid var(--line)}.wh-bar b{color:var(--head);font-weight:600}.wh-bar p{margin:4px 0 0;font-size:14px;line-height:1.5;color:var(--muted)}.wh-bar>.wh-st{justify-self:end}
.wh-bar-f{display:flex;flex-direction:column;gap:6px}.wh-from{display:flex;flex-wrap:wrap;gap:4px 12px}.wh-from .mono{font-size:11px;color:var(--fg)}
.wh-br>div{display:flex;flex-direction:column}.wh-uses{margin:4px 0 0;font-size:13px;line-height:1.45;color:var(--muted)}
.wh-bc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.wh-bcc{display:flex;flex-direction:column;gap:10px}.wh-bcc-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.wh-bcd{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid var(--line);background:var(--panel)}.wh-bcd b{color:var(--head);font-weight:600}.wh-bcd p{margin:0;font-size:14px;line-height:1.5;color:var(--muted)}
.wh-bd{display:grid;grid-template-columns:300px minmax(0,1fr);gap:40px;align-items:start}.wh-bdl{display:flex;flex-direction:column}
.wh-bdl button{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;text-align:left;background:none;border:0;border-top:1px solid var(--line);color:var(--fg)}.wh-bdl button b{font-weight:500;font-size:15px}.wh-bdl button.on{background:var(--panel2)}.wh-bdl button.on b{color:var(--head)}
.wh-bdr{position:sticky;top:110px;display:flex;flex-direction:column;gap:24px}.wh-bdx{padding:20px;border:1px solid var(--accent)}.wh-bdx p{margin:8px 0 0;font-size:15px;line-height:1.55;color:var(--fg)}
.wh-bdk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px}.wh-bdk>div{display:flex;flex-direction:column;gap:6px}
.wh-bdp{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border:1px solid var(--line);font-size:13px;line-height:1.4;color:var(--muted);opacity:.45;transition:opacity .3s,border-color .3s}.wh-bdp.on{opacity:1;border-color:var(--accent);color:var(--head)}
.wh-proto{margin-top:72px;display:flex;flex-direction:column;gap:20px}.wh-prl{border-top:1px solid var(--line)}
.wh-pr{display:grid;grid-template-columns:240px minmax(0,1fr) 240px;gap:24px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line)}.wh-pr>b{font:500 14px 'JetBrains Mono',monospace;color:var(--accent)}.wh-prn{font-weight:600;color:var(--head)}.wh-pr p{margin:4px 0 0;font-size:15px;line-height:1.5;color:var(--fg)}.wh-pr .mono{text-align:right;font-size:11px}
.wh-gb{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.wh-gbc{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px dashed var(--muted)}.rv.on.wh-gbc{border:1px solid var(--line);border-top:2px solid var(--accent);transition:opacity 1s var(--ease),transform 1s var(--ease)}.wh-gbc b{font-size:17px;font-weight:600;color:var(--head)}.wh-gbc .wh-gs2{margin:0}
.wh-gbl{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:4px;opacity:0;transition:opacity .6s .7s}.rv.on .wh-gbl{opacity:1}.wh-gbl p{margin:0;font-size:14px;line-height:1.45;color:var(--accent)}
.wh-gc-i{position:relative;display:grid;grid-template-columns:minmax(0,380px) minmax(0,340px);justify-content:space-between}
.wh-gcl,.wh-gcr{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px}.wh-gcr{justify-content:space-around}
.wh-gci,.wh-gcp{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);background:var(--bg);cursor:pointer;transition:border-color .15s}.wh-gcp{justify-content:space-between;cursor:default}.wh-gci.on,.wh-gcp.on{border-color:var(--accent)}
.wh-gci b,.wh-gcp b{font-weight:500;font-size:15px;color:var(--head)}.wh-gci .mono{color:var(--accent)}.wh-gcn{margin:24px 0 0;font-size:15px;color:var(--accent);min-height:1.5em}
.wh-gd{max-width:980px;padding:24px;border:1px solid var(--line);background:var(--panel)}
.wh-gdr{display:grid;grid-template-columns:80px minmax(0,1fr);gap:16px;padding:14px 0;border-top:1px solid var(--line);opacity:0;transition:opacity .5s;transition-delay:calc(.3s + var(--j,0) * .35s)}.rv.on .wh-gdr{opacity:1}.wh-gd .wh-rq-h+.wh-gdr{border-top:0}
.wh-gdr>div{display:flex;flex-direction:column;gap:6px}.wh-gdx{font-size:15px;line-height:1.5;color:var(--fg)}.wh-gdx b{color:var(--head)}
.wh-gdf{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--accent);opacity:0;transition:opacity .5s;transition-delay:calc(.6s + var(--j,0) * .35s)}.rv.on .wh-gdf{opacity:1}.wh-gde>span:last-child{color:var(--head);font-weight:600}
@media(max-width:1180px){.wh-gb{grid-template-columns:repeat(2,minmax(0,1fr))}.wh-bdk{grid-template-columns:repeat(2,minmax(0,1fr))}.wh-pr{grid-template-columns:180px minmax(0,1fr)}.wh-pr .mono{grid-column:2;text-align:left}}
@media(max-width:900px){.wh-ob-b,.wh-ocr,.wh-od,.wh-bd,.wh-bc,.wh-gb,.wh-gc-i,.wh-pr,.wh-bar,.wh-bag,.wh-sqr{grid-template-columns:1fr}.wh-ob-t{grid-template-columns:repeat(2,minmax(0,1fr))}.wh-ob-b{padding:20px;gap:24px}
.wh-odn{gap:20px}.wh-odl>div,.wh-odr2>div{text-align:left;padding:0}.wh-odl>div:after,.wh-odr2>div:before{display:none}.wh-bdr{position:relative;top:0}.wh-bar>.wh-st{justify-self:start}.wh-pr .mono{grid-column:auto}
.wh-gcl,.wh-gcr{gap:6px}.wh-gcr{margin-top:24px}.wh-gl3{width:30vw}.wh-gl3 b{font-size:17px}.wh-gl3>span:last-child{display:none}.wh-dlg{height:160px}}
.wh-sqh{display:flex;align-items:baseline;gap:12px}.wh-sqr{grid-template-columns:repeat(4,minmax(0,1fr))}.wh-sqi{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--line);background:var(--bg);text-align:center}.wh-sqi b{font-size:14px;font-weight:600;color:var(--head)}.wh-sqi span{font-size:13px;color:var(--muted)}
.wh-en3 .lab{color:var(--head)}
@media(max-width:900px){.wh-sqr{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wh-o2>.opt{padding-top:60px}.wh-o2>.opt>.opt-seg{top:0;right:0;left:auto;max-width:100%;overflow-x:auto}.wh-o2g>.opt{padding-top:0}.wh-o2g>.opt>.opt-seg{top:32px;right:64px}
@media(max-width:760px){.wh-o2g>.opt>.opt-seg{right:22px}}

/* Where we're heading: how it fits together A–D, parts, pieces, built from */
.wh-st-goal{border-color:var(--accent);color:var(--accent)}
.wf-leg{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.wf-leg .mono{font-size:11px;margin-right:6px}
.wf-con{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}.wf-con li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;padding:16px 0;border-top:1px solid var(--line)}.wf-con p{margin:0;font-size:15px;line-height:1.55;color:var(--fg)}.wf-con .mono{color:var(--accent)}
.wf-b{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,.85fr) 28px minmax(0,.85fr) 28px minmax(0,1.5fr) 28px minmax(0,1fr);gap:12px 0;align-items:stretch}
.wf-col{display:flex;flex-direction:column;gap:8px;min-width:0}.wf-gap{margin-top:16px}
.wf-ar{position:relative;align-self:center;height:1px;margin:0 4px;background:var(--muted)}.wf-ar:after{content:"";position:absolute;right:-1px;top:-4px;border-style:solid;border-width:4.5px 0 4.5px 7px;border-color:transparent transparent transparent var(--muted)}
.wf-big{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:24px 20px;text-align:left;border:1px solid var(--line);background:var(--bg);transition:border-color .15s}.wf-big b{font-size:clamp(20px,1.7vw,26px);font-weight:600;letter-spacing:-.015em;color:var(--head)}.wf-big:hover{border-color:var(--muted)}.wf-big.on{border-color:var(--accent)}.wf-mqb{background:var(--panel)}
.wf-lg{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px solid var(--line);background:var(--panel)}.wf-lgp{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px}
.wf-out{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:20px;border:1px solid var(--line);border-top:2px solid var(--accent);background:var(--bg)}.wf-out p{margin:0;font-size:18px;line-height:1.4;color:var(--head)}
.wf-meas{grid-column:3/-1;margin-top:8px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:8px;padding:12px;border:1px solid var(--line);background:var(--panel)}.wf-meas>div{display:flex;flex-direction:column;gap:8px;justify-content:center}
.wf-sqb{grid-column:1/-1;margin-top:8px;display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;padding:12px;border:1px dashed var(--line)}.wf-sqb>div:first-child{display:flex;flex-direction:column;gap:8px}.wf-sqs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.wf-sel{display:grid;grid-template-columns:240px minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:24px;padding:20px 24px;border:1px solid var(--line);background:var(--panel)}.wf-sel-h{display:flex;flex-direction:column;gap:8px}.wf-sel-h b{font-size:18px;font-weight:600;color:var(--head)}.wf-sel .wh-pe{padding-top:0;border-top:0}
.wf-c{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:48px;align-items:start}
.wf-cs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;position:sticky;top:110px}
.wf-cs button{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;width:100%;text-align:left;padding:16px 0;background:none;border:0;border-top:1px solid var(--line);color:var(--muted);font-size:16px;line-height:1.5;transition:color .3s}.wf-cs button.done{color:var(--fg)}.wf-cs button.on{color:var(--head)}.wf-cs button.on .mono{color:var(--accent)}
.wf-cs i{position:absolute;left:0;top:-1px;height:1px;width:100%;background:var(--accent);transform-origin:0 50%;animation:wfp linear forwards}
@keyframes wfp{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.wf-ck{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-areas:"out out out out out" "test fix prove pub meas" "mq mq mq mq meas" "core core core core meas" "in in found found found" "sq sq sq sq sq";gap:10px}
.wf-cb{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border:1px solid var(--line);background:var(--panel);opacity:.12;transform:translateY(8px);transition:opacity .6s var(--ease),transform .6s var(--ease),border-color .4s}.wf-cb.in{opacity:.6;transform:none}.wf-cb.on{opacity:1;border-color:var(--accent)}.wf-dash{border-style:dashed;background:none}
.wf-cn{display:flex;flex-wrap:wrap;gap:4px 14px}.wf-cn span{font-size:14px;line-height:1.4;color:var(--fg)}
.wf-cbig{font-size:clamp(20px,1.8vw,26px);font-weight:600;letter-spacing:-.015em;color:var(--head)}.wf-cp{margin:0;font-size:17px;line-height:1.45;color:var(--head)}
.wf-d{display:grid;grid-template-columns:240px minmax(0,1fr) 300px;gap:40px;align-items:center}
.wf-dl{display:flex;flex-direction:column;gap:20px}.wf-dg{display:flex;flex-direction:column;gap:8px}.wf-dsq{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px;line-height:1.5;color:var(--muted)}
.wf-ring{width:100%;height:auto;max-width:640px;justify-self:center;overflow:visible}
.wf-sec{fill:var(--panel);stroke:var(--line);transition:fill .2s,stroke .2s}g:hover>.wf-sec{stroke:var(--muted)}.wf-sec.on{stroke:var(--accent);fill:var(--panel2)}
.wf-t{fill:var(--fg);font:400 15px Outfit;pointer-events:none}.wf-tl{fill:var(--accent);font:600 12px Outfit;letter-spacing:.14em;text-transform:uppercase;pointer-events:none}
.wf-tc{fill:var(--head);font:600 21px Outfit;letter-spacing:-.015em;pointer-events:none}
.wf-tm{fill:var(--muted);font:500 11px 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.wf-tma{fill:var(--accent)}.wf-tmh{fill:var(--head)}
.wf-la{fill:none;stroke:var(--accent);stroke-opacity:.6}.wf-hot{fill:none;stroke:var(--accent);stroke-opacity:.7}
.wf-ms{fill:none;stroke:var(--panel);stroke-width:26;cursor:pointer;transition:stroke .2s}.wf-ms.on,.wf-ms:hover{stroke:var(--panel2)}
.wf-mr{fill:none;stroke:var(--panel);stroke-width:40;cursor:pointer;transition:stroke .2s}.wf-mr.on,.wf-mr:hover{stroke:var(--panel2)}
.wf-core{fill:var(--bg);stroke:var(--accent);transition:fill .2s}.wf-core.on{fill:var(--panel2)}
.wf-dp{display:flex;flex-direction:column;gap:14px;padding:24px;border:1px solid var(--line);background:var(--panel)}
.wf-dpi{display:flex;flex-direction:column;gap:8px;padding-top:14px;border-top:1px solid var(--line)}.wf-dpi>div{display:flex;justify-content:space-between;gap:12px;align-items:center}.wf-dpi b{color:var(--head);font-weight:600}.wf-dpi p{margin:0;font-size:14px;line-height:1.55;color:var(--fg)}
.wp{border-top:1px solid var(--line)}.wp-h{display:grid;grid-template-columns:150px 200px minmax(0,1fr) minmax(0,1fr) 170px;gap:24px;padding:12px 0;border-bottom:1px solid var(--line)}
.wp-g{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;padding:16px 0;border-bottom:1px solid var(--line)}.wp-g>.lab{padding-top:12px}
.wp-r{display:grid;grid-template-columns:200px minmax(0,1fr) minmax(0,1fr) 170px;gap:24px;align-items:start;padding:12px 0}.wp-r+.wp-r{border-top:1px solid var(--line)}
.wp-n{display:flex;flex-direction:column;gap:8px}.wp-n b{color:var(--head);font-weight:600;font-size:16px;line-height:1.35}
.wp-r p{margin:0;font-size:14.5px;line-height:1.55;color:var(--fg)}.wp-r .wp-e{color:var(--muted)}.wp-r .wp-gap{color:var(--head)}
.wk-h{display:grid;grid-template-columns:200px 240px minmax(0,1fr) 110px;gap:24px;padding:12px 0;border-bottom:1px solid var(--line)}.wk-h span:last-child{text-align:right}
.wk-r{display:grid;grid-template-columns:240px minmax(0,1fr) 110px;gap:24px;align-items:baseline;padding:10px 0}.wk-r+.wk-r{border-top:1px solid var(--line)}.wk-r b{color:var(--head);font-weight:600;font-size:15px}.wk-r p{margin:0;font-size:14.5px;line-height:1.55;color:var(--fg)}.wk-r .wh-st{justify-self:end}
.wk-o{margin-top:64px;display:flex;flex-direction:column;gap:20px}.wk-oc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.wk-ol{display:flex;flex-direction:column;gap:14px;padding-top:16px;border-top:1px solid var(--line)}.wk-ol:first-child{border-top-color:var(--accent)}.wk-ol ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.wk-ol li{font-size:15px;line-height:1.4;color:var(--fg)}
.wb-l{display:block;padding:18px 12px 6px}.wb-h{display:flex;justify-content:space-between;align-items:center;gap:12px}.wb-bl{display:block;margin-top:22px}
.wb-pc{display:flex;flex-direction:column;margin-top:10px}.wb-p{display:grid;grid-template-columns:200px minmax(0,1fr) 90px;gap:16px;align-items:baseline;padding:10px 0;border-top:1px solid var(--line)}.wb-p>div{display:flex;flex-direction:column;gap:4px}.wb-p b{color:var(--head);font-weight:600;font-size:15px}.wb-p .mono{font-size:10px}.wh-bdx .wb-p p{margin:0;font-size:14px;line-height:1.5}.wb-p .wh-st{justify-self:end}
@media(max-width:900px){.wf-b{grid-template-columns:1fr}.wf-ar{justify-self:center;width:1px;height:24px;margin:4px 0}.wf-ar:after{right:-4px;top:auto;bottom:-1px;border-width:7px 4.5px 0 4.5px;border-color:var(--muted) transparent transparent}
.wf-meas,.wf-sqb{grid-column:1}.wf-meas,.wf-sqb,.wf-sel{grid-template-columns:1fr}.wf-sqs{grid-template-columns:repeat(2,minmax(0,1fr))}.wf-con,.wf-c,.wf-d{grid-template-columns:1fr}.wf-cs{position:static}
.wf-ck{grid-template-columns:1fr 1fr;grid-template-areas:"out out" "test fix" "prove pub" "meas meas" "mq mq" "core core" "in found" "sq sq"}
.wp-h,.wk-h{display:none}.wp-g,.wp-r{grid-template-columns:1fr;gap:8px}.wp-gap:empty,.wp-e:empty{display:none}
.wp-e:before,.wp-gap:before{display:block;margin-bottom:4px;font:600 10px Outfit;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.wp-e:before{content:"Van Dijk example"}.wp-gap:before{content:"Gap it closes"}
.wk-r,.wb-p{grid-template-columns:1fr auto}.wk-r p,.wb-p p{grid-column:1/-1}.wk-oc{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.wf-cb{transition:none}}

/* Before/after AI search in browser windows (Home D) */
.bw-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
@media(max-width:900px){.bw-g{grid-template-columns:1fr}}
.bw{border:1px solid var(--line);background:var(--bg);display:flex;flex-direction:column;min-width:0;box-shadow:0 40px 90px -50px rgba(0,0,0,.7)}
.bw-bar{display:flex;align-items:flex-end;gap:16px;padding:10px 12px 0;background:var(--panel);border-bottom:1px solid var(--line)}
.bw-dots{display:flex;gap:7px;padding-bottom:11px}.bw-dots i{width:11px;height:11px;border-radius:50%;background:var(--line)}
.bw-tab{font:500 12px Outfit;color:var(--head);background:var(--bg);border:1px solid var(--line);border-bottom:0;padding:8px 16px;max-width:62%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:-1px}
.bw-url{display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid var(--line)}.bw-url span{color:var(--muted);font-size:14px;letter-spacing:.2em}
.bw-url div{flex:1;min-width:0;font:400 12px 'JetBrains Mono',monospace;color:var(--muted);background:var(--panel);padding:7px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bw-body{padding:24px 28px;display:flex;flex-direction:column;gap:16px;height:640px;overflow:auto;scrollbar-width:thin}
.bw-q{border:1px solid var(--line);padding:11px 16px;font-size:15px;color:var(--head)}
.bw-r{display:flex;flex-direction:column;gap:3px}.bw-r span{font:400 12px 'JetBrains Mono',monospace;color:var(--muted)}.bw-r b{font-weight:500;font-size:16px;color:var(--accent)}.bw-r p{font-size:14px;color:var(--fg);margin:0}
.bw-u{align-self:flex-end;max-width:88%;background:var(--panel);border:1px solid var(--line);padding:14px 16px;font-size:15px;color:var(--head)}
.bw-a{display:flex;flex-direction:column;gap:12px;font-size:15px;color:var(--fg)}.bw-a p{margin:0}.bw-a h4{font:600 15px Outfit;color:var(--head);margin:6px 0 0}
.bw-a ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:14px}
.bw-t{width:100%;border-collapse:collapse;font-size:14px}.bw-t th{text-align:left;font:600 12px Outfit;color:var(--muted);padding:8px 12px 8px 0;border-bottom:1px solid var(--line)}
.bw-t td{padding:10px 12px 10px 0;border-bottom:1px solid var(--line);vertical-align:top}.bw-t td:first-child{color:var(--head);font-weight:600}
.bw-p{display:flex;flex-direction:column;gap:14px}.bw-p>div{border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:6px}.bw-p>div>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.bw-p b{color:var(--head);font-weight:600}
.bw-ch{display:flex;flex-wrap:wrap;gap:6px}.bw-ch span{border:1px solid var(--line);padding:4px 10px;font-size:13px;color:var(--head)}

/* Before/after AI search, live-site layout in Cinematic colours (Home D option A; after window reused in C) */
.lw{background:color-mix(in srgb,var(--accent) 8%,var(--bg));border:1px solid var(--line);padding:clamp(24px,4vw,56px);border-radius:20px}
.lw,.lw-w{font-family:Outfit,sans-serif;color:var(--fg)}
.lw *,.bw *{text-shadow:none!important}
.lw-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:40px}
.lw-tabs button{display:flex;flex-direction:column;gap:4px;text-align:left;background:color-mix(in srgb,var(--bg) 60%,transparent);border:1px solid var(--line);border-radius:14px;padding:16px 18px;color:var(--fg);font-family:Outfit,sans-serif;transition:background .15s,border-color .15s}
.lw-tabs button.on{background:var(--bg);border-color:var(--accent)}.lw-tabs span{font:500 12px 'JetBrains Mono',monospace;color:var(--muted);letter-spacing:.1em}.lw-tabs b{font:700 17px Outfit,sans-serif;color:var(--head)}.lw-tabs small{font-size:14px;color:var(--muted)}
.lw-hd{display:flex;align-items:baseline;gap:20px;margin-bottom:28px}.lw-hd span{font:500 14px 'JetBrains Mono',monospace;color:var(--muted);letter-spacing:.1em}.lw-hd h3{font:700 clamp(26px,2.6vw,36px)/1.1 Outfit,sans-serif;letter-spacing:-.03em;color:var(--head);margin:0}
.lw-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.75fr);gap:28px;align-items:start}
@media(max-width:900px){.lw-g{grid-template-columns:1fr}.lw-tabs{grid-template-columns:1fr}}
.lw-w{background:var(--bg);border:1px solid var(--line);border-radius:16px;overflow:hidden;min-width:0}
.lw-bar{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--panel);border-bottom:1px solid var(--line)}
.lw-d{display:flex;gap:8px;flex-shrink:0}.lw-d i{width:11px;height:11px;border-radius:50%;background:color-mix(in srgb,var(--fail) 60%,var(--panel))}.lw-d i:nth-child(2){background:color-mix(in srgb,var(--warn) 60%,var(--panel))}.lw-d i:nth-child(3){background:color-mix(in srgb,var(--accent) 60%,var(--panel))}
.lw-u{flex:1;min-width:0;display:flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:9px 16px;font:400 12px/1.5 'JetBrains Mono',monospace;color:var(--muted);overflow:hidden;white-space:nowrap}.lw-u i{width:6px;height:6px;border-radius:50%;background:var(--line);flex-shrink:0}.lw-u.a i{background:var(--accent)}
.lw-b{padding:clamp(20px,2.4vw,32px);display:flex;flex-direction:column;gap:18px}
.lw-l{font:600 11px Outfit,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.lw-l.a{color:var(--accent)}
.lw-q{display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:28px;padding:14px 22px;color:var(--muted)}.lw-q span{font:400 14px/1.7 'JetBrains Mono',monospace;color:var(--fg)}
.lw-n{font-size:13px;color:var(--muted)}
.lw-r{display:flex;flex-direction:column;gap:3px}.lw-r span{font-size:13px;color:var(--muted)}.lw-r b{font-weight:400;font-size:17px;line-height:1.3;color:var(--accent)}.lw-r p{font-size:14px;line-height:1.55;color:var(--fg);margin:0}
.lw-pg{font-size:14px;color:var(--accent);margin-top:6px}
.lw-p{background:color-mix(in srgb,var(--accent) 12%,var(--bg));border:1px solid color-mix(in srgb,var(--accent) 28%,var(--bg));border-radius:16px;padding:18px 22px;font-size:16px;line-height:1.7;color:var(--head)}
.lw-as{display:flex;align-items:center;gap:12px;font-weight:700;font-size:15px;color:var(--head)}.lw-as i{width:24px;height:24px;border-radius:6px;background:var(--accent)}
.lw-a{display:flex;flex-direction:column;gap:14px;font-size:15px;line-height:1.7;color:var(--fg)}.lw-a p{margin:0}.lw-a h4{font:700 16px Outfit,sans-serif;color:var(--head);margin:8px 0 0}
.lw-a ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.lw-a li{position:relative;padding-left:20px}.lw-a li:before{content:"";position:absolute;left:2px;top:.7em;width:5px;height:5px;border-radius:50%;background:var(--accent)}
.lw-tw{border:1px solid var(--line);border-radius:14px;overflow:auto}.lw-tw table{width:100%;border-collapse:collapse;font-size:14px}.lw-tw th{background:var(--panel);text-align:left;font:600 11px Outfit,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding:14px 16px;border-bottom:1px solid var(--line)}
.lw-tw th+th,.lw-tw td+td{border-left:1px solid var(--line)}.lw-tw td{padding:14px 16px;vertical-align:top;border-top:1px solid var(--line);line-height:1.5}.lw-tw td:first-child{font-weight:700;color:var(--head)}
.lw-pk{display:flex;flex-direction:column;gap:12px}.lw-pk>div{border:1px solid var(--line);border-radius:14px;padding:14px 18px}.lw-ph{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.lw-ph span{font:500 12px 'JetBrains Mono',monospace;color:var(--accent)}.lw-ph b{font-weight:700;color:var(--head)}.lw-ph em{font-style:normal;font-size:12px;background:color-mix(in srgb,var(--accent) 14%,var(--bg));color:var(--head);border-radius:999px;padding:2px 10px}
.lw-ch{display:flex;flex-wrap:wrap;gap:8px 4px;font-weight:600;color:var(--head)}.lw-ch i{font-style:normal;color:var(--accent);margin:0 8px}
.bw-c{grid-template-columns:minmax(0,1fr) minmax(0,1.75fr);align-items:start}.bw-c .bw-body{height:auto}
@media(max-width:900px){.bw-c{grid-template-columns:1fr}}

.btn-free{background:var(--accent);color:var(--bg);border-color:var(--accent)}.btn-free:hover{color:var(--bg)}
.btn-tag{font:500 11px/1 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;padding:5px 8px;border:1px solid currentColor}
.d3.lens-h{font-size:clamp(26px,2.6vw,38px)}
.blB .acc summary{font-size:clamp(26px,2.6vw,38px)}
.dms{border:1px solid var(--line);background:var(--panel)}
.dms-t{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line)}
.dms-t button{border:0;border-top:3px solid transparent;background:none;padding:18px 24px;text-align:left;font:600 16px/1.3 Outfit;color:var(--muted);display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:color .2s,border-color .2s}
.dms-t button+button{border-left:1px solid var(--line)}
.dms-t button.on,.dms-t button:hover{color:var(--head)}.dms-t button.on{border-top-color:var(--accent)}
.dms-ps{display:grid}.dms-p{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:48px;padding:40px;min-height:320px;align-items:start;visibility:hidden}.dms-p.on{visibility:visible;animation:bub .5s var(--ease) both}
.dms-l{display:flex;flex-direction:column;gap:14px;max-width:420px}
.dms-v .dma-by{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dms-f{display:flex;justify-content:space-between;align-items:center;gap:16px 24px;flex-wrap:wrap;padding:20px 40px;border-top:1px solid var(--line)}
@media(max-width:880px){.dms-t{grid-template-columns:repeat(2,minmax(0,1fr))}.dms-t button:nth-child(3){border-left:0}.dms-p{grid-template-columns:1fr;gap:24px;padding:28px 24px}.dms-f{padding:20px 24px}.dms-v .dma-by{grid-template-columns:1fr}}
.dms-y{display:flex;flex-direction:column;gap:8px;padding:20px 40px 24px;border-top:1px solid var(--line)}
@media(max-width:880px){.dms-y{padding:20px 24px}}
.bpd-hd{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.bpd-pk{animation:bpdP 2.4s var(--ease) infinite}
@keyframes bpdP{0%,100%{opacity:1}50%{opacity:.55}}
@media(prefers-reduced-motion:reduce){.bpd-pk{animation:none}}
.rrc-l{display:flex;align-items:center;gap:12px;flex-wrap:wrap}

.ux{display:flex;flex-direction:column;gap:20px}
.ux-tabs{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.ux .cc3-tg{flex-wrap:wrap}
.ux-w{--r:16px;display:grid;grid-template-columns:220px minmax(0,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg);min-height:660px;font-family:'DM Sans',Outfit,sans-serif;box-shadow:0 30px 80px rgba(0,0,0,.18)}
.ux-sd{display:flex;flex-direction:column;gap:24px;padding:22px 14px;border-right:1px solid var(--line)}
.ux-wm{display:flex;align-items:center;gap:10px;padding:0 8px}
.ux-wm img{width:30px;height:30px;object-fit:contain;flex:none}
.ux-wm>span{font:400 16px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.02em;color:var(--head);white-space:nowrap}
.ux-wm b{font-weight:800}.ux-wm em{font-style:normal;color:var(--accent)}
.ux-sd nav{display:flex;flex-direction:column;gap:2px}
.ux-sd nav span{padding:9px 12px;border-radius:10px;font-size:14px;color:var(--muted)}
.ux-sd nav span.on{background:var(--panel2);color:var(--head);font-weight:600}
.ux-mn{display:flex;flex-direction:column;min-width:0}
.ux-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 28px;border-bottom:1px solid var(--line)}
.ux-sr{flex:1;max-width:400px;padding:9px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel);font-size:13px;color:var(--muted)}
.ux-bd{padding:32px 36px 40px;animation:bub .5s var(--ease) both}
.ux-bd>div{display:flex;flex-direction:column;gap:16px}
.ux-k{font:500 11px/1.4 'JetBrains Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.ux-m{font:400 11.5px/1.5 'JetBrains Mono',monospace;color:var(--muted)}
.ux-mono{font:400 12.5px 'JetBrains Mono',monospace;color:var(--fg)}
.ux-h{font:700 clamp(22px,2.4vw,32px)/1.15 'Plus Jakarta Sans',sans-serif;letter-spacing:-.03em;color:var(--head);max-width:620px;margin:0;text-wrap:balance}
.ux-h4{font:700 17px/1.3 'Plus Jakarta Sans',sans-serif;color:var(--head);letter-spacing:-.015em}
.ux-bd p{font-size:14px;line-height:1.6;color:var(--fg);margin:0}
.ux-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ux-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.ux-c{display:flex;flex-direction:column;gap:8px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel);text-align:left;min-width:0;box-sizing:border-box}
.ux-c>span:first-child:not(.ux-k):not(.ux-st){font-size:13px;color:var(--muted)}
.ux-c>b.ux-ok,.ux-c>b.ux-bad{font:800 28px/1 'Plus Jakarta Sans',sans-serif;letter-spacing:-.03em}
.ux-big{font:800 28px/1.05 'Plus Jakarta Sans',sans-serif;letter-spacing:-.035em;color:var(--head)}
.ux-num{font:800 24px/1 'Plus Jakarta Sans',sans-serif;letter-spacing:-.03em;text-align:right;white-space:nowrap}
.ux-ok{color:var(--ok)}.ux-bad{color:var(--bad)}.ux-mid{color:var(--mid)}
.ux-a{font-size:12.5px;color:var(--accent);margin-top:auto}
.ux-st{align-self:flex-start;font-size:12px;font-weight:500;padding:3px 10px;border-radius:999px;white-space:nowrap}
.ux-st.bad{background:var(--badbg);color:var(--bad)}.ux-st.mid{background:var(--midbg);color:var(--mid)}.ux-st.ok{background:var(--okbg);color:var(--ok)}
.ux-home{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px 36px}
.ux-hl{display:flex;flex-direction:column;gap:12px}
.ux-hg{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center}
.ux-hf{grid-column:1/-1;display:flex;flex-direction:column;gap:12px}
.ux-hf .ux-c{gap:10px}
.ux-dots{width:100%;max-width:300px;display:block}.ux-dots rect{fill:var(--line)}
.ux-dots rect.ux-ok{fill:var(--ok)}.ux-dots rect.ux-bad{fill:var(--bad)}.ux-dots rect.ux-mid{fill:var(--mid)}
.ux-g{position:relative;overflow:hidden;cursor:pointer;font:inherit;color:inherit;transition:border-color .2s;padding:20px 22px;gap:8px}
.ux-g:hover{border-color:var(--head)}.ux-g.on{border-color:var(--bad)}
.ux-gd{position:absolute;top:0;right:0;width:42%;opacity:.75;pointer-events:none}
.ux-g>*:not(.ux-gd){position:relative}
.ux-g p{max-width:60%}
.ux-g b.ux-big{font-size:36px;margin-top:36px}
.ux-bar{display:block;height:6px;background:var(--line);border-radius:999px;overflow:hidden}.ux-bar>i{display:block;height:100%;border-radius:999px}
.b-ok{background:var(--ok)}.b-ok2{background:color-mix(in oklab,var(--ok) 60%,var(--bg))}.b-bad{background:var(--bad)}.b-mid{background:var(--mid)}.b-mid2{background:color-mix(in oklab,var(--mid) 55%,var(--bg))}.b-na{background:var(--na)}
.ux-bh{gap:14px;padding:22px 24px}
.ux-bh .ux-2{gap:28px}.ux-bh .ux-2>div{display:flex;flex-direction:column}
.ux-bh .ux-k{color:var(--muted);padding-bottom:10px}
.ux-ms{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;align-items:start;padding:14px 0;border-top:1px solid var(--line)}
.ux-ms .ux-bar{grid-column:1/-1}
.ux-ms>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.ux-ms b{font:600 15px 'DM Sans',sans-serif;color:var(--head)}
.ux-ms p{font-size:13px!important;color:var(--muted)!important}
.ux-ms em{font:500 10px 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;font-style:normal;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:2px 6px;margin-left:6px;vertical-align:2px}
.ux-tb{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);overflow:hidden}
.ux-tr{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr) minmax(0,1.3fr) minmax(0,1fr);gap:16px;padding:14px 20px;border-top:1px solid var(--line);font-size:13.5px;line-height:1.5;align-items:start;color:var(--fg)}
.ux-tr:first-child{border-top:0}.ux-tr b{font-weight:600;color:var(--head)}.ux-mu{color:var(--muted)}
.ux-tr>span:last-child{display:flex;flex-direction:column;gap:5px}.ux-tr small{font-size:11.5px;color:var(--muted)}
.ux-th span{font:500 10.5px 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.ux-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.ux-row .ux-big{font-size:44px}
.ux-row>span:not(.ux-m):not(.ux-mono){font-size:14px;color:var(--muted)}
.ux-src{display:flex;flex-direction:column;gap:6px;padding-top:8px}
.ux-fl{display:flex;flex-direction:column;gap:8px;padding-top:12px;font-size:14px;color:var(--head)}
.ux-stk{display:flex;gap:2px;height:12px;border-radius:999px;overflow:hidden}.ux-stk i{display:block}
.ux-lg{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--fg)}.ux-lg span{display:inline-flex;align-items:center;gap:6px}.ux-lg i{width:9px;height:9px;border-radius:2px;display:inline-block}
.ux-eg{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,minmax(0,1fr));gap:6px;align-items:center;padding-top:8px}
.ux-eg b{font-weight:500;font-size:14px;color:var(--head)}.ux-eg .ux-k{text-align:center;color:var(--muted)}
.ux-hc{text-align:center;padding:10px 0;font:600 14px 'DM Sans',sans-serif;border-radius:10px}.ux-hc.ok{background:var(--okbg);color:var(--ok)}.ux-hc.mid{background:var(--midbg);color:var(--mid)}.ux-hc.bad{background:var(--badbg);color:var(--bad)}
.ux-lk{display:flex;gap:24px;flex-wrap:wrap}.ux-lk>div{display:flex;flex-direction:column;gap:4px}.ux-lk span{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}.ux-lk b{font:800 22px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.03em;color:var(--head)}.ux-lk small{font:400 11.5px 'JetBrains Mono',monospace}
.ux-lk i{width:14px;height:3px;display:inline-block;border-radius:2px}.ux-lk i.l1{background:var(--accent)}.ux-lk i.l2{background:var(--muted)}.ux-lk i.l3{background:var(--mid)}
.ux-ln{width:100%;display:block;margin-top:8px}.ux-ln .gr{stroke:var(--line)}.ux-ln .mk{stroke:var(--mid);stroke-dasharray:4 4}.ux-ln .mt{fill:var(--mid);font:12px 'JetBrains Mono',monospace}
.ux-ln polyline{fill:none;stroke-width:2.5}.ux-ln .l1 polyline{stroke:var(--accent)}.ux-ln .l1 circle{fill:var(--accent)}.ux-ln .l2 polyline{stroke:var(--muted)}.ux-ln .l2 circle{fill:var(--muted)}.ux-ln .l3 polyline{stroke:var(--mid)}.ux-ln .l3 circle{fill:var(--mid)}
.ux-nv{display:flex;justify-content:space-between;align-items:center;gap:16px}
@media(max-width:1000px){.ux-w{grid-template-columns:1fr}.ux-sd{display:none}.ux-home{grid-template-columns:1fr!important}.ux-hg{display:none}}
@media(max-width:760px){.ux-3,.ux-2{grid-template-columns:1fr}.ux-bd{padding:20px 16px}.ux-tr{grid-template-columns:1fr 1fr}.ux-th{display:none!important}.ux-top .ux-sr{display:none}.ux-g p{max-width:none}}
.nmA-s{display:grid}
.nmA-s>.nmA-d{grid-area:1/1;opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease),transform .5s var(--ease);animation:none;pointer-events:none}
.nmA-s>.nmA-d.on{opacity:1;transform:none;pointer-events:auto}

/* About, How we work options (24 Oct) */
.wkA-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}@media(max-width:900px){.wkA-g{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.wkA-g{grid-template-columns:1fr}}
.wkS{position:relative;display:flex;flex-direction:column;gap:10px;padding-top:20px;border-top:1px solid var(--line);opacity:.5;transition:opacity .4s var(--ease);cursor:pointer}.wkS.act{opacity:1}
.wkS::before{content:"";position:absolute;top:-1px;left:0;height:1px;width:0;background:var(--accent)}.wkS.act::before{width:100%;transition:width var(--ms,3200ms) linear}
.wkS .mono{color:var(--accent)}.wkS b{font:600 21px/1.3 Outfit;color:var(--head)}.wkS p{margin:0;font-size:15.5px;line-height:1.55;color:var(--fg)}
.wkB{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}.wkB-h{position:sticky;top:120px;display:flex;flex-direction:column;gap:20px}
.wkB-r{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px 32px;padding:40px 0;border-top:1px solid var(--line)}.wkB-n{grid-row:span 2;font:200 72px/.9 Outfit;letter-spacing:-.04em;color:var(--accent)}.wkB-r .body{margin:0}
@media(max-width:900px){.wkB{grid-template-columns:1fr}.wkB-h{position:static}.wkB-r{grid-template-columns:64px minmax(0,1fr)}.wkB-n{font-size:44px}}
.wkD .vl-r{opacity:.5;transition:opacity .4s var(--ease);cursor:pointer}.wkD .vl-r.act{opacity:1}.wkD .vl-r.act>b{color:var(--accent)}

/* The shift: re-indexed for AI (24 Oct) */
.rx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:start}@media(max-width:900px){.rx{grid-template-columns:1fr;gap:40px}}
.rx-t{display:flex;flex-direction:column;gap:24px}
.rx-sg{display:flex;flex-direction:column}
.rx-r{display:grid;grid-template-columns:36px minmax(0,1fr);gap:2px 12px;padding:16px 0;border-top:1px solid var(--line);position:relative}.rx-r>.mono{grid-row:span 2;color:var(--accent)}.rx-r b{font:600 18px/1.3 Outfit;color:var(--head)}.rx-r p{margin:0;font-size:15px;line-height:1.5;color:var(--fg)}
.rx-r::after{content:"";position:absolute;top:-1px;left:0;height:1px;width:0;background:var(--accent);transition:width 1s var(--ease) .3s}.rx-r.on::after{width:100%}
.rx-src{display:flex;flex-wrap:wrap;gap:8px}.rx-src span{padding:6px 10px;border:1px solid var(--line);color:var(--muted)}.rx-src span.on{border-color:var(--accent);color:var(--accent)}
/* Product: one question followed through (24 Oct) */
.qt-st{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center}
.qt-g{width:100%;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px;align-items:center}
.qt-l{display:flex;flex-direction:column;gap:20px;align-self:start;padding-top:4vh}.qt-l .d3{margin:0;max-width:520px}
.qt-cp{position:relative;min-height:150px;max-width:460px}
.qt-c{position:absolute;inset:0;display:flex;flex-direction:column;gap:8px;opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease),transform .5s var(--ease)}.qt-c .mono{color:var(--accent)}.qt-c .d4{margin:0;color:var(--head)}.qt-c .body{margin:0}
.qt:not([data-step]) .qt-c0,.qt[data-step="0"] .qt-c0,.qt[data-step="1"] .qt-c1,.qt[data-step="2"] .qt-c2,.qt[data-step="3"] .qt-c3,.qt[data-step="4"] .qt-c4{opacity:1;transform:none}
.qt-rl{display:flex;gap:6px}.qt-rl i{width:28px;height:2px;background:var(--line);transition:background .4s}
.qt:not([data-step]) .qt-t0,.qt[data-step="0"] .qt-t0,.qt[data-step="1"] .qt-t1,.qt[data-step="2"] .qt-t2,.qt[data-step="3"] .qt-t3,.qt[data-step="4"] .qt-t4{background:var(--accent)}
.qt-w{border:1px solid var(--line);border-radius:14px;background:var(--bg);box-shadow:0 30px 80px rgba(0,0,0,.25);font-family:'DM Sans',Outfit,sans-serif;overflow:hidden}
.qt-h{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-bottom:1px solid var(--line)}
.qt-wm{font:400 15px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.02em;color:var(--head)}.qt-wm b{font-weight:800}.qt-wm em{font-style:normal;color:var(--accent)}
.qt-b{position:relative;height:420px}
.qt-p{position:absolute;inset:0;padding:28px 30px;display:flex;flex-direction:column;gap:14px;opacity:0;transform:translateY(12px);transition:opacity .5s var(--ease),transform .5s var(--ease);pointer-events:none}
.qt:not([data-step]) .qt-p0,.qt[data-step="0"] .qt-p0,.qt[data-step="1"] .qt-p1,.qt[data-step="2"] .qt-p2,.qt[data-step="3"] .qt-p3,.qt[data-step="4"] .qt-p4{opacity:1;transform:none;pointer-events:auto}
.qt-k{font:500 11px/1.4 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.qt-sub{margin:0;font-size:13.5px;color:var(--muted)}
.qt-q{margin:6px 0;font:italic 400 24px/1.4 Newsreader,Georgia,serif;color:var(--head);text-wrap:pretty}
.qt-ch{display:flex;flex-wrap:wrap;gap:8px}.qt-ch span{padding:5px 11px;border-radius:999px;background:var(--panel);font-size:12.5px;color:var(--fg)}
.qt-er{display:grid;grid-template-columns:96px minmax(0,1fr) 64px;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--line);font-size:14px;color:var(--head)}.qt-er b{font:800 15px 'Plus Jakarta Sans',sans-serif;text-align:right}
.qt-dots{display:flex;gap:6px}.qt-dots i,.qt-ft i{width:12px;height:12px;border-radius:50%;background:var(--line);display:inline-block}.qt-dots i.y,.qt-ft i.y{background:var(--accent)}
.qt-ft{margin:6px 0 0;display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}.qt-ft i{width:9px;height:9px}.qt-ft i+i{margin-left:10px}
.qt-gr{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 76px;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.qt-gr>div{display:flex;flex-direction:column;gap:2px}.qt-gr .mono{font-size:10.5px}.qt-gr b{color:var(--head);font:700 16px 'Plus Jakarta Sans',sans-serif}.qt-gr em{font-style:normal;font-size:12.5px;color:var(--muted)}
.qt-bar{height:6px;border-radius:999px;background:var(--panel);overflow:hidden}.qt-bar i{display:block;height:100%;background:var(--accent);border-radius:999px;transform-origin:left;transform:scaleX(0);transition:transform .9s var(--ease) .2s}.qt[data-step="2"] .qt-bar i{transform:none}
.qt-n{text-align:right;font:800 24px/1 'Plus Jakarta Sans',sans-serif!important;letter-spacing:-.03em}.qt-n small,.qt-mv small{font:500 12px 'DM Sans',sans-serif;color:var(--muted);letter-spacing:0}
.qt-pill{align-self:flex-start;padding:4px 12px;border-radius:999px;background:var(--panel);color:var(--accent);font-size:12.5px;font-weight:500}
.qt-big{margin:0;font:700 24px/1.25 'Plus Jakarta Sans',sans-serif;letter-spacing:-.02em;color:var(--head);text-wrap:pretty}
.qt-tr,.qt-mv{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:12px;align-items:center}.qt-tr>div,.qt-mv>div{border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}.qt-tr p{margin:0;font-size:14px;line-height:1.5;color:var(--fg)}
.qt-ar{color:var(--accent);text-align:center;font-size:18px}
.qt-mv b{font:800 36px/1 'Plus Jakarta Sans',sans-serif;letter-spacing:-.04em;color:var(--head)}.qt-mv b.a{color:var(--accent)}
@media(max-width:900px){.qt-g{grid-template-columns:1fr;gap:24px}.qt-l{padding-top:0}.qt-cp{min-height:130px}.qt-b{height:380px}.qt-l .d3{font-size:24px}}
/* Product scroll options (24 Oct) */
.qt-an{border-radius:12px;background:var(--panel);padding:14px 16px;display:flex;flex-direction:column;gap:6px}.qt-an p{margin:0;font-size:15px;line-height:1.5;color:var(--head)}
.qt-oc{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.qt-pill-n{color:var(--head)!important;background:var(--panel2,var(--panel))!important}
.qt-ans{margin:0;font-size:19px;line-height:1.6;color:var(--head);text-wrap:pretty}.qt-ans mark{background:color-mix(in oklch,var(--accent) 22%,transparent);color:var(--head);padding:1px 3px}.qt-ans mark.n{background:transparent;text-decoration:underline wavy color-mix(in oklch,var(--fg) 55%,transparent);text-underline-offset:5px}
.qt-er .qt-ow{font:500 12px 'JetBrains Mono',monospace;color:var(--muted);text-align:right}
.qt-gn{margin:0;font:800 64px/1 'Plus Jakarta Sans',sans-serif;letter-spacing:-.05em;color:var(--accent)}.qt-gn small{font:500 14px 'DM Sans',sans-serif;letter-spacing:0;color:var(--muted)}
.qt-fn{display:flex;flex-direction:column;gap:8px;margin-top:6px}.qt-fn>div{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:4px 12px;align-items:center;opacity:.35}.qt-fn>div.on{opacity:1}.qt-fn span{grid-column:1/-1;height:6px;border-radius:999px;background:var(--accent)}.qt-fn em{font-style:normal;font-size:12.5px;color:var(--fg)}.qt-fn b{text-align:right;font:700 13px 'Plus Jakarta Sans',sans-serif;color:var(--head)}
.qt-chat{gap:10px;justify-content:flex-start}
.qt-m{max-width:82%;display:flex;flex-direction:column;gap:6px;opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease),transform .5s var(--ease)}.qt-m p{margin:0;padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.45}
.qt-m-b{align-self:flex-end}.qt-m-b p{background:var(--panel);color:var(--head)}.qt-m-a p{border:1px solid var(--line);color:var(--fg)}
.qt-note{font:500 11px/1.4 'JetBrains Mono',monospace;color:var(--accent);padding-left:4px}
.qt-v0{opacity:1;transform:none}.qt[data-step="1"] .qt-v1,.qt[data-step="2"] .qt-v1,.qt[data-step="3"] .qt-v1,.qt[data-step="4"] .qt-v1{opacity:1;transform:none}.qt[data-step="2"] .qt-v2,.qt[data-step="3"] .qt-v2,.qt[data-step="4"] .qt-v2{opacity:1;transform:none}.qt[data-step="3"] .qt-v3,.qt[data-step="4"] .qt-v3{opacity:1;transform:none}.qt[data-step="4"] .qt-v4{opacity:1;transform:none}
.qt .qt-p.qt-chat{opacity:1;transform:none;pointer-events:auto}
.qt .qt-p.qt-chat{justify-content:flex-end;gap:8px;overflow:hidden}.qt-chat>.qt-k{position:absolute;top:28px;left:30px}.qt-chat .qt-m p{font-size:13.5px;padding:8px 12px}
/* Grid options + Why now options (24 Oct) */
.qt-gn.m{color:var(--head)}
.qt-lg{display:flex;flex-direction:column;gap:8px;margin-top:auto}.qt-lg>div{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:13.5px;color:var(--fg)}.qt-lg b{font:700 14px 'Plus Jakarta Sans',sans-serif;color:var(--head)}
.qt-d{width:10px;height:10px;border-radius:50%;background:var(--line)}.qt-d.g,.qt-bar2 i.g{background:var(--accent)}.qt-d.w,.qt-dots i.w{background:oklch(80% .12 70)}.qt-d.r,.qt-bar2 i.r{background:oklch(72% .15 30)}
.qt-er-w{grid-template-columns:140px minmax(0,1fr) 64px}.qt-bar2{display:flex;height:8px;border-radius:999px;background:var(--panel);overflow:hidden}.qt-bar2 i{display:block;height:100%}
.wn-cp{position:relative;min-height:300px;max-width:900px;margin:0 auto}
.wn-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;gap:18px;opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.wn-c .mono{color:var(--accent)}.wn-c .d2{margin:0;color:var(--head);text-wrap:balance}.wn-c .lede{margin:0;max-width:640px}
.wn:not([data-step]) .wn-c0{opacity:1;transform:none}.wn[data-step="0"] .wn-c0{opacity:1;transform:none}.wn[data-step="0"] .wn-t0{background:var(--accent)}.wn[data-step="1"] .wn-c1{opacity:1;transform:none}.wn[data-step="1"] .wn-t1{background:var(--accent)}.wn[data-step="2"] .wn-c2{opacity:1;transform:none}.wn[data-step="2"] .wn-t2{background:var(--accent)}.wn[data-step="3"] .wn-c3{opacity:1;transform:none}.wn[data-step="3"] .wn-t3{background:var(--accent)}.wn[data-step="4"] .wn-c4{opacity:1;transform:none}.wn[data-step="4"] .wn-t4{background:var(--accent)}
.wn-rl{display:flex;gap:6px;justify-content:center;margin-top:24px}.wn-rl i{width:28px;height:2px;background:var(--line);transition:background .4s}
.ws{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:end;height:560px}
.ws-c{height:var(--h);display:flex}.ws-b{flex:1;display:flex;flex-direction:column;gap:10px;padding:20px;border:1px solid var(--line);border-top:3px solid var(--accent);background:var(--panel)}.ws-b .mono{color:var(--accent)}.ws-b b{font:600 17px/1.3 Outfit;color:var(--head)}.ws-b p{margin:0;font-size:14px;line-height:1.5;color:var(--fg)}
.ws-x{display:flex;justify-content:space-between;padding-top:14px;margin-top:12px;border-top:1px solid var(--line)}
@media(max-width:900px){.ws{grid-template-columns:1fr;height:auto}.ws-c{height:auto}}
/* Where we're heading v2 (24 Oct) */
.qt[data-step="5"] .qt-c5,.qt[data-step="5"] .qt-p5{opacity:1;transform:none;pointer-events:auto}.qt[data-step="5"] .qt-t5{background:var(--accent)}.qt[data-step="6"] .qt-c6,.qt[data-step="6"] .qt-p6{opacity:1;transform:none;pointer-events:auto}.qt[data-step="6"] .qt-t6{background:var(--accent)}.qt[data-step="7"] .qt-c7,.qt[data-step="7"] .qt-p7{opacity:1;transform:none;pointer-events:auto}.qt[data-step="7"] .qt-t7{background:var(--accent)}
.ns-dev{border-color:var(--accent);color:var(--accent)}
.ns-hd{display:flex;flex-direction:column;gap:20px;max-width:900px;margin-bottom:56px}
.ns-pn{display:flex;flex-direction:column;gap:14px;min-width:0}.ns-pn .d3,.ns-pn .body{margin:0}
.ns-pts{display:flex;flex-direction:column;gap:0}.ns-pt{display:flex;flex-direction:column;gap:6px;padding:14px 0;border-top:1px solid var(--line)}.ns-pt-h{display:flex;justify-content:space-between;align-items:center;gap:12px}.ns-pt-h b{font:600 16px/1.3 Outfit;color:var(--head)}.ns-pt p{margin:0;font-size:14.5px;line-height:1.5;color:var(--fg)}
.ns-pts .wh-pe{margin-top:8px}
.ns-rg{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.ns-rl{display:flex;flex-direction:column;gap:20px;align-self:start;padding-top:2vh}.ns-rl .d3{margin:0}
.ns-rk{display:flex;flex-direction:column-reverse;gap:6px;margin-top:auto;padding-top:46vh}.ns-rt{display:flex;gap:10px;font:500 15px Outfit;color:var(--muted);transition:color .4s}.ns-rt .mono{transition:color .4s}
.ns-rp{position:relative;min-height:520px}.ns-rc{position:absolute;inset:0;opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease),transform .5s var(--ease);pointer-events:none}
.ns-r:not([data-step]) .ns-rc0{opacity:1;transform:none}.ns-r[data-step="0"] .ns-rc0{opacity:1;transform:none;pointer-events:auto}.ns-r[data-step="0"] .ns-rt0{color:var(--head)}.ns-r[data-step="0"] .ns-rt0 .mono{color:var(--accent)}.ns-r[data-step="1"] .ns-rc1{opacity:1;transform:none;pointer-events:auto}.ns-r[data-step="1"] .ns-rt0,.ns-r[data-step="1"] .ns-rt1{color:var(--head)}.ns-r[data-step="1"] .ns-rt1 .mono{color:var(--accent)}.ns-r[data-step="2"] .ns-rc2{opacity:1;transform:none;pointer-events:auto}.ns-r[data-step="2"] .ns-rt0,.ns-r[data-step="2"] .ns-rt1,.ns-r[data-step="2"] .ns-rt2{color:var(--head)}.ns-r[data-step="2"] .ns-rt2 .mono{color:var(--accent)}.ns-r[data-step="3"] .ns-rc3{opacity:1;transform:none;pointer-events:auto}.ns-r[data-step="3"] .ns-rt0,.ns-r[data-step="3"] .ns-rt1,.ns-r[data-step="3"] .ns-rt2,.ns-r[data-step="3"] .ns-rt3{color:var(--head)}.ns-r[data-step="3"] .ns-rt3 .mono{color:var(--accent)}.ns-r[data-step="4"] .ns-rc4{opacity:1;transform:none;pointer-events:auto}.ns-r[data-step="4"] .ns-rt0,.ns-r[data-step="4"] .ns-rt1,.ns-r[data-step="4"] .ns-rt2,.ns-r[data-step="4"] .ns-rt3,.ns-r[data-step="4"] .ns-rt4{color:var(--head)}.ns-r[data-step="4"] .ns-rt4 .mono{color:var(--accent)}.ns-r[data-step="5"] .ns-rc5{opacity:1;transform:none;pointer-events:auto}.ns-r[data-step="5"] .ns-rt0,.ns-r[data-step="5"] .ns-rt1,.ns-r[data-step="5"] .ns-rt2,.ns-r[data-step="5"] .ns-rt3,.ns-r[data-step="5"] .ns-rt4,.ns-r[data-step="5"] .ns-rt5{color:var(--head)}.ns-r[data-step="5"] .ns-rt5 .mono{color:var(--accent)}
.ns-l4{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ns-l4>div{border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:6px}.ns-l4 b{font:600 16px Outfit;color:var(--head)}.ns-l4 p{margin:0;font-size:13.5px;line-height:1.45;color:var(--fg)}
.ns-sts{display:flex;flex-direction:column;gap:4px}.ns-sts span{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--muted);align-items:center}
.ns-ob{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:center}
.ns-orb{position:relative;width:100%;max-width:640px;aspect-ratio:1;margin:0 auto}
.ns-hot{position:absolute;transform:translate(-50%,-50%);border:1px solid var(--line);background:color-mix(in oklch,var(--bg) 70%,transparent);color:var(--fg);font:500 12.5px Outfit;padding:5px 10px;cursor:pointer;white-space:nowrap;transition:border-color .2s,color .2s}.ns-hot:hover{border-color:var(--accent);color:var(--head)}.ns-hot.on{border-color:var(--accent);background:var(--accent);color:var(--bg)}
.ns-tip{text-align:center;margin-top:16px}
.ns-bp{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:center}
.ns-iso-w{display:flex;flex-direction:column;align-items:center}.ns-iso{position:relative;width:min(100%,520px);height:560px;perspective:1600px}
.ns-sl{position:absolute;left:50%;top:62%;width:300px;height:300px;margin:-150px 0 0 -150px;transform:rotateX(58deg) rotateZ(-42deg) translateZ(calc(var(--z) * 64px));transform-style:preserve-3d;border:1.5px solid var(--accent);background:color-mix(in oklch,var(--bg) 82%,var(--accent) 18%);display:flex;flex-direction:column;justify-content:space-between;padding:18px;text-align:left;cursor:pointer;font:inherit;color:var(--head);transition:transform .35s var(--ease),background .3s}
.ns-sl b{font:600 22px Outfit}.ns-sl:hover,.ns-sl.on{transform:rotateX(58deg) rotateZ(-42deg) translateZ(calc(var(--z) * 64px + 22px))}.ns-sl.on{background:var(--accent);color:var(--bg)}
.ns-sl4{display:grid;grid-template-columns:1fr 1fr;gap:8px;cursor:default;background:transparent}.ns-tile{border:1.5px solid var(--accent);background:color-mix(in oklch,var(--bg) 82%,var(--accent) 18%);padding:10px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;cursor:pointer;font:inherit;color:var(--head);transition:transform .3s var(--ease)}.ns-tile b{font:600 16px Outfit}.ns-tile:hover,.ns-tile.on{transform:translateZ(16px)}.ns-tile.on{background:var(--accent);color:var(--bg)}
.ns-dots{display:flex;gap:5px}.ns-dots i{width:9px;height:9px;border:1.5px solid currentColor}.ns-dots i.d-wh-st-live{background:currentColor}.ns-dots i.d-wh-st-later{border-style:dashed;opacity:.6}
.ns-mm{display:flex;flex-direction:column;gap:2px;position:absolute;right:30px;top:28px}.ns-mm span{font:500 10.5px 'JetBrains Mono',monospace;color:var(--muted);text-align:right;opacity:.5}.ns-mm span.done{opacity:.85}.ns-mm span.on{color:var(--accent);opacity:1}
.ns-fr{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ns-fr>div{border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.ns-fr b{font-size:14px;color:var(--head)}
.ns-era{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}.ns-e{padding:28px 28px 0 0;display:flex;flex-direction:column;gap:10px}.ns-e+.ns-e{padding-left:28px;border-left:1px solid var(--line)}
.ns-en{margin:0;font:200 clamp(48px,7vw,112px)/.95 Outfit;letter-spacing:-.05em;color:var(--head)}.ns-e.a .ns-en{color:var(--accent);font-weight:500}.ns-e .body{margin:0;max-width:320px}
.ns-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.ns-chips span{padding:7px 12px;border:1px solid var(--line);font:500 14px Outfit;color:var(--fg)}
.ns-hood{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.ns-h{background:var(--bg);padding:28px;display:flex;flex-direction:column;gap:10px}.ns-h .mono{color:var(--accent)}.ns-h b{font:600 19px/1.3 Outfit;color:var(--head)}.ns-h p{margin:0;font-size:15px;line-height:1.55;color:var(--fg)}
.ns-rm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.ns-rmc{display:flex;flex-direction:column}.ns-rmc .ns-en{font-size:clamp(40px,5vw,72px);margin-bottom:20px}.ns-rmi{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:15px;color:var(--head)}
.ns-nx{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.ns-nxi{background:var(--bg);padding:24px;display:flex;flex-direction:column;gap:6px}.ns-nxi b{font:600 20px Outfit;color:var(--head)}.ns-nxi span{font-size:14.5px;color:var(--muted)}
.ns-vl{display:flex;flex-wrap:wrap;gap:12px 40px}.ns-v{margin:0;font:200 clamp(40px,6vw,88px)/1 Outfit;letter-spacing:-.04em;color:var(--head)}
.ns-j{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:24px}.ns-j1{border:1px solid var(--accent);padding:40px;display:flex;flex-direction:column;gap:18px;justify-content:center}.ns-j2{display:flex;flex-direction:column;gap:24px}.ns-jx{border:1px solid var(--line);padding:28px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
@media(max-width:900px){.ns-rg,.ns-ob,.ns-bp,.ns-j{grid-template-columns:1fr}.ns-rk{padding-top:0}.ns-era,.ns-rm{grid-template-columns:1fr}.ns-e+.ns-e{padding-left:0;border-left:0}.ns-hood{grid-template-columns:1fr}.ns-nx{grid-template-columns:1fr 1fr}.ns-iso{height:440px;transform:scale(.8)}}
.qt-st:not(.sticky){min-height:100vh;padding:12vh 0}
.qt-gs{width:100%;height:clamp(240px,40vh,420px);margin-top:12px}
.qt-st:not(.sticky) .qt-g{align-items:start}.qt-st:not(.sticky) .qt-l{padding-top:0}
.qt-lp .qt-st{padding:10vh 0}.qt-lp .qt-g{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:stretch}
.qt-lp .qt-l{gap:16px}.qt-lp .qt-cp{min-height:118px}.qt-lp .qt-gs{height:auto;aspect-ratio:3/2;max-height:50vh;margin-top:8px}
.qt-lp .qt-w{display:flex;flex-direction:column;align-self:stretch}.qt-lp .qt-b{flex:1;height:auto;min-height:380px}
@media(max-width:900px){.qt-lp .qt-g{grid-template-columns:1fr}.qt-lp .qt-gs{max-height:none}}
/* Product: combined answer grid (QtAll) */
.qa .qt-st{padding:9vh 0}.qa .c.qa-g{max-width:1480px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,.85fr);gap:44px;align-items:stretch}
.qa-l{display:flex;flex-direction:column;gap:18px;min-width:0}.qa-l .d3{margin:0;min-height:2.3em}
.qa-tabs{display:flex;flex-wrap:wrap;gap:6px}.qa-tab{position:relative;overflow:hidden;border:1px solid var(--line);background:transparent;color:var(--fg);font:500 14px Outfit;padding:9px 14px;cursor:pointer;transition:border-color .2s,color .2s}.qa-tab:hover{border-color:var(--accent);color:var(--head)}.qa-tab.on{border-color:var(--accent);color:var(--head)}
.qa-tab i{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--accent)}.qa-tab.on i{animation:qaBar linear forwards}
@keyframes qaBar{to{width:100%}}
.qa .qt-gs{flex:1;height:auto;min-height:260px;aspect-ratio:auto;max-height:none;margin-top:4px}
.qa .qt-w{align-self:stretch}.qa .qt-b{min-height:440px}
.qa-r{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0}
.qa-s{display:flex;flex-direction:column;gap:8px;text-align:left;background:transparent;border:0;border-left:2px solid var(--line);padding:14px 0 14px 20px;cursor:pointer;font:inherit;color:var(--muted);transition:border-color .3s,color .3s}
.qa-s b{font:600 22px/1.25 Outfit;color:var(--muted);transition:color .3s}.qa-s p{margin:0;font-size:15px;line-height:1.55;max-height:0;overflow:hidden;opacity:0;transition:max-height .5s var(--ease),opacity .4s}
.qa-s:hover b{color:var(--head)}.qa-s.on{border-left-color:var(--accent)}.qa-s.on b{color:var(--head)}.qa-s.on .mono{color:var(--accent)}.qa-s.on p{max-height:160px;opacity:1;color:var(--fg)}
@media(max-width:1100px){.qa .c.qa-g{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.qa-r{grid-column:1 / -1}}
@media(max-width:760px){.qa .c.qa-g{grid-template-columns:1fr}.qa .qt-gs{min-height:240px}}
.qa .qt-st{position:relative;height:auto;min-height:100vh;overflow:visible;display:flex;align-items:flex-start}.qa .c.qa-g{align-items:start}

/* Product: answers section at site width, header row on top */
.qa .c.qa-g{max-width:none;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,.8fr);row-gap:36px}
.qa-hd{grid-column:1 / -1;display:flex;flex-direction:column;gap:18px;max-width:900px}.qa-hd .d3{margin:0}
.qa .qt-gs{min-height:480px}.qa .qt-b{min-height:540px}
@media(max-width:1100px){.qa .qt-gs{min-height:360px}}
/* Product: What a brand has to do */
.tl{display:flex;flex-direction:column;gap:24px}
.tl-s{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.tl-c{border:1px solid var(--line);padding:32px;display:flex;flex-direction:column;gap:12px;background:var(--panel)}.tl-c.a{border-color:var(--accent)}
.tl-c b{font:600 26px/1.2 Outfit;color:var(--head)}.tl-c p{margin:0;color:var(--fg);font-size:16px;line-height:1.6}
.tl-l{display:flex;flex-wrap:wrap;gap:8px}.tl-l span{border:1px solid var(--line);padding:6px 10px;font-size:14px;color:var(--fg)}
.tl-r{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start;border-top:1px solid var(--line);padding-top:24px}
.tl-r>b{font:600 20px/1.3 Outfit;color:var(--head)}.tl-r>div{display:flex;flex-direction:column;gap:8px}.tl-r p{margin:0;color:var(--fg);font-size:16px;line-height:1.6}
.tl-r{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.tl-r p{max-width:62ch}
.tl-g{display:flex;flex-direction:column;gap:28px;border-top:1px solid var(--line);padding-top:24px}
.tl-gh{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px}.tl-gh p{margin:0;color:var(--fg);font-size:16px;line-height:1.6;max-width:62ch}
.tm{display:flex;gap:6px;align-items:flex-start}
.tm-s{flex-basis:0;min-width:0;display:flex;flex-direction:column;gap:8px;padding-right:14px}
.tm-b{height:64px;margin-bottom:12px;border:1px solid var(--accent);background:transparent}.tm-s.s0 .tm-b{background:var(--accent)}
.tm-m{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:4px;margin-bottom:10px}.tm-m i{aspect-ratio:1;display:block}
.tm-m i.g{background:var(--accent)}.tm-m i.a{background:var(--accent);opacity:.45}.tm-m i.p{background:var(--line)}
.tm-m i.n{border:1px solid var(--accent);opacity:.7}.tm-m i.o{border:1px dashed var(--muted)}
.tm-s b{font:600 18px/1.3 Outfit;color:var(--head)}.tm-s p{margin:0;color:var(--fg);font-size:15px;line-height:1.55}
.tm-s.s5 b{color:var(--accent)}
@media(max-width:1100px){.tm{flex-wrap:wrap;gap:32px 6px}.tm-s{flex:1 1 30% !important}}
@media(max-width:600px){.tm-s{flex:1 1 100% !important}.tl-gh{grid-template-columns:1fr}}
@media(max-width:900px){.tl-s,.tl-r,.tl-g{grid-template-columns:1fr}.tl-sr>div{grid-template-columns:1fr;gap:4px}}

.tm-b.f-grid{display:grid;grid-template-columns:repeat(auto-fill,9px);grid-template-rows:repeat(4,9px);gap:3px;padding:7px;overflow:hidden;align-content:center}
.tm-b.f-grid i{display:block;width:9px;height:9px}.tm-b.f-grid i.g{background:var(--accent)}.tm-b.f-grid i.p{background:var(--line)}.tm-b.f-grid i.n{border:1px solid var(--accent);opacity:.55}.tm-b.f-grid i.o{border:1px dashed var(--muted);opacity:.6}
.tm-s.s0 .tm-b.f-grid,.tm-s.s0 .tm-b.f-dots{background:transparent}
.tm-b.f-dots{position:relative;overflow:hidden}.tm-b.f-dots i{position:absolute;border-radius:50%;display:block}
.tm-b.f-dots i.g{background:var(--accent)}.tm-b.f-dots i.p{background:var(--muted);opacity:.45}.tm-b.f-dots i.n{background:var(--accent);opacity:.35}.tm-b.f-dots i.o{background:var(--muted);opacity:.35}

.tm-b.q{height:auto;min-height:128px;position:relative;background:var(--panel);display:flex;align-items:flex-end}
.tm-s.s0 .tm-b.q{background:var(--panel);border-width:2px}
.tm-b.q .tm-q{position:relative;z-index:1;margin:0;padding:16px;font:italic 400 17px/1.4 Newsreader,Georgia,serif;color:var(--head)}
.tm-fx{position:absolute;inset:0;overflow:hidden;opacity:.5}
.tm-fx.f-grid{display:grid;grid-template-columns:repeat(auto-fill,9px);grid-auto-rows:9px;gap:3px;padding:7px}
.tm-fx.f-grid i{display:block}.tm-fx i.g{background:var(--accent)}.tm-fx i.p{background:var(--line)}.tm-fx.f-grid i.n{border:1px solid var(--accent);opacity:.6}.tm-fx.f-grid i.o{border:1px dashed var(--muted);opacity:.6}
.tm-fx.f-dots i{position:absolute;border-radius:50%;display:block}.tm-fx.f-dots i.p{background:var(--muted);opacity:.5}.tm-fx.f-dots i.n{background:var(--accent);opacity:.4}.tm-fx.f-dots i.o{background:var(--muted);opacity:.4}
.tm-b.q .tm-q{text-shadow:0 0 8px var(--panel),0 0 2px var(--panel)}
.tm-cur{display:inline-block;width:2px;height:1.1em;background:var(--accent);vertical-align:middle;animation:tmBlink 1.1s steps(1) infinite}
@keyframes tmBlink{50%{opacity:0}}

.tm-b.pic{height:auto;min-height:0;display:flex;align-items:flex-end;justify-content:flex-start;padding:0 0 18px;border:0;border-bottom:1px solid var(--line);background:transparent}
.tm-s.s0 .tm-b.pic{background:transparent;border-width:0 0 1px}
.tm-pg{display:grid;grid-template-columns:repeat(14,5px);grid-auto-rows:5px;gap:4px}
.tm-pg i{display:block}.tm-pg i.g{background:var(--accent)}.tm-pg i.g2{background:var(--accent);opacity:.55}.tm-pg i.f{background:var(--line)}.tm-pg i.n{background:var(--accent)}.tm-pg i.o{box-shadow:inset 0 0 0 1px var(--muted);opacity:.6}
.tm-pd{position:relative;width:126px;height:90px}.tm-pd i{position:absolute;display:block;border-radius:50%;width:4px;height:4px}
.tm-pd i.g{background:var(--accent)}.tm-pd i.g2{background:var(--accent);opacity:.55}.tm-pd i.f{background:var(--muted);opacity:.35}.tm-pd i.n{background:var(--accent)}.tm-pd i.o{background:var(--muted);opacity:.3;width:3px;height:3px}
.tr{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
.tr-s{display:flex;flex-direction:column;gap:8px}
.tr-v{position:relative;height:150px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;border-bottom:1px solid var(--line)}
.tr-c,.tr-o{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}
.tr-c{border:1px solid var(--accent);background-image:radial-gradient(var(--accent) 1px,transparent 1.4px);background-size:7px 7px;opacity:.9}
.tr-o{z-index:1;border:1px solid var(--muted);background:var(--panel)}
.tr-s.s5 .tr-c{border-style:dashed;border-color:var(--muted);background-image:none}
.tr-s b{font:600 18px/1.3 Outfit;color:var(--head)}.tr-s p{margin:0;color:var(--fg);font-size:15px;line-height:1.55}
@media(max-width:1100px){.tr{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.tr{grid-template-columns:1fr 1fr}}

.tm-pg i.r{background:var(--fail)}.tm-pg i.a{background:var(--warn)}
.tm-k{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:14px;color:var(--fg)}.tm-k span{display:flex;align-items:center;gap:8px}.tm-k i{width:9px;height:9px;display:block}
.tm-k i.g{background:var(--accent)}.tm-k i.a{background:var(--warn)}.tm-k i.r{background:var(--fail)}.tm-k i.f{background:var(--line)}

/* Where we are heading: shift + agent, rise clickable, hood/next options, map loop */
.ns-sa{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;margin-bottom:64px}
.ns-cg{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,4fr) minmax(0,4fr);gap:40px;align-items:center;min-height:72vh}
.ns-cl{display:flex;flex-direction:column;gap:20px}.ns-cl .d3{margin:0}.ns-cm{min-height:420px}
.ns-ck{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.ns-cb{display:flex;gap:16px;align-items:baseline;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);padding:14px 0 14px 16px;font:500 17px Outfit;color:var(--muted);position:relative;transition:color .15s}
.ns-cb:hover,.ns-cb.in{color:var(--fg)}.ns-cb.on{color:var(--head)}.ns-cb.on .mono{color:var(--accent)}.ns-cb.on::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;background:var(--accent)}
.ns-cr{animation:cmIn .5s var(--ease) both}
@keyframes cmIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.hd-b{display:flex;flex-direction:column;border-top:1px solid var(--line)}.hd-br{display:grid;grid-template-columns:64px minmax(0,1fr) minmax(0,1.4fr);gap:32px;padding:28px 0;border-bottom:1px solid var(--line);align-items:baseline}
.hd-br b{font:500 26px/1.2 Outfit;color:var(--head)}.hd-br p{margin:0;color:var(--fg);font-size:16px;line-height:1.6}
.hd-c{display:flex;flex-direction:column;align-items:center;gap:6px}.hd-cr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:24px;padding:18px 24px;border:1px solid var(--line);background:var(--panel)}
.hd-cr:first-child{border-color:var(--accent)}.hd-cr b{font:600 17px/1.3 Outfit;color:var(--head)}.hd-cr p{margin:0;color:var(--fg);font-size:15px;line-height:1.55}
.hd-d{border:1px solid var(--line);max-width:980px}.hd-dh{display:flex;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--line);background:var(--panel)}
.hd-dr{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;padding:18px 24px;border-bottom:1px solid var(--line)}.hd-dr:last-child{border-bottom:0}.hd-dr .mono{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:12px;padding-top:3px}.hd-dr p{margin:0;color:var(--fg);font-size:16px;line-height:1.6}
.hd-e{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}.hd-ef{display:flex;flex-direction:column;gap:16px;border-top:2px solid var(--accent);padding-top:24px}.hd-ef .d3{margin:0;color:var(--head)}.hd-ef .body{margin:0}
.hd-el{display:flex;flex-direction:column}.hd-ei{display:flex;flex-direction:column;gap:6px;padding:16px 0;border-top:1px solid var(--line)}.hd-ei b{font:600 17px Outfit;color:var(--head)}.hd-ei p{margin:0;color:var(--fg);font-size:15px;line-height:1.55}
.ml{display:flex;flex-direction:column;gap:20px}.ml-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--accent)}
.ml-i{display:flex;flex-direction:column;gap:10px;padding:28px 28px 0 0;position:relative}.ml-i::before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;background:var(--accent)}
.ml-n{font:200 clamp(40px,4.4vw,64px)/1 Outfit;letter-spacing:-.04em;color:var(--accent)}.ml-i b{font:600 20px/1.3 Outfit;color:var(--head)}.ml-i p{margin:0;color:var(--fg);font-size:16px;line-height:1.6;max-width:30ch}
.ml-r{border:1px solid var(--line);border-top:0;height:28px;display:flex;align-items:flex-end;justify-content:center;margin:0 4px}.ml-r .mono{transform:translateY(50%);background:var(--bg);padding:0 12px}
.nx-h{position:relative;width:100%;max-width:640px;aspect-ratio:1;margin:0 auto}.nx-c{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:28%;aspect-ratio:1;border:1px solid var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center}
.nx-n{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;width:150px}.nx-n b{font:600 17px Outfit;color:var(--head)}.nx-n span{font-size:14px;color:var(--muted)}
.nx-t{display:flex;flex-direction:column;border-top:1px solid var(--line)}.nx-tr{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:14px 0;border-bottom:1px solid var(--line)}
.nx-tw{margin:0;font:200 clamp(36px,5vw,76px)/1 Outfit;letter-spacing:-.04em;color:var(--head)}.nx-tr span{font-size:16px;color:var(--muted)}
.nx-d{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.nx-dc{display:flex;flex-direction:column;gap:4px;border-top:2px solid var(--accent);padding-top:20px}.nx-dc .lab{margin-bottom:12px}
.nx-di{display:flex;flex-direction:column;gap:2px;padding:12px 0;border-bottom:1px solid var(--line)}.nx-di b{font:500 22px Outfit;color:var(--head)}.nx-di span{font-size:15px;color:var(--muted)}
.nx-e{display:flex;flex-direction:column;border-top:1px solid var(--line)}.nx-er{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);gap:16px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line)}
.nx-ew{font:400 20px Outfit;color:var(--muted);text-align:right}.nx-ew::first-letter{text-transform:uppercase}.nx-ea{color:var(--accent);text-align:center}.nx-er b{font:500 24px Outfit;color:var(--head)}
@media(max-width:900px){.ns-sa,.ns-cg,.hd-e,.nx-d{grid-template-columns:1fr}.ns-cm{min-height:300px;order:-1}.hd-br,.hd-dr,.hd-cr{grid-template-columns:1fr;gap:8px}.hd-cr{width:100% !important}.ml-g{grid-template-columns:1fr 1fr;row-gap:32px}.nx-h{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:16px}.nx-c,.nx-n{position:static;transform:none;width:auto}.nx-c{aspect-ratio:auto;border-radius:0;padding:12px;grid-column:1/-1}.nx-tr{flex-direction:column;gap:4px}}

.mr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.mr-v{position:relative;aspect-ratio:1;max-width:460px;width:100%;margin:0 auto}.mr-r{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid var(--accent);border-radius:50%}.mr-r.on{border-width:2px}
.mr-c{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.mr-t{display:flex;flex-direction:column;gap:20px}.mr-t>div{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:12px;border-top:1px solid var(--line);padding-top:14px}.mr-t>div b{font:600 19px Outfit;color:var(--head)}.mr-t>div p{grid-column:2;margin:4px 0 0;color:var(--fg);font-size:15px;line-height:1.55}
.ms{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.ms-c{display:flex;flex-direction:column;gap:14px;padding:32px;border:1px solid var(--line)}.ms-c.a{border-color:var(--accent);background:var(--panel)}
.ms-c b{font:600 24px/1.25 Outfit;color:var(--head)}.ms-c p{margin:0;color:var(--fg);font-size:16px;line-height:1.6}.ms-l{display:flex;flex-direction:column;gap:6px;margin-top:8px}.ms-l span{font-size:14px;color:var(--muted);padding:8px 12px;border:1px dashed var(--line)}.ms-l span.k{color:var(--head);border:1px solid var(--accent)}
.msy{display:flex;flex-direction:column;gap:48px}.msy-h{margin:0;font:300 clamp(40px,5.6vw,88px)/1.02 Outfit;letter-spacing:-.04em;color:var(--head);max-width:16ch}
.msy-l{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.msy-i{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line);padding-top:16px}.msy-i p{margin:0;color:var(--fg);font-size:16px;line-height:1.6}.msy-i b{color:var(--head);font-weight:600}
.mk{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:56px;align-items:end}.mk-g{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;align-items:end;border-bottom:1px solid var(--line)}
.mk-c{display:flex;flex-direction:column;gap:10px;align-items:stretch}.mk-b{display:flex;flex-direction:column-reverse;gap:4px}.mk-b i{display:block;height:22px;background:var(--accent);opacity:.35}.mk-b i.n{opacity:1}.mk-c .mono{min-height:1.4em;padding-bottom:8px}
.mk-t{display:flex;flex-direction:column;gap:12px}.mk-t b{font:600 24px/1.25 Outfit;color:var(--head)}.mk-t p{margin:0;color:var(--fg);font-size:16px;line-height:1.6}
@media(max-width:900px){.mr,.ms,.mk{grid-template-columns:1fr}.msy-l{grid-template-columns:1fr}}

/* Where we are heading: shift options, how we work options, map next options */
.sx-m{display:grid;grid-template-columns:96px repeat(4,minmax(0,1fr));gap:8px;align-items:center;border-top:1px solid var(--line);padding-top:28px}.sx-m>.mono{padding-bottom:4px}
.sx-ml{font:300 clamp(24px,2.4vw,36px)/1 Outfit;letter-spacing:-.03em;color:var(--head)}
.sx-c{display:flex;align-items:center;height:64px;padding:0 16px;font:500 16px Outfit}.sx-cp{border:1px solid var(--line);color:var(--fg)}.sx-ca{background:var(--panel);border:1px solid var(--line);color:var(--head)}.sx-cg{background:var(--accent);color:var(--bg);border:1px solid var(--accent)}
.sx-cap{margin-top:24px}
.sx-w3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.sx-w{display:flex;flex-direction:column;gap:14px}.sx-w .body{margin:0}
.sx-wb{border:1px solid var(--line);background:var(--panel);padding:20px;height:260px;display:flex;flex-direction:column;gap:12px;overflow:hidden}.sx-w.a .sx-wb{border-color:var(--accent)}
.sx-lk{display:flex;flex-direction:column;gap:5px}.sx-lk i{display:block;height:6px;background:var(--muted);opacity:.5;width:70%}.sx-lk i:first-child{background:var(--fg);opacity:.8;width:45%}
.sx-q{height:28px;border:1px solid var(--line);margin-bottom:6px}.sx-an{display:flex;gap:8px;align-items:center}.sx-an b{width:72px;height:14px;background:var(--accent)}.sx-an i,.sx-ln{display:block;height:6px;flex:1;background:var(--muted);opacity:.5}.sx-ln.s{max-width:60%}
.sx-lg{display:flex;gap:10px;font:400 13px/1.5 'JetBrains Mono',monospace;color:var(--fg)}.sx-lg span{color:var(--accent)}.sx-lg.on{color:var(--head)}
.sx-p{display:flex;flex-direction:column;border-top:1px solid var(--line)}.sx-pr{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}
.sx-pc{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.sx-pn{padding:12px 16px;border:1px solid var(--line);font:500 16px Outfit;color:var(--head)}.sx-pa{color:var(--muted)}.sx-pr.a .sx-pn{border-color:var(--accent);color:var(--accent)}.sx-pr.a .sx-pa,.sx-pr.a .sx-ml{color:var(--accent)}
.sx-f{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;border-top:1px solid var(--line);padding-top:32px}.sx-fc{display:flex;flex-direction:column;gap:12px}.sx-fc .body{margin:0}
.sx-fs{display:flex;flex-direction:column-reverse;gap:6px;height:330px;justify-content:flex-start}.sx-fs i{display:block;height:27px;width:56px;border:1px solid var(--line)}.sx-fc.a .sx-fs i{background:var(--accent);border-color:var(--accent);width:96px}.sx-fc.a .sx-ml{color:var(--accent)}
.hw-a{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:860px}.hw-ac{display:flex;flex-direction:column;gap:12px}.hw-ac b{font:500 18px Outfit;color:var(--head)}
.hw-ab{height:300px;display:flex;flex-direction:column;justify-content:flex-end}.hw-p{border:1px dashed var(--muted);border-bottom:0;display:flex;align-items:flex-start;padding:10px 12px;max-height:200px;min-height:0}.hw-p[style*="grow: 3"]{height:200px}.hw-p[style*="grow: 2"]{height:120px}.hw-p[style*="grow: 1"]{height:48px}
.hw-t{height:96px;background:var(--accent);color:var(--bg);display:flex;align-items:flex-end;padding:10px 12px}.hw-t .mono{color:var(--bg)}
.hw-b{max-width:560px}.hw-q{position:relative;aspect-ratio:1.4;border-left:1px solid var(--muted);border-bottom:1px solid var(--muted)}
.hw-dt{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font:500 16px Outfit;color:var(--fg);white-space:nowrap}.hw-dt i{width:14px;height:14px;border:1px solid var(--fg);border-radius:50%}.hw-dt.a{color:var(--accent);font-size:20px}.hw-dt.a i{width:20px;height:20px;background:var(--accent);border-color:var(--accent)}
.hw-y{position:absolute;left:12px;top:8px}.hw-x{position:absolute;right:8px;bottom:10px}
.hw-c{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1.3fr);align-items:center;max-width:860px;row-gap:0}.hw-in{display:flex;flex-direction:column;gap:10px}.hw-in span{padding:18px 20px;border:1px solid var(--line);font:500 20px Outfit;color:var(--head)}
.hw-ar{font-size:32px;color:var(--accent);text-align:center}.hw-out{border:1px solid var(--accent);padding:32px;display:flex;flex-direction:column;gap:8px}.hw-out b{font:300 clamp(32px,3.6vw,52px)/1 Outfit;letter-spacing:-.04em;color:var(--head)}
.hw-rt{grid-column:1/4;height:36px;border:1px solid var(--line);border-top:0;margin:0 16% 0 12%;display:flex;align-items:flex-end;justify-content:center}.hw-rt .mono{transform:translateY(50%);background:var(--bg);padding:0 12px}
.hw-d{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:24px;align-items:center}.hw-dp{border:1px solid var(--line);padding:28px;display:flex;flex-direction:column;gap:8px}.hw-dp b{font:300 clamp(30px,3.4vw,52px)/1 Outfit;letter-spacing:-.04em;color:var(--head)}.hw-dp.a{border-color:var(--accent)}.hw-dp.a b{color:var(--accent)}
.hw-op{font:200 56px/1 Outfit;color:var(--accent)}
.nx-rg{position:relative;width:100%;max-width:720px;aspect-ratio:1;margin:0 auto}.nx-rc{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);aspect-ratio:1;border:1px solid var(--line);border-radius:50%}.nx-rc.a{border-color:var(--accent)}
.nx-rl{position:absolute;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.nx-rl b,.nx-ro{font:500 17px Outfit;color:var(--head)}
.nx-rt{position:absolute;left:50%;transform:translate(-50%,-50%);white-space:nowrap}.nx-ro{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;background:var(--bg);padding:2px 6px}
.nx-br{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:center}.nx-bm{border:1px solid var(--accent);aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:50%}
.nx-bl{display:flex;flex-direction:column;gap:28px;border-left:1px solid var(--line);margin-left:40px;padding:8px 0}.nx-bg{position:relative;padding-left:40px}.nx-bg::before{content:"";position:absolute;left:0;top:8px;width:28px;border-top:1px solid var(--line)}
.nx-m{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}.nx-m>*{padding:14px 12px;border-bottom:1px solid var(--line)}.nx-m>.lab{text-align:center}
.nx-mn{display:flex;flex-direction:column;gap:2px}.nx-mn b{font:500 20px Outfit;color:var(--head)}.nx-mn span{font-size:15px;color:var(--muted)}.nx-mc{display:flex;align-items:center;justify-content:center}.nx-mc i{width:12px;height:12px;border-radius:50%;background:var(--accent)}
.nx-bd{display:flex;flex-direction:column;border-top:1px solid var(--line)}.nx-bdr{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;padding:28px 0;border-bottom:1px solid var(--line)}.nx-bdi{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:6px 0}.nx-bdi span{font-size:16px;color:var(--muted)}
@media(max-width:900px){.sx-m{grid-template-columns:64px repeat(4,minmax(0,1fr));gap:4px}.sx-c{height:48px;padding:0 6px;font-size:12px}.sx-w3,.sx-f,.hw-a,.hw-d,.nx-br,.nx-bdr{grid-template-columns:1fr}.sx-pr{grid-template-columns:1fr;gap:12px}.sx-fs{height:auto;flex-direction:row;flex-wrap:wrap}.sx-fs i{width:27px}.hw-c{grid-template-columns:1fr}.hw-ar{transform:rotate(90deg);padding:8px 0}.hw-rt{display:none}.hw-op{text-align:center}.nx-bl{margin-left:0}.nx-bm{width:140px}.nx-rl b,.nx-ro{font-size:12px}.nx-rt{font-size:9px}}

.mc{display:flex;flex-direction:column;gap:20px}.mc-lg{display:flex;flex-wrap:wrap;gap:8px}
.mc-k{display:inline-flex;align-items:center;padding:6px 12px;border:1px solid var(--line);font:500 14px Outfit;color:var(--fg);white-space:nowrap}
.mc-ai{background:var(--accent);border-color:var(--accent);color:var(--bg)}.mc-eng{border-color:var(--accent);color:var(--accent)}.mc-dat{background:var(--panel);color:var(--head)}.mc-con{border-style:dashed;border-color:var(--muted)}.mc-host{background:color-mix(in oklch,var(--accent) 22%,transparent);border-color:color-mix(in oklch,var(--accent) 50%,transparent);color:var(--head)}.mc-web{border-color:var(--fg);color:var(--head)}
.mc-t{display:grid;grid-template-columns:140px minmax(0,240px) minmax(0,1fr);column-gap:24px;border-bottom:1px solid var(--line)}.mc-t>.lab{padding-bottom:12px;border-bottom:1px solid var(--line)}.mc-t>span:first-child{border-bottom:1px solid var(--line)}
.mc-g,.mc-n,.mc-c{padding:10px 0}.mc-g.f,.mc-n.f,.mc-c.f{border-top:1px solid var(--line);padding-top:16px}.mc-t>.lab+.mc-g,.mc-t>.lab+.mc-g+.mc-n,.mc-t>.lab+.mc-g+.mc-n+.mc-c{border-top:0}
.mc-g{font:500 15px Outfit;color:var(--muted)}.mc-n{font:500 18px/1.4 Outfit;color:var(--head)}.mc-c{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}
@media(max-width:900px){.mc-t{grid-template-columns:1fr}.mc-t>span:first-child,.mc-t>.lab{display:none}.mc-g:empty{display:none}.mc-n{padding:4px 0}.mc-g.f{padding-bottom:0}.mc-n.f,.mc-c.f{border-top:0;padding-top:4px}}

/* Home: buyer behaviour fits one screen */
.ss-fit.scene-auto{padding-top:72px!important;padding-bottom:72px!important}
.ss-fit .bw-body{height:clamp(240px,calc(100vh - 530px),560px)}
.ss-fit .g.g3{margin-bottom:16px!important}.ss-fit .g.g3 button{padding-top:14px!important;gap:4px!important}.ss-fit .g.g3 button .body{font-size:14px!important;line-height:1.45}
.ss-fit .lw{padding:clamp(18px,2vw,28px)}.ss-fit .lw-tabs{margin-bottom:16px}.ss-fit .lw-tabs button{padding:10px 14px}.ss-fit .lw-hd{margin-bottom:12px}
.ss-fit .lw-b{max-height:clamp(240px,calc(100vh - 560px),540px);overflow:auto;scrollbar-width:thin}

/* Product report: actions, timeline, persona, competitors */
.ux .k1{--k:var(--ok)}.ux .k2{--k:var(--mid)}.ux .k3{--k:var(--bad)}
.ux-acts,.ux-tl{grid-column:1/-1;display:flex;flex-direction:column}
.ux-tl{gap:10px;margin-top:8px}
.ux-ach{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:8px}
.ux-ar{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:16px;align-items:start;padding:16px 0;border-top:1px solid var(--line)}
.ux-n{font:400 12px 'JetBrains Mono',monospace;color:var(--muted);padding-top:3px}
.ux-ar b{display:block;font:600 15px/1.35 'DM Sans',sans-serif;color:var(--head)}
.ux-ar p{font-size:13px!important;color:var(--muted)!important;margin-top:4px!important}
.ux-tg{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.ux-tg span{font:500 10.5px/1 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}
.ux-tg span.l{border-color:transparent;background:var(--okbg);color:var(--ok)}.ux-tg span.k{border-color:var(--k);color:var(--head)}
.ux-ow{display:flex;gap:8px;align-items:center}
.ux-ow button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:7px 12px 7px 8px;font:400 13px 'DM Sans',sans-serif;color:var(--head);cursor:pointer;white-space:nowrap;transition:border-color .15s}
.ux-ow button:hover{border-color:var(--muted)}.ux-ow .ux-pl{width:32px;height:32px;padding:0;justify-content:center;border-radius:999px;font-size:16px;color:var(--muted)}
.ux-av{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font:500 9px 'JetBrains Mono',monospace;font-style:normal;color:#fff;background:var(--k);flex:none}
.ux-cal{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.ux-days{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));background:var(--panel)}
.ux-days div{padding:8px 10px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:2px}.ux-days div:last-child{border-right:0}
.ux-days span{font:400 10px 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.ux-days b{font:600 16px 'DM Sans',sans-serif;color:var(--head)}.ux-days .we b{color:var(--muted)}
.ux-evs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:minmax(48px,auto);gap:8px 0;padding:10px 0;border-top:1px solid var(--line);background:linear-gradient(90deg,transparent 62.5%,var(--panel) 62.5% 87.5%,transparent 87.5%)}
.ux-ev{margin:0 6px;border-radius:8px;padding:9px 11px;display:flex;flex-direction:column;gap:4px;border:1px solid var(--k);background:color-mix(in srgb,var(--k) 14%,var(--bg));min-width:0}
.ux-ev b{font:600 13px/1.3 'DM Sans',sans-serif;color:var(--head)}.ux-ev>span{font-size:12px;line-height:1.35;color:var(--fg)}
.ux-who{display:flex;align-items:center;gap:7px;font:400 11px 'JetBrains Mono',monospace!important;color:var(--muted)!important}
.ux-lg2{display:flex;gap:20px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}.ux-lg2 span{display:flex;align-items:center;gap:8px}.ux-lg2 i{width:9px;height:9px;border-radius:50%;background:var(--k)}
.ux-pk{display:flex;gap:8px;flex-wrap:wrap}
.ux-pk button{border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:7px 14px;font:400 13px 'DM Sans',sans-serif;color:var(--fg);cursor:pointer;transition:border-color .15s}
.ux-pk button:hover{border-color:var(--muted)}.ux-pk button.on{border-color:var(--ok);background:var(--okbg);color:var(--head);font-weight:600}
.ux-pe{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px;align-items:start}
.ux-pq{font-family:Newsreader,Georgia,serif!important;font-style:italic;font-size:15px!important;color:var(--head)!important;padding-top:8px;border-top:1px solid var(--line)}
.ux-ps{padding:9px 0;border-top:1px solid var(--line);font-size:13.5px}.ux-ps b{font:700 16px 'Plus Jakarta Sans',sans-serif;color:var(--head)}
.ux-nm{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--fg)}.ux-nm li.you{color:var(--ok);font-weight:600}
.ux-ct{padding:8px 12px}
.ux-cr{display:grid;grid-template-columns:40px minmax(0,1.2fr) repeat(3,minmax(0,1fr)) 72px 72px;gap:14px;align-items:center;padding:11px 10px;border-top:1px solid var(--line);font-size:13.5px}
.ux-cr.h{border-top:0;font:500 10px 'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.ux-cr.h span.on{color:var(--ok)}
.ux-cr b{font-weight:600;color:var(--head)}.ux-cr.you{background:var(--okbg);border-radius:10px;border-top-color:transparent}
.ux-cg{display:flex;flex-direction:column;gap:5px;font:600 13px 'DM Sans',sans-serif}
.ux-sk{font-weight:700!important;color:var(--head)!important}
@media(max-width:900px){.ux-pe{grid-template-columns:1fr}.ux-ar{grid-template-columns:24px minmax(0,1fr)}.ux-ow{grid-column:2}.ux-ct{overflow-x:auto}.ux-cr{min-width:620px}}

/* Product: AI Native */
.an{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px 72px;align-items:start}
.an-p{display:flex;flex-direction:column}.an-p>div{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;padding:22px 0;border-top:1px solid var(--line)}
.an-p b{font:600 20px/1.3 Outfit;color:var(--head)}.an-p p{margin:6px 0 0;font-size:16px;line-height:1.6;color:var(--fg)}
.an-d{grid-column:1/-1;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column}
.an-o{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;padding:14px 20px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--accent) 14%,var(--panel))}.an-o b{font:700 22px Outfit;color:var(--head)}
.an-s{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
.an-s>div{padding:16px 20px;display:flex;flex-direction:column;gap:6px;border-right:1px solid var(--line);position:relative}.an-s>div:last-child{border-right:0}
.an-s b{font:500 16px/1.3 Outfit;color:var(--head)}
.an-s>div:not(:last-child):after{content:"→";position:absolute;right:-7px;top:50%;transform:translateY(-50%);color:var(--accent);background:var(--panel);font-size:13px;line-height:1;padding:2px 0;z-index:1}
.an-j{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--line)}.an-j span:last-child{font-size:15px;color:var(--fg)}
@media(max-width:900px){.an{grid-template-columns:1fr}.an-s{grid-template-columns:repeat(2,minmax(0,1fr))}.an-s>div:after{display:none}.an-s>div{border-bottom:1px solid var(--line)}}

/* Product: keep running, the four landscapes */
.kl{margin-top:56px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:48px;border-top:1px solid var(--line);padding-top:40px}
.kl-h{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.kl-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.kl-g>div{background:var(--bg);padding:22px;display:flex;flex-direction:column;gap:8px}.kl-g b{font:600 18px Outfit;color:var(--head)}.kl-g p{margin:0;font-size:15px;line-height:1.6;color:var(--fg)}
@media(max-width:900px){.kl{grid-template-columns:1fr}}

/* Home buyer behaviour: auto-advancing tabs with progress; typed search, streamed answer */
.lw-tabs button{position:relative;overflow:hidden}
.ss-pg{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--accent);animation:qaBar linear forwards;display:block}
.ss-fit .g.g3 .ss-pg{top:0;bottom:auto}
.ss-lb{margin-bottom:10px;align-items:end}.ss-fit .ss-lb{height:auto!important}
.ss-fit .ss-win{height:clamp(300px,calc(100vh - 480px),640px);align-items:stretch!important}
.ss-fit .ss-win>.lw-w,.ss-fit .ss-win>.bw{display:flex;flex-direction:column;min-height:0;height:100%}
.ss-fit .ss-win .bw-body,.ss-fit .ss-win .lw-b{height:auto;max-height:none;flex:1;min-height:0;overflow:auto;scrollbar-width:thin}
.ss-cur{display:inline-block;width:2px;height:1em;background:currentColor;vertical-align:-2px;margin-left:2px;animation:ssBlink 1s steps(1) infinite}
@keyframes ssBlink{50%{opacity:0}}
.ss-dots{display:flex;gap:5px;padding:6px 0}.ss-dots i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:ssDot 1s infinite}.ss-dots i:nth-child(2){animation-delay:.15s}.ss-dots i:nth-child(3){animation-delay:.3s}
@keyframes ssDot{0%,100%{opacity:.25}50%{opacity:1}}
@media(max-width:900px){.ss-lb{display:none}.ss-fit .ss-win{height:auto}.ss-fit .ss-win .bw-body,.ss-fit .ss-win .lw-b{height:360px;flex:none}}
/* Product page order switch: visible bar between sections */
.opt-pg>.opt>.opt-seg{position:relative;top:auto;right:auto;display:flex;width:max-content;max-width:calc(100% - 48px);margin:24px auto;z-index:20}
.an-lx{display:flex;flex-direction:column;gap:12px;margin-top:16px;align-items:flex-start}.an-lx>div{display:flex;flex-direction:column;gap:6px}.an-lx>div>div{display:flex;flex-wrap:wrap;gap:6px}.an-lx>div>div span{border:1px solid var(--line);padding:5px 10px;font-size:14px;color:var(--head)}.an-lx>div:nth-child(2)>div span{border-color:var(--accent)}
.an-opt{grid-column:1/-1}.an-opt>.opt>.opt-seg{position:relative;top:auto;right:auto;width:max-content;max-width:100%;margin-bottom:12px}
.an-d{border:1px solid var(--accent)!important;background:transparent!important}
.an-d .an-o{display:flex!important;align-items:center;gap:28px;background:transparent!important;border-bottom:0!important}
.an-ot{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;flex:none}.an-ot b{font:700 22px Outfit;color:var(--head)}
.an-fx{flex:1;align-self:stretch;position:relative;min-height:44px;margin:-8px 0}.an-fx canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
@media(max-width:700px){.an-d .an-o{flex-direction:column;align-items:flex-start;gap:8px}.an-fx{width:100%;min-height:56px;margin:0}}
.an-d .an-o{position:relative;overflow:hidden}.an-ot{position:relative;z-index:1}.an-fx.full{position:absolute;inset:0;margin:0;min-height:0;z-index:0}
.an.st{grid-template-columns:1fr;gap:40px}.an.st>div:first-child{max-width:none}.an.st .lede{max-width:none}.an.st .an-p{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}.an.st .an-p>div{display:flex;flex-direction:column;gap:14px;height:100%;padding:24px;border:1px solid var(--line);box-sizing:border-box}@media(max-width:900px){.an.st .an-p{grid-template-columns:1fr}}
.an-sw>.opt>.opt-seg{position:relative;top:auto;right:auto;width:max-content;max-width:100%;margin-bottom:24px}
.an-fx.full canvas{opacity:.4}
.an-ico{display:block;width:100%;height:190px;margin:0 0 14px}.an.st .an-p>div{overflow:hidden}.an.st .an-ico{width:calc(100% + 48px);margin:0 -24px 14px;flex:1 1 0;min-height:190px;height:0}
.an.st .an-p>div>div{flex:1;display:flex;flex-direction:column}.an.st .an-p>div>div>.an-ico+b{margin-top:auto}
.an.st .an-p>div>div>.an-ico+b{margin-top:0}.an.st .an-ico{margin:44px -24px 28px;flex:none;height:190px;min-height:0}

/* The shift: What a brand has to do A/B, Why now (who it affects) */
.te{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px}
.te-c{display:flex;flex-direction:column;gap:14px;border-top:1px solid var(--line);padding-top:24px;min-width:0}
.te-v{display:flex;flex-direction:column;gap:14px;margin-top:16px;padding:24px;border:1px solid var(--line);background:var(--panel)}
.te-ch{display:flex;flex-wrap:wrap;gap:4px}
.te-ch span{font:500 14px Outfit;color:var(--head);padding:8px 12px;border:1px solid var(--line)}
.te-ch span:not(:last-child):after{content:" →";color:var(--muted)}
.te-g{display:flex;flex-direction:column;gap:8px}
.te-gr{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
.te-gr>div{display:flex;gap:6px;flex-wrap:wrap}
.te-gr i{width:12px;height:12px;border-radius:50%;border:1px solid var(--line)}
.te-gr i.on{background:var(--accent);border-color:var(--accent)}
.te-w{display:flex;flex-direction:column;gap:4px}
.te-w>div{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:10px 12px;background:var(--bg)}
.te-w b{font:500 15px/1.35 Outfit;color:var(--head)}
.te-w em{font:400 12px 'JetBrains Mono',monospace;font-style:normal;color:var(--muted)}
.te-w i{position:absolute;left:0;bottom:0;height:2px;background:var(--accent)}
.te-lp,.tf-lp{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:baseline;padding-top:14px;border-top:1px solid var(--line)}
.te-lp span:not(.lab),.tf-lp span:not(.lab){font:500 15px Outfit;color:var(--head)}
.tf{display:flex;flex-direction:column;gap:4px}
.tf-h{display:grid;grid-template-columns:4fr 3fr;gap:4px}
.tf-s{display:flex;gap:14px;align-items:baseline;padding:16px 20px;border:1px solid var(--head)}
.tf-s.a{border-color:var(--accent)}
.tf-s b{font:600 18px Outfit;color:var(--head)}
.tf-f{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.tf-n{display:flex;flex-direction:column;gap:8px;padding:20px;min-width:0;background:var(--panel);box-shadow:inset 0 3px 0 var(--line);overflow-wrap:anywhere}
.tf-n.a{box-shadow:inset 0 3px 0 var(--accent)}
.tf-n b{font:600 16px/1.25 Outfit;color:var(--head)}
.tf-n p{font-size:14px;line-height:1.5;color:var(--fg)}
.tf-lp{margin-top:20px}
.nw{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;margin-top:64px;align-items:stretch}
.nw-c{display:flex;flex-direction:column;gap:12px;padding:36px;border:1px solid var(--accent);background:color-mix(in oklab,var(--accent) 6%,var(--bg))}
.nw-c h3{color:var(--head)}
@media(max-width:1100px){.tf-f{grid-template-columns:repeat(4,minmax(0,1fr))}.tf-h{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.te,.nw{grid-template-columns:1fr}.tf-f{grid-template-columns:1fr 1fr}}

.en-lab b{font:600 clamp(16px,1.4vw,20px)/1.3 Outfit;letter-spacing:-.01em}
.en-lab span{font:400 12px 'JetBrains Mono',monospace}
.nc{display:flex;flex-direction:column}
.nc-r{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr);gap:32px;padding:22px 0;border-top:1px solid var(--line);align-items:baseline}
.nc-r>div{display:flex;gap:14px;align-items:baseline}
.nc-r b{font:600 18px/1.3 Outfit;color:var(--head)}
.nc-h{padding:0 0 14px;border-top:0}
.nc-n{font:500 17px/1.45 Outfit;color:var(--head)}
.nc-l{font-size:15px;line-height:1.5;color:var(--muted)}
.nd{display:flex;flex-direction:column;gap:24px;padding:32px;border:1px solid var(--line)}
.nd-q{font:400 italic 20px/1.5 Newsreader,serif;color:var(--head)}
.nd-g{display:grid;grid-template-columns:200px minmax(0,1fr) minmax(0,1fr);gap:4px 4px;align-items:stretch}
.nd-g>.lab{padding:0 0 10px}
.nd-g>.mono{align-self:center}
.nd-c{display:flex;gap:12px;align-items:center;padding:18px 20px;background:var(--panel);font:500 16px Outfit;color:var(--muted)}
.nd-c i{width:10px;height:10px;border-radius:50%;border:1px solid var(--line);flex:none}
.nd-c.ok{color:var(--head);background:var(--panel2);box-shadow:inset 0 3px 0 var(--accent)}
.nd-c.ok i{background:var(--accent);border-color:var(--accent)}
.nd-c.mid i{background:var(--warn);border-color:transparent}
@media(max-width:900px){.nc-r{grid-template-columns:1fr;gap:8px}.nc-h{display:none}.nd-g{grid-template-columns:1fr 1fr}.nd-g>span:first-child{display:none}.nd-g>.mono{grid-column:1/-1;margin-top:12px}}

/* 2026-10-31: AI Native CTA in the Marque box; Shift lens scrim; report mock without sidebar */
.an-cta{position:relative;z-index:1;margin-left:auto;display:flex;gap:20px;align-items:center;flex-wrap:wrap}
@media(max-width:700px){.an-cta{margin-left:0}}
.lens-scrim{position:absolute;left:50%;top:50%;width:min(720px,88vw);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--bg) 78%,transparent) 0 40%,transparent 70%);z-index:-1;pointer-events:none}
.ux-w{grid-template-columns:minmax(0,1fr);min-height:0}
.ux-home{grid-template-columns:minmax(0,1fr)!important}

/* Product report: one-screen window, same size on every tab */
.ux-w{height:clamp(540px,calc(100vh - 210px),800px);min-height:0;grid-template-columns:minmax(0,1fr)}
.ux-mn{min-height:0}
.ux-top{padding:10px 24px}
.ux-sr{padding:7px 12px}
.ux-bd{padding:20px 28px 22px;overflow:auto;flex:1;min-height:0}
.ux-bd>div{gap:12px}
.ux-bd .ux-h{font-size:clamp(20px,1.8vw,26px);max-width:none}
.ux-home{gap:14px 36px}
.ux-home .ux-hl{grid-column:1/-1;gap:8px}
.ux-fg{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:14px;align-items:start;padding:12px 14px}
.ux-ft{display:flex;flex-direction:column;gap:3px;min-width:0}
.ux-fl1{font-size:12px;color:var(--muted)}
.ux-ft b{font:800 22px/1.1 'Plus Jakarta Sans',sans-serif;letter-spacing:-.03em}
.ux-bd .ux-ft p{font-size:12.5px;line-height:1.4}
.ux-ft .ux-m{font-size:10.5px}
.ux-ft .ux-a{font-size:12px;margin-top:4px}
.ux-fg .ux-dots{max-width:76px}
.ux-ach{margin-bottom:4px}
.ux-ar{padding:8px 0;gap:12px;align-items:center}
.ux-ar b{font-size:14px;display:inline}
.ux-ar p{font-size:12.5px!important;margin-top:2px!important}
.ux-ar>div:nth-child(2){display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:14px;align-items:center}
.ux-ar>div:nth-child(2)>p{grid-column:1}
.ux-ar .ux-tg{margin-top:0;grid-column:2;grid-row:1/3;gap:6px}
.ux-tg span{padding:4px 8px!important;font-size:10px!important}
.ux-ow button{padding:5px 10px 5px 6px;font-size:12.5px}.ux-ow .ux-pl{width:28px;height:28px}
.ux-tl{gap:6px;margin-top:4px}
.ux-days div{padding:5px 10px;flex-direction:row;align-items:baseline;gap:6px}
.ux-days b{font-size:14px}
.ux-evs{grid-auto-rows:auto;gap:5px 0;padding:6px 0}
.ux-ev{padding:5px 9px;flex-direction:row;align-items:center;justify-content:space-between;gap:8px}
.ux-ev b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ux-ev>span:not(.ux-who){display:none}
.ux-ev .ux-who{flex:none;font-size:10px!important}
.ux-lg2{font-size:12px;gap:16px}
@media(max-width:1000px){.ux-w{height:auto}.ux-bd{overflow:visible}}
@media(max-width:760px){.ux-fg{grid-template-columns:minmax(0,1fr) 64px}.ux-ar>div:nth-child(2){display:block}.ux-ar .ux-tg{margin-top:6px}}

.pr-lk{color:inherit;text-decoration:none;border-bottom:1px solid var(--line);transition:border-color .15s}.pr-lk:hover{border-color:var(--accent)}.pr-lk span{color:var(--accent);font-size:.7em}
.dms-w{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.dms-w>.dms{align-self:stretch}
.dms-t button{position:relative}.dms.auto .dms-t button.on{border-top-color:color-mix(in srgb,var(--accent) 22%,transparent)}
.dms-pg{position:absolute;left:0;top:-3px;height:3px;background:var(--accent);animation:dmsPg 8s linear both}
@keyframes dmsPg{from{width:0}to{width:100%}}
.fit{overflow:clip}.fit-i{transform-origin:0 0}
.ux-w{height:auto!important}.ux-bd.ux-stack{display:grid!important;overflow:visible!important;animation:none}
.ux-pg{grid-area:1/1;visibility:hidden;display:flex;flex-direction:column;gap:12px;min-width:0}.ux-pg.on{visibility:visible;animation:bub .5s var(--ease) both}
.rm2{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));column-gap:20px;row-gap:8px}
.rm2-i{border-top:2px solid var(--line);padding:16px 0 22px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.rm2-i.on{border-top-color:var(--accent)}
.rm2-i b{font:600 18px/1.3 Outfit;color:var(--head)}
/* Fit to screen height: content scales by --fz = clamp(0.8, viewport height / 1040, 1), set in the page head; 1040px is the reference (27" screen, full-screen browser). Width keeps using the space. Emphasis scenes are excluded. */
:root{--fz:1}
main .c:not(.c .c),[data-screen-label=Footer]>.c{zoom:var(--fz)}
main .c:not(.c .c):not(.c-n):not(.c-r),[data-screen-label=Footer]>.c{max-width:calc(1320px / var(--fz))}
[data-screen-label="They ask"] .c,[data-screen-label="Lens"] .c,[data-screen-label="North star"] .c{zoom:1!important;max-width:1320px}
.scene{padding-top:calc(140px * var(--fz));padding-bottom:calc(140px * var(--fz))}.scene-auto{padding-top:calc(120px * var(--fz));padding-bottom:calc(120px * var(--fz))}
.ux-pg{gap:22px}.ux-pk{margin-top:2px}.ux-tr{padding:18px 20px}.ux-cr{padding:15px 10px}.ux-pe{gap:18px}.ux-pe .ux-c{gap:12px}.ux-ps{padding:12px 0}
.hd-ch{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.hd-ch .mc-k,.hd-lg .mc-k{font-size:12px;padding:3px 8px}.hd-lg{display:flex;flex-direction:column;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.nsS{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:72px;align-items:center}.nsS-l{display:flex;flex-direction:column;gap:20px}
.nsS-s{display:flex;flex-direction:column;gap:6px}.nsS-r{display:grid;grid-template-columns:40px minmax(0,180px) minmax(0,1fr);gap:16px;align-items:baseline;padding:16px 20px;background:var(--panel)}.nsS-r.on{background:var(--panel2);box-shadow:inset 3px 0 0 var(--accent)}
.nsS-r b{font:600 18px/1.3 Outfit;color:var(--head)}.nsS-r p{margin:0;font-size:15px;color:var(--fg)}
.wn2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}.wn2-t{display:flex;flex-direction:column;gap:20px}
.wn2-b{border:1px solid var(--line);padding:14px 14px 14px;display:flex;flex-direction:column;gap:12px}.wn2-b>.wn2-b{border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}
.wn2-h{display:flex;flex-direction:column;gap:2px}.wn2-h b{font:600 16px/1.3 Outfit;color:var(--head)}.wn2-h span{font:400 12px/1.4 'JetBrains Mono',monospace;color:var(--muted)}
.wn2-b.core{background:var(--accent);border-color:var(--accent);padding:28px 20px;align-items:center;text-align:center}.wn2-b.core b{color:var(--bg);font-size:22px}.wn2-b.core span{color:var(--bg)}
@media(max-width:900px){.nsS,.wn2{grid-template-columns:1fr;gap:40px}.nsS-r{grid-template-columns:32px minmax(0,1fr)}.nsS-r p{grid-column:2}}
.btn,.btn *{text-shadow:none!important}
[data-screen-label="They ask"],[data-screen-label="Lens"],[data-screen-label="North star"]{padding-top:140px;padding-bottom:140px}
.bpd-hd .tag{white-space:normal;max-width:100%}
@media(max-width:560px){.ga2-g{grid-template-columns:1fr}}
/* Mobile check (31 Oct) */
html,body{overflow-x:clip}
@media(max-width:900px){.qt-b{display:grid;height:auto!important;min-height:0!important}.qt-p{position:relative;inset:auto;grid-area:1/1}
.mp-chip,.lnp-b,.mp-go{min-height:40px;display:inline-flex;align-items:center}}

/* Demo stepper: side notes per step + demo-to-audit rows on step 4 */
.dms-kv{display:flex;flex-direction:column;margin-top:14px;border-top:1px solid var(--line)}
.dms-kv>div{display:flex;flex-direction:column;gap:4px;padding:14px 0;border-bottom:1px solid var(--line)}
.dms-kv p{margin:0;font-size:15px;line-height:1.55;color:var(--fg)}
.dms-v4{display:flex;flex-direction:column;gap:24px}
.dms-ad{display:flex;flex-direction:column;background:var(--bg)}
.dms-adr{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:12px;align-items:center;padding:14px 16px;border-top:1px solid var(--line)}
.dms-adh{border-top:0;padding-bottom:6px}
.dms-adr p{margin:0;font-size:14px;line-height:1.5;color:var(--fg)}.dms-adr p.a{color:var(--head);font-weight:600}
.dms-adx{color:var(--accent);text-align:center}
@media(max-width:880px){.dms-adr{grid-template-columns:1fr;gap:4px}.dms-adx{display:none}.dms-adh span:nth-child(2){display:none}}

/* How we read the answers: keep the block centred on wide screens (the sticky wrapper had shrunk to its content and sat left) */
.qa .qt-st{width:100%;justify-content:center}.qa .c.qa-g{width:100%;max-width:1480px;margin-inline:auto}

/* How we read the answers: the 3-column rule above overrode the tablet/phone layouts. Re-assert them last. */
@media(max-width:1100px){.qa .c.qa-g{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.qa-r{grid-column:1 / -1}}
@media(max-width:760px){.qa .c.qa-g{grid-template-columns:minmax(0,1fr);row-gap:24px}.qa .qt-gs{min-height:200px}.qa-r{grid-column:auto}}

/* Report mockup on phones: show only the active screen (stacked screens made the box as tall as the longest one),
   and put Previous/Next right under the tabs so the buttons do not move under your thumb. */
@media(max-width:760px){
  .ux{display:flex;flex-direction:column}.ux-nv{order:1;margin:0 0 12px}.ux>*:not(.ux-tabs):not(.ux-nv){order:2}
  .ux-bd.ux-stack{display:block!important}.ux-bd>.ux-pg{display:none}.ux-bd>.ux-pg.on{display:flex}
  /* Competitor table: two lines per company instead of a clipped 7-column row */
  .ux-ct{overflow:visible;padding:4px 8px}
  .ux-cr{min-width:0;grid-template-columns:24px repeat(3,minmax(0,1fr)) 52px;column-gap:10px;row-gap:8px;padding:12px 8px}
  .ux-cr>:nth-child(1){grid-column:1;grid-row:1}.ux-cr>:nth-child(2){grid-column:2 / 5;grid-row:1}
  .ux-cr>:nth-child(3){grid-column:2;grid-row:2}.ux-cr>:nth-child(4){grid-column:3;grid-row:2}.ux-cr>:nth-child(5){grid-column:4;grid-row:2}
  .ux-cr>:nth-child(6),.ux-cr>:nth-child(7){grid-column:5;grid-row:1;text-align:right}
  .ux-cr:not(.h)>:nth-child(6):not(.ux-sk),.ux-cr:not(.h)>:nth-child(7):not(.ux-sk),.ux-cr.h>:nth-child(n+6):not(.on){display:none}
  .ux-cr.h{font-size:8.5px;letter-spacing:0}
}

/* Methodology lens panel: all four panels share one cell; only the active one shows */
.lnp-ts{display:grid}.lnp-ts>.lnp-t{grid-area:1/1;visibility:hidden;animation:none}.lnp-ts>.lnp-t.on{visibility:visible;animation:bub .5s var(--ease) both}
.lnp-ts>.lnp-t:not(.on) *{animation:none!important}

/* Agentic-by-design diagram: inner borders in the box text colour so they read on the accent fill in both themes */
.wn2-b.core .wn2-b{border-color:color-mix(in srgb,var(--bg) 40%,transparent)}

/* About, How we look at it: the three questions on one line on wide screens */
@media(min-width:1100px){.q3-line{white-space:nowrap}h2:has(>.q3-line){max-width:none}*:has(>h2>.q3-line){max-width:none!important}}

/* About: vision and mission */
.abmv{padding:clamp(96px,16vh,180px) 0}
.abmv-c{display:block;width:100%;max-width:1180px}
.abmv-v{margin:22px 0 0;max-width:1020px;font:300 clamp(30px,3.7vw,56px)/1.16 Outfit;letter-spacing:-.025em;color:var(--head)}
.abmv-link{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin:clamp(40px,7vh,72px) 0 clamp(28px,5vh,48px)}
.abmv-link i{display:block;width:1px;height:clamp(56px,9vh,96px);background:linear-gradient(var(--line),var(--accent))}
.abmv-link .mono{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:11px}
.abmv-m{margin:18px 0 0;max-width:820px;font:500 clamp(22px,2.3vw,34px)/1.3 Outfit;letter-spacing:-.015em;color:var(--accent)}
@media(max-width:760px){.abmv-v{font-size:28px}.abmv-m{font-size:21px}}

/* Product timeline on phones: day name above the date, small enough for 8 columns */
@media(max-width:760px){.ux-days div{padding:5px 2px;flex-direction:column;align-items:center;gap:0;min-width:0}.ux-days span{font-size:8px;letter-spacing:.02em}.ux-days b{font-size:12px}}