/* ---------- Case film ---------- */
.film{padding-block:28px clamp(64px,8vw,120px)}
.filmHead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin:44px 0 28px}
.filmHead h2{margin:0;font-weight:900;font-size:clamp(40px,6vw,96px);line-height:.92;letter-spacing:-.045em;max-width:13ch;text-wrap:balance}
.filmHead h2 .it{color:var(--blue);font-size:1.05em}
.filmHead p{max-width:34ch;margin:0;color:#b9b8b2;font-size:15px}
.player{overflow-anchor:none;position:relative;border-radius:18px;overflow:hidden;background:#16171c;box-shadow:0 40px 90px rgba(0,0,0,.5)}
.stage{position:relative;aspect-ratio:16/9;container-type:inline-size;overflow:hidden;color:var(--ink);background:var(--chalk);font-family:var(--display);user-select:none}
.sc{position:absolute;inset:0;opacity:0}
.stage .mono{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;font-size:max(8px,1.05cqw)}
.stage .cap{position:absolute;left:6cqw;bottom:3.4cqw;color:var(--mute)}
.stage .mark{position:absolute;right:3.2cqw;top:2.8cqw;display:flex;align-items:center;gap:.8cqw;font-weight:800;font-size:max(9px,1.3cqw);z-index:5;opacity:.85}
.stage .mark svg{height:2.2cqw;width:auto;fill:var(--ink)}

/* scene 1 */
.s1 .tag{position:absolute;left:7cqw;top:8cqw;color:var(--blue)}
.s1 .k{position:absolute;left:7cqw;font-weight:900;font-size:5.1cqw;line-height:1;letter-spacing:-.045em;white-space:nowrap}
.s1 .k1{top:15cqw}.s1 .k2{top:21.5cqw}
.s1 .k3{top:29cqw;font-family:var(--serif);font-style:italic;font-weight:400;color:var(--blue);font-size:5.8cqw;letter-spacing:-.02em}
.s1 .dots{position:absolute;left:7cqw;top:39cqw;display:grid;grid-template-columns:repeat(20,1.7cqw);gap:.75cqw}
.s1 .dots i{width:1.7cqw;height:1.7cqw;border-radius:50%;background:rgba(15,15,18,.08);transition:background .25s,transform .25s}
.s1 .dots i.on{background:var(--ink);transform:scale(.8)}
.s1 .dots i.on.b{background:var(--blue)}
.s1 .dotsCap{position:absolute;right:6cqw;top:33cqw;color:var(--mute)}

/* scene 2 */
.s2 .phone{position:absolute;left:9cqw;top:9cqw;width:17cqw;aspect-ratio:1;display:grid;place-items:center}
.s2 .phone svg{width:8cqw;height:8cqw;position:relative;z-index:2}
.s2 .ring{position:absolute;inset:3cqw;border-radius:50%;border:.35cqw solid var(--blue)}
.s2 .stat{position:absolute;left:7cqw;display:flex;flex-direction:column}
.s2 .stat b{font-size:5.4cqw;font-weight:900;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.s2 .stat span{font-size:max(9px,1.4cqw);color:var(--mute);margin-top:.4cqw}
.s2 .st1{top:30cqw}.s2 .st2{top:39cqw}
.s2 .st1 b{color:#c42b1c}
.cal{position:absolute;display:grid;grid-template-columns:5cqw repeat(5,1fr);gap:.55cqw;font-size:max(7px,1.05cqw)}
.cal b{font-weight:700;text-align:center;padding-bottom:.4cqw}
.cal i{font-style:normal;color:var(--mute);font-family:var(--mono);align-self:center;font-size:max(7px,.95cqw)}
.cal em{height:3.5cqw;border-radius:.6cqw;background:rgba(15,15,18,.06);position:relative;transition:background .2s,transform .2s}
.cal em.busy{background:#cfcec7}
.cal em.miss{background:transparent;outline:.18cqw dashed #c42b1c;outline-offset:-.18cqw}
.cal em.miss::after{content:"×";position:absolute;inset:0;display:grid;place-items:center;color:#c42b1c;font-weight:800;font-size:2cqw}
.cal em.scan{background:rgba(29,77,255,.18)}
.cal em.mine{background:var(--blue);transform:scale(1.06)}
.cal em.mine::after{content:"✓ Booked";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:700;font-size:max(7px,1cqw)}
.s2 .cal{left:37cqw;top:8cqw;width:56cqw}
.s3 .cal{left:51cqw;top:9cqw;width:43cqw}
.s3 .calCap{position:absolute;left:51cqw;top:5.4cqw;font-weight:700;font-size:max(9px,1.5cqw)}

/* scene 3: chat */
.chat{position:absolute;left:6cqw;top:5cqw;width:38cqw;height:44cqw;background:#fff;border-radius:2cqw;box-shadow:0 2cqw 4cqw rgba(15,15,18,.12);overflow:hidden;display:flex;flex-direction:column}
.chatHead{display:flex;align-items:center;gap:1cqw;padding:1.4cqw 1.8cqw;border-bottom:1px solid rgba(15,15,18,.08);font-weight:700;font-size:max(8px,1.35cqw)}
.chatHead svg{width:2.6cqw;height:2.6cqw;padding:.45cqw;border-radius:50%;background:var(--ink);fill:#fff}
.chatHead small{display:block;font-weight:400;color:var(--mute);font-size:max(7px,1.05cqw)}
.msgs{flex:1;display:flex;flex-direction:column;gap:1cqw;padding:1.8cqw}
.msg{max-width:78%;padding:1cqw 1.4cqw;border-radius:1.4cqw;font-size:max(8px,1.45cqw);line-height:1.35;opacity:0}
.msg.u{align-self:flex-end;background:var(--ink);color:var(--chalk);border-bottom-right-radius:.3cqw}
.msg.a{align-self:flex-start;background:#eef1ff;border-bottom-left-radius:.3cqw}
.msg.sys{align-self:center;background:transparent;color:var(--blue);font-family:var(--mono);font-size:max(7px,1cqw);letter-spacing:.08em;text-transform:uppercase}
.typing{position:absolute;left:1.8cqw;bottom:1.4cqw;display:flex;gap:.5cqw;align-items:center;font-size:max(7px,1.05cqw);color:var(--mute);opacity:0}
.typing i{width:.8cqw;height:.8cqw;border-radius:50%;background:var(--blue)}

/* scene 4 flow */
.s4 svg.flow{position:absolute;inset:0;width:100%;height:100%}
.flow text{font-family:var(--display);font-weight:600}
.s4 .title{position:absolute;left:6cqw;top:6cqw;font-weight:900;font-size:4.2cqw;letter-spacing:-.04em;line-height:1}
.s4 .title span{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--blue)}

/* scene 5 results */
.s5 .title{position:absolute;left:6cqw;top:6cqw;font-weight:900;font-size:4.6cqw;letter-spacing:-.04em;line-height:1}
.s5 .title span{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--blue)}
.s5 .cards{position:absolute;left:6cqw;right:6cqw;top:17cqw;display:grid;grid-template-columns:repeat(4,1fr);gap:1.6cqw}
.s5 .card{background:#fff;border-radius:1.6cqw;padding:2.2cqw 2cqw;box-shadow:0 1.2cqw 3cqw rgba(15,15,18,.08);opacity:0}
.s5 .card:nth-child(2){background:var(--blue);color:#fff}
.s5 .card b{display:block;font-size:6.2cqw;font-weight:900;letter-spacing:-.05em;line-height:.95;font-variant-numeric:tabular-nums}
.s5 .card span{display:block;margin-top:1cqw;font-size:max(8px,1.4cqw);line-height:1.3}
.s5 .card:nth-child(2) span{color:rgba(255,255,255,.85)}
.s5 .fnote{position:absolute;left:6cqw;top:41cqw;color:var(--mute)}

/* scene 6 end card */
.s6{background:var(--ink);color:var(--chalk);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4cqw;text-align:center}
.s6 svg{height:12cqw;width:auto;fill:#f3f2ec}
.s6 .n{font-weight:800;font-size:2cqw;letter-spacing:-.01em}
.s6 .h{font-weight:900;font-size:5.2cqw;letter-spacing:-.045em;line-height:1}
.s6 .h span{font-family:var(--serif);font-style:italic;font-weight:400;color:#7fa0ff}
.s6 .u{font-family:var(--mono);font-size:max(8px,1.2cqw);letter-spacing:.12em;color:#a9a8a2;text-transform:uppercase}

.wipe{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4;overflow:visible}
.wipe path{fill:none;stroke:var(--blue);stroke-width:26;stroke-linecap:round}

/* overlay + controls */
.bigPlay{position:absolute;inset:0;z-index:6;display:grid;place-items:center;background:rgba(15,15,18,.18);border:0;cursor:pointer;transition:opacity .3s}
.bigPlay span{display:inline-flex;align-items:center;gap:12px;padding:12px 22px 12px 14px;border-radius:999px;background:var(--ink);color:var(--chalk);font:600 15px/1 var(--display);box-shadow:0 20px 40px rgba(0,0,0,.3)}
.bigPlay span i{width:34px;height:34px;border-radius:50%;background:var(--blue);display:grid;place-items:center;font-style:normal;font-size:13px;color:#fff}
.bigPlay.gone{opacity:0;pointer-events:none}
.ctrl{display:flex;align-items:center;gap:14px;padding:12px 16px;color:var(--chalk);font-size:13px}
.ctrl button{background:transparent;border:1px solid rgba(243,242,236,.25);color:var(--chalk);border-radius:999px;height:34px;min-width:34px;padding:0 12px;cursor:pointer;font:inherit;display:inline-flex;align-items:center;gap:6px}
.ctrl button:hover{border-color:var(--chalk)}
.ctrl .time{font-family:var(--mono);font-size:11px;font-variant-numeric:tabular-nums;opacity:.8;min-width:78px}
.ctrl input[type=range]{flex:1;min-width:60px;accent-color:#1d4dff}
@media (max-width:860px){.filmHead{grid-template-columns:minmax(0,1fr)}.ctrl{gap:8px;padding:10px}.ctrl .time{min-width:0}}

/* ---------- interactive bits ---------- */
.marq:hover .track{animation-play-state:paused}
.fig{cursor:pointer}
.fig svg{transition:transform .25s ease-out}
.figHint{position:absolute;right:0;bottom:-6px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:.55;pointer-events:none}
.fig .dbar{transition:fill .15s;cursor:pointer}
.fig .dbar:hover{fill:#1d4dff}

/* agent panel */
.panel .doc{margin:10px 14px 4px;border:1px solid rgba(15,15,18,.1);border-radius:10px;padding:10px 12px;background:#fff;position:relative;overflow:hidden;min-height:94px}
.doc .dv{font-weight:700;font-size:12px}.doc .dn{font-family:var(--mono);font-size:10px;color:var(--mute)}
.doc .lines{display:grid;gap:4px;margin-top:8px}
.doc .lines i{display:block;height:5px;border-radius:3px;background:rgba(15,15,18,.1)}
.doc .amt{position:absolute;right:12px;top:10px;font-weight:800;font-size:15px;font-variant-numeric:tabular-nums}
.doc .stamp{position:absolute;right:10px;bottom:10px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;padding:4px 8px;border-radius:6px;border:1.5px solid currentColor;transform:rotate(-6deg) scale(.6);opacity:0;transition:all .25s cubic-bezier(.2,1.6,.4,1)}
.doc .stamp.on{opacity:1;transform:rotate(-6deg) scale(1)}
.doc .stamp.ok{color:#1d4dff}.doc .stamp.rev{color:#b7791f}.doc .stamp.risk{color:#c42b1c}
.doc .scanline{position:absolute;left:0;right:0;height:26px;top:-30px;background:linear-gradient(transparent,rgba(29,77,255,.22),transparent);pointer-events:none}
.doc.scanning .scanline{animation:scan .9s ease-in-out}
@keyframes scan{to{top:100%}}
.doc .empty{color:var(--mute);font-size:12px;padding-top:26px;text-align:center}
.panel .ctl{display:flex;gap:8px;padding:10px 14px;border-top:1px solid rgba(15,15,18,.08)}
.panel .ctl button{flex:1;font:inherit;font-size:12px;font-weight:600;padding:8px 10px;border-radius:999px;cursor:pointer;border:1px solid rgba(15,15,18,.15);background:#fff;color:var(--ink)}
.panel .ctl button.primary{background:var(--ink);color:var(--chalk);border-color:var(--ink)}
.panel .ctl button[aria-pressed="true"]{background:var(--blue);color:#fff;border-color:var(--blue)}
.panel .ctl button:disabled{opacity:.5;cursor:progress}
.panel .thr{padding:8px 14px 10px;border-top:1px solid rgba(15,15,18,.08)}
.panel .thr .top{display:flex;justify-content:space-between;align-items:center}
.panel .thr output{font-family:var(--mono);font-size:11px;font-weight:600}
.panel .thr input{width:100%;accent-color:#1d4dff;margin:6px 0 2px}
.panel .thr small{color:var(--mute);font-size:11px}
.tog{border:0;cursor:pointer;background:rgba(15,15,18,.2);transition:background .2s}
.tog::after{transition:right .2s,left .2s}
.tog[aria-checked="false"]::after{right:auto;left:2px}
.tog[aria-checked="true"]{background:var(--blue)}
.panel .queue{list-style:none;margin:0;padding:0 14px}
.panel .queue li{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px dashed rgba(15,15,18,.12);font-size:11.5px;animation:pop .3s ease-out}
.panel .queue li span{flex:1;min-width:0}
.panel .queue li b{font-family:var(--mono);font-weight:500;font-size:10px;color:#b7791f}
.panel .queue button{font:inherit;font-size:11px;padding:4px 9px;border-radius:999px;border:1px solid rgba(15,15,18,.15);background:#fff;cursor:pointer}
.panel .queue button.ok{background:var(--ink);color:var(--chalk);border-color:var(--ink)}
.panel .qhead{display:flex;justify-content:space-between;padding:8px 14px 2px;font-size:11px;color:var(--mute)}
.panel .warn{color:#c42b1c}
.log{min-height:96px}
.log div{animation:pop .25s ease-out}
.log .w{color:#ffb4a8}.log .r{color:#f6c56b}.log .k{color:#9dd6a4}
@keyframes pop{from{opacity:0;transform:translateY(4px)}}

/* ---------- Dashboard film ---------- */
.dstage{perspective:120cqw;background:radial-gradient(120% 90% at 50% 0%,#e9eaf3 0,#f3f2ec 60%)}
.app{position:absolute;left:6cqw;top:3.4cqw;width:88cqw;height:49.5cqw;background:#fbfaf6;border-radius:1.4cqw;box-shadow:0 3cqw 6cqw rgba(15,15,18,.18),0 0 0 .1cqw rgba(15,15,18,.08);transform-origin:50% 50%;overflow:hidden;font-size:max(7px,1.15cqw)}
.app .side{position:absolute;left:0;top:0;bottom:0;width:14cqw;background:#0f0f12;color:#c9c8c1;padding:2cqw 1.4cqw}
.app .side .lg{display:flex;align-items:center;gap:.7cqw;color:#f3f2ec;font-weight:800;font-size:max(8px,1.3cqw);margin-bottom:3cqw}
.app .side .lg svg{height:2cqw;width:auto;fill:#f3f2ec}
.app .nav{display:grid;gap:.5cqw}
.app .nav div{padding:.8cqw 1cqw;border-radius:.7cqw;display:flex;justify-content:space-between;align-items:center}
.app .nav div.on{background:#1d4dff;color:#fff}
.app .nav b{font-weight:600}
.app .nav em{font-style:normal;background:#c42b1c;color:#fff;border-radius:999px;padding:0 .6cqw;font-size:max(6px,.9cqw)}
.app .top{position:absolute;left:14cqw;right:0;top:0;height:5cqw;display:flex;align-items:center;justify-content:space-between;padding:0 2cqw;border-bottom:1px solid rgba(15,15,18,.08)}
.app .top h4{margin:0;font-size:max(9px,1.6cqw);letter-spacing:-.02em}
.app .top .who{display:flex;align-items:center;gap:1cqw;color:#6c6b66}
.app .top .who i{width:2.4cqw;height:2.4cqw;border-radius:50%;background:#1d4dff;display:block}
.app .newBtn{background:#0f0f12;color:#f3f2ec;border-radius:999px;padding:.6cqw 1.3cqw;font-weight:600}
.view{position:absolute;left:14cqw;right:0;top:5cqw;bottom:0;padding:2cqw;opacity:0}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2cqw}
.kpi{background:#fff;border-radius:1cqw;padding:1.3cqw 1.4cqw;box-shadow:0 .3cqw 1cqw rgba(15,15,18,.06);outline:.25cqw solid transparent;transition:outline-color .2s}
.kpi.hl{outline-color:#1d4dff}
.kpi span{color:#6c6b66;display:block}
.kpi b{display:block;font-size:max(12px,2.8cqw);letter-spacing:-.04em;margin-top:.4cqw;font-variant-numeric:tabular-nums}
.kpi.alert b{color:#c42b1c}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2cqw;margin-top:1.6cqw}
.acard{background:#fff;border-radius:1cqw;padding:1.2cqw 1.4cqw;box-shadow:0 .3cqw 1cqw rgba(15,15,18,.06);opacity:0}
.acard .h{display:flex;justify-content:space-between;align-items:center;font-weight:700}
.acard .h i{width:.9cqw;height:.9cqw;border-radius:50%;background:#2fb36b}
.acard .h i.off{background:#c9c8c1}
.acard small{color:#6c6b66;display:block;margin:.3cqw 0 .6cqw}
.acard svg{width:100%;height:3.2cqw;display:block}
.trow{display:grid;grid-template-columns:1.6fr 1.2fr 1fr .6fr;align-items:center;padding:0 1.2cqw;height:5.2cqw;border-radius:.9cqw;background:#fff;margin-bottom:.8cqw;box-shadow:0 .2cqw .8cqw rgba(15,15,18,.05)}
.trow.head{background:transparent;box-shadow:none;height:3cqw;color:#6c6b66;font-family:var(--mono);font-size:max(6px,.9cqw);letter-spacing:.1em;text-transform:uppercase}
.trow b{font-weight:700}.trow small{display:block;color:#6c6b66;font-weight:400}
.trow .tg{justify-self:end;width:4.2cqw;height:2.4cqw;border-radius:999px;background:#c9c8c1;position:relative;transition:background .25s}
.trow .tg::after{content:"";position:absolute;top:.3cqw;left:.3cqw;width:1.8cqw;height:1.8cqw;border-radius:50%;background:#fff;transition:transform .25s}
.trow .tg.on{background:#1d4dff}.trow .tg.on::after{transform:translateX(1.8cqw)}
.trow .st{font-family:var(--mono);font-size:max(6px,.95cqw)}
.trow .st.paused{color:#b7791f}.trow .st.live{color:#2fb36b}
.runs{display:grid;grid-template-columns:1fr 1.25fr;gap:1.6cqw;height:100%}
.rlist{display:grid;gap:.7cqw;align-content:start}
.rr{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:.8cqw;padding:.9cqw 1.1cqw;box-shadow:0 .2cqw .8cqw rgba(15,15,18,.05);opacity:0}
.rr.sel{outline:.22cqw solid #1d4dff}
.rr i{font-style:normal;font-family:var(--mono);font-size:max(6px,.9cqw);color:#6c6b66}
.rr .ok{color:#2fb36b;font-weight:700}
.rlog{background:#0f0f12;color:#c9cbd3;border-radius:1cqw;padding:1.4cqw;font-family:var(--mono);font-size:max(6px,1cqw);line-height:1.7}
.rlog .ln{opacity:0}
.rlog .ln b{color:#7fa0ff;font-weight:500}
.rlog .why{margin-top:1cqw;background:#1d4dff;color:#fff;border-radius:.8cqw;padding:1cqw 1.2cqw;font-family:var(--display);font-size:max(7px,1.1cqw);line-height:1.4;opacity:0}
.appr{position:absolute;left:8cqw;top:6cqw;width:44cqw;background:#fff;border-radius:1.4cqw;padding:2cqw;box-shadow:0 1.4cqw 3cqw rgba(15,15,18,.12)}
.appr .q{display:flex;gap:1cqw;align-items:center;font-weight:700;margin-bottom:1cqw}
.appr .q svg{height:2.4cqw;width:2.4cqw;padding:.45cqw;background:#0f0f12;fill:#fff;border-radius:50%}
.appr p{margin:0 0 1.4cqw;color:#33332f;line-height:1.45}
.appr .btns{display:flex;gap:1cqw}
.appr .btns span{padding:.8cqw 1.8cqw;border-radius:999px;border:1px solid rgba(15,15,18,.15);font-weight:600}
.appr .btns .ok{background:#0f0f12;color:#f3f2ec;border-color:#0f0f12;transition:background .2s}
.appr .btns .ok.done{background:#2fb36b;border-color:#2fb36b}
.appr .stampA{position:absolute;right:2cqw;top:2cqw;color:#2fb36b;border:.2cqw solid currentColor;border-radius:.6cqw;padding:.3cqw .9cqw;font-family:var(--mono);font-size:max(7px,1cqw);letter-spacing:.12em;transform:rotate(-8deg);opacity:0}
.dphone{position:absolute;right:5cqw;top:5cqw;width:15cqw;height:30cqw;border-radius:2.4cqw;background:#0f0f12;padding:.7cqw;box-shadow:0 2cqw 4cqw rgba(15,15,18,.3);opacity:0;z-index:3}
.dphone .scr{width:100%;height:100%;border-radius:1.8cqw;background:linear-gradient(#20232c,#0f1014);padding:3cqw 1cqw;color:#fff;font-size:max(6px,.95cqw)}
.dphone .nt{background:rgba(255,255,255,.12);border-radius:1cqw;padding:.9cqw;line-height:1.35}
.dphone .nt b{display:flex;align-items:center;gap:.4cqw;margin-bottom:.3cqw}
.dphone .nt b svg{height:1.3cqw;width:auto;fill:#f3f2ec}
.dphone .nt .bt{display:flex;gap:.5cqw;margin-top:.7cqw}
.dphone .nt .bt span{flex:1;text-align:center;padding:.4cqw;border-radius:999px;background:rgba(255,255,255,.18)}
.dphone .nt .bt span:first-child{background:#1d4dff}
.modal{position:absolute;left:7cqw;right:7cqw;top:4cqw;background:#fff;border-radius:1.4cqw;padding:2cqw;box-shadow:0 1.6cqw 3.4cqw rgba(15,15,18,.14);opacity:0}
.modal h5{margin:0 0 1cqw;font-size:max(9px,1.5cqw)}
.modal .inp{border:.15cqw solid #1d4dff;border-radius:.9cqw;padding:1.2cqw;min-height:6.6cqw;font-size:max(8px,1.35cqw);line-height:1.4}
.modal .inp i{display:inline-block;width:.12cqw;height:1.5cqw;background:#1d4dff;vertical-align:-.25cqw;margin-left:.1cqw}
.modal .steps{display:flex;gap:1cqw;margin-top:1.4cqw}
.modal .steps span{flex:1;text-align:center;padding:1cqw;border-radius:.9cqw;background:#f3f2ec;color:#6c6b66;font-weight:600;transition:all .25s}
.modal .steps span.on{background:#1d4dff;color:#fff}
.modal .create{display:inline-block;margin-top:1.4cqw;padding:.8cqw 1.8cqw;border-radius:999px;background:#0f0f12;color:#f3f2ec;font-weight:600}
.rep{display:grid;grid-template-columns:1.3fr 1fr;gap:1.6cqw;height:100%}
.rep .chart{background:#fff;border-radius:1cqw;padding:1.6cqw;box-shadow:0 .3cqw 1cqw rgba(15,15,18,.06)}
.rep .chart h5{margin:0 0 1cqw;font-size:max(9px,1.4cqw)}
.rep .bars{display:flex;align-items:flex-end;gap:1cqw;height:22cqw}
.rep .bars i{flex:1;background:#0f0f12;border-radius:.5cqw .5cqw 0 0;height:0}
.rep .bars i:last-child{background:#1d4dff}
.rep .nums{display:grid;gap:1.2cqw;align-content:start}
.rep .rnum{background:#fff;border-radius:1cqw;padding:1.3cqw 1.5cqw;box-shadow:0 .3cqw 1cqw rgba(15,15,18,.06);opacity:0}
.rep .rnum b{display:block;font-size:max(14px,3.4cqw);letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.rep .rnum.hi{background:#1d4dff;color:#fff}
.rep .ledger{font-family:var(--mono);font-size:max(6px,.95cqw);line-height:1.8;opacity:0}
.rep .ledger div{display:flex;justify-content:space-between;border-bottom:1px dashed rgba(15,15,18,.12)}
.cursor{position:absolute;left:0;top:0;width:2.2cqw;height:2.2cqw;z-index:9;pointer-events:none;opacity:0}
.cursor svg{width:100%;height:100%;filter:drop-shadow(0 .3cqw .4cqw rgba(0,0,0,.3))}
.ripple{position:absolute;width:5cqw;height:5cqw;margin:-2.5cqw 0 0 -2.5cqw;border-radius:50%;border:.3cqw solid #1d4dff;z-index:8;pointer-events:none;opacity:0}
.dend{position:absolute;inset:0;background:#0f0f12;color:#f3f2ec;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4cqw;text-align:center;opacity:0;z-index:10}
.dend svg{height:12cqw;width:auto;fill:#f3f2ec}
.dend .n{font-weight:800;font-size:2.4cqw}
.dend .h{font-weight:900;font-size:5.4cqw;letter-spacing:-.045em;line-height:1}
.dend .h span{font-family:var(--serif);font-style:italic;font-weight:400;color:#7fa0ff}
.subs{position:absolute;left:50%;bottom:1.6cqw;transform:translateX(-50%);max-width:80cqw;text-align:center;background:rgba(15,15,18,.82);color:#f3f2ec;border-radius:.8cqw;padding:.6cqw 1.4cqw;font-size:max(9px,1.45cqw);line-height:1.35;z-index:11;opacity:0;transition:opacity .15s}
.subs.off{display:none}
.tagEx{position:absolute;left:3cqw;top:1.2cqw;font-family:var(--mono);font-size:max(7px,.95cqw);letter-spacing:.12em;text-transform:uppercase;color:#6c6b66;z-index:4}

.dIcon{position:absolute;left:50%;top:50%;width:7cqw;height:7cqw;min-width:44px;min-height:44px;margin:-3.5cqw 0 0 -3.5cqw;border-radius:50%;background:#0f0f12;display:grid;place-items:center;z-index:12;box-shadow:0 1.4cqw 3cqw rgba(15,15,18,.35);transition:opacity .25s,transform .2s;pointer-events:none}
.dIcon svg{width:45%;height:45%;margin-left:8%}
.dstage:hover .dIcon{transform:scale(1.08)}