/* Round 2 concepts. Restraint: cream ground, white cards with no borders, ink type, one accent per screen. */
.page.c2{display:block;padding:0;grid-template-columns:none}
.c2 h1,.c2 h3{font-family:"Young Serif",Georgia,serif;font-weight:400;color:var(--ink)}
.c2 h3{font-size:20px;line-height:1.2}
.c2 .cd{background:#fff;border-radius:24px;padding:24px 26px;min-width:0;min-height:0;position:relative}
.c2 .mut{color:var(--ink3);font-size:13.5px}
.c2 .tk{font:500 12px Satoshi,sans-serif;fill:var(--ink3)}
.c2 .tk.b{fill:var(--ink);font-weight:700}
.c2 .gv{font:400 84px "Young Serif",serif;fill:var(--ink);letter-spacing:-.02em}
.c2 .gv.sm{font-size:34px}
.c2 .gv.sm2{font-size:52px}
.c2 .gt{font:500 15px Satoshi,sans-serif;fill:var(--ink2)}
.c2 .rv{font:400 34px "Young Serif",serif;fill:var(--ink)}
.c2 .b-ink{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--ink);color:#fff;border:0;border-radius:999px;padding:13px 22px;font:500 14.5px/1 Satoshi,sans-serif;cursor:pointer;transition:background-color 160ms ease,transform 120ms ease}
.c2 .b-ink:hover{background:#3a3533}
.c2 .b-ink:active{transform:scale(.98)}
.c2 .b-ink:disabled{opacity:.6;cursor:default}
.c2 .b-ink.wide{width:100%}
.c2 .b-out{border-radius:999px;padding:10px 18px;font:500 14px/1 Satoshi;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);transition:background-color 160ms ease}
.c2 .b-out:hover{background:rgba(255,255,255,.4)}
.c2 .b-txt{background:none;border:0;font:600 14px Satoshi;color:var(--ink);cursor:pointer;padding:10px 6px;text-decoration:underline;text-underline-offset:4px}
.c2 .lnk{display:inline-flex;align-items:center;gap:6px;font:600 13.5px Satoshi;color:var(--ink);background:none;border:0;cursor:pointer;padding:0}
.c2 .ul{display:block;text-align:center;font:500 14px Satoshi;text-decoration:underline;text-underline-offset:4px;color:var(--ink2);margin-top:12px}
.c2 button:focus-visible,.c2 a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.c2 .wsb input:focus-visible{outline:none}
.c2 .wsb:focus-within{box-shadow:0 0 0 1.5px var(--ink),0 18px 44px rgba(27,23,22,.1)!important}
.c2 .ph{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}
.c2 .crumb{font:500 13.5px Satoshi;color:var(--ink3);margin-bottom:6px}
.c2 .crumb span{margin:0 6px;opacity:.6}
.c2 .ph h1{font-size:44px;line-height:1.05;letter-spacing:-.015em}
.c2 .ph-r{display:flex;align-items:center;gap:18px}
.c2 .ex{font:500 12.5px Satoshi;color:var(--ink3)}
.c2 .rh2{display:flex;align-items:center;justify-content:space-between;gap:12px}
.c2 .seg{display:inline-flex;gap:4px;background:var(--paper);border-radius:999px;padding:4px}
.c2 .seg button,.c2 .tabs button{border:0;background:none;border-radius:999px;padding:8px 14px;font:500 13px/1 Satoshi;color:var(--ink2);cursor:pointer;transition:background-color 160ms ease,color 160ms ease}
.c2 .seg button:hover,.c2 .tabs button:hover{color:var(--ink);background:rgba(255,255,255,.55)}
.c2 .seg button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(27,23,22,.08)}
.c2 .rnd{width:40px;height:40px;border-radius:50%;display:inline-grid;place-items:center;background:var(--paper);border:0;color:var(--ink);cursor:pointer;flex:none;transition:background-color 160ms ease}
.c2 .rnd:hover{background:#ebe5d6}
.c2 .rnd.ink{background:var(--ink);color:#fff}

/* ---------- welcome (L1, L2) ---------- */
.board.wel .top .ask{visibility:hidden}
.c2 .wl{position:relative;height:100%;overflow:hidden;background:var(--paper)}
.c2 .wstage{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:70px;transition:transform 560ms var(--ease-out)}
.c2 .wmasc{transition:transform 560ms var(--ease-out);transform-origin:50% 100%}
.c2 .whi{text-align:center;margin:14px 0 30px;transition:opacity 260ms ease,transform 460ms var(--ease-out)}
.c2 .whi h1{font-size:50px;line-height:1.05;letter-spacing:-.02em}
.c2 .whi p{font:400 18px/1.4 Satoshi;color:var(--ink2);margin-top:12px}
.c2 .wsb{width:680px;height:66px;background:#fff;border-radius:999px;display:flex;align-items:center;gap:12px;padding:0 10px 0 24px;box-shadow:0 1px 2px rgba(27,23,22,.05),0 14px 34px rgba(27,23,22,.07);cursor:text;transition:width 560ms var(--ease-out),box-shadow 300ms ease}
.c2 .wsb .wsp{color:var(--ink);display:grid}
.c2 .wsb input{flex:1;min-width:0;border:0;background:none;font:500 17px Satoshi,sans-serif;color:var(--ink);outline:none;height:100%;cursor:text}
.c2 .wsb input::placeholder{color:#9a9089}
.c2 .wgo{width:46px;height:46px;border-radius:50%;border:0;background:var(--ink);color:#fff;display:grid;place-items:center;cursor:pointer;flex:none;transition:background-color 160ms ease,transform 120ms ease}
.c2 .wgo:hover{background:#3a3533}.c2 .wgo:active{transform:scale(.96)}
.c2 .wdash{margin-top:22px;display:inline-flex;align-items:center;gap:8px;font:500 14px Satoshi;color:var(--ink2);transition:opacity 220ms ease}
.c2 .wdash u{text-underline-offset:4px;color:var(--ink)}
.c2 .wtray{position:absolute;left:50%;bottom:44px;width:1000px;margin-left:-500px;pointer-events:none}
.c2 .wcs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.c2 .wc{text-align:left;background:#fff;border:0;border-radius:22px;padding:22px 22px 18px;display:flex;flex-direction:column;gap:6px;min-height:178px;cursor:pointer;font-family:Satoshi,sans-serif;opacity:0;transform:translateY(40px);transition:opacity 320ms ease,transform 520ms var(--ease-out),box-shadow 200ms ease;transition-delay:calc(var(--i)*70ms)}
@media (hover:hover) and (pointer:fine){.c2 .wc:hover{box-shadow:0 10px 26px rgba(27,23,22,.08)}}
.c2 .wc .wi{font:600 11.5px/1 Satoshi;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.c2 .wc b{font:400 20px/1.22 "Young Serif",serif;color:var(--ink);margin-top:8px}
.c2 .wc .wd{font-size:14px;color:var(--ink2);line-height:1.4}
.c2 .wc .wa{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font:600 13.5px Satoshi;color:var(--ink);padding-top:14px}
.c2 .wans{position:absolute;left:50%;top:478px;width:820px;margin-left:-410px;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity 260ms ease,transform 420ms var(--ease-out)}
.c2 .wan{background:#fff;border-radius:24px;padding:28px 32px}
.c2 .wq{font:400 24px/1.25 "Young Serif",serif;color:var(--ink)}
.c2 .wab{margin-top:16px}
.c2 .wlbl{display:inline-flex;align-items:center;gap:6px;font:600 12.5px Satoshi;color:var(--ink3);margin-bottom:6px}
.c2 .wab p{font:400 16.5px/1.6 Satoshi;color:var(--ink)}
.c2 .wact{display:flex;align-items:center;gap:14px;margin-top:22px}
/* opened */
.c2 .wl.on .wstage{transform:translateY(-130px)}
.c2 .L1 .wl.on .wmasc,.c2 .wl.L1.on .wmasc{transform:translateY(96px) scale(.52)}
.c2 .wl.on .whi{opacity:0;transform:translateY(-12px);pointer-events:none}
.c2 .wl.on .wsb{width:820px;box-shadow:0 1px 2px rgba(27,23,22,.05),0 18px 44px rgba(27,23,22,.1)}
.c2 .wl.on .wdash{opacity:0;pointer-events:none}
.c2 .wl.on .wtray{pointer-events:auto}
.c2 .wl.on .wc{opacity:1;transform:none}
.c2 .wl.ans .wc{opacity:0;transform:translateY(24px);transition-delay:0ms;pointer-events:none}
.c2 .wl.ans .wans{opacity:1;transform:none;pointer-events:auto}
/* L2: mascot lives inside the bar; suggestions arrive as a white sheet from the bottom edge */
.c2 .wl.L2 .whi h1{font-size:58px}
.c2 .wl.L2 .wsb{height:78px;padding-left:10px}
.c2 .wm2{width:64px;height:64px;display:grid;place-items:center;flex:none;background:var(--paper);border-radius:50%}
.c2 .wl.L2 .wtray{left:0;right:0;bottom:0;width:auto;margin:0;background:#fff;border-radius:28px 28px 0 0;padding:24px 40px 34px;transform:translateY(100%);transition:transform 560ms var(--ease-out)}
.c2 .wl.L2 .wtl{font:600 12.5px Satoshi;color:var(--ink3);margin-bottom:14px}
.c2 .wl.L2 .wcs{grid-template-columns:repeat(4,1fr)}
.c2 .wl.L2 .wc{background:var(--paper);min-height:158px;transform:translateY(16px)}
.c2 .wl.L2.on .wtray{transform:none}
.c2 .wl.L2.on .wstage{transform:translateY(-150px)}
.c2 .wl.L2.ans .wtray{transform:translateY(100%)}
.c2 .wl.L2 .wans{top:420px}

/* ---------- D1 headline + gauge ---------- */
.c2 div.d1{height:100%;padding:30px 40px 30px;display:grid;grid-template-rows:auto 1fr;gap:28px}
.c2 .d1-top{display:grid;grid-template-columns:1fr 560px;gap:20px;min-height:0}
.c2 .meta{font:500 13.5px Satoshi;color:var(--ink3)}
.c2 .d1 h1{font-size:54px;line-height:1.04;letter-spacing:-.025em;margin-top:12px}
.c2 .d1 h1 span{color:var(--ink3)}
.c2 .th{display:flex;align-items:baseline;gap:12px;margin:30px 0 14px}
.c2 .th h3{font-size:24px}
.c2 .tc{font:500 15px Satoshi;color:var(--ink3)}.c2 .tc b{color:var(--ink);font-weight:600}
.c2 .trow{display:grid;grid-template-columns:136px 340px 200px;gap:14px;height:148px}
.c2 .date{background:#fff;border-radius:22px;padding:14px 18px;display:flex;flex-direction:column}
.c2 .date b{font:400 54px/1 "Young Serif",serif}
.c2 .date span{font:500 14px Satoshi;margin-top:6px}
.c2 .date small{font:400 13px Satoshi;color:var(--ink3);margin-top:auto}
.c2 .cks{display:flex;flex-direction:column;gap:8px}
.c2 .ck{height:44px;border:0;border-radius:16px;background:#fff;display:flex;align-items:center;gap:12px;padding:0 16px 0 6px;font:500 14px Satoshi;color:var(--ink);cursor:pointer;text-align:left;transition:background-color 200ms ease}
.c2 .ck .bx{width:32px;height:32px;border-radius:11px;background:var(--paper);display:grid;place-items:center;color:transparent;flex:none;transition:background-color 200ms ease,color 200ms ease}
.c2 .ck:hover .bx{background:#ebe5d6}
.c2 .ck.done{background:var(--sienna)}
.c2 .ck.done .bx{background:var(--ink);color:#fff}
.c2 .trend{background:#fff;border-radius:22px;padding:14px 16px;display:flex;flex-direction:column}
.c2 .trend p{font:500 14px Satoshi}
.c2 .tb{flex:1;display:flex;align-items:flex-end;gap:6px;margin:10px 0 6px}
.c2 .tb i{flex:1;border-radius:6px;background:#e9e3d6}.c2 .tb i.now{background:var(--ink)}
.c2 .trend small{font-size:12.5px;color:var(--ink3)}
.c2 .d1-g{display:flex;flex-direction:column;align-items:center;justify-content:center}
.c2 .glu{font:500 13.5px Satoshi;color:var(--ink3);margin-top:4px}
.c2 .d1-p{background:#fff;border-radius:28px;display:grid;grid-template-columns:1fr 340px;gap:22px;padding:18px 18px 18px 26px;min-height:0}
.c2 .tabs{display:inline-flex;gap:4px;background:var(--paper);border-radius:999px;padding:4px}
.c2 .tabs button.on{background:var(--ink);color:#fff}
.c2 .minis{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}
.c2 .minis[hidden]{display:none}
.c2 .mini{text-align:center;padding:0 6px}
.c2 .mg{display:flex;justify-content:center}
.c2 .mt{font:400 18px "Young Serif",serif;margin-top:6px}
.c2 .mw{font-size:13.5px;color:var(--ink2);line-height:1.4;margin-top:4px}
.c2 .next{background:var(--sienna);border-radius:22px;padding:22px 24px;display:flex;flex-direction:column}
.c2 .next h3{font-size:24px}
.c2 .nimp{font:600 11.5px Satoshi;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);margin-top:6px}
.c2 .nt{font:400 22px/1.25 "Young Serif",serif;margin-top:auto}
.c2 .nd{font-size:14px;line-height:1.45;color:var(--ink2);margin-top:6px}
.c2 .nft{display:flex;align-items:center;gap:12px;margin-top:18px}
.c2 .nn{font:400 30px/1 "Young Serif",serif}.c2 .nn b{font-weight:400}
.c2 .np{flex:1;height:8px;border-radius:99px;background:rgba(27,23,22,.12);overflow:hidden}
.c2 .np i{display:block;height:100%;background:var(--ink);border-radius:99px;transition:width 360ms var(--ease-out)}

/* ---------- D2 overview panel ---------- */
.c2 div.d2{height:100%;padding:28px 40px 30px;display:flex;flex-direction:column}
.c2 .pgs{font:500 14px Satoshi;color:var(--ink2)}
.c2 .g2{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr 540px;grid-template-rows:166px 1fr 196px;gap:18px;grid-template-areas:"sum sum scr" "led det scr" "led det rk"}
.c2 .sum{grid-area:sum}.c2 .led{grid-area:led}.c2 .det{grid-area:det;display:flex;flex-direction:column}.c2 .scr{grid-area:scr;display:flex;flex-direction:column;align-items:center}.c2 .rk{grid-area:rk;display:flex;align-items:center;gap:26px}
.c2 .rh p{font:400 14px Satoshi;color:var(--ink3);margin-top:4px}
.c2 .tick{display:flex;gap:2.4px;height:36px;margin-top:16px}
.c2 .tick i{flex:1;border-radius:2px;background:#e9e3d6}.c2 .tick i.on{background:var(--ink)}
.c2 .tlab{position:relative;display:flex;justify-content:space-between;font:500 12.5px Satoshi;color:var(--ink3);margin-top:8px}
.c2 .tlab .tnow,.c2 .tlab .tgo{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
.c2 .tlab .tnow{color:var(--ink);font-weight:700;transform:translateX(-100%);padding-right:6px}
.c2 .tlab .tgo{transform:none;padding-left:6px;color:var(--arctic);font-weight:700}
.c2 .led ul{list-style:none;margin-top:12px}
.c2 .led li{display:grid;grid-template-columns:1fr 84px 44px;align-items:baseline;padding:13px 0;font:500 14.5px Satoshi}
.c2 .led li+li{box-shadow:inset 0 1px 0 #f0ebdf}
.c2 .led em{font-style:normal;color:var(--ink3);font-size:13.5px}
.c2 .led b{font:400 20px "Young Serif",serif;text-align:right}
.c2 .det dl{margin:12px 0 18px}
.c2 .det dl div{display:flex;justify-content:space-between;padding:12px 0;font-size:14.5px}
.c2 .det dl div+div{box-shadow:inset 0 1px 0 #f0ebdf}
.c2 .det dt{color:var(--ink3)}.c2 .det dd{font-weight:600}
.c2 .det .b-ink{margin-top:auto}
.c2 .scr h3{font-size:26px;align-self:center;margin-top:6px}
.c2 .sg{margin-top:16px}
.c2 .sv{margin-top:12px;display:flex;align-items:baseline;gap:6px}
.c2 .sv b{font:400 64px/1 "Young Serif",serif;font-weight:400;letter-spacing:-.02em}
.c2 .sv span{font:400 30px "Young Serif",serif;color:var(--ink3)}
.c2 .st{font:500 15px Satoshi;color:var(--ink2);margin:8px 0 auto}
.c2 .scr .b-ink{margin-top:22px;width:82%}
.c2 .rk h3{font-size:22px}
.c2 .rk p{font-size:14.5px;line-height:1.5;color:var(--ink2);margin-top:8px}

/* ---------- D3 insights ---------- */
.c2 div.d3{height:100%;padding:28px 40px 30px;display:flex;flex-direction:column}
.c2 .g3{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:370px 1fr;gap:18px}
.c2 .s3{display:flex;flex-direction:column;align-items:center}
.c2 .s3 .rh2{align-self:stretch}
.c2 .g3g{margin-top:12px;margin-bottom:14px}
.c2 .s3 .b-ink{margin-top:auto}
.c2 .hst{grid-column:2/4}
.c2 .hst [data-line]{margin-top:24px}
.c2 .lc .lv{font:700 13px Satoshi;fill:var(--pear)}
.c2 .chg ul{list-style:none;margin:14px 0 16px}
.c2 .chg li{padding:12px 0;font:500 14.5px/1.4 Satoshi}
.c2 .chg li+li{box-shadow:inset 0 1px 0 #f0ebdf}
.c2 .chg li span{display:block;font-size:12.5px;color:var(--ink3);font-weight:500;margin-bottom:2px}
.c2 .pth svg{display:block;margin:6px auto 0}
.c2 .pv{font:400 20px "Young Serif",serif;fill:var(--ink)}.c2 .pv.inv{fill:#fff}
.c2 .chk3 ul{list-style:none;margin-top:12px}
.c2 .chk3 li{display:grid;grid-template-columns:118px 1fr 34px;align-items:center;gap:12px;padding:8px 0;font:500 14px Satoshi}
.c2 .chk3 li i{height:8px;border-radius:99px;background:#efeadd;overflow:hidden}
.c2 .chk3 li em{display:block;height:100%;background:var(--ink);border-radius:99px}
.c2 .chk3 li b{font:400 16px "Young Serif",serif;text-align:right}

/* ---------- D4 site report ---------- */
.c2 div.d4{height:100%;display:grid;grid-template-columns:1fr 470px}
.c2 .d4l{padding:28px 36px 30px 40px;display:flex;flex-direction:column;min-width:0}
.c2 .d4l .ex{display:none}
.c2 .dsel{display:inline-flex;align-items:center;gap:10px;background:#fff;border:0;border-radius:999px;padding:12px 18px;font:500 14px Satoshi;color:var(--ink);cursor:pointer}
.c2 .d4r1{display:grid;grid-template-columns:360px 1fr;gap:26px;align-items:center}
.c2 .d4g{display:flex;flex-direction:column;align-items:center}
.c2 .by{font:500 13.5px Satoshi;color:var(--ink3);margin-top:12px}
.c2 .tip{background:#fff;border-radius:24px;padding:26px 28px;height:380px;position:relative;overflow:hidden;display:flex;flex-direction:column}
.c2 .tip h3{font-size:24px}
.c2 .tip p{font:400 17px/1.5 Satoshi;max-width:300px;margin-top:12px;color:var(--ink)}
.c2 .tip .lnk{margin-top:auto;align-self:flex-start}
.c2 .tm{position:absolute;right:18px;bottom:12px}
.c2 .d4w{margin-top:auto}
.c2 .d4w h3{font-size:22px}
.c2 .wt{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:14px}
.c2 .wtc{background:#fff;border-radius:20px;padding:20px 22px}
.c2 .wtc b{display:block;font:400 34px/1 "Young Serif",serif;color:var(--crimson)}
.c2 .wtc span{display:block;font:500 14.5px Satoshi;margin-top:10px}
.c2 .wtc small{display:block;font-size:13px;line-height:1.4;color:var(--ink3);margin-top:4px}
.c2 .d4p{background:#fff;border-radius:36px 0 0 0;padding:34px 40px 30px;display:flex;flex-direction:column;align-items:flex-start}
.c2 .d4p h3{font-size:26px}
.c2 .d4p .mut{margin-top:6px}
.c2 .dnut{align-self:center;margin:14px 0 6px}
.c2 .lg{list-style:none;width:100%}
.c2 .lg li{display:grid;grid-template-columns:22px 1fr auto;align-items:center;padding:7px 0;font:500 14.5px Satoshi}
.c2 .lg li i{width:12px;height:12px;border-radius:50%}
.c2 .lg li b{font:400 17px "Young Serif",serif}
.c2 .full{margin-top:auto;align-self:stretch;display:flex;align-items:center;justify-content:space-between;font:400 20px "Young Serif",serif;padding-top:14px}

@media (prefers-reduced-motion: reduce){.c2 .wstage,.c2 .wmasc,.c2 .whi,.c2 .wsb,.c2 .wc,.c2 .wans,.c2 .wl.L2 .wtray{transition:opacity 160ms ease!important}}

/* ---------- colour + character pass ---------- */
.c2 .dstar{position:absolute;pointer-events:none;z-index:0}
.c2 .gv.md{font-size:64px}
.c2 .wdeco{position:absolute;inset:0;pointer-events:none;transition:opacity 300ms ease}
.c2 .wmasc{position:relative}
.c2 .wbub{position:absolute;left:160px;top:6px;width:200px;background:var(--sienna);color:#1b1716;border-radius:18px 18px 18px 4px;padding:12px 15px;font:600 14px/1.35 Satoshi;box-shadow:inset 0 0 0 2px #1b1716;transition:opacity 220ms ease}
.c2 .wl.on .wbub{opacity:0}
.c2 .wl.on .wdeco{opacity:.5}
.c2 .wc{background:color-mix(in oklch,var(--wc) 26%,white)}
.c2 .wc .wi{color:#1b1716}
.c2 .wc .wi::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--wc);margin-right:7px;vertical-align:0;box-shadow:0 0 0 1.5px #1b1716}
.c2 .wl.L2 .wc{background:color-mix(in oklch,var(--wc) 26%,white)}
.c2 .wm2{background:var(--sienna);box-shadow:inset 0 0 0 2px #1b1716}
.c2 .d1 h1 mark{background:none;color:var(--ink);background-image:linear-gradient(transparent 52%,var(--sienna) 52%,var(--sienna) 90%,transparent 90%);padding:0 4px}
.c2 .d1 h1 span{color:var(--ink2)}
.c2 .d1-g{position:relative}
.c2 .date{background:color-mix(in oklch,var(--arctic) 30%,white)}
.c2 .tb i{background:color-mix(in oklch,var(--arctic) 35%,white)}.c2 .tb i.now{background:var(--arctic)}
.c2 .next{box-shadow:inset 0 0 0 2px #1b1716}
.c2 .led .dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:10px;vertical-align:-1px}
.c2 .tick i{border-radius:2px}
.c2 .tlab .tgo{color:#2f5f9e}
.c2 .rk{background:color-mix(in oklch,var(--crimson) 14%,white)}
.c2 .scr h3,.c2 .scr .sg,.c2 .scr .sv,.c2 .scr .st,.c2 .scr .b-ink{position:relative;z-index:1}
.c2 .s3{background:color-mix(in oklch,var(--sienna) 18%,white)}
.c2 .chg .tl li{position:relative;padding-left:20px}
.c2 .chg .tl li::before{content:"";position:absolute;left:0;top:19px;width:10px;height:10px;border-radius:50%;background:var(--d)}
.c2 .pth{overflow:hidden}
.c2 .tip{background:var(--sienna);box-shadow:inset 0 0 0 2px #1b1716}
.c2 .wtc b{color:#1b1716}
.c2 .d4p{position:relative;background:color-mix(in oklch,var(--arctic) 14%,white)}
.c2 .d4g .ring{overflow:visible}
.c2 .ndraw{align-self:center;margin-top:6px}.c2 .ndraw svg{display:block;width:150px;height:auto}

/* ---------- welcome: glow, site picker, at-a-glance ---------- */
@property --ga{syntax:'<angle>';inherits:false;initial-value:0deg}
.c2 .wsb{position:relative;isolation:isolate}
.c2 .wsb::before{content:"";position:absolute;inset:-6px;border-radius:inherit;z-index:-2;background:conic-gradient(from var(--ga),var(--sienna),var(--rose),var(--arctic),var(--pear),var(--sienna));filter:blur(18px);opacity:.8;animation:wglow 10s linear infinite;transition:opacity 300ms ease,filter 300ms ease}
.c2 .wsb::after{content:"";position:absolute;inset:0;border-radius:inherit;background:#fff;z-index:-1}
.c2 .wsb:hover::before{opacity:.95}
.c2 .wsb:focus-within::before{opacity:1}
@keyframes wglow{to{--ga:360deg}}
.c2 .wdom{position:relative;display:inline-block}
.c2 .wdb{display:inline-flex;align-items:center;gap:4px;border:0;background:#fff;border-radius:999px;padding:4px 10px 4px 12px;font:600 17px Satoshi,sans-serif;color:var(--ink);cursor:pointer;box-shadow:inset 0 0 0 1.5px var(--ink);transition:background-color 160ms ease}
.c2 .wdb:hover{background:color-mix(in oklch,var(--sienna) 35%,white)}
.c2 .wdb b{font-weight:600}
.c2 .wdm{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);z-index:6;min-width:280px;background:#fff;border-radius:18px;padding:8px;box-shadow:0 2px 6px rgba(27,23,22,.06),0 22px 48px rgba(27,23,22,.16);display:flex;flex-direction:column;text-align:left}
.c2 .wdm[hidden]{display:none}
.c2 .wdl{font:600 12px Satoshi;color:var(--ink3);padding:8px 10px 6px}
.c2 .wdi{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;border:0;background:none;border-radius:12px;padding:9px 10px;font:500 15px Satoshi;color:var(--ink);cursor:pointer;text-align:left}
.c2 .wdi:hover{background:var(--paper)}
.c2 .wdi.on{background:color-mix(in oklch,var(--arctic) 18%,white)}
.c2 .wdi i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:700 13px Satoshi;font-style:normal;color:#1b1716;box-shadow:inset 0 0 0 1.5px #1b1716}
.c2 .wdi.add i{background:var(--paper);box-shadow:none}
.c2 .wdi em{font:400 16px "Young Serif",serif;font-style:normal}
.c2 .wgl{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:14px;width:920px;margin-top:34px;transition:opacity 240ms ease,transform 460ms var(--ease-out)}
.c2 .gc{display:flex;align-items:center;gap:16px;text-align:left;border:0;border-radius:22px;padding:18px 20px;background:#fff;font-family:Satoshi,sans-serif;color:var(--ink);cursor:pointer;min-height:112px;box-shadow:0 1px 2px rgba(27,23,22,.04),0 10px 26px rgba(27,23,22,.05);transition:transform 200ms var(--ease-out),box-shadow 200ms ease}
@media (hover:hover) and (pointer:fine){.c2 .gc:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(27,23,22,.05),0 16px 32px rgba(27,23,22,.08)}}
.c2 .gc .ring{flex:none}
.c2 .gk{display:block;font:600 11.5px/1.2 Satoshi;letter-spacing:.05em;text-transform:uppercase;color:var(--ink2)}
.c2 .gc b{display:block;font:400 19px/1.25 "Young Serif",serif;margin-top:6px}
.c2 .gc b em{font:500 14px Satoshi;font-style:normal;color:var(--ink2);margin-left:4px}
.c2 .gc b.q{font-size:16px}
.c2 .gc small{display:inline-flex;align-items:center;gap:4px;font:500 13px Satoshi;color:var(--ink2);margin-top:8px}
.c2 .gc small a{text-decoration:underline;text-underline-offset:3px;color:var(--ink)}
.c2 .g-fix{background:color-mix(in oklch,var(--sienna) 34%,white)}
.c2 .g-note{background:color-mix(in oklch,var(--arctic) 22%,white);cursor:default}
.c2 .g-note:hover{transform:none}
.c2 .wl.on .wgl{opacity:0;transform:translateY(18px);pointer-events:none}
.c2 .wl.L1.on .wstage{transform:translateY(-84px)}
@media (prefers-reduced-motion: reduce){.c2 .wsb::before{animation:none}.c2 .wgl{transition:opacity 160ms ease}}
.c2 .gc b.sc{font-size:30px;line-height:1.05;margin-top:4px}
.c2 .gc small{white-space:nowrap}

/* ---------- L1 · Loouie as a guide (single card language, no speech bubble) ---------- */
.c2 .wl.L1 .wstage{justify-content:flex-start;padding:300px 0 0}
.c2 .wl.L1 .whi{margin:0 0 28px}
.c2 .wl.L1.on .wstage{transform:translateY(-200px)}
.c2 .wbuddy{position:absolute;left:0;top:0;width:150px;height:150px;z-index:3;transform:translate(613px,136px);transition:transform 680ms cubic-bezier(.45,0,.2,1)}
.c2 .wl.L1.on .wbuddy{transform:translate(132px,424px) scale(.84)}
.c2 .wl.L1.ans .wbuddy{transform:translate(132px,352px) scale(.84)}
.c2 .hopper{transform-origin:50% 100%}
.c2 .wbuddy .bob{display:block;animation:wbob 4.2s ease-in-out infinite}
@keyframes wbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.c2 .wbuddy .lid{transform-box:fill-box;transform-origin:center;animation:wblink 5.5s infinite}
@keyframes wblink{0%,93%,100%{transform:scaleY(1)}96%{transform:scaleY(.1)}}
.c2 .wshadow{position:absolute;left:36px;bottom:12px;width:66px;height:10px;border-radius:50%;background:rgba(27,23,22,.16);transform-origin:center}
.c2 .hop-s{animation:hopS 900ms cubic-bezier(.33,.7,.35,1)}
@keyframes hopS{0%{transform:none}10%{transform:scale(1.08,.9)}30%{transform:translateY(-30px) scale(.95,1.06) rotate(3deg)}52%{transform:translateY(0) scale(1.1,.88)}64%{transform:translateY(-6px) scale(.98,1.03)}76%{transform:scale(1.03,.97)}100%{transform:none}}
.c2 .hop-l{animation:hopL 520ms cubic-bezier(.3,.6,.4,1)}
@keyframes hopL{0%{transform:none}8%{transform:scale(1.1,.88)}22%{transform:translateY(-60px) scale(.94,1.08) rotate(-6deg)}50%{transform:translateY(-96px) scale(.96,1.05) rotate(-10deg)}82%{transform:translateY(-8px) scale(.95,1.06) rotate(-2deg)}90%{transform:translateY(0) scale(1.1,.88)}100%{transform:none}}
.c2 .wbuddy:has(.hop-s) .wshadow{animation:shS 900ms cubic-bezier(.33,.7,.35,1)}
@keyframes shS{30%{transform:scale(.7);opacity:.6}52%{transform:scale(1.1)}100%{transform:none}}
.c2 .wl.L1 .wgl{width:960px;grid-template-columns:1fr 1.15fr 1.15fr}
.c2 .wl.L1 .gc{min-height:150px;padding:20px 22px}
.c2 .wl.L1 .g-score{background:#fff}
.c2 .rv.sm{font-size:26px}
.c2 .wl.L1 .g-score b{font-size:24px;margin-top:4px}
.c2 .wl.L1 .g-fix{display:grid;grid-template-columns:1fr 92px;gap:10px}
.c2 .gart svg{display:block;width:92px;height:auto}
.c2 .wl.L1 .g-note{align-items:flex-start}
.c2 .gav{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#F6B8C0;color:#2B1418;font:700 15px Satoshi;box-shadow:inset 0 0 0 1.5px #1b1716}
/* carousel the mascot presents */
.c2 .wcar{position:absolute;left:310px;top:324px;width:900px;opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity 300ms ease,transform 520ms var(--ease-out)}
.c2 .wl.L1.on .wcar{opacity:1;transform:none;pointer-events:auto;transition-delay:260ms}
.c2 .wl.L1.ans .wcar{opacity:0;transform:translateY(16px);pointer-events:none;transition-delay:0ms}
.c2 .wch{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.c2 .wch h3{font-size:22px;margin-right:auto}
.c2 .wcn{font:500 13.5px Satoshi;color:var(--ink2);margin-right:6px}
.c2 .wch .rnd{background:#fff;box-shadow:0 1px 2px rgba(27,23,22,.06)}
.c2 .wch .rnd[data-car="-1"] svg{transform:rotate(180deg)}
.c2 .wcv{overflow:hidden;margin:-12px;padding:12px}
.c2 .wct{display:flex;gap:16px;transition:transform 520ms var(--ease-out)}
.c2 .wcc{flex:0 0 calc((100% - 32px)/3);background:#fff;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(27,23,22,.04),0 10px 26px rgba(27,23,22,.05);opacity:0;transform:translateY(20px);transition:opacity 300ms ease,transform 480ms var(--ease-out),box-shadow 200ms ease}
.c2 .wl.L1.on .wcc{opacity:1;transform:none;transition-delay:calc(360ms + var(--i)*70ms),calc(360ms + var(--i)*70ms),0ms}
@media (hover:hover) and (pointer:fine){.c2 .wcc:hover{box-shadow:0 2px 4px rgba(27,23,22,.05),0 16px 32px rgba(27,23,22,.08)}}
.c2 .wca{height:132px;display:grid;place-items:center;background:color-mix(in oklch,var(--wc) 30%,white)}
.c2 .wca svg{max-height:110px;width:auto}
.c2 .wcb{padding:16px 20px 18px;display:flex;flex-direction:column;gap:6px;min-height:150px}
.c2 .wcb .wi{font:600 11.5px/1 Satoshi;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}
.c2 .wcb b{font:400 19px/1.25 "Young Serif",serif;color:var(--ink)}
.c2 .wcb .wa{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;border:0;background:var(--ink);color:#fff;border-radius:999px;padding:9px 14px;font:500 13.5px Satoshi;cursor:pointer;transition:background-color 160ms ease,transform 120ms ease}
.c2 .wcb .wa:hover{background:#3a3533}.c2 .wcb .wa:active{transform:scale(.97)}
.c2 .wl.L1 .wans{left:310px;margin-left:0;width:900px;top:320px}
.c2 .wl.L1 .wtray{display:none}
@media (prefers-reduced-motion: reduce){.c2 .wbuddy,.c2 .wct,.c2 .wcar,.c2 .wcc{transition:opacity 160ms ease!important}.c2 .wbuddy .bob,.c2 .wbuddy .lid{animation:none}}

/* ---------- emil-design-eng pass: exits faster than entrances, no layout animation, press feedback ---------- */
.c2 .wl.L1 .wsb,.c2 .wl.L1.on .wsb{width:760px;transition:box-shadow 200ms ease}
.c2 .wl .wstage{transition:transform 260ms var(--ease-out)}
.c2 .wl.on .wstage{transition-duration:420ms}
.c2 .wbuddy{transition:transform 300ms var(--ease-out)}
.c2 .wl.L1.on .wbuddy,.c2 .wl.L1.ans .wbuddy{transition:transform 520ms cubic-bezier(.45,0,.2,1)}
.c2 .wl .whi,.c2 .wl .wgl{transition:opacity 150ms ease,transform 200ms var(--ease-out)}
.c2 .wl:not(.on) .whi,.c2 .wl:not(.on) .wgl{transition:opacity 240ms ease 120ms,transform 360ms var(--ease-out) 120ms}
.c2 .wcar{transition:opacity 150ms ease,transform 200ms var(--ease-out)}
.c2 .wl.L1.on .wcar{transition:opacity 220ms ease 140ms,transform 360ms var(--ease-out) 140ms}
.c2 .wl.L1.ans .wcar{transition:opacity 150ms ease,transform 200ms var(--ease-out)}
.c2 .wcc{transition:opacity 150ms ease,transform 200ms var(--ease-out),box-shadow 200ms ease}
.c2 .wl.L1.on .wcc{transition:opacity 220ms ease,transform 360ms var(--ease-out),box-shadow 200ms ease;transition-delay:calc(200ms + var(--i)*50ms),calc(200ms + var(--i)*50ms),0ms}
.c2 .wct{transition:transform 380ms var(--ease-io)}
.c2 .wans{transition:opacity 150ms ease,transform 200ms var(--ease-out)}
.c2 .wl.ans .wans{transition:opacity 220ms ease 100ms,transform 320ms var(--ease-out) 100ms}
.c2 .gc,.c2 .wdb,.c2 .rnd{transition-property:transform,box-shadow,background-color;transition-duration:160ms;transition-timing-function:var(--ease-out)}
.c2 .gc:active,.c2 .wc:active{transform:scale(.98)}
.c2 .wdb:active,.c2 .rnd:active,.c2 .b-ink:active,.c2 .b-out:active{transform:scale(.97)}
.c2 .wdm{transform-origin:50% 0;transition:opacity 160ms var(--ease-out),transform 160ms var(--ease-out)}
@starting-style{.c2 .wdm{opacity:0;transform:translateX(-50%) translateY(-4px) scale(.97)}}
@media (prefers-reduced-motion: reduce){.c2 .wl .wstage,.c2 .wl .whi,.c2 .wl .wgl,.c2 .wcar,.c2 .wcc,.c2 .wct,.c2 .wans,.c2 .wbuddy,.c2 .wdm{transition:opacity 160ms ease!important;transition-delay:0ms!important}}

/* ---------- L1 activation options (A stay & reveal · B command panel · C deck) ---------- */
.c2 .wsb::before{filter:blur(18px);transition:opacity 320ms ease,transform 420ms var(--ease-out)}
.c2 .wl.L1.on .wsb::before{opacity:1;transform:scale(1.02)}
.c2 .wl.L1 .wstage>.dstar{transition:opacity 200ms ease}
.c2 .wl.L1.on .wstage>.dstar{opacity:0}
.c2 .wl.L1 .wcar>.dstar{opacity:0;transform:scale(.6);transition:opacity 200ms ease,transform 200ms var(--ease-out)}
.c2 .wl.L1.on:not(.ans) .wcar>.dstar{opacity:1;transform:none;transition:opacity 260ms ease 420ms,transform 420ms var(--ease-out) 420ms}
.c2 .wl.L1 .wcar,.c2 .wl.L1 .wans{left:308px;width:760px;margin-left:0}
.c2 .wl.L1 .wch h3{font-size:19px}
.c2 .wl.L1 .wcc{border-radius:20px}

/* A · Stay & reveal: the bar lifts a little, picks open as a centred row right under it; Loouie sits beside the bar */
.c2 .wl.L1.vA.on .wstage{transform:translateY(-186px)}
.c2 .wl.L1.vA.on .wbuddy,.c2 .wl.L1.vA.ans .wbuddy{transform:translate(163px,188px) scale(.6)}
.c2 .wl.L1.vA .wcar{top:326px}
.c2 .wl.L1.vA .wct{gap:12px}
.c2 .wl.L1.vA .wcc{flex:0 0 calc((100% - 24px)/3)}
.c2 .wl.L1.vA .wca{height:96px}.c2 .wl.L1.vA .wca svg{max-height:76px}
.c2 .wl.L1.vA .wcb{padding:14px 16px 16px;min-height:132px}
.c2 .wl.L1.vA .wcb b{font-size:16.5px}
.c2 .wl.L1.vA .wcb .wa{padding:8px 12px;font-size:13px}
.c2 .wl.L1.vA .wans{top:326px}

/* B · Command panel: one white card under the bar holds every pick as a row; Loouie speaks from the card's header */
.c2 .wl.L1.vB.on .wstage{transform:translateY(-236px)}
.c2 .wl.L1.vB.on .wbuddy,.c2 .wl.L1.vB.ans .wbuddy{transform:translate(267px,237px) scale(.42)}
.c2 .wl.L1.vB .wcar{top:268px;background:#fff;border-radius:26px;padding:18px 18px 12px;box-shadow:0 1px 2px rgba(27,23,22,.04),0 18px 44px rgba(27,23,22,.08)}
.c2 .wl.L1.vB .wch{padding-left:62px;min-height:44px;margin-bottom:8px}
.c2 .wl.L1.vB .wch .rnd{display:none}
.c2 .wl.L1.vB .wcv{margin:0;padding:0}
.c2 .wl.L1.vB .wct{flex-direction:column;gap:2px;transform:none!important}
.c2 .wl.L1.vB .wcc{flex:none;flex-direction:row;align-items:center;gap:14px;padding:8px 10px;border-radius:16px;box-shadow:none;background:transparent}
@media (hover:hover) and (pointer:fine){.c2 .wl.L1.vB .wcc:hover{background:var(--paper);box-shadow:none}}
.c2 .wl.L1.vB .wca{flex:none;width:52px;height:52px;border-radius:14px}
.c2 .wl.L1.vB .wca svg{max-height:38px;max-width:44px}
.c2 .wl.L1.vB .wcb{flex:1;min-height:0;padding:0;display:grid;grid-template-columns:1fr auto;grid-template-areas:"k a" "t a";column-gap:16px;row-gap:2px;align-items:center}
.c2 .wl.L1.vB .wcb .wi{grid-area:k;font-size:10.5px}
.c2 .wl.L1.vB .wcb b{grid-area:t;font-size:16px}
.c2 .wl.L1.vB .wcb .wa{grid-area:a;margin:0;padding:8px 12px;font-size:13px}
.c2 .wl.L1.vB .wans{top:268px}
.c2 .wl.L1.vB .wan{padding-left:96px}

/* C · Deck: the bar drops to the bottom like a composer, Loouie hops to the top centre and holds one pick in focus */
.c2 .wl.L1.vC.on .wstage{transform:translateY(176px)}
.c2 .wl.L1.vC.on .wbuddy,.c2 .wl.L1.vC.ans .wbuddy{transform:translate(613px,44px) scale(.62)}
.c2 .wl.L1.vC .wcar{top:214px}
.c2 .wl.L1.vC .wch{justify-content:center;margin-bottom:18px}
.c2 .wl.L1.vC .wch h3{margin-right:0}
.c2 .wl.L1.vC .wcn{display:none}
.c2 .wl.L1.vC .wch .rnd{position:absolute;top:166px;z-index:2}
.c2 .wl.L1.vC .wch .rnd[data-car="-1"]{left:-64px}.c2 .wl.L1.vC .wch .rnd[data-car="1"]{right:-64px}
.c2 .wl.L1.vC .wcv{overflow:visible;margin:0;padding:0}
.c2 .wl.L1.vC .wct{position:relative;height:300px;transform:none!important}
.c2 .wl.L1.vC .wcc{position:absolute;left:50%;top:0;width:300px;margin-left:-150px;cursor:pointer;transition:transform 380ms var(--ease-io),opacity 260ms ease,box-shadow 200ms ease}
.c2 .wl.L1.vC .wca{height:118px}.c2 .wl.L1.vC .wca svg{max-height:92px}
.c2 .wl.L1.vC .wcb{min-height:150px}
.c2 .wl.L1.vC .wcb b{font-size:18px}
.c2 .wl.L1.vC.on .wcc[data-pos="0"]{opacity:1;transform:none;z-index:2;cursor:default}
.c2 .wl.L1.vC.on .wcc[data-pos="-1"]{opacity:.42;transform:translateX(-262px) scale(.84);z-index:1}
.c2 .wl.L1.vC.on .wcc[data-pos="1"]{opacity:.42;transform:translateX(262px) scale(.84);z-index:1}
.c2 .wl.L1.vC.on .wcc[data-pos="off"]{opacity:0;transform:scale(.7);pointer-events:none}
@media (hover:hover) and (pointer:fine){.c2 .wl.L1.vC.on .wcc[data-pos="1"]:hover,.c2 .wl.L1.vC.on .wcc[data-pos="-1"]:hover{opacity:.75}}
.c2 .wl.L1.vC .wans{top:214px}
@media (prefers-reduced-motion: reduce){.c2 .wl.L1.vC .wcc{transition:opacity 160ms ease!important}}

.c2 .next .nt{background:none;padding:0;border-radius:0;box-shadow:none}

/* ---------- picks as a mixed report row + Loouie's thought bubble (option A) ---------- */
.c2 .wl.L1 .pkt-score,.c2 .wl.L1 .pkt-metric,.c2 .wl.L1 .pkt-report{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.c2 .pkt-metric{flex-direction:column;gap:2px;padding:0 22px;align-items:flex-start!important}
.c2 .pkt-metric b{font:400 40px/1 "Young Serif",serif;color:#1b1716}
.c2 .pkt-metric span{font:500 12px Satoshi;color:var(--ink2)}
.c2 .pkt-metric i{display:block;width:100%;height:8px;border-radius:99px;margin-top:6px;background:linear-gradient(90deg,var(--wc) var(--w),color-mix(in oklch,var(--wc) 30%,white) var(--w))}
.c2 .pkt-report{flex-direction:column;gap:6px;padding:0 22px;align-items:stretch!important}
.c2 .pkt-report span{display:flex;justify-content:space-between;align-items:baseline;font:500 13px Satoshi;color:var(--ink2)}
.c2 .pkt-report em{font-style:normal}
.c2 .pkt-report b{font:400 17px "Young Serif",serif;color:#1b1716}
.c2 .wl.L1 .pkt-score .ring{display:block}
/* thought bubble: same white card language, trailing circles lead back to Loouie */
.c2 .wthink{position:absolute;left:304px;top:96px;width:470px;background:#fff;border-radius:22px;padding:14px 18px 10px;box-shadow:0 1px 2px rgba(27,23,22,.04),0 12px 30px rgba(27,23,22,.07);opacity:0;transform:translateY(8px) scale(.97);transform-origin:0 100%;pointer-events:none;transition:opacity 150ms ease,transform 200ms var(--ease-out)}
.c2 .wl.L1.vA.on:not(.ans) .wthink{opacity:1;transform:none;pointer-events:auto;transition:opacity 240ms ease 380ms,transform 360ms var(--ease-out) 380ms}
.c2 .wthink .wlbl{margin-bottom:4px}
.c2 .wthink p{font:400 17px/1.4 "Young Serif",serif;color:var(--ink)}
.c2 .wthink .b-txt{padding:6px 0 2px;font-size:13px}
.c2 .wthink i{position:absolute;border-radius:50%;background:#fff;box-shadow:0 4px 12px rgba(27,23,22,.07)}
.c2 .wthink .tb1{width:16px;height:16px;left:-12px;bottom:-14px}
.c2 .wthink .tb2{width:9px;height:9px;left:-28px;bottom:-30px}
@media (prefers-reduced-motion: reduce){.c2 .wthink{transition:opacity 160ms ease!important}}

/* hand-drawn carousel arrows: no disc, just the ink stroke */
.c2 .wl.L1 .wch .darr{width:44px;height:44px;background:none;box-shadow:none;border-radius:12px;color:var(--ink);transition:transform 160ms var(--ease-out),opacity 160ms ease}
.c2 .wl.L1 .wch .darr[data-car="-1"] svg{transform:scaleX(-1)}
.c2 .wl.L1 .wch .darr:active{transform:scale(.92)}
@media (hover:hover) and (pointer:fine){.c2 .wl.L1 .wch .darr[data-car="1"]:hover{transform:translateX(3px)}.c2 .wl.L1 .wch .darr[data-car="-1"]:hover{transform:translateX(-3px)}}
.c2 .wl.L1 .wch .darr:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.c2 .wl.L1 .wch .wcn{margin-right:2px}
/* thought bubble centred over the bar, link inline at the end of the thought */
.c2 .wthink{left:50%;width:auto;max-width:560px;margin-left:0;translate:-50% 0;padding:14px 20px 14px}
.c2 .wthink p .b-txt{display:inline;padding:0;margin-left:4px;font:600 13px Satoshi;white-space:nowrap;vertical-align:1px}
.c2 .wthink p{text-wrap:balance}

/* ===== Polish pass (creative-director critique) ===== */
/* 1. Vertical balance: open group centred in the frame (was ~68px high) */
.c2 .wl.L1.vA.on .wstage{transform:translateY(-118px)}
.c2 .wl.L1.vA.on .wbuddy,.c2 .wl.L1.vA.ans .wbuddy{transform:translate(163px,256px) scale(.6)}
.c2 .wl.L1.vA .wcar,.c2 .wl.L1.vA .wans{top:394px}
.c2 .wthink{top:164px}
/* thought trail drifts toward Loouie: three shrinking dots */
.c2 .wthink .tb1{width:15px;height:15px;left:-20px;bottom:-12px}
.c2 .wthink .tb2{width:10px;height:10px;left:-50px;bottom:-26px}
.c2 .wthink::after{content:"";position:absolute;width:6px;height:6px;left:-76px;bottom:-38px;border-radius:50%;background:#fff;box-shadow:0 3px 8px rgba(27,23,22,.08)}
/* 2. Focused bar: no hard ink ring, cleaner glow (no green/red mud) */
.c2 .wl.L1 .wsb:focus-within{box-shadow:0 1px 2px rgba(27,23,22,.05),0 18px 44px rgba(27,23,22,.1)!important}
.c2 .wl.L1 .wsb::before{background:conic-gradient(from var(--ga),var(--sienna),var(--rose),var(--arctic),var(--rose),var(--sienna));inset:-4px}
.c2 .wl.L1.on .wsb::before{opacity:.85;transform:scale(1.015)}
/* 3. Picks header: one star clear of the heading, lighter arrows */
.c2 .wl.L1 .wcar>.dstar:first-of-type{display:none}
.c2 .wl.L1 .wch{gap:2px;margin-bottom:14px}
.c2 .wl.L1 .wch .wcn{margin-right:10px;font-variant-numeric:tabular-nums}
.c2 .wl.L1 .wch .darr{width:40px;height:40px;display:grid;place-items:center}
.c2 .wl.L1 .wch .darr svg{width:24px;height:16px}
/* 4. No peeking fourth card */
.c2 .wl.L1.vA .wcv{clip-path:inset(-30px 12px);padding-bottom:40px;margin-bottom:-40px}
/* 5. One alignment for every card top */
.c2 .wl.L1 .pkt-metric{align-items:center!important;text-align:center}
.c2 .wl.L1 .pkt-metric i{width:64%}
.c2 .wl.L1 .pkt-report{padding:0 26px}
.c2 .wl.L1 svg>circle[cx="122"][cy="22"],.c2 .wl.L1 svg>svg[x="114"][y="14"]{display:none}
/* 6. Whole card is the target; action is a quiet text link (one primary per view) */
.c2 .wl.L1.vA .wcc{cursor:pointer}
.c2 .wl.L1.vA .wcb{gap:5px}
.c2 .wl.L1 .wcb .wa,.c2 .wl.L1.vA .wcb .wa{background:none;color:var(--ink);padding:10px 0 0;border-radius:0;font:600 13.5px Satoshi;gap:5px}
.c2 .wl.L1 .wcb .wa svg{transition:transform 160ms var(--ease-out)}
.c2 .wl.L1 .wcb .wa:hover{background:none}
.c2 .wl.L1 .wcb .wa:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}
@media (hover:hover) and (pointer:fine){.c2 .wl.L1.vA.on .wcc:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(27,23,22,.05),0 18px 34px rgba(27,23,22,.09)}.c2 .wl.L1.vA .wcc:hover .wa svg{transform:translate(2px,-2px)}}
.c2 .wl.L1.vA.on .wcc:active{transform:scale(.985)}
/* 7. Closed glance row: three equal cards, same span either side of the bar */
.c2 .wl.L1 .wgl{grid-template-columns:repeat(3,1fr)}
.c2 .wl.L1 .wgl>*{width:auto;min-width:0;justify-self:stretch}
@media (prefers-reduced-motion: reduce){.c2 .wl.L1.vA .wcc:hover{transform:none}}

/* ===== Welcome: all three glance cards white; search glow stays off until the bar is clicked ===== */
.c2 .wl.L1 .g-fix,.c2 .wl.L1 .g-note{background:#fff}
.c2 .wl.L1:not(.on) .wsb::before{opacity:0}
.c2 .wl.L1:not(.on) .wsb:hover::before{opacity:.18}

/* ===== Design review: Loouie's thought belongs to Loouie ===== */
/* left edge on the bar's left edge, width fitted to the text (fitThink), 56px clear of the bar */
.c2 .wthink{top:150px;translate:-380px 0;max-width:520px;transform-origin:0 100%}
.c2 .wthink p{text-wrap:pretty}
/* trail rises from Loouie's head, not the bar corner */
.c2 .wthink .tb1{width:12px;height:12px;left:-14px;bottom:-16px}
.c2 .wthink .tb2{width:8px;height:8px;left:-30px;bottom:-32px}
.c2 .wthink::after{width:5px;height:5px;left:-42px;bottom:-46px}
/* picks sit 32px under the bar, matching the rhythm above */
.c2 .wl.L1.vA .wcar,.c2 .wl.L1.vA .wans{top:404px}

/* ===== Thought, round 2: the bar is the hero, the thought is a whisper ===== */
/* shared: quieter type (15px, ink2) so it no longer outweighs the bar; pill-ish radius to echo the bar */
.c2 .wthink{border-radius:26px;padding:12px 20px 13px;background:rgba(255,255,255,.58);-webkit-backdrop-filter:blur(12px) saturate(1.1);backdrop-filter:blur(12px) saturate(1.1);box-shadow:0 8px 28px rgba(27,23,22,.035)}
.c2 .wthink p{font-size:15px;line-height:1.45;color:var(--ink2)}
.c2 .wthink .wlbl{font-size:11.5px;margin-bottom:3px;color:var(--ink3)}
.c2 .wthink p .b-txt{font-size:12.5px;color:var(--ink2)}
.c2 .wthink i,.c2 .wthink::after{background:rgba(255,255,255,.58);box-shadow:0 3px 10px rgba(27,23,22,.035)}
.c2 .wthink{top:166px}
/* C: bubble floats over Loouie, trail drops straight to his head */
[data-th="over"] .c2 .wthink{translate:-484px 0;max-width:420px;top:150px}
[data-th="over"] .c2 .wthink .tb1{left:34px;bottom:-15px}
[data-th="over"] .c2 .wthink .tb2{left:42px;bottom:-29px}
[data-th="over"] .c2 .wthink::after{left:47px;bottom:-40px}
/* B: no card, a quiet line over the bar's left edge */
[data-th="line"] .c2 .wthink{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;padding:0 0 0 24px;top:186px}
[data-th="line"] .c2 .wthink i,[data-th="line"] .c2 .wthink::after{display:none}
[data-th="line"] .c2 .wthink .wlbl{display:none}
[data-th="line"] .c2 .wthink p{color:var(--ink3)}
.c2 .wthink p{text-wrap:balance}
[data-th="over"] .c2 .wthink{top:166px}
[data-th="line"] .c2 .wthink{top:206px}

/* ===== Open-search layout options (same content, different arrangement) ===== */
/* B · Tray: Loouie and his thought sit in one tray fused to the top of the bar (Claude-style composer) */
[data-lay="b"] .c2 .wl.L1.vA.on:not(.ans) .wbuddy{transform:translate(279px,196px) scale(.36)}
[data-lay="b"] .c2 .wl.L1.vA.on:not(.ans) .wshadow{opacity:0}
[data-lay="b"] .c2 .wthink{width:760px!important;max-width:none;top:325px;translate:-380px -100%;border-radius:30px 30px 0 0;padding:12px 24px 34px 84px;background:rgba(255,255,255,.5);box-shadow:none;z-index:1}
[data-lay="b"] .c2 .wl.L1 .wsb{z-index:2}
[data-lay="b"] .c2 .wthink i,[data-lay="b"] .c2 .wthink::after{display:none}
/* C · Beside: Loouie at the column edge, the thought speaks from him; everything on one left edge */
[data-lay="c"] .c2 .wl.L1.vA.on:not(.ans) .wbuddy{transform:translate(272px,132px) scale(.6)}
[data-lay="c"] .c2 .wthink,[data-lay="d"] .c2 .wthink{translate:-274px -50%;max-width:560px}
[data-lay="c"] .c2 .wthink{top:207px}
[data-lay="c"] .c2 .wthink .tb2,[data-lay="c"] .c2 .wthink::after,[data-lay="d"] .c2 .wthink .tb2,[data-lay="d"] .c2 .wthink::after{display:none}
[data-lay="c"] .c2 .wthink .tb1,[data-lay="d"] .c2 .wthink .tb1{width:14px;height:14px;left:-6px;top:calc(50% - 7px);bottom:auto;border-radius:3px;transform:rotate(45deg);box-shadow:none;background:rgba(255,255,255,.58)}
/* D · Picks first: Loouie and his thought up top, picks in the middle, the bar docked at the bottom (Bard-style) */
[data-lay="d"] .c2 .wl.L1.vA.on:not(.ans) .wbuddy{transform:translate(272px,54px) scale(.6)}
[data-lay="d"] .c2 .wthink{top:129px}
[data-lay="d"] .c2 .wl.L1.vA.on:not(.ans) .wcar{top:226px}
[data-lay="d"] .c2 .wl.L1.vA.on:not(.ans) .wstage{transform:translateY(130px)}
[data-lay="b"] .c2 .wthink{background:#faf7f3;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 -1px 0 rgba(27,23,22,.03),0 10px 30px rgba(27,23,22,.04)}

/* ===== D · Picks first: centred Loouie + thought, review-style callout bubble, side swaps ===== */
/* group (Loouie 90 + gap 18 + bubble) centred on the column; --bw is the fitted bubble width */
[data-lay="d"] .c2 .wthink{left:calc(50% + 54px);translate:-50% -50%;top:129px;max-width:520px;
 background:#FFFDF8;border:1.5px solid var(--ink);border-radius:14px 14px 14px 4px;padding:11px 15px 12px;
 -webkit-backdrop-filter:none;backdrop-filter:none;
 box-shadow:inset 3.5px 0 0 var(--tc),0 8px 20px rgba(25,23,22,.12);transition:opacity 240ms ease,transform 360ms var(--ease-out),left 520ms cubic-bezier(.45,0,.2,1),box-shadow 240ms ease}
[data-lay="d"] .c2 .wthink .wlbl{font:600 10.5px/1 Satoshi;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);margin-bottom:6px}
[data-lay="d"] .c2 .wthink p{font:500 14px/1.45 Satoshi,sans-serif;color:var(--ink)}
[data-lay="d"] .c2 .wthink p .b-txt{font:500 13px Satoshi;color:var(--ink3)}
[data-lay="d"] .c2 .wthink .tb1{display:none}
[data-lay="d"] .c2 .wl.L1.vA.on:not(.ans) .wbuddy{transform:translate(calc(598px - var(--bw,400px) / 2),54px) scale(.6)}
/* flipped: Loouie on the right, the callout corner points at him */
[data-lay="d"] .c2 .wl.flip .wthink{left:calc(50% - 54px);border-radius:14px 14px 4px 14px}
[data-lay="d"] .c2 .wl.L1.vA.on.flip:not(.ans) .wbuddy{transform:translate(calc(616px + var(--bw,400px) / 2),54px) scale(.6)}
@media (prefers-reduced-motion: reduce){[data-lay="d"] .c2 .wthink{transition:opacity 160ms ease}}

/* ===== D · round 2: bubble fixed size and dead centre, tail + thought dots toward Loouie, no colour edge ===== */
[data-lay="d"] .c2 .wthink{width:322px!important;max-width:none;left:50%;translate:-50% -50%;border-radius:14px;box-shadow:0 8px 20px rgba(25,23,22,.12);overflow:visible}
[data-lay="d"] .c2 .wl.flip .wthink{left:50%;border-radius:14px}
/* tail: a small paper diamond with the ink edge on the side facing Loouie */
[data-lay="d"] .c2 .wthink::before{content:"";position:absolute;top:calc(50% - 6px);left:-7.5px;width:12px;height:12px;background:#FFFDF8;border:1.5px solid var(--ink);border-width:0 0 1.5px 1.5px;border-radius:0 0 0 3px;transform:rotate(45deg)}
[data-lay="d"] .c2 .wl.flip .wthink::before{left:auto;right:-7.5px;border-width:1.5px 1.5px 0 0;border-radius:0 3px 0 0}
/* thought dots between the tail and Loouie */
[data-lay="d"] .c2 .wthink .tb1,[data-lay="d"] .c2 .wthink .tb2{display:block;position:absolute;background:#FFFDF8;border:1.5px solid var(--ink);border-radius:50%;box-shadow:none;transform:none;bottom:auto}
[data-lay="d"] .c2 .wthink .tb1{width:11px;height:11px;left:-30px;top:calc(50% - 5.5px)}
[data-lay="d"] .c2 .wthink .tb2{width:7px;height:7px;left:-46px;top:calc(50% - 3.5px)}
[data-lay="d"] .c2 .wl.flip .wthink .tb1{left:auto;right:-30px}
[data-lay="d"] .c2 .wl.flip .wthink .tb2{left:auto;right:-46px}
[data-lay="d"] .c2 .wthink::after{display:none}
/* Loouie 64px clear of the bubble on either side */
[data-lay="d"] .c2 .wl.L1.vA.on:not(.ans) .wbuddy{transform:translate(340px,54px) scale(.6)}
[data-lay="d"] .c2 .wl.L1.vA.on.flip:not(.ans) .wbuddy{transform:translate(874px,54px) scale(.6)}
/* one size for every thought: wide enough that each tip sits on two lines */
[data-lay="d"] .c2 .wthink{width:384px!important;min-height:87px}
[data-lay="d"] .c2 .wl.L1.vA.on:not(.ans) .wbuddy{transform:translate(306px,54px) scale(.6)}
[data-lay="d"] .c2 .wl.L1.vA.on.flip:not(.ans) .wbuddy{transform:translate(908px,54px) scale(.6)}
/* D: borderless bubble, tail and dots; a soft shadow carries the edge */
[data-lay="d"] .c2 .wthink{border:0;box-shadow:0 1px 2px rgba(25,23,22,.06),0 10px 26px rgba(25,23,22,.1)}
[data-lay="d"] .c2 .wthink::before{border:0;left:-6px;top:calc(50% - 6px);border-radius:0 0 0 3px}
[data-lay="d"] .c2 .wl.flip .wthink::before{left:auto;right:-6px;border-radius:0 3px 0 0}
[data-lay="d"] .c2 .wthink .tb1,[data-lay="d"] .c2 .wthink .tb2{border:0;box-shadow:0 2px 6px rgba(25,23,22,.12)}
[data-lay="d"] .c2 .wthink .tb1{width:12px;height:12px;top:calc(50% - 6px)}
[data-lay="d"] .c2 .wthink .tb2{width:8px;height:8px;top:calc(50% - 4px)}

/* ===== Welcome polish: yellow send, lighter site picker, thought arcs up from Loouie ===== */
.c2 .wgo{background:var(--sienna);color:var(--ink)}
.c2 .wgo:hover{background:color-mix(in oklch,var(--sienna) 82%,black)}
.c2 .wgo:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.c2 .wdb{font-weight:500;box-shadow:inset 0 0 0 1.25px var(--ink)}
.c2 .wdb b{font-weight:500}
/* the picks' stray star goes; the thought carries a small, deliberate sparkle pair on its outer corner */
.c2 .wl.L1 .wcar>.dstar{display:none}
.c2 .wthink .ts1,.c2 .wthink .ts2{display:none}
[data-lay="d"] .c2 .wthink .ts1,[data-lay="d"] .c2 .wthink .ts2{display:block}
[data-lay="d"] .c2 .wthink .ts1{left:auto!important;top:-12px!important;right:-12px}
[data-lay="d"] .c2 .wthink .ts2{left:auto!important;top:-24px!important;right:12px}
[data-lay="d"] .c2 .wl.flip .wthink .ts1{right:auto;left:-12px!important}
[data-lay="d"] .c2 .wl.flip .wthink .ts2{right:auto;left:12px!important}
/* bubble higher, Loouie lower: the dots arc up from him to the bubble's lower corner */
[data-lay="d"] .c2 .wthink{top:104px}
[data-lay="d"] .c2 .wthink::before{display:none}
[data-lay="d"] .c2 .wl.L1.vA.on:not(.ans) .wbuddy{transform:translate(306px,89px) scale(.6)}
[data-lay="d"] .c2 .wl.L1.vA.on.flip:not(.ans) .wbuddy{transform:translate(908px,89px) scale(.6)}
[data-lay="d"] .c2 .wl.L1.vA.on:not(.ans) .wcar{top:240px}
[data-lay="d"] .c2 .wthink .tb3{display:block;position:absolute;background:#FFFDF8;border-radius:50%;box-shadow:0 2px 6px rgba(25,23,22,.12)}
[data-lay="d"] .c2 .wthink .tb1{width:13px;height:13px;left:-27px;top:62px}
[data-lay="d"] .c2 .wthink .tb2{width:9px;height:9px;left:-44px;top:78px}
[data-lay="d"] .c2 .wthink .tb3{width:6px;height:6px;left:-56px;top:94px}
[data-lay="d"] .c2 .wl.flip .wthink .tb1{left:auto;right:-27px}
[data-lay="d"] .c2 .wl.flip .wthink .tb2{left:auto;right:-44px}
[data-lay="d"] .c2 .wl.flip .wthink .tb3{left:auto;right:-56px}
/* slower, smoother hop: longer arc, gentler squash, matching travel time */
.c2 .hop-l{animation:hopL 760ms cubic-bezier(.37,0,.25,1)}
@keyframes hopL{0%{transform:none}10%{transform:scale(1.05,.94)}45%{transform:translateY(-80px) scale(.98,1.03) rotate(-5deg)}80%{transform:translateY(-6px) scale(.99,1.01) rotate(-1deg)}90%{transform:translateY(0) scale(1.04,.96)}100%{transform:none}}
.c2 .wl.L1.on .wbuddy,.c2 .wl.L1.ans .wbuddy{transition:transform 760ms cubic-bezier(.45,0,.25,1)}
/* centre the open group vertically in the frame (was riding high with a deep empty floor) */
[data-lay="d"] .c2 .wthink{top:189px}
[data-lay="d"] .c2 .wl.L1.vA.on:not(.ans) .wbuddy{transform:translate(306px,174px) scale(.6)}
[data-lay="d"] .c2 .wl.L1.vA.on.flip:not(.ans) .wbuddy{transform:translate(908px,174px) scale(.6)}
[data-lay="d"] .c2 .wl.L1.vA.on:not(.ans) .wcar{top:325px}
[data-lay="d"] .c2 .wl.L1.vA.on:not(.ans) .wstage{transform:translateY(215px)}
/* open-search sparkles: three fixed points framing the group (top-left, top-right, beside the bar's end); they never move, only fade in */
.c2 .wsk{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity 160ms ease}
.c2 .wl.L1.on:not(.ans) .wsk{opacity:1;transition:opacity 400ms ease 300ms}
.c2 .wsk .dstar{transform:none!important;animation:none!important}
/* picks share the bar's edges exactly (were 6px right of it) */
.c2 .wl.L1.vA .wcar{translate:-6px 0}
/* the same three sparkles hold their spots on the closed page too; the old drifting set is retired */
.c2 .wl.L1 .wstage>.dstar{display:none}
.c2 .wl.L1 .wsk{opacity:1;transition:none}
.c2 .wl.L1.ans .wsk{opacity:0;transition:opacity 160ms ease}
/* heading sparkle cluster: zero-width anchor so the heading stays centred; stars hang just past the last letter */
.c2 .spk{position:relative;display:inline-block;width:0;height:1em;vertical-align:baseline;pointer-events:none}
.c2 .spk .dstar{position:absolute;z-index:0}
.c2 .wch h3 .spk{transform:scale(.62);transform-origin:0 50%}

.c2 .wsb[aria-disabled="true"]{opacity:.6;cursor:default}