.home-demo-hero-film{color:var(--paper,#fff);isolation:isolate;--dots-strip:44px;height:calc(min(56.25vw, 86svh) + var(--dots-strip));min-height:calc(560px + var(--dots-strip));font-family:var(--sans,system-ui, sans-serif);background:#000;position:relative;overflow:hidden}.home-demo-hero-film *,.home-demo-hero-film :before,.home-demo-hero-film :after{box-sizing:border-box}.home-demo-hero-film svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.home-demo-hero-film .hf-stage{inset:0 0 var(--dots-strip);z-index:0;background:#000;position:absolute}.home-demo-hero-film .hf-vid{object-fit:cover;opacity:0;background:#000;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.home-demo-hero-film .hf-vid.on{opacity:1;z-index:1}.home-demo-hero-film .hf-shade{z-index:2;pointer-events:none;background:linear-gradient(#0006 0%,#0000 28% 38%,#0000007a 62%,#000000d9 100%);position:absolute;inset:0 0 -2px}.home-demo-hero-film .hf-top{z-index:5;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;top:20px;left:24px;right:24px}.home-demo-hero-film .hf-top>*{pointer-events:auto}.home-demo-hero-film .hf-promise{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);color:var(--paper,#fff);background:#0e0e0e73;border-radius:999px;margin:0;padding:10px 16px;font-size:14px;line-height:1;transition:opacity .25s}.home-demo-hero-film .hf-promise.swap{opacity:0}.home-demo-hero-film .hf-ctrls{gap:8px;display:flex}.home-demo-hero-film .hf-pill{font:inherit;color:var(--paper,#fff);cursor:pointer;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);background:#0e0e0e73;border-radius:999px;align-items:center;gap:7px;padding:10px;font-size:13px;line-height:1;transition:background .2s;display:inline-flex}.home-demo-hero-film .hf-pill:hover{background:#28282899}.home-demo-hero-film .hf-pill svg{width:16px;height:16px}.home-demo-hero-film .hf-pill .hf-lbl{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.home-demo-hero-film .hf-pill .i-pause rect,.home-demo-hero-film .hf-pill .i-play path{fill:currentColor}.home-demo-hero-film .hf-pill .i-on,.home-demo-hero-film .hf-pill .i-play{display:none}.home-demo-hero-film .hf-pill.is-on .i-on,.home-demo-hero-film .hf-pill.is-on .i-play{display:block}.home-demo-hero-film .hf-pill.is-on .i-off,.home-demo-hero-film .hf-pill.is-on .i-pause{display:none}.home-demo-hero-film .hf-body{z-index:4;left:0;right:0;bottom:var(--dots-strip);flex-direction:column;align-items:center;padding:0 0 56px;display:flex;position:absolute}.home-demo-hero-film .hf-title{text-align:center;font-family:var(--serif,Georgia, serif);letter-spacing:-.01em;text-wrap:balance;max-width:1100px;color:var(--paper,#fff);text-shadow:0 2px 30px #00000059;margin:0 auto 18px;padding:0 16px;font-size:clamp(32px,4.2vw,60px);font-weight:300;line-height:1.02}.home-demo-hero-film .hf-slot{justify-content:center;width:min(760px,100% - 32px);display:flex}.home-demo-hero-film .hf-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.home-demo-hero-film .hf-box{border:1px solid var(--line);-webkit-backdrop-filter:blur(22px)saturate(1.2);background:#0e0e0e99;border-radius:22px;grid-template-rows:auto auto auto;grid-template-columns:auto 1fr auto;align-items:center;column-gap:10px;width:100%;padding:14px 14px 12px;transition:width .45s cubic-bezier(.3,.7,.2,1),border-radius .45s,padding .45s,background .3s;display:grid;position:relative;box-shadow:0 20px 60px #00000059}.home-demo-hero-film .hf-chips{grid-column:1/-1;gap:8px;min-height:30px;max-height:30px;margin-bottom:10px;transition:max-height .35s,min-height .35s,margin .35s,opacity .25s;display:flex;overflow:hidden}.home-demo-hero-film .hf-chip{border:1px solid var(--line);min-width:0;height:30px;font:400 13px/1 "ABC Areal", var(--sans,system-ui, sans-serif);color:var(--paper,#fff);white-space:nowrap;background:#ffffff1a;border-radius:999px;flex:0 auto;align-items:center;gap:7px;padding:0 12px 0 9px;display:none}.home-demo-hero-film .hf-chip svg{opacity:.85;stroke-width:1.8px;flex:none;width:15px;height:15px}.home-demo-hero-film .hf-chip span{text-overflow:ellipsis;min-width:0;overflow:hidden}.home-demo-hero-film .hf-chip.on{animation:.36s cubic-bezier(.2,1.4,.4,1) both hf-pop;display:inline-flex}@keyframes hf-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.home-demo-hero-film .hf-text{min-height:26px;font:400 16px/26px "ABC Areal", var(--sans,system-ui, sans-serif);color:var(--paper,#fff);grid-area:2/1/auto/-1;margin-bottom:12px;position:relative}.home-demo-hero-film .hf-typed:not(:empty)~.hf-caret{margin-left:1px}.home-demo-hero-film .hf-typed:not(:empty)+.hf-caret{display:inline-block}.home-demo-hero-film .hf-caret{vertical-align:-.17em;background:var(--paper,#fff);width:2px;height:1.05em;animation:1s step-end infinite hf-blink;display:inline-block}@keyframes hf-blink{50%{opacity:0}}.home-demo-hero-film .hf-plus,.home-demo-hero-film .hf-send{font:inherit;cursor:default;border-radius:50%;place-items:center;padding:0;transition:transform .12s,background .12s;display:grid}.home-demo-hero-film .hf-plus{border:1px solid var(--line);width:36px;height:36px;color:var(--paper,#fff);background:#ffffff1a;grid-area:3/1}.home-demo-hero-film .hf-plus svg{width:18px;height:18px}.home-demo-hero-film .hf-plus.press{background:#ffffff47;transform:scale(.88)}.home-demo-hero-film .hf-send{background:var(--paper,#fff);color:#000;border:0;grid-area:3/3;width:38px;height:38px}.home-demo-hero-film .hf-send svg{stroke-width:2.4px;width:20px;height:20px}.home-demo-hero-film .hf-send.press{background:#d9d6ff;transform:scale(.86);box-shadow:0 0 0 6px #ffffff40}.home-demo-hero-film .hf-box.is-sent{background:#0e0e0e8c;border-radius:24px;width:min(680px,100% - 32px);padding:7px 7px 7px 22px}.home-demo-hero-film .hf-box.is-sent .hf-chips{opacity:0;min-height:0;max-height:0;margin:0}.home-demo-hero-film .hf-box.is-sent .hf-plus{display:none}.home-demo-hero-film .hf-box.is-sent .hf-text{white-space:nowrap;text-overflow:ellipsis;grid-area:2/1/auto/3;margin:0;font-size:15px;overflow:hidden}.home-demo-hero-film .hf-box.is-sent .hf-send{grid-area:2/3;width:32px;height:32px}.home-demo-hero-film .hf-box.is-sent .hf-send svg{width:17px;height:17px}.home-demo-hero-film .hf-ripple{pointer-events:none;border:2px solid #fffc;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;animation:.6s ease-out forwards hf-rip;position:absolute}@keyframes hf-rip{to{opacity:0;transform:scale(4.5)}}.home-demo-hero-film .hf-foot{justify-content:center;align-items:center;gap:16px;width:min(760px,100% - 32px);margin-top:14px;display:flex}.home-demo-hero-film .hf-dots{left:50%;bottom:calc(-1 * var(--dots-strip) + 6px);gap:0;display:flex;position:absolute;transform:translate(-50%)}.home-demo-hero-film .hf-dot{cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:24px;height:32px;padding:0;display:grid}.home-demo-hero-film .hf-dot i{background:#ffffff47;border-radius:4px;width:16px;height:4px;transition:background .2s;display:block;position:relative;overflow:hidden}.home-demo-hero-film .hf-dot:hover i{background:#ffffff73}.home-demo-hero-film .hf-dot i:after{content:"";background:var(--paper,#fff);transform:scaleX(var(--p,0));transform-origin:0;position:absolute;inset:0}.home-demo-hero-film .hf-dot[aria-current=true] i{background:#ffffff80}.home-demo-hero-film .hf-try{background:var(--paper,#fff);color:#000;white-space:nowrap;border-radius:999px;padding:13px 22px;font-size:15px;line-height:1;text-decoration:none;transition:transform .15s}.home-demo-hero-film .hf-try:hover{transform:translateY(-1px)}.home-demo-hero-film :is(button,a):focus-visible{outline:2px solid var(--focus,#8f87ff);outline-offset:2px}.home-demo-hero-film .hf-cursor{z-index:8;pointer-events:none;opacity:0;will-change:transform;filter:drop-shadow(0 3px 6px #00000073);position:absolute;top:0;left:0}.home-demo-hero-film .hf-cursor svg{fill:none;stroke:none;display:block}.home-demo-hero-film .hf-cursor path{fill:#fff;stroke:#111}@media (max-width:800px){.home-demo-hero-film{height:auto;min-height:0}.home-demo-hero-film .hf-stage{aspect-ratio:16/9;width:100%;position:relative;inset:auto}.home-demo-hero-film .hf-shade{background:linear-gradient(#0006 0%,#0000 35% 70%,#0009 100%)}.home-demo-hero-film .hf-top{top:10px;left:12px;right:12px}.home-demo-hero-film .hf-promise{padding:8px 12px;font-size:12px}.home-demo-hero-film .hf-pill{padding:9px}.home-demo-hero-film .hf-body{z-index:4;padding:26px 0 28px;position:relative}.home-demo-hero-film .hf-title{margin-bottom:20px;font-size:clamp(28px,8vw,40px)}.home-demo-hero-film .hf-text{min-height:52px}.home-demo-hero-film .hf-box{padding:12px 10px 10px}.home-demo-hero-film .hf-chip{gap:5px;padding:0 8px 0 6px;font-size:11.5px}.home-demo-hero-film .hf-chip svg{width:13px;height:13px}.home-demo-hero-film .hf-chips{gap:5px}.home-demo-hero-film .hf-box.is-sent{padding:7px 7px 7px 18px}.home-demo-hero-film .hf-box.is-sent .hf-text{min-height:0}.home-demo-hero-film{--dots-strip:0px}.home-demo-hero-film .hf-foot{flex-direction:column}.home-demo-hero-film .hf-dots{order:1;position:static;transform:none}.home-demo-hero-film .hf-cursor{display:none}}@media (hover:none) and (pointer:coarse){.home-demo-hero-film .hf-cursor{display:none}}@media (prefers-reduced-motion:reduce){.home-demo-hero-film .hf-vid,.home-demo-hero-film .hf-box,.home-demo-hero-film .hf-chips{transition:none}.home-demo-hero-film .hf-chip.on{animation:none}.home-demo-hero-film .hf-caret{animation:none;display:none!important}.home-demo-hero-film .hf-cursor,.home-demo-hero-film .hf-pause,.home-demo-hero-film .hf-sound{display:none}}
.home-demo-island{aspect-ratio:2;border:1px solid var(--line);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent;background:#2a1c3a 50%/cover no-repeat;border-radius:18px;width:100%;position:relative;overflow:hidden}.home-demo-island.drag{cursor:grabbing}.home-demo-island:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.home-demo-island canvas{touch-action:pan-y;opacity:0;width:100%;height:100%;transition:opacity .4s;display:block;position:absolute;inset:0}.home-demo-island.ready canvas{opacity:1}.home-demo-island.nogl canvas{display:none}.home-demo-island .isl-pill{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px);color:var(--paper);font:400 13px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;white-space:nowrap;border-radius:999px;padding:6px 12px;position:absolute;top:14px}.home-demo-island .isl-live{align-items:center;gap:8px;display:flex;left:14px}.home-demo-island .isl-dot{background:#ff6b75;border-radius:50%;width:7px;height:7px;transition:background .15s,box-shadow .15s;box-shadow:0 0 8px #ff6b75}.home-demo-island.drag .isl-dot,.home-demo-island.held .isl-dot{background:var(--focus);box-shadow:0 0 8px var(--focus)}.home-demo-island .isl-deg{font-variant-numeric:tabular-nums;right:14px}.home-demo-island .isl-hint{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px);color:var(--paper);font:400 13px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;pointer-events:none;border-radius:999px;align-items:center;gap:10px;padding:9px 16px;transition:opacity .5s;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.home-demo-island .isl-hint svg{width:18px;height:18px;animation:1.8s ease-in-out infinite isl-swipe}.home-demo-island .isl-coarse,.home-demo-island .isl-hover{display:none}@media (hover:hover) and (pointer:fine){.home-demo-island .isl-hover{display:inline}.home-demo-island .isl-fine{display:none}}@media (hover:none),(pointer:coarse){.home-demo-island .isl-fine{display:none}.home-demo-island .isl-coarse{display:inline}}@keyframes isl-swipe{0%,to{transform:translate(-4px)}50%{transform:translate(4px)}}.home-demo-island.ready.touched .isl-hint,.home-demo-island .isl-hint.gone{opacity:0}.home-demo-island .isl-dial{pointer-events:none;width:64px;height:64px;position:absolute;bottom:14px;right:14px}.home-demo-island .isl-dial-bg{fill:#0a08148c;stroke:var(--line)}.home-demo-island .isl-dial-ring{fill:none;stroke:#ffffff2e;stroke-dasharray:2 4}.home-demo-island .isl-dial-land{fill:#ffffff8c}.home-demo-island .isl-dial-tower{fill:var(--paper)}.home-demo-island .isl-dial-cam{fill:var(--focus);stroke:var(--paper);stroke-width:2px}@media (max-width:900px){.home-demo-island{aspect-ratio:4/3}.home-demo-island .isl-dial{width:52px;height:52px}.home-demo-island .isl-hint{padding:8px 14px;font-size:12px;bottom:12px}}@media (prefers-reduced-motion:reduce){.home-demo-island .isl-hint svg{animation:none}.home-demo-island canvas{transition:none}}
@font-face{font-family:PG Unbounded;font-weight:200 900;font-display:swap;src:url(/home-demos/unbounded.woff2)format("woff2")}.home-demo-playground{--pg-glow:#ffffff24;color:var(--paper,#fff);font-family:var(--sans,system-ui, sans-serif)}.home-demo-playground *,.home-demo-playground-ghost *{box-sizing:border-box}.home-demo-playground .pg-grid{grid-template-columns:minmax(0,1fr) clamp(168px,16vw,200px);align-items:start;gap:clamp(16px,2vw,28px);display:grid}.home-demo-playground .pg-main{min-width:0}.home-demo-playground .pg-frame{border:1px solid var(--line,#ffffff29);box-shadow:0 30px 80px -30px var(--pg-glow);background:#ffffff0f;border-radius:18px;padding:8px;transition:box-shadow .35s,transform .25s,border-color .2s;position:relative}.home-demo-playground .pg-screen{aspect-ratio:16/9;background:#ededed;border-radius:12px;position:relative;overflow:hidden}.home-demo-playground .pg-screen iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.home-demo-playground .pg-drop{pointer-events:none;opacity:0;outline-offset:-12px;background:#00000061;outline:2px dashed #ffffffd9;justify-content:center;align-items:flex-start;padding-top:6%;transition:opacity .2s;display:flex;position:absolute;inset:0}.home-demo-playground .pg-drop span{background:var(--paper,#fff);color:var(--demo-ink,#0b0818);border-radius:999px;padding:10px 22px;font-size:16px;transition:transform .2s;transform:scale(.92)}.home-demo-playground .pg-frame.armed .pg-drop{opacity:.55}.home-demo-playground .pg-frame.over{border-color:var(--paper,#fff);transform:scale(1.01)}.home-demo-playground .pg-frame.over .pg-drop{opacity:1}.home-demo-playground .pg-frame.over .pg-drop span{transform:none}.home-demo-playground .pg-frame.flash{animation:.6s ease-out pg-flash}@keyframes pg-flash{0%{box-shadow:0 0 #fff0}40%{box-shadow:0 0 0 8px #ffffffb3, 0 0 90px 10px var(--pg-glow)}}.home-demo-playground .pg-caption,.home-demo-playground .pg-hint,.home-demo-playground .pg-lab-hint{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.home-demo-playground .pg-kits{flex-direction:column;gap:10px;min-width:0;display:flex}.home-demo-playground .pg-lab{letter-spacing:.08em;text-transform:uppercase;color:var(--dim,#ffffff9e);flex-direction:column;gap:4px;margin:0;font-size:13px;display:flex}.home-demo-playground .pg-list{flex-direction:column;gap:10px;display:flex}.home-demo-playground .pg-kit,.home-demo-playground-ghost .pg-kit{all:unset;box-sizing:border-box;color:#f4f5f7;cursor:grab;-webkit-user-drag:none;touch-action:manipulation;width:100%;height:52px;font-family:var(--sans,system-ui, sans-serif);background:#202020;border:1px solid #ffffff24;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;transition:transform .18s,box-shadow .18s,opacity .18s;display:flex;position:relative;box-shadow:0 10px 30px -14px #000000b3}.home-demo-playground .pg-kit:hover{transform:translateY(-2px);box-shadow:0 16px 36px -14px #000c}.home-demo-playground .pg-kit:focus-visible{outline:2px solid var(--focus,#8f87ff);outline-offset:3px}@media (hover:hover) and (pointer:fine){.home-demo-playground .pg-kit:hover,.home-demo-playground .pg-kit.pg-hot{box-shadow:0 0 0 2px #000,0 0 0 4px #ffffff73,0 16px 36px -14px #000c}.home-demo-playground .pg-kit[aria-pressed=true],.home-demo-playground .pg-kit[aria-pressed=true]:hover{box-shadow:0 0 0 2px #000,0 0 0 4px #fff,0 16px 36px -14px #000c}}.home-demo-playground .pg-kit.pg-lift{opacity:.3}.home-demo-playground .pg-kit[aria-pressed=true]{box-shadow:0 0 0 2px #000,0 0 0 4px #fff}.home-demo-playground .pg-kit img,.home-demo-playground .pg-kit svg,.home-demo-playground-ghost .pg-kit img,.home-demo-playground-ghost .pg-kit svg{-webkit-user-drag:none;pointer-events:none}.home-demo-playground .pg-logo,.home-demo-playground-ghost .pg-logo{align-items:center;gap:6px;min-width:0;height:22px;display:flex}.home-demo-playground .pg-logo img,.home-demo-playground-ghost .pg-logo img{width:auto;height:20px;display:block}.home-demo-playground .pg-komet,.home-demo-playground-ghost .pg-komet{--komet-height:13px;height:var(--komet-height);width:calc(var(--komet-height) * 442 / 74);flex:none;display:block;overflow:hidden}.home-demo-playground .pg-logo .pg-komet img,.home-demo-playground-ghost .pg-logo .pg-komet img{max-width:none;height:calc(var(--komet-height) * 112 / 74);margin-left:calc(var(--komet-height) * -198 / 74)}.home-demo-playground .pg-on-black,.home-demo-playground-ghost .pg-on-black{mix-blend-mode:screen}.home-demo-playground .pg-vword,.home-demo-playground-ghost .pg-vword{color:#f3f3fe;display:block}.home-demo-playground .pg-vword svg,.home-demo-playground-ghost .pg-vword svg{width:auto;height:11px;display:block}.home-demo-playground .pg-plain,.home-demo-playground-ghost .pg-plain{color:#ffffffb8;font-size:13px}.home-demo-playground .pg-sw,.home-demo-playground-ghost .pg-sw{flex:none;gap:3px;display:flex}.home-demo-playground .pg-sw i,.home-demo-playground-ghost .pg-sw i{border-radius:50%;width:12px;height:12px;display:block;box-shadow:inset 0 0 0 1px #ffffff38}.home-demo-playground-ghost .pg-kit{z-index:1000;pointer-events:none;transform-origin:30% 30%;margin:0;position:fixed;box-shadow:0 30px 60px #0000008c}@media (max-width:900px){.home-demo-playground .pg-grid{grid-template-columns:minmax(0,1fr);gap:20px}.home-demo-playground .pg-list{scroll-snap-type:x proximity;scrollbar-width:none;flex-direction:row;gap:14px;margin:-8px -2px 0;padding:12px 2px 14px;overflow-x:auto}.home-demo-playground .pg-list::-webkit-scrollbar{display:none}.home-demo-playground .pg-kit{scroll-snap-align:start;cursor:pointer;flex:none;width:168px}.home-demo-playground .pg-screen{aspect-ratio:4/3}}@media (prefers-reduced-motion:reduce){.home-demo-playground .pg-frame,.home-demo-playground .pg-kit,.home-demo-playground .pg-drop,.home-demo-playground .pg-drop span{transition:none}.home-demo-playground .pg-frame.flash{animation:none}}.home-demo-playground .pg-sound{z-index:6;height:32px;font:400 13px/1 var(--sans);color:var(--paper,#fff);cursor:pointer;background:var(--glass,#0a08148c);border:1px solid var(--line,#ffffff29);-webkit-backdrop-filter:blur(14px);border-radius:999px;align-items:center;padding:0 12px;transition:background .12s,border-color .12s,transform 80ms;display:inline-flex;position:absolute;bottom:14px;right:14px}.home-demo-playground .pg-sound:hover{background:#28243cb8;border-color:#ffffff73}.home-demo-playground .pg-sound:active{transform:scale(.97)}.home-demo-playground .pg-sound[aria-pressed=true]{background:var(--paper,#fff);color:var(--demo-ink,#0b0818);border-color:var(--paper,#fff)}.home-demo-playground .pg-sound:focus-visible{outline:2px solid var(--focus,#8f87ff);outline-offset:2px}
.demos-module__UH6HJG__tokens{--paper:#fff;--demo-ink:#0b0818;--dim:#ffffff9e;--faint:#ffffff47;--line:#ffffff29;--glass:#0a08148c;--focus:#8f87ff;--serif:var(--font-serif);--sans:var(--font-subito);--gutter:max(16px, env(safe-area-inset-left,0px))}.demos-module__UH6HJG__band{z-index:1;color:var(--paper);font-family:var(--sans);background:#000;position:relative}.demos-module__UH6HJG__band,.demos-module__UH6HJG__band *{font-feature-settings:"lnum"!important}.demos-module__UH6HJG__fadeIn{z-index:1;background:linear-gradient(#0000,#000);height:240px;margin-top:80px;position:relative}.demos-module__UH6HJG__fadeOut{z-index:1;background:linear-gradient(#000,#0000);height:240px;margin-bottom:-240px;position:relative}.demos-module__UH6HJG__afterFilm{padding-top:clamp(40px,7vw,104px)}.demos-module__UH6HJG__demos{padding:clamp(112px, 15vw, 208px) var(--gutter) clamp(64px, 10vw, 120px)}.demos-module__UH6HJG__head{text-align:center;max-width:1240px;margin:0 auto clamp(48px,8vw,96px)}.demos-module__UH6HJG__title{max-width:16ch;font:300 clamp(32px, 4.2vw, 60px) / 1.02 var(--serif);letter-spacing:-.02em;text-wrap:balance;margin:0 auto}.demos-module__UH6HJG__head p:last-child{max-width:50ch;color:var(--dim);margin:16px auto 0;font-size:16px;line-height:1.5}.demos-module__UH6HJG__beat{max-width:1240px;margin-inline:auto}.demos-module__UH6HJG__beat+.demos-module__UH6HJG__beat{margin-top:clamp(80px,12vw,160px)}.demos-module__UH6HJG__beat header{margin-bottom:24px}.demos-module__UH6HJG__from{font:300 clamp(24px, 2.8vw, 40px) / 1.04 var(--serif);letter-spacing:-.02em;text-wrap:balance;margin:0}.demos-module__UH6HJG__fromDim{color:#ffffff7a}.demos-module__UH6HJG__stage{width:100%;position:relative}.demos-module__UH6HJG__askWrap{flex-direction:column;align-items:center;margin-top:20px;display:flex;position:relative}.demos-module__UH6HJG__sideRight .demos-module__UH6HJG__askWrap{margin-right:calc(clamp(168px,16vw,200px) + clamp(16px,2vw,28px))}.demos-module__UH6HJG__sideLeft .demos-module__UH6HJG__askWrap{margin-left:calc(clamp(168px,18vw,232px) + clamp(16px,2vw,28px))}@media (max-width:900px){.demos-module__UH6HJG__sideRight .demos-module__UH6HJG__askWrap{margin-right:0}.demos-module__UH6HJG__sideLeft .demos-module__UH6HJG__askWrap{margin-left:0}}.demos-module__UH6HJG__askToggle{border:1px solid var(--line);height:36px;font:inherit;color:var(--paper);cursor:pointer;background:#0e0e0e73;border-radius:999px;padding:0 16px;font-size:13px;transition:background .2s}.demos-module__UH6HJG__askToggle:hover{background:#28282899}.demos-module__UH6HJG__askToggle:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.demos-module__UH6HJG__ask{z-index:5;text-align:left;background:var(--paper);width:min(760px,100%);color:var(--demo-ink);border-radius:22px;flex-direction:column;margin-inline:auto;padding:16px 16px 12px 20px;animation:.32s cubic-bezier(.2,.8,.2,1) demos-module__UH6HJG__ask-rise;display:flex;position:absolute;inset:auto 0 0;box-shadow:0 2px 8px #00000047,0 28px 70px -8px #000000b3}@keyframes demos-module__UH6HJG__ask-rise{0%{opacity:0;transform:translateY(12px)}}.demos-module__UH6HJG__ask[hidden]{display:none}.demos-module__UH6HJG__ask p{font:15px / 1.5 var(--font-showcase-areal), ui-sans-serif, system-ui, sans-serif;white-space:pre-line;margin:0;padding-right:28px}.demos-module__UH6HJG__askClose{color:#0b081899;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;transition:background .15s,color .15s;display:grid;position:absolute;top:10px;right:10px}.demos-module__UH6HJG__askClose:hover{color:var(--demo-ink);background:#0b081812}.demos-module__UH6HJG__askClose svg{width:16px;height:16px}.demos-module__UH6HJG__askFoot{justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.demos-module__UH6HJG__copy{height:40px;font:inherit;color:#0b0818bf;cursor:pointer;background:0 0;border:1px solid #0b081826;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.demos-module__UH6HJG__copy:hover{color:var(--demo-ink);background:#0b08180d;border-color:#0b081859}.demos-module__UH6HJG__copy svg{width:13px;height:13px}.demos-module__UH6HJG__try{background:var(--demo-ink);height:40px;color:var(--paper);border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-size:15px;text-decoration:none;transition:box-shadow .15s,transform 80ms;display:inline-flex}.demos-module__UH6HJG__try:hover{box-shadow:0 4px 12px #0b081847}.demos-module__UH6HJG__try:active{transform:scale(.97)}.demos-module__UH6HJG__ask :is(.demos-module__UH6HJG__copy,.demos-module__UH6HJG__try,.demos-module__UH6HJG__askClose):focus-visible{outline:2px solid var(--focus);outline-offset:2px}.demos-module__UH6HJG__right header{text-align:right}@media (max-width:1000px){.demos-module__UH6HJG__right header{text-align:left}}@media (prefers-reduced-motion:reduce){.demos-module__UH6HJG__ask{animation:none}.demos-module__UH6HJG__try{transition:none}}
.home-demo-recast{width:100%;max-width:1240px;margin-inline:auto}.home-demo-recast .rc-film{aspect-ratio:16/9;border:1px solid var(--line);isolation:isolate;background:#000;border-radius:18px;position:relative;overflow:hidden}.home-demo-recast .rc-compare{cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;--split:50%;position:absolute;inset:0}.home-demo-recast .rc-compare video{object-fit:cover;cursor:ew-resize;pointer-events:none;background:#000;width:100%;height:100%;position:absolute;inset:0}.home-demo-recast .rc-after{clip-path:inset(0 0 0 var(--split))}.home-demo-recast .rc-split{top:0;bottom:0;left:var(--split);z-index:2;background:var(--paper);pointer-events:none;width:2px;position:absolute;transform:translate(-1px)}.home-demo-recast .rc-split:after{content:"";border:2px solid var(--paper);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a081473 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l-6 6l6 6M15 6l6 6l-6 6'/%3E%3C/svg%3E") 50%/20px no-repeat;border-radius:50%;width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-demo-recast .rc-tag,.home-demo-recast .rc-pause{z-index:3;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font:400 13px/1.2 var(--sans);color:var(--paper);border-radius:999px;padding:6px 12px;position:absolute}.home-demo-recast .rc-tag{pointer-events:none;top:14px}.home-demo-recast .rc-l{left:14px}.home-demo-recast .rc-r{right:14px}.home-demo-recast .rc-pause{border:1px solid var(--line);cursor:pointer;background:#0e0e0e73;place-items:center;width:32px;height:32px;padding:0;transition:background .2s;display:grid;bottom:14px;right:14px}.home-demo-recast .rc-pause:hover{background:#28282899}.home-demo-recast .rc-pause svg{fill:currentColor;width:14px;height:14px}.home-demo-recast .rc-pause .rc-i-play,.home-demo-recast .rc-pause.is-paused .rc-i-pause{display:none}.home-demo-recast .rc-pause.is-paused .rc-i-play{display:block}.home-demo-recast .rc-pause .rc-lbl{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.home-demo-recast .rc-compare:focus-visible,.home-demo-recast .rc-pause:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}@media (max-width:600px){.home-demo-recast .rc-film{border-radius:14px}.home-demo-recast .rc-tag{padding:5px 10px;font-size:12px;top:10px}.home-demo-recast .rc-l{left:10px}.home-demo-recast .rc-r{right:10px}.home-demo-recast .rc-pause{bottom:10px;right:10px}}
.home-demo-swap{--sw-panel:#ffffff0f;--sw-radius:16px;color:var(--paper,#fff);font-family:var(--sans,system-ui, sans-serif);-webkit-user-select:none;user-select:none}.home-demo-swap *,.home-demo-swap :before,.home-demo-swap :after{box-sizing:border-box}.home-demo-swap img{-webkit-user-drag:none;-webkit-touch-callout:none}.home-demo-swap button{font:inherit;color:inherit}.home-demo-swap :focus-visible{outline:2px solid var(--focus,#8f87ff);outline-offset:2px}.home-demo-swap .sw-grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;gap:20px;display:grid}.home-demo-swap .sw-out{order:2;min-width:0}.home-demo-swap .sw-pile{order:1;min-width:0}.home-demo-swap .sw-pill{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;height:26px;color:var(--paper,#fff);background:var(--glass,#0a08148c);border:1px solid var(--line,#ffffff29);-webkit-backdrop-filter:blur(14px);border-radius:999px;align-items:center;padding:0 10px;font-size:12px;display:inline-flex}.home-demo-swap .sw-pill-w{background:var(--paper,#fff);color:var(--demo-ink,#0b0818);border-color:var(--paper,#fff)}.home-demo-swap .sw-video{aspect-ratio:16/9;border:1px solid var(--line,#ffffff29);background:#000;border-radius:18px;width:100%;transition:box-shadow .16s;position:relative;overflow:hidden}.home-demo-swap .sw-video.hot{box-shadow:0 0 0 3px var(--focus,#8f87ff)}.home-demo-swap .sw-poster{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.home-demo-swap .sw-poster:not([src]){visibility:hidden}.home-demo-swap .sw-video video{object-fit:cover;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .22s linear;position:absolute;inset:0}.home-demo-swap .sw-video video.show{opacity:1}.home-demo-swap .sw-video video.top{z-index:2}.home-demo-swap .sw-sweep{z-index:4;pointer-events:none;opacity:0;background:linear-gradient(90deg,#0000,#8f87ff00 20%,#8f87ff73 50%,#ffffffd9 52%,#0000 56%);width:30%;position:absolute;top:0;bottom:0;left:-30%}.home-demo-swap .sw-sweep.go{animation:.5s cubic-bezier(.5,0,.2,1) sw-sweep}@keyframes sw-sweep{0%{opacity:1;left:-30%}to{opacity:1;left:100%}}.home-demo-swap .sw-tag{z-index:5;pointer-events:none;align-items:center;gap:6px;display:flex;position:absolute;top:14px;left:14px}.home-demo-swap .sw-sound{z-index:6;cursor:pointer;background:var(--glass,#0a08148c);border:1px solid var(--line,#ffffff29);-webkit-backdrop-filter:blur(14px);border-radius:999px;align-items:center;height:32px;padding:0 12px;font-size:13px;transition:background .12s,border-color .12s,transform 80ms;display:inline-flex;position:absolute;top:14px;right:14px}.home-demo-swap .sw-sound:hover{background:#28243cb8;border-color:#ffffff73}.home-demo-swap .sw-sound:active{transform:scale(.97)}.home-demo-swap .sw-sound[aria-pressed=true]{background:var(--paper,#fff);color:var(--demo-ink,#0b0818);border-color:var(--paper,#fff)}.home-demo-swap .sw-loading{z-index:5;letter-spacing:.08em;text-transform:uppercase;background:var(--glass,#0a08148c);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;pointer-events:none;border-radius:999px;padding:5px 12px;font-size:12px;transition:opacity .3s;position:absolute;top:14px;left:50%;transform:translate(-50%)}.home-demo-swap .sw-loading.on{opacity:1}.home-demo-swap .sw-combo{z-index:5;pointer-events:none;font-family:var(--sans,system-ui, sans-serif);letter-spacing:-.01em;text-shadow:0 2px 20px #0000008c;background:linear-gradient(#0000,#000000a6);padding:40px 18px 16px;font-size:clamp(22px,2.8vw,40px);font-weight:400;line-height:1.05;position:absolute;bottom:0;left:0;right:0}.home-demo-swap .sw-combo em{color:#ffffff8c;margin:0 .28em;font-style:normal}.home-demo-swap .sw-combo span{display:inline-block}.home-demo-swap .sw-combo span.pop{animation:.45s cubic-bezier(.2,1.4,.3,1) sw-pop}@keyframes sw-pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.home-demo-swap .sw-drophint{z-index:6;pointer-events:none;opacity:0;font-family:var(--serif,Georgia, serif);background:#00000073;justify-content:center;align-items:center;font-size:clamp(24px,3.2vw,44px);font-weight:300;transition:opacity .15s;display:flex;position:absolute;inset:0}.home-demo-swap .sw-video.hot .sw-drophint{opacity:1}.home-demo-swap .sw-beats{grid-template-columns:267fr 273fr 330fr 330fr;gap:6px;margin-top:10px;display:grid}.home-demo-swap .sw-beat{background:var(--sw-panel);text-align:left;cursor:pointer;border:0;border-radius:10px;height:32px;padding:0;transition:background .12s;position:relative;overflow:hidden}.home-demo-swap .sw-beat:hover{background:#ffffff1c}.home-demo-swap .sw-beat i{background:#ffffff2e;width:0;position:absolute;inset:0 auto 0 0}.home-demo-swap .sw-beat span{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--dim,#ffffff9e);padding-left:10px;font-size:12px;line-height:32px;position:relative}.home-demo-swap .sw-beat.now span{color:var(--paper,#fff)}.home-demo-swap .sw-pile{background:var(--sw-panel);border:1px solid var(--line,#ffffff29);border-radius:18px;padding:16px}.home-demo-swap .sw-pile-h{letter-spacing:.08em;text-transform:uppercase;color:var(--dim,#ffffff9e);white-space:nowrap;justify-content:space-between;align-items:center;gap:8px;margin:0 2px 14px;font-size:12px;display:flex}.home-demo-swap .sw-slot{border-radius:var(--sw-radius);border:1px solid var(--line,#ffffff29);background:#000;transition:box-shadow .16s,transform .16s;position:relative;overflow:hidden}.home-demo-swap .sw-slot.sw-sneaker{aspect-ratio:11/6;background:#9a9592}.home-demo-swap .sw-slot.sw-setting{aspect-ratio:11/6}.home-demo-swap .sw-slot img{object-fit:cover;pointer-events:none;width:100%;height:100%;transition:opacity .28s;display:block;position:absolute;inset:0}.home-demo-swap .sw-slot img.out{opacity:0}.home-demo-swap .sw-slot img.in{animation:.45s cubic-bezier(.2,.9,.2,1) sw-slot-in}@keyframes sw-slot-in{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:none}}.home-demo-swap .sw-lab{z-index:2;pointer-events:none;align-items:center;gap:6px;display:flex;position:absolute;top:10px;left:10px;right:10px}.home-demo-swap .sw-name{z-index:2;pointer-events:none;white-space:nowrap;letter-spacing:.08em;text-transform:uppercase;background:var(--glass,#0a08148c);border:1px solid var(--line,#ffffff29);-webkit-backdrop-filter:blur(14px);border-radius:999px;padding:5px 11px;font-size:12px;position:absolute;bottom:10px;right:10px}.home-demo-swap .sw-slot.flash:after{content:"";pointer-events:none;background:#fff;animation:.45s ease-out forwards sw-flash;position:absolute;inset:0}@keyframes sw-flash{0%{opacity:.5}to{opacity:0}}.home-demo-swap .sw-opts{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px;display:grid}.home-demo-swap .sw-opt{cursor:grab;touch-action:none;background:0 0;border:0;min-width:0;padding:0;transition:transform .15s,opacity .15s;position:relative}.home-demo-swap .sw-opt .sw-im{aspect-ratio:16/10;border:1px solid var(--line,#ffffff29);background:#000;border-radius:10px;transition:box-shadow .15s;display:block;position:relative;overflow:hidden}.home-demo-swap .sw-opt.sw-sn .sw-im{background:#9a9592}.home-demo-swap .sw-opt img{object-fit:cover;pointer-events:none;opacity:.7;width:100%;height:100%;transition:opacity .15s;display:block}.home-demo-swap .sw-opt img:not([src]){visibility:hidden}.home-demo-swap .sw-opt .sw-t{text-align:left;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;letter-spacing:.08em;text-transform:uppercase;color:var(--dim,#ffffff9e);margin-top:6px;font-size:11px;display:block;overflow:hidden}.home-demo-swap .sw-opt:hover{transform:translateY(-2px)}.home-demo-swap .sw-opt:hover img{opacity:1}.home-demo-swap .sw-opt.on{cursor:default}.home-demo-swap .sw-opt.on .sw-im{box-shadow:0 0 0 2px var(--paper,#fff)}.home-demo-swap .sw-opt.on img{opacity:1}.home-demo-swap .sw-opt.on .sw-t{color:var(--paper,#fff)}@media (hover:hover) and (pointer:fine){.home-demo-swap .sw-opt:not(.on):hover .sw-im,.home-demo-swap .sw-opt.arming:not(.on) .sw-im{box-shadow:0 0 0 2px var(--focus,#8f87ff), 0 6px 20px #8f87ff59}.home-demo-swap .sw-opt:not(.on):hover .sw-t{color:var(--paper,#fff)}.home-demo-swap.sw-canhover .sw-opt:not(.on){cursor:pointer}.home-demo-swap .sw-beat:hover,.home-demo-swap .sw-beat.arming{background:#8f87ff47}.home-demo-swap .sw-beat:hover span{color:var(--paper,#fff)}}.home-demo-swap-ghost{z-index:1000;pointer-events:none;box-shadow:0 20px 50px #0000008c, 0 0 0 3px var(--focus,#8f87ff);opacity:.95;border-radius:12px;position:fixed;overflow:hidden;transform:translate(-50%,-50%)rotate(-4deg)scale(1.05)}.home-demo-swap-ghost img{object-fit:cover;width:100%;height:100%;display:block}.home-demo-swap-ghost.fly{transition:left .55s cubic-bezier(.5,0,.2,1),top .55s cubic-bezier(.5,0,.2,1),width .55s,height .55s,opacity .2s .5s}@media (max-width:900px){.home-demo-swap .sw-grid{grid-template-columns:minmax(0,1fr);gap:14px}.home-demo-swap .sw-out{order:1}.home-demo-swap .sw-pile{order:2;padding:14px}.home-demo-swap .sw-groups{grid-template-columns:1fr 1fr;gap:14px;display:grid}.home-demo-swap .sw-group+.sw-group{margin-top:0}.home-demo-swap .sw-slot,.home-demo-swap .sw-slot.sw-sneaker,.home-demo-swap .sw-slot.sw-setting{aspect-ratio:auto;background:0 0;border:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex;overflow:visible}.home-demo-swap .sw-slot img{display:none}.home-demo-swap .sw-lab,.home-demo-swap .sw-name{position:static}.home-demo-swap .sw-name{-webkit-backdrop-filter:none;background:0 0;border:0;padding:0}.home-demo-swap .sw-slot.hot{box-shadow:none;transform:none}.home-demo-swap .sw-slot.hot .sw-name{color:var(--focus,#8f87ff)}}@media (max-width:600px){.home-demo-swap .sw-groups{grid-template-columns:1fr;gap:12px}.home-demo-swap .sw-beat span{letter-spacing:.04em;padding-left:6px;font-size:11px}.home-demo-swap .sw-combo{padding:28px 14px 12px;font-size:20px}.home-demo-swap .sw-pill{height:24px;padding:0 8px;font-size:11px}.home-demo-swap .sw-tag .sw-pill-w{display:none}}@media (prefers-reduced-motion:reduce){.home-demo-swap .sw-video video,.home-demo-swap .sw-sweep.go,.home-demo-swap .sw-combo span.pop,.home-demo-swap .sw-slot img.in,.home-demo-swap .sw-slot.flash:after{transition:none;animation:none}}.home-demo-swap .sw-pile{background:0 0;border:0;padding:0}.home-demo-swap .sw-pile-h{display:none}.home-demo-swap .sw-group+.sw-group{margin-top:20px}.home-demo-swap .sw-slot,.home-demo-swap .sw-slot.sw-sneaker,.home-demo-swap .sw-slot.sw-setting{aspect-ratio:auto;background:0 0;border:0;border-radius:0;display:block;overflow:visible}.home-demo-swap .sw-slot img,.home-demo-swap .sw-lab .sw-pill-w{display:none}.home-demo-swap .sw-slot.hot{box-shadow:none;transform:none}.home-demo-swap .sw-lab{position:static}.home-demo-swap .sw-lab .sw-pill{-webkit-backdrop-filter:none;backdrop-filter:none;letter-spacing:.08em;text-transform:uppercase;color:var(--dim,#ffffff9e);background:0 0;border:0;padding:0;font-size:12px}.home-demo-swap .sw-opt .sw-im{aspect-ratio:1;border-radius:4px}.home-demo-swap .sw-opt .sw-t{clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.home-demo-swap .sw-group{flex-direction:column;display:flex}.home-demo-swap .sw-group .sw-slot{order:1;justify-content:space-between;align-items:baseline;gap:8px;margin-top:8px;display:flex}.home-demo-swap .sw-name{-webkit-backdrop-filter:none;backdrop-filter:none;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.08em;text-transform:uppercase;min-width:0;color:var(--paper,#fff);background:0 0;border:0;border-radius:0;padding:0;font-size:12px;position:static;overflow:hidden}.home-demo-swap .sw-group .sw-opts{margin-top:0}@media (min-width:901px){.home-demo-swap .sw-grid{grid-template-columns:clamp(168px,18vw,232px) minmax(0,1fr);gap:clamp(16px,2vw,28px)}}.home-demo-swap .sw-sound,.home-demo-swap .sw-sound[aria-pressed=true]{border:1px solid var(--line,#ffffff29);width:32px;height:32px;color:var(--paper,#fff);background:#0e0e0e73;border-radius:50%;place-items:center;padding:0;display:grid}.home-demo-swap .sw-sound:hover{border-color:var(--line,#ffffff29);background:#28282899}.home-demo-swap .sw-sound svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.home-demo-swap .sw-sound .sw-i-on,.home-demo-swap .sw-sound[aria-pressed=true] .sw-i-off{display:none}.home-demo-swap .sw-sound[aria-pressed=true] .sw-i-on{display:block}.home-demo-swap .sw-sound-lbl{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.home-demo-swap .sw-slot.flash:after{content:none}.home-demo-swap .sw-beats{gap:12px;margin-top:12px}.home-demo-swap .sw-beat,.home-demo-swap .sw-beat:hover,.home-demo-swap .sw-beat.arming{background:0 0;border-radius:0;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;height:28px;display:grid;overflow:visible}.home-demo-swap .sw-beat span{color:#ffffff73;grid-area:1/1;padding:0;line-height:1;transition:color .15s}.home-demo-swap .sw-beat:after{content:"";background:#fff3;grid-area:1/2;height:1px}.home-demo-swap .sw-beat i{z-index:1;background:var(--paper,#fff);grid-area:1/2;justify-self:start;height:1px;position:static}.home-demo-swap .sw-beat.now span,.home-demo-swap .sw-beat:hover span{color:var(--paper,#fff)}.home-demo-swap .sw-beat:focus-visible{outline:2px solid var(--focus,#8f87ff);outline-offset:4px}
.home-demo-voices{width:100%;color:var(--paper);font-family:var(--sans);-webkit-user-select:none;user-select:none}.home-demo-voices *,.home-demo-voices :before,.home-demo-voices :after{box-sizing:border-box}.home-demo-voices .vs-screen{aspect-ratio:16/9;border:1px solid var(--line);background:#000;border-radius:18px;width:100%;position:relative;overflow:hidden}.home-demo-voices .vs-screen video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .45s;position:absolute;inset:0}.home-demo-voices .vs-screen video.on{opacity:1}.home-demo-voices .vs-screen:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#00000059 0%,#0000 24% 55%,#000000b8 100%);position:absolute;inset:0}.home-demo-voices .vs-tag{z-index:3;border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;border-radius:999px;align-items:center;gap:10px;height:32px;padding:0 14px 0 12px;font-size:13px;display:flex;position:absolute;top:16px;left:16px}.home-demo-voices .vs-eq{align-items:flex-end;gap:2px;height:14px;display:flex}.home-demo-voices .vs-eq i{background:var(--paper);border-radius:2px;width:3px;height:4px;transition:height 80ms;display:block}.home-demo-voices .vs-cap{z-index:3;text-align:center;width:min(88%,920px);min-height:2.8em;font:400 clamp(17px, 2.1vw, 28px)/1.35 var(--sans);letter-spacing:0;color:#ffffff7a;text-shadow:0 2px 16px #000c;pointer-events:none;position:absolute;bottom:clamp(14px,3vw,32px);left:50%;transform:translate(-50%)}.home-demo-voices .vs-cap .said{color:var(--paper)}.home-demo-voices .vs-cap .now{color:var(--paper);text-shadow:none;background:#8f87ff9e;border-radius:6px;margin:0 -5px;padding:0 5px}.home-demo-voices .vs-play{z-index:4;cursor:pointer;font:inherit;background:#00000047;border:0;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.home-demo-voices .vs-play span{background:var(--paper);height:48px;color:var(--demo-ink);border-radius:999px;align-items:center;gap:10px;padding:0 24px;font-size:17px;transition:transform 80ms,background .15s;display:inline-flex}.home-demo-voices .vs-play svg{width:16px;height:16px}.home-demo-voices .vs-play:hover span{background:#e9e6ff}.home-demo-voices .vs-play:active span{transform:scale(.97)}.home-demo-voices .vs-screen[data-state=playing] .vs-play{opacity:0;pointer-events:none}.home-demo-voices .vs-mute{z-index:4;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:32px;height:32px;color:var(--paper);cursor:pointer;background:#0e0e0e73;border-radius:50%;place-items:center;padding:0;transition:background .2s;display:none;position:absolute;top:16px;right:16px}.home-demo-voices .vs-mute:hover{background:#28282899}.home-demo-voices .vs-mute svg{width:15px;height:15px}.home-demo-voices .vs-mute:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.home-demo-voices .vs-screen[data-state=playing] .vs-mute{display:grid}.home-demo-voices .vs-chips{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.home-demo-voices .vs-chip{cursor:pointer;text-align:left;width:100%;font:inherit;color:var(--paper);background:#ffffff0f;border:1px solid #0000;border-radius:14px;padding:0;transition:transform .15s,border-color .15s,background .15s;display:block;position:relative;overflow:hidden}.home-demo-voices .vs-chip img{aspect-ratio:5/2;object-fit:cover;opacity:.55;width:100%;transition:opacity .15s;display:block}.home-demo-voices .vs-chip .vs-name{letter-spacing:.08em;text-transform:uppercase;color:#ffffffc7;background:linear-gradient(#0000,#000000c7);align-items:flex-end;padding:28px 12px 9px;font-size:12px;display:flex;position:absolute;inset:auto 0 0}.home-demo-voices .vs-chip kbd{display:none}.home-demo-voices .vs-chip:hover{border-color:#ffffff52;transform:translateY(-2px)}.home-demo-voices .vs-chip:hover img,.home-demo-voices .vs-chip[aria-pressed=true] img{opacity:1}.home-demo-voices .vs-chip[aria-pressed=true],.home-demo-voices .vs-chip[aria-pressed=true]:hover{background:#ffffff1f;border-color:#ffffffa6}.home-demo-voices .vs-chip[aria-pressed=true] .vs-name{color:var(--paper)}.home-demo-voices .vs-chip:active{transform:scale(.98)}.home-demo-voices .vs-chip:focus-visible,.home-demo-voices .vs-play:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.home-demo-voices .vs-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:900px){.home-demo-voices .vs-chips{grid-template-columns:repeat(2,minmax(0,1fr))}.home-demo-voices .vs-cap{bottom:12px}}@media (max-width:500px){.home-demo-voices .vs-tag{top:10px;left:10px}.home-demo-voices .vs-mute{top:10px;right:10px}.home-demo-voices .vs-play span{height:44px;padding:0 20px;font-size:16px}.home-demo-voices .vs-chips{gap:8px}}@media (prefers-reduced-motion:reduce){.home-demo-voices .vs-screen video,.home-demo-voices .vs-chip{transition:none}}.home-demo-voices.vs-hover .vs-play span{box-shadow:0 0 0 6px #ffffff2e}