:root{--font:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:1440px;height:900px;overflow:hidden;background:#e9e7e0;font-family:var(--font);color:#16232b}ul{list-style:none}.page{width:1440px}.top{height:176px;padding:40px 70px 0;display:flex;justify-content:space-between;align-items:flex-start}.eye{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#0f766e}h1{font-size:46px;line-height:1.08;margin-top:8px;font-weight:750;letter-spacing:-.02em}h1 span{color:#0f766e}.lead{margin-top:10px;font-size:16px;color:#4d5b63}.tg{position:relative;display:flex;margin-top:30px;padding:4px;background:#fff;border:1px solid #d9d6cc;border-radius:999px;font-size:13px;font-weight:650}.tg .lbl{position:relative;z-index:1;width:84px;padding:8px 0;text-align:center}.tg .l{color:#fff}.tg .d{color:#4d5b63}.tg .pill{position:absolute;left:4px;top:4px;width:84px;height:calc(100% - 8px);border-radius:999px;background:#0f766e}.row{height:690px;padding:0 70px}.row>header{height:62px}.row h2{font-size:20px;font-weight:700}.row>header p{font-size:14px;color:#5d6b73;margin-top:2px}.row.b{background:#0a1319;color:#e9f1f4;padding-top:26px}.row.b>header p{color:#9db0ba}.devs{display:flex;gap:40px;align-items:flex-end;height:560px}.dev{position:relative}.dev figcaption{position:absolute;left:0;right:0;bottom:-36px;text-align:center;font-size:13px;font-weight:650;color:inherit}.dev em{font-style:normal;font-weight:500;opacity:.65;margin-left:4px}.dv{width:700px;border-radius:12px;background:#0d1a21;border:1px solid #c9c5b9;box-shadow:0 24px 50px -20px rgba(16,32,40,.45);overflow:hidden}.dv .bar{height:28px;display:flex;align-items:center;gap:6px;padding:0 12px;background:#dcd9d0}.dv .bar i{width:9px;height:9px;border-radius:50%;background:#b3aea1}.dv .bar span{margin-left:14px;flex:1;max-width:260px;height:18px;line-height:18px;padding:0 10px;border-radius:9px;background:#f2f0ea;font-size:10px;color:#5d6b73}.row.b .dv .bar{background:#1a2a33}.row.b .dv .bar i{background:#3a4d58}.row.b .dv .bar span{background:#0d1a21;color:#9db0ba}.row.b .dv{border-color:#243743;box-shadow:0 24px 50px -20px #000}.tv{width:360px;padding:10px;border-radius:26px;background:#1d2a31;box-shadow:0 24px 50px -20px rgba(16,32,40,.5)}.pv{width:216px;padding:8px;border-radius:32px;background:#1d2a31;box-shadow:0 24px 50px -20px rgba(16,32,40,.5)}.tv .scr{border-radius:18px;height:540px}.pv .scr{border-radius:25px;height:500px}.dv .scr{height:480px}.row.b .tv,.row.b .pv{background:#2c3f4a;box-shadow:0 24px 50px -20px #000}.scr{position:relative;overflow:hidden;background:var(--bg);color:var(--ink);font-size:10.5px;line-height:1.35}.lt{--bg:#f3f1ec;--sf:#fff;--ink:#16232b;--mut:#5d6b73;--ac:#0f766e;--acs:#d5ece8;--ln:#e3e0d8;--on:#fff;--ok:#15803d}.dk{--bg:#0e1a22;--sf:#16262f;--ink:#e9f1f4;--mut:#9db0ba;--ac:#3fd6c3;--acs:#1d3d43;--ln:#253843;--on:#06201c;--ok:#5fe0a0}.scr h2{font-size:15px;font-weight:700;letter-spacing:-.01em}.scr h3{font-size:10px;font-weight:600;color:var(--mut);text-transform:uppercase;letter-spacing:.08em;display:flex;justify-content:space-between}.scr h3 a{color:var(--ac);text-transform:none;letter-spacing:0;font-size:10.5px}.card{background:var(--sf);border:1px solid var(--ln);border-radius:10px;padding:12px}.btn{border:0;background:var(--ac);color:var(--on);font:650 10.5px var(--font);padding:7px 13px;border-radius:7px}.brand{display:flex;align-items:center;gap:7px;font-weight:750;font-size:13px;letter-spacing:-.01em}.lg{width:20px;height:20px;border-radius:6px;background:var(--ac);display:grid;place-items:center}.lg svg{width:14px;height:14px;fill:none;stroke:var(--on);stroke-width:1.6;stroke-linecap:round}.av{width:24px;height:24px;border-radius:50%;background:var(--acs);color:var(--ac);display:grid;place-items:center;font-size:9px;font-weight:700}.big{font-size:25px;font-weight:750;letter-spacing:-.02em;margin-top:3px}.up{color:var(--ok);font-weight:600;font-size:10px}.ch{display:block;width:100%;height:56px;margin-top:6px}.ch .ar{fill:var(--ac);fill-opacity:.14}.ch .ln{fill:none;stroke:var(--ac);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;vector-effect:non-scaling-stroke}.st{display:flex;gap:14px;justify-content:space-around}.st div{flex:1}.st b{display:block;font-size:15px}.st i{font-style:normal;color:var(--mut);font-size:10px}.bills{margin-top:8px}.bill{position:relative;display:flex;align-items:center;gap:9px;padding:7px 0;border-top:1px solid var(--ln)}.bi{width:24px;height:24px;border-radius:7px;background:var(--acs);display:grid;place-items:center;flex:none}.bi svg{width:13px;height:13px;fill:none;stroke:var(--ac);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.bn{flex:1;min-width:0;overflow:hidden}.bill:has(.pd) .bn{padding-right:44px}.bn b{display:block;font-size:11px;font-weight:650;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bn i{font-style:normal;color:var(--mut);font-size:9.5px}.ba{font-weight:700;font-size:11px}.pd{position:absolute;right:0;top:50%;margin-top:-9px;padding:3px 8px;border-radius:9px;background:var(--ok);color:#06201c;font-weight:700;font-size:9px;transform-origin:right center}.lt .pd{color:#fff}.bill:has(.pd) .ba{opacity:0}.scr a{text-decoration:none;color:var(--mut)}.scr.d{display:grid;grid-template-columns:150px 1fr}.d .sb{background:var(--sf);border-right:1px solid var(--ln);padding:16px 12px;display:flex;flex-direction:column;gap:20px}.d .sb nav{display:flex;flex-direction:column;gap:3px;flex:1}.d .sb nav a{padding:8px 10px;border-radius:7px;font-weight:600}.d .sb nav a.on{background:var(--acs);color:var(--ac)}.d .me{display:flex;align-items:center;gap:8px;font-weight:600}.d main{padding:18px 20px}.d .tb{display:flex;justify-content:space-between;align-items:center}.d .tb p{color:var(--mut);font-size:10.5px}.d .gr{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;margin-top:14px}.d .bal .ch{height:80px;margin-top:12px}.d .bal .big{font-size:30px}.d .bl{grid-column:1 / -1}.d .st{flex-direction:column;justify-content:center;gap:10px}.t .tb{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--sf);border-bottom:1px solid var(--ln)}.t .tb nav{display:flex;gap:4px}.t .tb nav a{padding:5px 9px;border-radius:7px;font-weight:600}.t .tb nav a.on{background:var(--acs);color:var(--ac)}.t main{padding:14px 16px;display:flex;flex-direction:column;gap:10px}.t .bl .bill:nth-child(n+4){display:none}.t main>.btn{align-self:flex-start}.t .ch{height:56px}.sbar{display:flex;justify-content:space-between;padding:8px 16px 0;font-weight:700;font-size:9.5px}.bt{width:18px;height:8px;border-radius:2px;border:1.5px solid var(--ink);margin-top:2px}.p main{padding:10px 12px;display:flex;flex-direction:column;gap:9px}.p .ch{height:40px}.p .big{font-size:22px}.p .bl .bill:nth-child(n+3){display:none}.p .st{padding:9px 12px}.p .bill:has(.pd) .bn{padding-right:34px}.p .bn b{font-size:9.5px}.p .bi{display:none}.p .bn b{font-size:10px}.tabs{position:absolute;left:0;right:0;bottom:0;display:flex;background:var(--sf);border-top:1px solid var(--ln);padding:8px 6px 14px}.tabs a{flex:1;text-align:center;font-size:9.5px;font-weight:650}.tabs a.on{color:var(--ac)}.foot{height:104px;padding:0 70px;display:flex;align-items:center;gap:36px;background:#0a1319;border-top:1px solid #1d2c35;color:#e9f1f4}.foot>p:first-child{font-size:15px;font-weight:700}.foot ul{display:flex;gap:12px;flex:1}.foot li{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid #2a3d48;border-radius:999px;font-size:13px;font-weight:600}.sw{width:14px;height:14px;border-radius:50%;display:block}.s1{background:linear-gradient(90deg,#0f766e 50%,#3fd6c3 50%)}.s2{background:#e9f1f4;border-radius:3px}.s3{background:#9db0ba;border-radius:2px;width:20px;height:6px}.s4{background:#3fd6c3;border-radius:6px 0 6px 0}.foot .note{font-size:12px;color:#9db0ba}html.is-done .page{transform:translateY(-760px)}html.is-done .tg .pill{transform:translateX(84px)}html.is-done .tg .l{color:#4d5b63}html.is-done .tg .d{color:#fff}@media (prefers-reduced-motion:no-preference){html.is-playing .top>div>*{animation:rise 520ms var(--ease) both}html.is-playing .top>div>h1{animation-delay:70ms}html.is-playing .top>div>.lead{animation-delay:140ms}html.is-playing .tg{animation:rise 520ms var(--ease) 200ms both}html.is-playing .row.a .dev{animation:slide 560ms var(--ease) both}html.is-playing .row.a .dev[data-i="1"]{animation-delay:120ms}html.is-playing .row.a .dev[data-i="2"]{animation-delay:240ms}html.is-playing .draw{stroke-dashoffset:100}html.is-playing .bill,html.is-playing .card{opacity:0}html.is-playing.s2 .row.a .card{animation:rise 420ms var(--ease) both}html.is-playing.s2 .row.a .st{animation-delay:50ms}html.is-playing.s2 .row.a .bl{animation-delay:100ms}html.is-playing.s2 .row.a .bill{animation:rise 400ms var(--ease) both}html.is-playing.s2 .row.a .bill:nth-child(2){animation-delay:70ms}html.is-playing.s2 .row.a .bill:nth-child(3){animation-delay:140ms}html.is-playing.s2 .row.a .bill:nth-child(4){animation-delay:210ms}html.is-playing.s2 .row.a .bill:nth-child(5){animation-delay:280ms}html.is-playing.s2 .row.a .draw{animation:draw 760ms cubic-bezier(.65,0,.35,1) both}html.is-playing.s3 .page{transform:translateY(-760px);transition:transform 780ms cubic-bezier(.65,0,.35,1)}html.is-playing.s3 .tg .pill{transform:translateX(84px);transition:transform 420ms var(--ease)}html.is-playing.s3 .tg .l{color:#4d5b63}html.is-playing.s3 .tg .d{color:#fff}html.is-playing .row.b .dev{opacity:0}html.is-playing.s4 .row.b .dev{animation:slide 560ms var(--ease) both}html.is-playing.s4 .row.b .dev[data-i="1"]{animation-delay:120ms}html.is-playing.s4 .row.b .dev[data-i="2"]{animation-delay:240ms}html.is-playing.s5 .row.b .card{animation:rise 420ms var(--ease) both}html.is-playing.s5 .row.b .st{animation-delay:50ms}html.is-playing.s5 .row.b .bl{animation-delay:100ms}html.is-playing.s5 .row.b .bill{animation:rise 400ms var(--ease) both}html.is-playing.s5 .row.b .bill:nth-child(2){animation-delay:70ms}html.is-playing.s5 .row.b .bill:nth-child(3){animation-delay:140ms}html.is-playing.s5 .row.b .bill:nth-child(4){animation-delay:210ms}html.is-playing.s5 .row.b .bill:nth-child(5){animation-delay:280ms}html.is-playing.s5 .row.b .draw{animation:draw 760ms cubic-bezier(.65,0,.35,1) both}html.is-playing .pd{transform:scale(0)}html.is-playing.s6 .pd{animation:pop 420ms cubic-bezier(.34,1.56,.64,1) both}html.is-playing .foot li{opacity:0}html.is-playing.s6 .foot li{animation:rise 420ms var(--ease) both}html.is-playing.s6 .foot li:nth-child(2){animation-delay:90ms}html.is-playing.s6 .foot li:nth-child(3){animation-delay:180ms}html.is-playing.s6 .foot li:nth-child(4){animation-delay:270ms}}@keyframes rise{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}@keyframes slide{from{opacity:0;translate:60px 0}to{opacity:1;translate:0 0}}@keyframes draw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes pop{from{transform:scale(0)}to{transform:scale(1)}}