:root{--paper:#ebe8df;--paper-2:#dfdbcf;--ink:#141714;--muted:#62665d;--line:#14171429;--acid:#d7ff3f;--orange:#ff5a2f;--night:#10150f;--p:0;--display:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace}html{background:var(--paper)}body{color:var(--ink);background:var(--paper);font-family:var(--display);margin:0;overflow-x:clip}a{color:inherit}:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.skip{z-index:30;background:var(--acid);color:var(--ink);font:500 12px var(--mono);padding:10px 14px;position:fixed;top:-60px;left:16px}.skip:focus{top:16px}.topbar{z-index:20;height:58px;color:var(--paper);mix-blend-mode:difference;pointer-events:none;font:500 10px var(--mono);letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid #ebe8df38;justify-content:space-between;align-items:center;gap:16px;padding:0 clamp(16px,3vw,44px);display:flex;position:fixed;inset:0 0 auto}.brand{font:800 15px var(--display);letter-spacing:-.02em;text-transform:none}.brand sup{font-size:.5em}.sequence{height:var(--scroll-vh,520vh);position:relative}.stage{grid-template-columns:minmax(340px,.8fr) minmax(0,1.2fr);height:100svh;min-height:600px;display:grid;position:sticky;top:0;overflow:hidden}.copy{z-index:2;border-right:1px solid var(--line);flex-direction:column;padding:92px clamp(24px,4.4vw,72px) 40px;display:flex;position:relative}.eyebrow{color:var(--muted);font:400 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;gap:16px;display:flex}h1{letter-spacing:-.055em;max-width:9ch;margin:auto 0 28px;font-size:clamp(54px,6.4vw,104px);font-weight:800;line-height:.86}h1 span{color:var(--orange);letter-spacing:-.06em;font-weight:500;display:block}.state-copy{border-top:1px solid var(--line);min-height:104px;padding-top:16px;position:relative}.state{opacity:0;transition:opacity .22s linear,transform .22s;position:absolute;inset:16px 0 auto;transform:translateY(10px)}.state.active{opacity:1;transform:none}.state b{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;display:block}.state p{color:var(--muted);max-width:42ch;margin:0;font-size:clamp(15px,1.3vw,18px);line-height:1.45}.readout{grid-template-columns:1fr auto;align-items:center;gap:18px;margin-top:18px;display:grid}.track{background:var(--line);height:2px;overflow:hidden}.track i{background:var(--ink);height:100%;transform:scaleX(var(--p));transform-origin:0;display:block}.pct{font:700 34px/1 var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;text-align:right;min-width:2ch}.cta-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;display:flex}.cta{background:var(--ink);color:var(--paper);border-radius:999px;padding:13px 18px;font-size:15px;font-weight:500;text-decoration:none;transition:background .2s;display:inline-flex}.cta:hover{background:var(--orange)}.maker{font:400 11px var(--mono);color:var(--muted);letter-spacing:.06em}.visual{color:var(--paper);background-color:var(--night);background-image:linear-gradient(#ebe8df0b 1px,#0000 1px),linear-gradient(90deg,#ebe8df0b 1px,#0000 1px);background-position:50%;background-size:48px 48px;position:relative;overflow:hidden}.visual:after{content:"";pointer-events:none;border-left:1px dashed #d7ff3f29;position:absolute;top:0;bottom:0;left:50%}.pot{width:100%;height:100%;position:absolute;inset:0}.cross{opacity:.45;width:16px;height:16px;position:absolute}.cross:before,.cross:after{content:"";background:var(--paper);position:absolute}.cross:before{width:1px;height:16px;top:0;left:7.5px}.cross:after{width:16px;height:1px;top:7.5px;left:0}.c1{top:92px;right:64px}.c2{bottom:150px;left:56px}.tag{font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;gap:4px;display:grid;position:absolute}.tag .dim{color:#ebe8df80}.tl{top:88px;left:clamp(20px,4vw,56px)}.br{text-align:right;bottom:150px;right:56px}.br [data-p]{color:var(--acid);font-variant-numeric:tabular-nums;font-size:13px}.gauges{font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;gap:8px;margin:0;display:grid;position:absolute;top:124px;right:clamp(20px,4vw,56px)}.gauges div{border-bottom:1px solid #ebe8df1f;grid-template-columns:52px 78px;gap:10px;padding-bottom:6px;display:grid}.gauges dt{color:#ebe8df80}.gauges dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.gauges dd.hot{color:var(--orange)}.vert{writing-mode:vertical-rl;font:500 10px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#ebe8df99;position:absolute;bottom:150px;right:22px}.strip{backdrop-filter:blur(6px);background:#10150fb3;border-top:1px solid #ebe8df24;grid-template-columns:repeat(6,1fr);display:grid;position:absolute;bottom:0;left:0;right:0}.strip button{color:#ebe8df80;cursor:pointer;height:112px;font:500 10px var(--mono);letter-spacing:.14em;background:0 0;border:0;border-right:1px solid #ebe8df1a;padding:0;transition:background .2s,color .2s;position:relative}.strip button:last-child{border-right:0}.strip button canvas{opacity:.55;width:100%;height:calc(100% - 24px);transition:opacity .2s;position:absolute;inset:6px 0 18px}.strip button span{position:absolute;bottom:8px;left:10px}.strip button:after{content:"";background:var(--acid);transform-origin:0;height:2px;transition:transform .25s;position:absolute;top:-1px;left:0;right:0;transform:scaleX(0)}.strip button:hover canvas,.strip button.on canvas{opacity:1}.strip button.on{color:var(--acid);background:#d7ff3f0d}.strip button.on:after{transform:none}.wrap{width:min(1240px,100% - 32px);margin:0 auto}.frames{padding:clamp(80px,12vw,160px) 0 clamp(60px,8vw,110px)}.kicker{font:500 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--orange);margin:0 0 18px}h2{letter-spacing:-.045em;max-width:18ch;margin:0;font-size:clamp(34px,4.6vw,68px);font-weight:700;line-height:.95}.frame-list{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:clamp(40px,6vw,72px) 0 0;padding:0;list-style:none;display:grid}.frame-list li{border-bottom:1px solid var(--line);align-content:start;gap:8px;padding:24px 24px 32px 0;display:grid}.frame-list li+li{border-left:1px solid var(--line);padding-left:24px}.frame-list li:nth-child(3n+1){border-left:0;padding-left:0}.frame-list .num{font:500 11px var(--mono);color:var(--muted);letter-spacing:.12em}.frame-list b{letter-spacing:-.03em;font-size:26px;font-weight:700}.frame-list p{color:var(--muted);max-width:36ch;margin:0;line-height:1.5}.market{padding:0 0 clamp(80px,10vw,140px)}.market-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:32px;margin-bottom:36px;display:flex}.market-head p{max-width:40ch;color:var(--muted);margin:0;line-height:1.5}.grid{grid-template-columns:repeat(4,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--paper-2);border-radius:4px;overflow:hidden}.card canvas{aspect-ratio:4/5;background:radial-gradient(120% 80% at 50% 30%, #f3f0e8, var(--paper-2));width:100%;display:block}.card-body{border-top:1px solid var(--line);padding:16px 16px 18px}.card-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.card h3{letter-spacing:-.02em;margin:0 0 6px;font-size:18px;font-weight:700}.price{font-weight:500}.card p{color:var(--muted);margin:0;font-size:14px}.card .mono{font:400 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-top:8px}.foot{background:var(--night);color:#ebe8dfb3;padding:36px 0 72px;font-size:13px}.foot-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.foot .brand{color:var(--paper)}@media (width<=1080px){.grid{grid-template-columns:repeat(2,1fr)}}@media (width<=860px){.stage{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.visual{order:-1}.copy{border-right:0;border-top:1px solid var(--line);background:var(--paper);padding:14px 16px 18px}.eyebrow{display:none}h1{max-width:none;margin:0 0 12px;font-size:clamp(30px,8.6vw,44px)}h1 span{display:inline}.state-copy{min-height:86px;padding-top:10px}.state{inset:10px 0 auto}.state p{font-size:14px}.readout{margin-top:6px}.pct{font-size:22px}.cta-row{margin-top:10px}.cta{padding:10px 14px;font-size:14px}.tl{top:70px;left:16px}.gauges{gap:5px;top:70px;right:16px}.gauges div{grid-template-columns:40px 64px;padding-bottom:4px}.tl .dim,.c1,.c2,.vert,.br{display:none}.strip button{height:68px}.strip button span{bottom:4px;left:6px}.strip button canvas{height:calc(100% - 18px);inset:4px 0 14px}.frame-list{grid-template-columns:1fr}.frame-list li,.frame-list li+li{border-left:0;padding:20px 0 24px}}@media (width<=520px){.grid{grid-template-columns:1fr 1fr;gap:10px}.card-top{flex-direction:column;gap:0}.card h3{font-size:15px}}@media (prefers-reduced-motion:reduce){.sequence{height:auto}.stage{height:auto;min-height:0;position:relative}.visual{min-height:78vh}.state,.strip button canvas,.track i,.cta{transition:none}}