.su{--su-stage:clamp(480px,66vh,640px)}.su-main-wrap{padding:calc(var(--nav-h,64px) + 28px)0 40px}.su-back{color:var(--soft);align-items:center;gap:8px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.su-back:hover{color:#fff}.su-head{max-width:980px;margin:22px 0 28px}.su-head .va-kicker{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px;display:flex}.su-h1{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(34px,5vw,64px);font-weight:800;line-height:1.04}.su-h1 .va-blue{display:block}.su-lead{color:var(--soft);max-width:760px;margin:18px 0 0;font-size:clamp(17px,1.6vw,20px);line-height:1.5}.su-tags{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.su-tag{border:1px solid var(--line2);height:30px;color:var(--soft);align-items:center;gap:7px;padding:0 11px;font-size:13px;font-weight:700;display:inline-flex}.su-tag.blue{border-color:var(--blue);color:var(--blue)}.su-tag.soon{color:#fff;border-color:#fff}.su-plat{flex-wrap:wrap;align-items:center;gap:14px 22px;margin:0 0 22px;display:flex}.su-seg{border:1px solid var(--line2);display:inline-flex}.su-seg button,.su-seg a{height:46px;font:inherit;color:var(--soft);border:0;border-right:1px solid var(--line2);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.su-seg>:last-child{border-right:0}.su-seg [aria-pressed=true],.su-seg [aria-current=page]{color:#000;background:#fff}.su-seg button,.su-tile,.su-btn,.su-list button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--out,ease-out),background-color .16s ease,color .16s ease}.su-seg button:active,.su-btn:active:not(:disabled),.su-tile:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.su-seg button:hover:not([aria-pressed=true]){color:#fff}}.su-plat-k{letter-spacing:.12em;text-transform:uppercase;color:var(--mute);font-size:13px;font-weight:800}.su-change{color:var(--soft);align-items:center;gap:6px;margin-left:auto;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.su-change:hover{color:#fff}.su-cols{gap:28px;margin-top:56px;display:grid}@media (min-width:960px){.su-cols{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:56px}}.su-h2{text-wrap:balance;letter-spacing:-.02em;margin:0 0 18px;font-size:clamp(24px,2.4vw,32px);font-weight:800}.su-steps{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.su-steps li{border-bottom:1px solid var(--line);grid-template-columns:44px minmax(0,1fr);gap:4px 14px;padding:16px 0;scroll-margin-top:96px;display:grid}.su-steps .n{font-family:var(--f-num);color:var(--mute);font-size:26px;line-height:1}.su-steps li.on .n{color:var(--blue)}.su-steps p{color:#e6e6e6;margin:6px 0 0;font-size:16px;line-height:1.5}.su-steps button{all:unset;cursor:pointer;display:contents}.su-box{border:1px solid var(--line2);padding:22px 22px 8px}.su-box+.su-box{margin-top:18px}.su-box ul{margin:0;padding:0;list-style:none}.su-box li{color:#dcdcdc;gap:12px;padding:0 0 14px;font-size:15px;line-height:1.5;display:flex}.su-box li svg{color:var(--blue);flex:none;margin-top:3px}.su-box h3{letter-spacing:.12em;text-transform:uppercase;color:var(--soft);margin:0 0 14px;font-size:13px;font-weight:800}.su-links{flex-wrap:wrap;gap:10px;margin:6px 0 16px;display:flex}.su-tm{color:var(--mute);max-width:980px;margin:56px 0 0;font-size:13px;line-height:1.6}.su-grid{grid-template-columns:repeat(auto-fill,minmax(min(230px,50% - 1px),1fr));gap:1px;padding:1px;display:grid}.su-sm{display:none}@media (max-width:720px){.su-lg{display:none}.su-sm{display:inline}.su-tile{min-height:150px;padding:14px 12px 16px}.su-tile b{font-size:15px}.su-tile small{font-size:13px}.su-tile img{height:58px}}.su-tile{outline:1px solid var(--line2);color:#fff;cursor:pointer;min-height:170px;font:inherit;text-align:left;background:#000;border:0;flex-direction:column;gap:6px;padding:18px 18px 20px;text-decoration:none;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.su-tile:hover{background:#0b0b0b}}.su-tile[aria-pressed=true],.su-tile.on{box-shadow:inset 0 0 0 2px var(--blue);background:#0b0b0b}.su-tile img{object-fit:contain;width:100%;height:76px;margin-bottom:8px}.su-tile b{overflow-wrap:anywhere;text-wrap:balance;font-size:17px;font-weight:800;line-height:1.25}.su-tile small{color:var(--soft);font-size:14px;line-height:1.4}.su-tile .su-tag{height:24px;font-size:12px;position:absolute;top:12px;right:12px}.su-hub-step{align-items:baseline;gap:14px;margin:44px 0 16px;display:flex}.su-hub-step .va-num{color:var(--blue);font-size:40px}.su-hub-step h2{margin:0;font-size:clamp(22px,2.2vw,28px);font-weight:800}.su-player{--io:cubic-bezier(.77,0,.175,1);--out:cubic-bezier(.23,1,.32,1);outline:none;scroll-margin-top:88px;position:relative}.su-player:focus-visible{outline:2px solid var(--blue);outline-offset:8px}.su-top{align-items:center;gap:10px;min-height:32px;display:flex}.su-where{border:1px solid var(--line2);letter-spacing:.06em;text-transform:uppercase;color:#fff;white-space:nowrap;align-items:center;gap:8px;height:32px;padding:0 11px;font-size:13px;font-weight:800;display:inline-flex}.su-where.w-app{border-color:var(--blue);color:var(--blue)}.su-where.sm{height:24px;color:var(--soft);border-color:var(--line2);gap:6px;padding:0 8px;font-size:11px}.su-where.sm.w-app{color:var(--blue);border-color:#0d80f28c}.su-capbox{min-height:calc(3.96em + 8px);margin:14px 0 18px;font-size:clamp(20px,2.05vw,27px)}.su-cap{letter-spacing:-.01em;gap:16px;margin:0;font-weight:700;line-height:1.32;display:flex}.su-cap-n{font-family:var(--f-num);color:var(--blue);flex:none;min-width:1.4em;font-size:1.5em;font-weight:400;line-height:.95}.su-cap-t{text-wrap:pretty;overflow-wrap:break-word;min-width:0}.su-m-play .su-cap,.su-m-pause .su-cap{animation:su-capin .55s var(--out)both}.su-m-still .su-cap{animation:.18s both su-fade}@keyframes su-capin{0%{opacity:0;transform:translateY(10px)}}.su-stage{height:var(--su-stage);position:relative;container-type:size}.su-dev{--pad:0px;--bar:0px;--bd:1px;width:min(100cqw,calc((100cqh - 2*var(--pad) - 2*var(--bd) - var(--bar))*var(--ar) + 2*var(--pad) + 2*var(--bd)));position:absolute;top:50%;left:50%;translate:-50% -50%}.su-dev-in{padding:var(--pad);border:var(--bd)solid #2a2a2a;background:#000;position:relative}.su-dev.in{animation:su-devin .6s var(--out)both}.su-dev.out{pointer-events:none;animation:.45s both su-devout}@keyframes su-devin{0%{opacity:0;filter:blur(4px);transform:translateY(14px)}}@keyframes su-devout{to{opacity:0;filter:blur(4px)}}.su-m-still .su-dev.in{animation-duration:.22s}.su-m-still .su-dev.out{animation-duration:.15s}.su-dev-phone{--pad:9px}.su-dev-phone .su-dev-in{background:#0a0a0a;border-radius:46px}.su-dev-phone .su-scr{border-radius:37px}.su-dev-glass{--pad:16px}.su-dev-glass .su-dev-in{background:radial-gradient(120% 90% at 50% 0,#12161c,#050607 70%);border-radius:34px}.su-dev-glass .su-scr{border-radius:20px}.su-dev-g2{--pad:14px}.su-dev-g2 .su-dev-in{background:#050605;border-radius:26px}.su-dev-g2 .su-scr{border-radius:12px}.su-dev-browser{--bar:30px}.su-dev-browser .su-dev-in{border-radius:10px 10px 0 0}.su-bar{background:#0b0b0b;border-bottom:1px solid #2a2a2a;align-items:center;gap:6px;height:30px;padding:0 12px;display:flex}.su-bar i{background:#333;border-radius:50%;width:9px;height:9px}.su-bar em{color:var(--mute);margin-left:10px;font-size:12px;font-style:normal}.su-dev-photo{--bd:0px}.su-dev-card{--ar:.86}.su-dev-card .su-dev-in{aspect-ratio:var(--ar);padding:0}.su-scr{aspect-ratio:var(--ar);isolation:isolate;background:#000;position:relative;overflow:hidden;container-type:inline-size}.su-cam{transform-origin:0 0;transform:translate(calc(var(--fx)*1%),calc(var(--fy)*1%))scale(var(--fz));animation-duration:2.2s;animation-timing-function:var(--io);animation-fill-mode:both;position:absolute;top:0;left:0}.su-m-play .su-cam{will-change:transform}.su-cam img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}@keyframes su-cam-a{0%{transform:translate(calc(var(--px)*1%),calc(var(--py)*1%))scale(var(--pz))}32%,46%{transform:translate(calc(var(--ox)*1%),calc(var(--oy)*1%))scale(var(--oz))}to{transform:translate(calc(var(--fx)*1%),calc(var(--fy)*1%))scale(var(--fz))}}@keyframes su-cam-b{0%{transform:translate(calc(var(--px)*1%),calc(var(--py)*1%))scale(var(--pz))}32%,46%{transform:translate(calc(var(--ox)*1%),calc(var(--oy)*1%))scale(var(--oz))}to{transform:translate(calc(var(--fx)*1%),calc(var(--fy)*1%))scale(var(--fz))}}.su-m-still .su-cam,.su-hold .su-cam,.su-reduced .su-cam{animation-name:none!important}.su-hold .su-cam{transform:translate(calc(var(--ox)*1%),calc(var(--oy)*1%))scale(var(--oz))}.su-mark{pointer-events:none;margin:calc(-6px/var(--fz))0 0 calc(-6px/var(--fz));padding:calc(6px/var(--fz));box-sizing:content-box;border:calc(2.5px/var(--fz))solid var(--blue);border-radius:calc(8px/var(--fz));box-shadow:0 0 0 calc(4000px/var(--fz))#00000073;translate:calc(-2.5px/var(--fz))calc(-2.5px/var(--fz));position:absolute}.su-m-play .su-mark,.su-m-pause .su-mark{animation:su-fade .6s var(--out)2.3s both}.su-hold .su-mark{display:none}@keyframes su-fade{0%{opacity:0}}@keyframes su-devout-flat{to{opacity:0}}.su-tap{width:calc(56px/var(--fz));aspect-ratio:1;pointer-events:none;position:absolute;translate:-50% -50%}.su-tap b{border:calc(3px/var(--fz))solid #fff;background:#0d80f242;border-radius:50%;position:absolute;inset:0}.su-tap:after{content:"";border:calc(2px/var(--fz))solid #fff;opacity:0;border-radius:50%;position:absolute;inset:0}.su-m-play .su-tap,.su-m-pause .su-tap{animation:su-tapin .45s var(--out)3s both}.su-m-play .su-tap b,.su-m-pause .su-tap b{animation:.5s 3.45s both su-press}.su-m-play .su-tap:after,.su-m-pause .su-tap:after{animation:1.5s ease-out 3.55s 2 both su-ripple}.su-hold .su-tap{display:none}@keyframes su-tapin{0%{opacity:0;transform:scale(1.7)}}@keyframes su-press{40%{transform:scale(.78)}}@keyframes su-ripple{0%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.su-lens{flex-direction:column;justify-content:center;gap:.3em;padding:0 1.5%;font-family:Noto Sans,system-ui,sans-serif;display:flex;position:absolute;transform:perspective(60cqw)rotateY(-9deg)}.su-lens p{margin:0}.su-lens-q{font-size:1.75cqw;font-weight:600;line-height:1.15}.su-lens-a{font-size:2.45cqw;font-weight:800;line-height:1.12}.su-lens.lens-color{border-left:.35cqw solid var(--blue);background:#060a12db}.su-lens.lens-color .su-lens-q{color:#a9b6c8}.su-lens.lens-color .su-lens-a{color:#fff}.su-lens.lens-green .su-lens-q{color:#5aff8cb8;text-shadow:0 0 .5cqw #46ff8299}.su-lens.lens-green .su-lens-a{color:#6dff9c;text-shadow:0 0 .6cqw #46ff82d9}.su-m-play .su-lens-q,.su-m-pause .su-lens-q{animation:su-fade .7s var(--out)2.4s both}.su-m-play .su-lens-a,.su-m-pause .su-lens-a{animation:su-fade .7s var(--out)3.2s both}.su-ear-src{position:absolute}.su-ear-src i{opacity:.5;border:.3cqw solid #1a8cffd9;border-radius:50%;position:absolute;inset:-60%}.su-ear-src i:nth-child(2){opacity:.32;inset:-140%}.su-ear-src i:nth-child(3){opacity:.18;inset:-230%}.su-m-play .su-ear-src i,.su-m-pause .su-ear-src i{animation:2.4s ease-out 2.2s infinite both su-wave}.su-m-play .su-ear-src i:nth-child(2),.su-m-pause .su-ear-src i:nth-child(2){animation-delay:3s}.su-m-play .su-ear-src i:nth-child(3),.su-m-pause .su-ear-src i:nth-child(3){animation-delay:3.8s}@keyframes su-wave{0%{opacity:.85;transform:scale(.4)}to{opacity:0;transform:scale(1.2)}}.su-ear-t{border-left:.35cqw solid var(--blue);color:#fff;background:#000000c7;margin:0;padding:1.2cqw 1.6cqw;font-size:2.6cqw;font-weight:800;line-height:1.25;position:absolute}.su-ear-t small{letter-spacing:.1em;text-transform:uppercase;color:var(--blue);align-items:center;gap:.6cqw;margin-bottom:.5cqw;font-size:1.5cqw;font-weight:800;display:flex}.su-m-play .su-ear-t span,.su-m-pause .su-ear-t span{animation:.4s both su-fade;animation-delay:calc(2.7s + var(--w)*.36s)}.su-card{background:#0b0b0b;flex-direction:column;justify-content:center;gap:22px;padding:9%;display:flex;position:absolute;inset:0;container-type:inline-size}.su-card-ic{border:1px solid var(--blue);width:56px;height:56px;color:var(--blue);place-items:center;display:grid}.su-crumbs{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.su-crumbs li{color:var(--soft);align-items:center;gap:8px;font-size:clamp(17px,7.2cqw,30px);font-weight:700;line-height:1.25;display:flex;position:relative}.su-crumbs li svg{color:var(--mute);flex:none}.su-crumbs li.last{color:#fff}.su-crumbs li.last span{border-bottom:2px solid var(--blue)}.su-crumbs .su-dot{background:#0d80f24d;border:3px solid #fff;border-radius:50%;flex:none;width:22px;height:22px;margin-left:6px;position:relative}.su-m-play .su-crumbs li,.su-m-pause .su-crumbs li{animation:su-crumb .55s var(--out)both;animation-delay:calc(.6s + var(--c)*.8s)}.su-m-play .su-crumbs .su-dot,.su-m-pause .su-crumbs .su-dot{animation:su-tapin .45s var(--out)both;animation-delay:calc(1.2s + var(--c)*.8s)}@keyframes su-crumb{0%{opacity:0;transform:translateY(10px)}}.su-qr{text-align:center;background:#0b0b0b;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:8%;display:flex;position:absolute;inset:0}.su-qr img{aspect-ratio:1;background:#fff;width:min(62%,300px);height:auto;padding:12px}.su-qr p{color:var(--soft);max-width:34ch;margin:0;font-size:15px;line-height:1.45}.su-qr b{color:#fff;margin-bottom:4px;font-size:17px;display:block}.su-dev-card:has(.su-qr){--ar:.8}.su-credit{text-align:center;color:var(--mute);margin:10px 0 0;font-size:13px}.su-ctl{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:18px;display:flex}.su-btn{border:1px solid var(--line2);background:var(--s2);color:#fff;height:48px;font:inherit;cursor:pointer;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:700;display:inline-flex}@media (hover:hover) and (pointer:fine){.su-btn:hover:not(:disabled){background:#181818;border-color:#3a3a3a}}.su-btn:disabled{opacity:.35;cursor:default}.su-btn-main{background:var(--blue);border-color:var(--blue);justify-content:center;min-width:150px}@media (hover:hover) and (pointer:fine){.su-btn-main:hover:not(:disabled){background:var(--blue-h);border-color:var(--blue-h)}}.su-pause-ic{gap:4px;display:inline-flex}.su-pause-ic i{background:#fff;width:4px;height:14px}.su-count{text-align:right;min-width:96px;color:var(--soft);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.su-prog{background:#ffffff1f;height:3px;display:block;position:relative;overflow:hidden}.su-fill{background:var(--blue);transform-origin:0;position:absolute;inset:0}.su-m-play .su-fill:not(.done),.su-m-pause .su-fill:not(.done){animation:su-prog var(--dur)linear both}@keyframes su-prog{0%{transform:scaleX(0)}}.su-segs{gap:4px;margin-bottom:18px;display:flex}.su-segs .su-prog{flex:1}.su-m-pause,.su-m-pause *,.su-m-pause :after{animation-play-state:paused!important}.su-v-a{gap:28px;display:grid}@media (min-width:1000px){.su-v-a{grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);align-items:start;gap:48px}}.su-list{border-top:1px solid var(--line);max-height:calc(var(--su-stage) + 230px);scrollbar-width:thin;margin:0;padding:0;list-style:none;overflow:auto}.su-list li{border-bottom:1px solid var(--line)}.su-list button{all:unset;box-sizing:border-box;cursor:pointer;grid-template-columns:40px minmax(0,1fr);gap:4px 12px;width:100%;padding:14px 4px 0;display:grid}.su-list button:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.su-list-n{font-family:var(--f-num);color:var(--mute);padding-top:2px;font-size:24px;line-height:1}.su-list-b{flex-direction:column;align-items:flex-start;gap:7px;padding-bottom:12px;display:flex}.su-list-t{color:var(--mute);font-size:15px;line-height:1.45}.su-list .su-prog{background:0 0;grid-column:1/-1;height:2px}.su-list li.on .su-list-n{color:var(--blue)}.su-list li.on .su-list-t{color:#fff}.su-list li.past .su-list-t{color:var(--soft)}.su-list li.on .su-prog{background:#ffffff1a}.su-v-a .su-capbox{margin-top:12px}@media (max-width:999px){.su-v-a .su-list{display:none}}.su-v-b{text-align:center}.su-v-b .su-top{justify-content:center}.su-v-b .su-capbox{max-width:860px;margin:16px auto 22px;font-size:clamp(22px,2.6vw,34px)}.su-v-b .su-cap{text-align:left;justify-content:center}.su-v-b{--su-stage:clamp(500px,70vh,700px)}.su-v-c{--su-stage:clamp(460px,62vh,600px)}.su-v-c .su-capbox{max-width:920px}.su-duo{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);align-items:center;display:grid;position:relative}.su-slot{opacity:.36;transition:opacity .6s var(--out);flex-direction:column;align-items:center;gap:12px;display:flex}.su-slot.on{opacity:1}.su-slot>div{width:100%}.su-slot-k{letter-spacing:.08em;text-transform:uppercase;color:var(--soft);align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.su-slot.on .su-slot-k{color:#fff}.su-art{place-items:center;display:grid}.su-art img{opacity:.85;width:78%;height:auto}.su-beam{background:#ffffff1a;align-self:center;height:2px;margin-top:26px;position:relative}.su-beam i{background:var(--blue);opacity:0;border-radius:50%;width:18px;height:18px;margin-top:-9px;position:absolute;top:50%;left:0}.su-m-play .su-beam.go i,.su-m-pause .su-beam.go i{animation:su-beam-r 1.1s var(--io).15s both}.su-m-play .su-beam.go.dir-L i,.su-m-pause .su-beam.go.dir-L i{animation-name:su-beam-l}@keyframes su-beam-r{0%{opacity:1;transform:translate(-10px)}85%{opacity:1}to{opacity:0;transform:translate(64px)}}@keyframes su-beam-l{0%{opacity:1;transform:translate(64px)}85%{opacity:1}to{opacity:0;transform:translate(-10px)}}@media (max-width:860px){.su-duo{grid-template-columns:minmax(0,1fr)}.su-beam{display:none}.su-slot:not(.on){z-index:2;opacity:.92;pointer-events:none;gap:4px;width:36%;position:absolute;top:0;right:0}.su-slot:not(.on) .su-stage{height:190px}.su-slot:not(.on) .su-slot-k{font-size:10px}}@media (max-width:720px){.su,.su-v-b{--su-stage:min(64svh,540px)}.su-v-c{--su-stage:min(60svh,500px)}.su-capbox{min-height:5.28em;font-size:19px}.su-v-b .su-capbox{font-size:21px}.su-cap{gap:12px}.su-btn span{display:none}.su-btn{padding:0 16px}.su-btn-main span{display:inline}.su-count{min-width:0}.su-seg button,.su-seg a{padding:0 13px;font-size:14px}.su-change{margin-left:0}}@media (prefers-reduced-motion:reduce){.su-dev.in{animation:.25s both su-fade}.su-dev.out{animation:.15s both su-devout-flat}.su-seg button:active,.su-btn:active:not(:disabled),.su-tile:active{transform:none}.su-cap,.su-crumbs li,.su-lens p,.su-ear-t span,.su-mark,.su-tap,.su-tap b,.su-tap:after,.su-ear-src i,.su-crumbs .su-dot,.su-beam i{animation:none!important}}