[data-tl] *,[data-tl] :before,[data-tl] :after{animation-play-state:paused!important}[data-tl].is-live:not(.is-paused) *,[data-tl].is-live:not(.is-paused) :before,[data-tl].is-live:not(.is-paused) :after{animation-play-state:running!important}[data-tl].is-seeking *,[data-tl].is-seeking :before,[data-tl].is-seeking :after{animation:none!important}@media (prefers-reduced-motion:reduce){[data-tl] *,[data-tl] :before,[data-tl] :after{animation:none!important}}.pad{--glass-a:#f4f5f9;--glass-b:#dfe2ea;--rim-a:#fff;--rim-b:#a9aeb9;--groove:#181c341a;--groove-edge:#ffffffb3;--place:#ffffff9e;--place-line:#181c341a;--plus:#181c3447;--glyph:#fff;background:linear-gradient(160deg, var(--rim-a), var(--rim-b));isolation:isolate;border-radius:2.5em;width:36em;height:23em;position:absolute;box-shadow:0 .15em .3em #0a0e282e,0 1.4em 2.6em -.8em #0a0e2866,0 3em 5em -1.6em #0a0e2859}.pad:before{content:"";background:linear-gradient(165deg, var(--glass-a), var(--glass-b));border-radius:2.2em;position:absolute;inset:.32em;box-shadow:inset 0 .12em .2em #ffffff80,inset 0 -.2em .5em #181c340f}.pad:after{content:"";pointer-events:none;background:linear-gradient(118deg,#fff9 0,#fff0 34% 70%,#ffffff38 100%);border-radius:2.2em;position:absolute;inset:.32em}.pad--black:after{background:linear-gradient(118deg,#ffffff1f 0,#fff0 34% 70%,#ffffff0d 100%)}.pad--black{--glass-a:#25262d;--glass-b:#17181d;--rim-a:#5a5c66;--rim-b:#2a2b32;--groove:#00000080;--groove-edge:#ffffff0f;--place:#ffffff0f;--place-line:#ffffff1a;--plus:#ffffff4d;box-shadow:0 .15em .3em #0006,0 1.4em 2.6em -.8em #000000b3}.pad--skin,.pad--skin-black{--groove:#181c341f;--groove-edge:#fff9;--place:#ffffff8c;--place-line:#181c341a;--plus:#181c344d;box-shadow:none;background:url(/v2/pad-silver.webp) 50%/100% 100% no-repeat;border-radius:0}.pad--skin-black{--groove:#00000080;--groove-edge:#ffffff0f;--place:#ffffff0f;--place-line:#ffffff1a;--plus:#ffffff4d;background-image:url(/v2/pad-black.webp)}.pad--skin:before,.pad--skin:after,.pad--skin-black:before,.pad--skin-black:after{display:none}.pad>*{z-index:1;position:absolute}.lane{background:var(--groove);width:3.2em;height:12.6em;box-shadow:inset 0 .18em .35em #00000038, 0 .1em 0 var(--groove-edge);border-radius:1.6em;top:5.2em;overflow:hidden}.lane--l{left:1.4em}.lane--r{left:31.4em}.lane .fill{background:linear-gradient(180deg, var(--acc-hi,#7f9cff) 0, var(--acc,#3d6bff) 1.4em, var(--acc-lo,#2f5aeb) 100%);border-radius:1.6em;position:absolute;inset:0;box-shadow:inset 0 .12em #ffffff8c}.lane--r .fill{transform:translateY(31.25%)}.lane--l .fill{transform:translateY(25%)}.lane .ticks{opacity:.8;background:repeating-linear-gradient(#ffffff59 0 .1em,#0000 .1em 1.575em);position:absolute;inset:.8em .6em}.lane .glyphs{height:1.9em;position:absolute;bottom:.7em;left:0;right:0}.lane .glyph{color:var(--glyph);opacity:0;place-items:center;display:grid;position:absolute;inset:0}.lane .glyph:first-child{opacity:1}.lane .glyph svg{width:1.7em;height:1.7em}.place{background:var(--place);width:3.2em;height:3.2em;box-shadow:inset 0 0 0 .1em var(--place-line);border-radius:50%}.place:before,.place:after{content:"";background:var(--plus);border-radius:.1em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.place:before{width:1.1em;height:.14em}.place:after{width:.14em;height:1.1em}.place .lit{background:var(--acc,#3d6bff);opacity:0;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 .25em #3d6bff38}.place--tl{top:1em;left:1.4em}.place--tm{top:1em;left:16.4em}.place--tr{top:1em;left:31.4em}.place--bl{top:18.8em;left:1.4em}.place--bm{top:18.8em;left:16.4em}.place--br{top:18.8em;left:31.4em}.dots{opacity:0;pointer-events:none;inset:0}.dot{background:var(--place);width:1.5em;height:1.5em;box-shadow:inset 0 0 0 .1em var(--place-line);border-radius:50%;margin:-.75em 0 0 -.75em;position:absolute}.dot .lit{opacity:0;background:#3d6bff;border-radius:50%;position:absolute;inset:-.2em;box-shadow:0 0 0 .3em #3d6bff40}.dot--0{top:11.5em;left:23.6em}.dot--1{top:15.46em;left:21.96em}.dot--2{top:17.1em;left:18em}.dot--3{top:15.46em;left:14.04em}.dot--4{top:11.5em;left:12.4em}.dot--5{top:7.54em;left:14.04em}.dot--6{top:5.9em;left:18em}.dot--7{top:7.54em;left:21.96em}.finger,.ripple,.holdring{opacity:0;pointer-events:none;z-index:3;border-radius:50%;top:0;left:0}.finger{background:radial-gradient(circle at 50% 42%,#12162e57 0,#12162e4d 52%,#12162e1f 70%,#0000 74%);width:4.2em;height:4.2em;box-shadow:inset 0 0 0 .1em #fff6}.pad--black .finger{background:radial-gradient(circle at 50% 42%,#ffffff4d 0,#ffffff3d 52%,#ffffff1a 70%,#0000 74%)}.ripple{border:.16em solid #3d6bff;width:3.2em;height:3.2em}.holdring{border:.22em solid #6f8fff;width:4.6em;height:4.6em;box-shadow:0 0 0 .25em #3d6bff26}.hud{color:#fff;background:#1a1b22e6;border-radius:3em;width:15em;height:15em;position:absolute;box-shadow:0 1.4em 3em -.6em #0000008c,inset 0 0 0 .08em #ffffff1a}.hud__icons{width:7em;height:7em;margin-left:-3.5em;position:absolute;top:2.4em;left:50%}.hud__icon{place-items:center;display:grid;position:absolute;inset:0}.hud__icon:not(:first-child){opacity:0}.hud__icon svg{width:100%;height:100%}.hud--labeled .hud__icons{width:5.6em;height:5.6em;margin-left:-2.8em;top:1.5em}.hud__labels{height:1.7em;font-size:1.35em;position:absolute;bottom:3.9em;left:0;right:0}.hud__label{text-align:center;color:#ffffffb8;letter-spacing:.01em;font-weight:560;position:absolute;inset:0}.hud__label:not(:first-child){opacity:0}.hud__segs{gap:.14em;width:11.06em;margin-left:-5.53em;display:flex;position:absolute;bottom:1.9em;left:50%}.seg{opacity:.2;background:#7fb2ff;border-radius:.2em;flex:1;height:.75em}.hud .seg:nth-child(-n+11){opacity:1}.bento{max-width:calc(var(--max) + var(--gutter) * 2);padding:clamp(64px, 9vw, 128px) var(--gutter) 40px;margin:0 auto}.bento__head{text-align:center;max-width:860px;margin:0 auto clamp(36px,5vw,64px)}.bento__title{letter-spacing:-.042em;text-wrap:balance;font-size:clamp(2.2rem,1rem + 3.9vw,4.25rem);font-weight:650;line-height:1.04}.bento__title em{color:var(--cobalt);font-style:normal}.bento__head p{max-width:34em;font-size:var(--fs-lead);color:var(--text-2);text-wrap:balance;margin:16px auto 0;line-height:1.4}.grid{--row:calc(min(100vw - 2 * var(--gutter), 1200px) * .34);grid-template-columns:1fr;gap:16px;display:grid}@media (width>=700px){.grid{grid-template-columns:repeat(6,1fr)}.cell--yours,.cell--slide{grid-column:1/-1}.cell--step,.cell--tap{grid-column:span 3}}@media (width>=1100px){.grid{grid-template-columns:repeat(12,1fr);grid-template-rows:calc(var(--row) * 1.2) repeat(2, var(--row))}.cell--yours{grid-area:1/1/auto/-1}.cell--slide{grid-area:2/1/4/8}.cell--step{grid-area:2/8/auto/13}.cell--tap{grid-area:2/8/4/13}}.yours{gap:8px 40px;height:100%;padding:36px 32px 28px;display:grid}@media (width>=900px){.yours{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;padding:40px 24px 40px 48px}}.yours__text h3{letter-spacing:-.035em;font-size:clamp(1.5rem,1.1rem + 1.1vw,2.125rem);font-weight:650;line-height:1.08}.yours__text>p{max-width:30em;color:var(--text-2-on-ink);margin-top:12px;font-size:1rem;line-height:1.45}.yours__list{gap:14px;margin:26px 0 0;padding:0;list-style:none;display:grid}.yours__list li{align-items:flex-start;gap:14px;display:flex}.yours__ico{color:#9db6ff;background:#ffffff14;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 0 0 0 1px #ffffff1a}.yours__ico svg{width:18px;height:18px}.yours__list b{font-size:.9688rem;font-weight:620;display:block}.yours__list i{color:var(--text-2-on-ink);margin-top:2px;font-size:.875rem;font-style:normal;line-height:1.4;display:block}.yours__art{padding:44px 40px 56px}.yours__win{aspect-ratio:1180/800;width:100%;position:relative}.yours__win img{max-width:none;display:block;position:absolute}.live .yours__win img{opacity:0}.live .yours__win.is-in img{opacity:1}.cell{isolation:isolate;background:var(--white);min-width:0;box-shadow:0 0 0 1px var(--hairline), var(--shadow-1);transition:box-shadow .35s var(--ease-out), transform .35s var(--ease-out);border-radius:28px;flex-direction:column;display:flex;position:relative;overflow:hidden}.cell:after{content:"";width:460px;height:460px;transform:translate3d(var(--mx,50%), var(--my,50%), 0);opacity:0;transition:opacity .35s var(--ease-out);pointer-events:none;z-index:0;background:radial-gradient(closest-side,#3d6bff21,#0000);border-radius:50%;margin:-230px 0 0 -230px;position:absolute;top:0;left:0}.cell:hover{box-shadow:0 0 0 1px #16161a24, var(--shadow-2)}.cell:hover:after{opacity:1}.cell--ink{color:var(--text-on-ink);box-shadow:0 0 0 1px #ffffff0f, var(--shadow-2);background:radial-gradient(90% 60% at 100% 0,#3d6bff33,#0000 60%),linear-gradient(#14151b,#0b0b0f)}.cell--ink:after{background:radial-gradient(closest-side,#8fa7ff29,#0000)}.cell--wash{background:linear-gradient(165deg,#f1f4ff,#dde5ff)}.cell__head{z-index:2;flex:none;padding:26px 28px 0;position:relative}.cell__head h3{letter-spacing:-.03em;font-size:clamp(1.25rem,1.05rem + .6vw,1.625rem);font-weight:650;line-height:1.15}.cell__head p{max-width:30em;color:var(--text-2);margin-top:8px;font-size:.9688rem;line-height:1.45}.cell--ink .cell__head p{color:var(--text-2-on-ink)}.art{z-index:1;flex-direction:column;flex:1;min-height:0;padding-top:14px;display:flex;position:relative}.box{--u:min(1cqw, calc(100cqh / var(--bh)));min-height:0;aspect-ratio:100 / var(--bh);flex:1;position:relative;container-type:size}@media (width>=1100px){.box{aspect-ratio:auto}}.box>*{position:absolute}.box--slide{--bh:78}.box--step,.box--tap{--bh:48}.tchips,.gchips{z-index:2;flex-wrap:wrap;gap:8px;padding:0 28px 14px;display:flex;position:relative}.tchip,.gchip{cursor:pointer;height:38px;transition:transform .16s var(--ease-out);border:0;border-radius:999px;align-items:center;gap:8px;padding:0 15px;font-size:.875rem;font-weight:580;display:inline-flex;position:relative;overflow:hidden}.tchip:active,.gchip:active{transform:scale(.97)}.tchip{color:#d6d8e2;background:#ffffff14}.gchip{color:var(--text);background:#ffffffb3;box-shadow:0 0 0 1px #3d6bff24}.tchip>*,.gchip>*{position:relative}.tchip__on,.gchip__on{border-radius:inherit;opacity:0;inset:0;position:absolute!important}.tchip__on{background:var(--cobalt-strong)}.gchip__on{background:var(--cobalt-strong);color:#fff;justify-content:center;align-items:center;display:flex}.tchip--0 .tchip__on,.gchip--0 .gchip__on{opacity:1}.tchip svg{width:17px;height:17px}.gchip{color:var(--text)}@media (width<=640px){.tchips{grid-template-columns:1fr 1fr;display:grid}.gchips{grid-template-columns:repeat(3,1fr);display:grid}.gchip{justify-content:center;padding:0 8px}}.hud--cell{left:calc(var(--u) * 6);top:calc(var(--u) * 4);font-size:calc(var(--u) * 2.1)}.box--slide .pad--cell{left:calc(var(--u) * 25);top:calc(var(--u) * 39);font-size:calc(var(--u) * 2.05)}.box--slide .lane .glyph:first-child{opacity:0}.box--slide .lane--r .glyph:first-child{opacity:1}.box--slide .lane--l .fill{opacity:.35}.res{left:calc(var(--u) * 42);top:calc(var(--u) * 5);width:calc(var(--u) * 52);height:calc(var(--u) * 31.5);font-size:var(--u);background:linear-gradient(#ffffff12,#ffffff08);border-radius:3.4em;overflow:hidden;box-shadow:inset 0 0 0 .1em #ffffff17}.res__k{opacity:0;place-items:center;display:grid;position:absolute;inset:0}.res__k--0{opacity:1}.bars{transform-origin:bottom;align-items:flex-end;gap:1.1em;width:82%;height:62%;display:flex;transform:scaleY(.6)}.bars i{height:var(--h);background:linear-gradient(#8fa7ff,#3d6bff);border-radius:.8em;flex:1}.scr{color:#fff;background:radial-gradient(70% 90% at 80% 0,#8fa7ff,#0000 70%),linear-gradient(150deg,#2a49c9,#1a2a86);border-radius:2em;place-items:center;width:74%;height:74%;display:grid;position:relative;overflow:hidden}.scr svg{color:#ffe9a6;width:9em;height:9em}.dimmer{opacity:.3;background:#05060d;position:absolute;inset:0}.micwrap{color:#fff;place-items:center;width:24em;height:24em;display:grid;position:relative}.micwrap>svg{width:8em;height:8em;position:relative}.micring{position:absolute;inset:0;transform:scale(.9)}.micring i{border:.25em solid #8fa7ff8c;border-radius:50%;position:absolute}.micring i:first-child{inset:3em}.micring i:nth-child(2){opacity:.6;inset:1.2em}.micring i:nth-child(3){opacity:.3;inset:-.6em}.kbd{grid-template-columns:repeat(9,1fr);gap:1em;width:80%;display:grid;position:relative}.kbd i{aspect-ratio:1;background:#ffffff1a;border-radius:.8em;box-shadow:inset 0 0 0 .1em #ffffff14}.kbd .glow{aspect-ratio:auto;box-shadow:none;opacity:.4;background:radial-gradient(closest-side,#fff4cd8c,#fff4cd1f 70%,#0000);border-radius:2em;position:absolute;inset:-2em}.tabs{left:calc(var(--u) * 3);top:calc(var(--u) * 1);width:calc(var(--u) * 94);height:calc(var(--u) * 10);font-size:var(--u);background:#16161a0f;border-radius:2.6em;grid-template-columns:repeat(5,1fr);padding:.9em;display:grid}.tabs__sel{background:#fff;border-radius:1.8em;width:calc(20% - .36em);position:absolute;top:.9em;bottom:.9em;left:.9em;transform:translate(0);box-shadow:0 0 0 .08em #16161a14,0 .5em 1.2em -.4em #16161a4d}.tabs__tab{color:#3a3b46;white-space:nowrap;justify-content:center;align-items:center;gap:.7em;min-width:0;font-size:2.7em;font-weight:580;display:flex;position:relative}.tabs__tab svg{width:1.05em;height:1.05em;color:var(--cobalt-strong)}.keys{left:calc(var(--u) * 5);top:calc(var(--u) * 17);gap:calc(var(--u) * 1.4);width:calc(var(--u) * 34);flex-wrap:wrap;display:flex}.key{width:calc(var(--u) * 8.4);height:calc(var(--u) * 8.4);border-radius:calc(var(--u) * 1.8);box-shadow:0 calc(var(--u) * .35) 0 #c3c7d2, 0 0 0 calc(var(--u) * .1) #16161a1a;font-size:calc(var(--u) * 3.6);color:#2a2b33;background:linear-gradient(#fff,#eceef3);place-items:center;font-weight:560;display:grid}.keys__dir{height:calc(var(--u) * 4);margin-top:calc(var(--u) * 1);font-size:calc(var(--u) * 3);color:var(--text-2);flex-basis:100%;font-weight:600;position:relative}.dir{position:absolute;top:0;left:0}.dir--down{opacity:0}.box--step .pad--cell{left:calc(var(--u) * 44);top:calc(var(--u) * 15);font-size:calc(var(--u) * 1.5)}.box--tap .pad--cell{left:calc(var(--u) * 4);top:calc(var(--u) * 12.5);font-size:calc(var(--u) * 1.5)}.acards{left:calc(var(--u) * 63);top:calc(var(--u) * 17);width:calc(var(--u) * 33);height:calc(var(--u) * 12);font-size:var(--u)}.acard{opacity:0;background:#fff;border-radius:3em;align-items:center;gap:2em;padding:0 2em;display:flex;position:absolute;inset:0;box-shadow:0 0 0 .1em #3d6bff24,0 1.4em 2.6em -1em #2447c773}.acard--0{opacity:1}.acard__icon{color:#fff;background:linear-gradient(160deg,#5a82ff,#2f5aeb);border-radius:2.2em;flex:none;place-items:center;width:7em;height:7em;display:grid}.acard__icon svg{width:3.8em;height:3.8em}.acard__text b{letter-spacing:-.02em;white-space:nowrap;font-size:3.1em;font-weight:650;line-height:1.1;display:block}.acard__text span{color:var(--text-2);margin-top:.25em;font-size:2.4em;display:block}@media (prefers-reduced-motion:reduce){.cell,.cell:after{transition:none}}.scene{pointer-events:none;inset:0}.sbtn{color:#fff;opacity:0;background:linear-gradient(170deg,#5a82ff,#2f5aeb);border-radius:50%;place-items:center;width:3.2em;height:3.2em;margin:-1.6em 0 0 -1.6em;display:grid;position:absolute;box-shadow:0 .35em .8em -.3em #2447c7b3,inset 0 .1em #ffffff73}.sbtn svg{width:1.6em;height:1.6em}.sbtn--tl{top:2.6em;left:3em}.sbtn--tr{top:2.6em;left:33em}.sbtn--bl{top:20.4em;left:3em}.sbtn--br{top:20.4em;left:33em}.sbtn--c{width:7em;height:7em;margin:-3.5em 0 0 -3.5em;top:11.5em;left:18em}.sbtn--c svg{width:3.2em;height:3.2em}.sbtn--c .lit{opacity:0;background:#8fa7ff80;border-radius:50%;position:absolute;inset:-.5em}.sname{white-space:nowrap;opacity:0;background:#ffffffd9;border-radius:999px;align-items:baseline;gap:.8em;padding:.5em 1.3em;display:flex;position:absolute;top:.7em;left:50%;transform:translate(-50%,.8em);box-shadow:0 .2em .6em -.2em #0a0e2866,inset 0 0 0 .08em #181c341a}.sname b{color:#15161c;font-size:1.25em;font-weight:650}.sname i{color:#6a6b75;font-size:1em;font-style:normal}.kc{box-sizing:border-box;color:#fff;background:linear-gradient(#3a3c47,#25262e);border:0;border-radius:1em;width:6.6em;height:5.6em;margin:0;padding:.7em .8em;font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:500;line-height:1;transition:transform .14s cubic-bezier(.3,1.5,.5,1),box-shadow .14s ease-out;display:block;position:relative;box-shadow:inset 0 0 0 .07em #ffffff2e,0 .5em #14151a,0 .86em 1.4em #00000080}button.kc{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.kc.is-down{transform:translateY(.4em);box-shadow:inset 0 0 0 .07em #a0b6ffb3,0 .1em #14151a,0 .3em .9em #3d6bff8c}.kc:focus-visible{outline:2px solid var(--cobalt-soft);outline-offset:3px}.kc__caret{width:1.2em;height:.75em;position:absolute;top:.7em;right:.8em}.kc__word{letter-spacing:.01em;font-size:1em;position:absolute;bottom:.7em;left:.8em}@keyframes h-rise{0%{animation-timing-function:cubic-bezier(.2,.8,.2,1);transform:translateY(112%)}62%{animation-timing-function:cubic-bezier(.4,0,.3,1);transform:translateY(-5%)}82%{animation-timing-function:ease-out;transform:translateY(1.4%)}to{transform:translateY(0)}}@keyframes h-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero{--u:min(100vw / 1440, 100svh / 900);--dy:calc((100svh - 900 * var(--u)) / 2);background:var(--paper);color:var(--text);position:relative}.hs{flex-direction:column;align-items:center;padding:112px 20px 72px;display:flex;position:relative;overflow:hidden}.hs__ink,.hs__rim,.band,.chap,.ticks,.hint,.hs__dl{display:none}.hs__title{z-index:3;text-align:center;width:min(960px,100%);position:relative}.kick{margin:0 0 22px}.kick span{background:var(--cobalt-wash);color:var(--cobalt-deep);letter-spacing:.01em;border-radius:999px;padding:7px 16px;font-size:.9375rem;font-weight:620;display:inline-block}.hs__h1{letter-spacing:-.046em;text-wrap:balance;font-size:clamp(2.6rem,1rem + 6vw,5.5rem);font-weight:650;line-height:1}.ln{display:block}.w{vertical-align:top;margin:-.07em -.03em -.17em;padding:.07em .03em .17em;display:inline-block;overflow:hidden}.wi{color:inherit;animation:h-rise .82s linear calc(90ms + var(--i) * 50ms) both;display:inline-block}.sub{max-width:34em;color:var(--text-2);text-wrap:balance;margin:24px auto 0;font-size:clamp(1.0625rem,.95rem + .5vw,1.3125rem);line-height:1.45}.cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 22px;margin-top:28px;display:flex}.cta__link{color:var(--text);font-weight:560;text-decoration:none}.cta__link:hover{text-underline-offset:4px;text-decoration:underline}.price{font-size:var(--fs-fine);color:var(--text-2);margin-top:14px}.kick.seq,.sub.seq,.cta.seq,.price.seq{animation:h-up .46s cubic-bezier(.22, 1, .36, 1) var(--at,0s) both}.kick.seq{--at:40ms}.cta.seq{--at:.38s}.sub.seq{--at:.47s}.price.seq{--at:.62s}.mac{--b:9px;z-index:2;width:min(1100px,100%);padding:var(--b);margin-top:56px;position:relative}.mac__bezel{border-radius:calc(var(--b) * 2);background:linear-gradient(#1b1c21,#0b0c0f);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1f,0 2px 4px #0b0b0f33,0 22px 44px -12px #0b0b0f59,0 70px 120px -40px #0b0b0f59}.mac__screen{aspect-ratio:1728/1117;border-radius:calc(var(--b) * .8);background:#0b1030;position:relative;overflow:hidden;container-type:inline-size}.mac__notch{left:50%;top:var(--b);aspect-ratio:200/32;border-radius:0 0 calc(var(--b) * 1) calc(var(--b) * 1);z-index:4;background:#000;width:11.6%;margin-left:-5.8%;position:absolute}.sc{user-select:none;font-size:.0578704cqw;position:absolute;inset:0}.sc__spaces{z-index:1;transition:transform .62s cubic-bezier(.3,.85,.25,1);position:absolute;inset:0}.space{background:url(/v2/wallpaper.webp) 50%/cover;width:1728em;height:1117em;position:absolute;top:0}.space--a{left:0}.space--b{left:1728em}.space--c{left:3456em}.win{width:var(--w);height:var(--h);z-index:var(--z);transform:var(--tile);transform-origin:50%;pointer-events:none;position:absolute;top:38em;left:56em}.win img{max-width:none;display:block;position:absolute}.live .space--a .win{transform:var(--loose)}.sw{z-index:35;opacity:0}.outline{z-index:30;box-sizing:border-box;opacity:0;pointer-events:none;background:#3d6bff33;border:2.5em dashed #a0b6fff2;border-radius:27em;position:absolute}.dock{z-index:40;background:linear-gradient(#ffffff4d,#ffffff2b);border-radius:30em;align-items:flex-end;gap:8em;padding:9em 12em;display:flex;position:absolute;bottom:10em;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1em #ffffff4d,0 12em 34em -6em #00000073}.dock__item{transform-origin:50% 100%;width:68em;height:68em;display:block;position:relative}.dock__item img{width:100%;height:100%;display:block}.dock__item i.is-off{opacity:0}.dock__item i{background:#ffffffd9;border-radius:50%;width:5em;height:5em;margin-left:-2.5em;position:absolute;bottom:-7em;left:50%}.menubar{z-index:60;letter-spacing:.01em;color:#fff;backdrop-filter:blur(1.5em)saturate(1.6);background:#0a0c204d;justify-content:space-between;align-items:center;height:2.5385em;padding:0 1em 0 1.6154em;font:400 13em/1 -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,Helvetica Neue,sans-serif;display:flex;position:absolute;inset:0 0 auto}.mb__l,.mb__r{box-sizing:border-box;align-items:center;height:100%;padding-top:.077em;display:flex}.mb__l{gap:1.7692em}.mb__l b{font-weight:600}.mb__apple{width:1.46em;height:1.46em;margin:-.1em -.3em 0}.mb__r{gap:1.0769em}.mb__i{width:1.3846em;height:1.3846em;display:block;position:relative}.mb__i svg{width:100%;height:100%;position:absolute;inset:0}.mb__i--mark svg{width:calc(100% + .6em);height:calc(100% + .6em);inset:-.3em}.mb__i--mark svg rect:nth-child(-n+2){opacity:.45}.mb__hi{opacity:0;background:#ffffff42;border-radius:.42em;position:absolute;inset:-.3em -.38em}.snd-off,.mb__snd.is-muted .snd-on{opacity:0}.mb__snd.is-muted .snd-off{opacity:1}.mb__clock{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;margin-left:.154em;display:flex}.mb__clock i{width:.923em}.wfc{z-index:80;backdrop-filter:blur(28em)saturate(1.6);color:#fff;opacity:0;pointer-events:none;background:#1c1e2c9e;border-radius:26em;width:500em;padding:18em 22em 14em;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;line-height:1.2;position:absolute;top:96em;left:614em;box-shadow:inset 0 0 0 1em #ffffff24,0 24em 60em -16em #0000008c}.wfc__head{border-bottom:1em solid #ffffff1f;align-items:center;gap:10em;margin-bottom:4em;padding-bottom:14em;display:flex}.wfc__head b{font-size:17em;font-weight:620}.wfc__head i{color:#fffc;background:#ffffff24;border-radius:999em;margin-left:auto;padding:.3em .85em;font-size:13em;font-style:normal}.wfc__mark{place-items:center;width:26em;height:26em;display:grid}.wfc__mark svg{width:26em;height:26em}.wfc ul{margin:0;padding:0;list-style:none}.wfc li{opacity:.5;border-radius:12em;align-items:center;gap:14em;height:46em;display:flex}.wfc li.is-done{opacity:1}.wfc__ico{background:#ffffff1f;border-radius:9em;place-items:center;width:30em;height:30em;display:grid}.wfc__ico svg{width:18em;height:18em}.wfc li span:nth-child(2){font-size:16em}.wfc__chk{opacity:0;background:#3d6bff;border-radius:50%;place-items:center;width:24em;height:24em;margin-left:auto;display:grid;transform:scale(.5)}.wfc__chk svg{width:14em;height:14em}.cur{z-index:90;opacity:0;pointer-events:none;filter:drop-shadow(0 2em 3em #0006);width:20em;height:29em;position:absolute;top:0;left:0}.np,.call{color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;display:none}.live .np{z-index:4;box-sizing:border-box;transform-origin:50%;background:linear-gradient(#2e3042d1,#181a26db);border-radius:30em;grid-template-columns:130em minmax(0,1fr) 108em;align-items:center;gap:20em;padding:19em 22em 19em 19em;display:grid;position:absolute;box-shadow:inset 0 0 0 1em #ffffff1f,0 30em 60em -18em #0009,0 6em 14em #0000004d}.np__cover{background:radial-gradient(circle at 26% 20%,#8fa7ff8c 0,#8fa7ff00 52%),linear-gradient(155deg,#3d6bff 0%,#1f3fb8 52%,#0e1230 100%);border-radius:18em;width:130em;height:130em;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1em #ffffff2e,0 10em 22em -8em #0009}.np__cover:before,.np__cover:after{content:"";background:#ffffffeb;border-radius:11em;width:22em;position:absolute;bottom:30em}.np__cover:before{height:70em;left:38em}.np__cover:after{background:#ffffff8c;height:44em;right:38em}.np__body{flex-direction:column;gap:5em;min-width:0;display:flex}.np__label{letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;margin:0;font-size:11em}.np__title{white-space:nowrap;font-size:23em;font-weight:650;line-height:1.1}.np__artist{color:#ffffff9e;font-size:15em}.np__prog{background:#ffffff29;border-radius:5em;height:5em;margin-top:8em;overflow:hidden}.np__prog i{transform-origin:0;background:#fff;height:100%;display:block;transform:scaleX(0)}.np__times{font-variant-numeric:tabular-nums;color:#ffffff80;justify-content:space-between;font-size:11em;display:flex}.np__side{flex-direction:column;justify-content:space-between;align-items:center;height:110em;display:flex}.np__eq{transform-origin:50% 100%;align-items:flex-end;gap:3em;width:100%;height:58em;display:flex}.np__eq i{transform-origin:50% 100%;height:100%;animation:np-eq calc(.62s + var(--i) * 61ms) ease-in-out infinite alternate;animation-delay:calc(var(--i) * -.17s);background:linear-gradient(#9db6ff,#3d6bff);border-radius:3em;flex:1}@keyframes np-eq{0%{transform:scaleY(.22)}to{transform:scaleY(1)}}.np__ctl{gap:14em;display:flex}.np__ctl svg{width:20em;height:20em}.np.is-idle,.call.is-idle{visibility:hidden}.np.is-idle .np__eq i,.call.is-idle .call__lvl b{animation-play-state:paused}.np__toast{color:#15161c;opacity:0;background:#fffffff0;border-radius:99em;align-items:center;gap:.4em;padding:.38em .95em;font-size:13em;font-weight:620;transition:opacity .25s;display:flex;position:absolute;top:-1.3em;right:1.7em}.np__toast svg{width:1.1em;height:1.1em}.live .call{z-index:36;box-sizing:border-box;opacity:0;pointer-events:none;background:linear-gradient(#1d1f2a,#12131a);border-radius:28em;flex-direction:column;display:flex;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1em #ffffff1f,0 40em 90em -24em #000000b3,0 8em 18em #00000059}.call__bar{justify-content:space-between;align-items:center;height:46em;padding:0 22em;display:flex}.call__bar span{font-size:14em;font-weight:620}.call__bar em{font-variant-numeric:tabular-nums;color:#ffffff8c;font-size:13em;font-style:normal}.call__tiles{flex:1;grid-template-columns:1fr 1fr;gap:12em;min-height:0;padding:0 16em;display:grid}.call__tile{border-radius:20em;place-items:center;display:grid;position:relative;overflow:hidden}.call__tile--a{background:radial-gradient(90% 80% at 30% 20%,#f4b98a,#c2615a 60%,#7b3a58)}.call__tile--b{background:radial-gradient(90% 80% at 70% 20%,#7fb0ff,#3d5fe0 58%,#28308f)}.call__av{background:#ffffff38;border-radius:50%;place-items:center;width:2.364em;height:2.364em;font-size:44em;font-style:normal;font-weight:600;display:grid;box-shadow:inset 0 0 0 2em #ffffff4d}.call__name{background:#00000057;border-radius:99em;padding:.3em .7em;font-size:13em;font-weight:560;position:absolute;bottom:.923em;left:1.077em}.call__badge{opacity:0;background:#ff453a;border-radius:50%;place-items:center;width:30em;height:30em;display:grid;position:absolute;top:12em;right:12em;transform:scale(.6)}.call__badge svg{width:16em;height:16em}.call__foot{align-items:center;gap:16em;height:78em;padding:0 22em;display:flex}.call__btn{background:#ffffff1f;border-radius:50%;flex:none;width:44em;height:44em;transition:background-color .25s;position:relative}.call__btn svg{width:22em;height:22em;position:absolute;top:11em;left:11em}.call__btn--end{background:#ff453a}.call .mic-off,.call.is-muted .mic-on{opacity:0}.call.is-muted .mic-off{opacity:1}.call.is-muted [data-callbtn]{color:#15161c;background:#fff}.call__meter{background:#ffffff1f;border-radius:8em;flex:1;height:8em;overflow:hidden}.call__lvl{transform-origin:0;height:100%;transition:transform .25s cubic-bezier(.3,.8,.3,1)}.call__lvl b{transform-origin:0;background:linear-gradient(90deg,#30d158 0 62%,#ffd60a 62% 86%,#ff453a 86%);height:100%;animation:2.6s linear infinite call-meter;display:block}@keyframes call-meter{0%{transform:scaleX(.16)}8%{transform:scaleX(.62)}15%{transform:scaleX(.3)}24%{transform:scaleX(.86)}31%{transform:scaleX(.4)}40%{transform:scaleX(.74)}47%{transform:scaleX(.2)}56%{transform:scaleX(.92)}63%{transform:scaleX(.46)}72%{transform:scaleX(.68)}81%{transform:scaleX(.24)}90%{transform:scaleX(.78)}to{transform:scaleX(.16)}}.mb__mic,.mb__rec{transition:opacity .2s}.mb__mic{opacity:0;width:1.3846em;height:1.3846em;margin-right:1.0769em;position:absolute;top:0;right:100%}.mb__i .mb__mic svg{width:100%;height:100%;inset:0}.mb__rec{opacity:0;background:#ff9f0a;border-radius:50%;width:.46em;height:.46em;margin-top:-.23em;position:absolute;top:50%;left:-.77em}.sc__dim{z-index:70;opacity:0;pointer-events:none;background:#03040c;position:absolute;inset:0}.sc__hud{z-index:80;opacity:0;pointer-events:none;width:200em;height:200em;position:absolute;top:96em;left:764em}.sc__hud .hud{font-size:13.333em;position:relative}.sc__hud--icon .hud__segs{display:none}.sc__hud--icon .hud__icons{width:6.4em;height:6.4em;margin-left:-3.2em;top:2.4em}.sc__hud--icon .hud__labels{bottom:2.9em}.padobj{z-index:4;aspect-ratio:36/23;width:min(420px,78vw);margin:-64px auto 0;font-size:calc(min(420px,78vw)/36);position:relative}.padobj__tilt,.padobj__face,.padobj__pad{position:absolute;inset:0}.slab,.padobj__spec,.padobj__shadow,.keycap,.yw{display:none}.padobj__pad .pad{top:0;left:0}.padobj__pad .pad .lane{pointer-events:auto;touch-action:none;cursor:grab}.padobj__pad .pad .lane--r .fill{transform:translateY(38%)}.live .hero{height:1250svh}.live .hero .hs{contain:layout paint;height:100svh;padding:0;display:block;position:sticky;top:0}.live .hero .hs__ink,.live .hero .hs__rim,.live .hero .band,.live .hero .chap,.live .hero .ticks,.live .hero .hint{display:block}.live .hero .hs__ink{opacity:0;background:#070a22;position:absolute;inset:0}.live .hero .hs__rim{z-index:9;width:calc(var(--u) * 5);background:#16161a0f;position:absolute;top:0;bottom:0;right:0}.hs__rim i{box-shadow:0 0 calc(var(--u) * 16) #3d6bffd9;transform-origin:bottom;background:linear-gradient(#8fa7ff,#3d6bff);position:absolute;inset:0;transform:scaleY(0)}.live .hero .hs__title{left:50%;top:calc(var(--dy) + var(--u) * 92);width:calc(var(--u) * 980);margin-left:calc(var(--u) * -490);position:absolute}.live .hero .kick{margin-bottom:calc(var(--u) * 22)}.live .hero .kick span{padding:calc(var(--u) * 7) calc(var(--u) * 16);font-size:calc(var(--u) * 15)}.live .hero .hs__h1{font-size:calc(var(--u) * 92)}.live .hero .sub{max-width:calc(var(--u) * 640);margin-top:calc(var(--u) * 24);font-size:calc(var(--u) * 21)}.live .hero .cta{margin-top:calc(var(--u) * 28);gap:calc(var(--u) * 10) calc(var(--u) * 22)}.live .hero .cta .btn{min-height:calc(var(--u) * 50);padding-inline:calc(var(--u) * 24);font-size:calc(var(--u) * 16)}.live .hero .cta__link{font-size:calc(var(--u) * 16)}.live .hero .price{margin-top:calc(var(--u) * 14);font-size:calc(var(--u) * 14)}.live .hero .mac{--b:calc(100vw * .0089);left:calc(var(--b) * -1);width:calc(100% + var(--b) * 2);transform-origin:50% 0;margin:0;position:absolute;top:0}.live .hero .band{left:0;right:0;top:calc(var(--dy) + var(--u) * 690);z-index:5;opacity:0;pointer-events:none;background:radial-gradient(56% 70% at 50% 0,#3d6bff4d,#0000 72%);position:absolute;bottom:0}.live .hero .chap{left:calc(var(--u) * 80);top:calc(var(--dy) + var(--u) * 726);z-index:7;width:calc(var(--u) * 330);opacity:0;color:#fff;position:absolute}.chap__chip{padding:calc(var(--u) * 6) calc(var(--u) * 15);font-size:calc(var(--u) * 15);background:#ffffff24;border-radius:999px;font-weight:620;display:inline-block;box-shadow:inset 0 0 0 1px #fff3}.chap__line{margin-top:calc(var(--u) * 14);font-size:calc(var(--u) * 20);letter-spacing:-.01em;color:#ffffffdb;line-height:1.4}.chap__chip,.chap__line{transition:opacity .3s var(--ease-out), transform .3s var(--ease-out)}.chap.is-swap .chap__chip,.chap.is-swap .chap__line{opacity:0;transform:translateY(calc(var(--u) * 8))}.live .hero .ticks{left:calc(50% - var(--u) * 220);top:calc(var(--dy) + var(--u) * 700);z-index:7;width:calc(var(--u) * 440);gap:calc(var(--u) * 6);opacity:0;display:flex;position:absolute}.ticks i{height:calc(var(--u) * 3);background:#ffffff2e;border-radius:3px;flex:1;overflow:hidden}.ticks b{transform-origin:0;background:#7fb2ff;height:100%;display:block;transform:scaleX(0)}.live .hero .padobj{left:50%;top:calc(var(--dy) + var(--u) * 651);z-index:8;width:calc(var(--u) * 460);height:calc(var(--u) * 293.8);aspect-ratio:auto;margin:0 0 0 calc(var(--u) * -230);font-size:calc(var(--u) * 12.778);perspective:calc(var(--u) * 1232);perspective-origin:50% 0;transform-origin:50% 0;opacity:0;position:absolute}.live .hero .padobj__tilt{transform-style:preserve-3d;transform:rotateX(56deg)}.live .hero .slab{transform:translateZ(calc(var(--i) * -.16em));filter:brightness(calc(1 - var(--i) * .045));background:linear-gradient(#b8bbc4,#8e919b);border-radius:2.5em;display:block;position:absolute;inset:0}.live .hero .padobj__face{transform:translateZ(0)}.live .hero .padobj__spec{pointer-events:none;border-radius:2.5em;display:block;position:absolute;inset:0;overflow:hidden}.padobj__spec i{background:linear-gradient(112deg,#0000 38%,#fff6 47%,#0000 56%);position:absolute;inset:-40% -10%}.live .hero .padobj__shadow{background:radial-gradient(closest-side,#3d6bff57,#0000);height:34%;display:block;position:absolute;bottom:-8%;left:-4%;right:-4%}.live .hero .keycap{left:calc(50% + var(--u) * 262);top:calc(var(--dy) + var(--u) * 780);z-index:8;font-size:calc(var(--u) * 14);opacity:0;transition:none;display:block;position:absolute}.live .hero .yw{z-index:10;transform-origin:0 0;opacity:0;pointer-events:none;width:1180px;height:800px;display:block;position:absolute;top:0;left:0}.yw img{width:1292px;max-width:none;height:912px;display:block;position:absolute;top:-38px;left:-56px}.live .hero .hs__dl{right:calc(var(--u) * 80);top:calc(var(--dy) + var(--u) * 790);z-index:9;min-height:calc(var(--u) * 48);padding-inline:calc(var(--u) * 22);font-size:calc(var(--u) * 16);opacity:0;pointer-events:none;display:inline-flex;position:absolute}.live .hero .hs__dl.is-on{pointer-events:auto}.live .hero .hint{left:50%;top:calc(var(--dy) + var(--u) * 676);z-index:9;margin-left:calc(var(--u) * -62);padding:calc(var(--u) * 7) calc(var(--u) * 14);color:var(--text);font-size:calc(var(--u) * 14);opacity:0;pointer-events:none;background:#fff;border-radius:999px;font-weight:600;position:absolute;box-shadow:0 8px 24px -8px #00000080}@media (width<=640px){.hero{--u:min(100vw / 390, 100svh / 844)}.live .hero{height:1060svh}.live .hero .hs__dl{display:none}.live .hero .hs__title{top:calc(var(--dy) + var(--u) * 108);width:calc(var(--u) * 358);margin-left:calc(var(--u) * -179)}.live .hero .hs__h1{font-size:calc(var(--u) * 46)}.live .hero .sub{max-width:none;font-size:calc(var(--u) * 16);margin-top:calc(var(--u) * 14)}.live .hero .cta .btn{min-height:48px;font-size:16px}.live .hero .cta__link{font-size:15px}.live .hero .price{font-size:calc(var(--u) * 12)}.live .hero .chap{left:calc(var(--u) * 20);top:calc(var(--dy) + var(--u) * 612);width:calc(var(--u) * 270)}.live .hero .chap__line{font-size:calc(var(--u) * 17)}.live .hero .ticks{left:calc(50% - var(--u) * 150);top:calc(var(--dy) + var(--u) * 596);width:calc(var(--u) * 300)}.live .hero .band{display:none}.live .hero .padobj{top:calc(var(--dy) + var(--u) * 392);width:calc(var(--u) * 330);height:calc(var(--u) * 210.8);margin-left:calc(var(--u) * -165);font-size:calc(var(--u) * 9.167);perspective:calc(var(--u) * 880)}.live .hero .keycap{left:calc(var(--u) * 304);top:calc(var(--dy) + var(--u) * 640);font-size:calc(var(--u) * 10.6)}.live .hero .hint{top:calc(var(--dy) + var(--u) * 410);margin-left:calc(var(--u) * -60)}}@media (prefers-reduced-motion:reduce){.np__eq i,.call__lvl b,.wi,.seq{animation:none!important}}