@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--stage:#000;--bg:#08090a;--bg-1:#0f1011;--bg-2:#141516;--bg-3:#191a1b;--bg-hover:#1c1d1f;--line:#ffffff12;--line-strong:#ffffff1f;--line-solid:#23252a;--text:#f7f8f8;--text-2:#d0d6e0;--muted:#8a8f98;--faint:#7c818a;--accent:#5e6ad2;--accent-bright:#7170ff;--accent-text:#9ca3ff;--accent-soft:#5e6ad233;--invert:#e6e6e7;--invert-hover:#fff;--invert-ink:#08090a;--green:#4cb782;--green-soft:#4cb7821f;--red:#eb5757;--danger:#c93a3a;--danger-text:#ff8f8f;--danger-line:#eb575759;--danger-bg:#eb57571a;--warn-line:#f2c94c66;--warn-bg:#f2c94c14;--warn-text:#f2d488;--phase-idle:var(--muted);--phase-pending:var(--accent-bright);--phase-live:var(--green);--phase-error:var(--red);--phase-ended:var(--faint);--sans:"Inter Variable","Inter","SF Pro Display",-apple-system,"Segoe UI",system-ui,sans-serif;--mono:"Berkeley Mono","JetBrains Mono","Cascadia Code",ui-monospace,monospace;--track-tight:-.022em;--track-body:-.011em;--radius-lg:16px;--radius:12px;--radius-sm:8px;--radius-xs:6px;--pill:9999px;--edge:inset 0 1px 0 #ffffff0a,inset 0 0 0 1px #ffffff08;--button-edge:inset 0 0 0 1px #ffffff08,inset 0 1px 0 #ffffff0a,0 0 0 1px #0009,0 4px 4px #0000001a;--invert-edge:0 1px 1px #00000012,0 0 1px #00000014,0 3px 2px #0000000a;--shadow-window:0 0 0 1px #ffffff0f,0 1px 0 #ffffff14 inset,0 40px 80px -24px #000000e6,0 12px 24px -12px #00000080;--ease:cubic-bezier(.25,.46,.45,.94);--ease-out:cubic-bezier(.16,1,.3,1);--spring:linear(0,.09 3%,.33 7%,.63 12%,.86 18%,.99 24%,1.04 30%,1.03 38%,1 52%,1);--dur-1:.1s;--dur-2:.16s;--dur-3:.28s;--dur-4:.56s;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--fs-xs:11px;--fs-sm:13px;--fs-md:14px;--fs-lg:16px;--fs-display:clamp(44px,6.4vw,84px);font-family:var(--sans);font-feature-settings:"cv01","ss03";color:var(--text-2);background:var(--bg);font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth;interpolate-size:allow-keywords}body{-webkit-font-smoothing:antialiased;background:radial-gradient(70% 520px at 50% -160px,#ffffff0d,transparent 70%),var(--bg);background-repeat:no-repeat;margin:0}::selection{background:var(--accent);color:#fff}button,input,select{font:inherit;font-feature-settings:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button[aria-busy=true]{cursor:progress}:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}a{color:inherit;text-decoration:none}.skip-link{z-index:20;background:var(--invert);color:var(--invert-ink);border-radius:var(--pill);transition:top var(--dur-2) var(--ease);padding:8px 14px;font-size:13px;font-weight:510;position:absolute;top:-48px;left:16px}.skip-link:focus{top:12px}.dot-field{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.app-shell{z-index:1;max-width:1240px;margin:0 auto;padding:0 32px;position:relative}.app-shell:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(closest-side,#5e6ad21f,#5e6ad208 60%,#0000);width:min(1180px,96vw);height:560px;position:absolute;top:420px;left:50%;transform:translate(-50%)}header{z-index:10;-webkit-backdrop-filter:saturate(1.4)blur(16px);backdrop-filter:saturate(1.4)blur(16px);border-bottom:1px solid var(--line);background:#08090acc;align-items:center;gap:20px;height:64px;margin:0 -32px;padding:0 32px;display:flex;position:sticky;top:0}.wordmark{font:590 16px/1 var(--sans);color:var(--text);letter-spacing:var(--track-body);align-items:center;display:flex}.brand-symbol{width:22px;height:22px;color:var(--invert-ink);font:700 italic 14px/1 var(--sans);transition:transform var(--dur-3) var(--spring),box-shadow var(--dur-2) var(--ease);background:linear-gradient(#f7f8f8,#b4b8c0);border-radius:6px;place-items:center;margin-right:9px;display:grid;box-shadow:0 0 0 1px #ffffff1a}.wordmark:hover .brand-symbol{transform:rotate(-8deg);box-shadow:0 0 0 1px #fff3,0 0 16px #ffffff26}.brand-dot{color:var(--muted)}.header-label,.platform,.small-label,.preview-tag,.live-label,.steps span{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:400}.header-label{color:var(--faint);border-left:1px solid var(--line-strong);padding-left:16px}.site-nav{gap:2px;margin-left:auto;display:flex}.site-nav a{color:var(--muted);border-radius:var(--pill);transition:color var(--dur-1) var(--ease),background-color var(--dur-1) var(--ease);padding:6px 12px;font-size:13px}.site-nav a:hover{color:var(--text);background:#ffffff0d}.platform{color:var(--muted);border-radius:var(--pill);box-shadow:var(--edge);text-transform:none;letter-spacing:0;background:#ffffff0d;margin-left:auto;padding:6px 12px}.site-nav+.platform{margin-left:8px}.site-nav:last-child{margin-right:0}main{padding:64px 0 24px}.eyebrow{color:var(--text-2);border-radius:var(--pill);box-shadow:var(--edge);background:#ffffff0a;align-items:center;gap:8px;padding:5px 12px 5px 10px;font-size:13px;font-weight:510;display:inline-flex}.dot{border:1.5px solid var(--muted);width:9px;height:9px;transition:background-color var(--dur-2),border-color var(--dur-2);border-radius:50%;flex-shrink:0;display:inline-block}.eyebrow .dot,.dot.live{border-color:var(--green);background:var(--green);box-shadow:0 0 0 3px #4cb78226}.eyebrow .dot{position:relative}.eyebrow .dot:after{content:"";background:var(--green);animation:pulse 2.4s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:-1.5px}.title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 40px;margin:20px 0 40px;display:flex}h1{font:510 var(--fs-display)/1 var(--sans);color:var(--text);letter-spacing:var(--track-tight);text-wrap:balance;margin:0 0 20px}h1 em{color:var(--muted);font-style:normal}.intro{color:var(--muted);letter-spacing:var(--track-body);max-width:52ch;margin:0;font-size:17px;line-height:1.6}.trust{flex-wrap:wrap;gap:6px 18px;margin:28px 0 0;padding:0;list-style:none;display:flex}.trust li{color:var(--muted);transition:color var(--dur-1) var(--ease);align-items:center;gap:7px;font-size:13px;display:flex}.trust li:hover{color:var(--text)}.trust svg{color:var(--green);flex-shrink:0}.platforms{border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--line);background:#08090a99;flex-direction:column;flex-shrink:0;min-width:248px;margin:0;padding:0;display:flex}.platforms>div{min-width:0;padding:10px 16px}.platforms>div+div{border-top:1px solid var(--line)}.platforms dt{font:400 var(--fs-xs)/1.2 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--faint);margin-bottom:4px}.platforms dd{font-size:var(--fs-sm);color:var(--text-2);white-space:nowrap;margin:0}.notice{border-radius:var(--radius-sm);background:var(--bg-2);box-shadow:var(--edge);color:var(--text-2);margin:0 0 24px;padding:12px 16px;font-size:14px;line-height:1.6}.workspace{border-radius:var(--radius-lg);background:var(--bg-1);min-height:480px;box-shadow:var(--shadow-window);transition:box-shadow var(--dur-3) var(--ease);grid-template-columns:minmax(0,1fr) 336px;display:grid;position:relative;overflow:hidden}.workspace:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#ffffff40,#0000);height:1px;position:absolute;inset:0 10% auto}.workspace.live{box-shadow:0 0 0 1px #4cb78266,inset 0 1px #ffffff14,0 40px 80px -24px #000000e6,0 0 60px -20px #4cb78240}.media-area{background:var(--stage);flex-direction:column;min-width:0;display:flex}.media-area>.stage{flex:1}.stage{background:var(--stage);background-image:radial-gradient(#ffffff0f 1px,#0000 1px);background-size:24px 24px;justify-content:center;align-items:center;min-height:480px;display:flex;position:relative}.stage video{aspect-ratio:auto;object-fit:contain;background:var(--stage);width:100%;min-width:0;max-height:70vh;display:block}.stage.original-size{max-height:70vh;display:block;overflow:auto}.stage.original-size video{flex-shrink:0;max-width:none;max-height:none}.stage:focus-visible{outline-offset:-3px}.preview-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--edge);border-radius:var(--pill);color:var(--text-2);background:#08090ab3;align-items:center;gap:7px;padding:5px 10px;font-size:10px;display:flex;position:absolute;top:12px;left:12px}.empty-state{text-align:center;max-width:360px;padding:28px}.screen-icon{color:#4a4e55;margin:0 auto 22px;display:block;overflow:visible}.screen-icon .arrow{color:var(--text-2);animation:lift 3.2s var(--ease) infinite}.screen-icon .halo{fill:#ffffff0a;transform-origin:50% 45%;animation:halo 3.2s var(--ease) infinite}.empty-state h2{font:510 20px/1.3 var(--sans);color:var(--text);letter-spacing:var(--track-tight);margin:0 0 8px}.empty-state p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}aside{background:var(--bg-1);border-left:1px solid var(--line);flex-direction:column;gap:14px;padding:20px;display:flex}aside>p{color:var(--text-2);margin:0;font-size:14px;line-height:1.6}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.panel-heading h2{font:590 14px/1.2 var(--sans);color:var(--text);letter-spacing:var(--track-body);margin:0}.small-label{color:var(--muted);border-radius:var(--radius-xs);box-shadow:inset 0 0 0 1px var(--line-strong);padding:3px 7px;font-size:10px}[data-phase=idle]{--phase-color:var(--phase-idle)}[data-phase=requesting],[data-phase=preview],[data-phase=connecting]{--phase-color:var(--phase-pending)}[data-phase=live]{--phase-color:var(--phase-live)}[data-phase=error],[data-phase=disconnected]{--phase-color:var(--phase-error)}[data-phase=ended]{--phase-color:var(--phase-ended)}.workspace:after{content:"";background:linear-gradient(90deg,transparent 4%,var(--phase-color) 50%,transparent 96%);opacity:0;pointer-events:none;z-index:2;height:2px;transition:opacity var(--dur-3) var(--ease);position:absolute;inset:0 0 auto}.workspace:not([data-phase=idle]):after{opacity:.85}.status-badge{border-radius:var(--pill);box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--text-2);font:510 12px/1.2 var(--sans);letter-spacing:var(--track-body);white-space:nowrap;background:#ffffff0a;align-items:center;gap:7px;padding:4px 10px 4px 8px;display:inline-flex}.badge-dot{background:var(--phase-color);width:7px;height:7px;transition:background-color var(--dur-2) var(--ease);border-radius:50%}[data-phase=requesting] .badge-dot,[data-phase=connecting] .badge-dot{animation:wait 1.1s var(--ease) infinite alternate}.status{color:var(--text-2);align-items:center;gap:9px;font-size:14px;font-weight:510;line-height:1.6;display:flex}.status:focus{outline:none}.status:focus-visible{outline:2px solid var(--accent-bright);outline-offset:5px;border-radius:2px}.primary,.secondary,.stop{border-radius:var(--pill);min-height:40px;letter-spacing:var(--track-body);width:100%;transition:background-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease),box-shadow var(--dur-2) var(--ease),transform var(--dur-1) var(--ease);border:0;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:510;display:flex;position:relative}.primary:active:not(:disabled),.secondary:active:not(:disabled),.stop:active:not(:disabled){transform:scale(.98)}.primary{background:var(--invert);color:var(--invert-ink);box-shadow:var(--invert-edge)}.primary:hover:not(:disabled){background:var(--invert-hover);box-shadow:var(--invert-edge),0 0 24px -4px #ffffff40}.primary span{transition:transform var(--dur-2) var(--ease-out)}.primary:hover:not(:disabled) span{transform:translate(2px,-2px)}.primary.copied,.primary.copied:hover:not(:disabled){background:var(--green);color:var(--invert-ink);box-shadow:0 0 24px -6px #4cb78299}.secondary{color:var(--text);box-shadow:var(--button-edge);background:#ffffff0d}.secondary:hover:not(:disabled){background:#ffffff17}.stop{color:var(--danger-text);box-shadow:inset 0 0 0 1px var(--danger-line);background:0 0}.stop:hover:not(:disabled){background:var(--danger-bg);box-shadow:inset 0 0 0 1px var(--red)}.typing{gap:3px;margin-left:2px;display:inline-flex}.typing i{width:4px;height:4px;animation:typing 1.2s var(--ease) infinite;background:currentColor;border-radius:50%}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.hint{color:var(--faint);margin:-6px 0 2px;font-size:13px;line-height:1.6}.steps{border-top:1px solid var(--line);gap:10px;padding-top:16px;display:grid}.steps>div{align-items:center;gap:12px;display:flex}.steps span{color:var(--faint);letter-spacing:0;font-size:11px}.steps p{color:var(--text-2);margin:0;font-size:14px}.privacy-note{border-top:1px solid var(--line);color:var(--faint);gap:10px;margin-top:auto;padding-top:16px;display:flex}.privacy-note svg{color:var(--muted);flex-shrink:0;margin-top:3px}.privacy-note p{color:var(--faint);margin:0;font-size:13px;line-height:1.6}.panel-group{border-top:1px solid var(--line);flex-direction:column;gap:14px;padding-top:16px;display:flex}.group-title{font:400 var(--fs-xs)/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--faint);margin:0}.session-audio{align-items:center;gap:8px;display:flex}.encoder-line{border-radius:var(--radius-xs);background:var(--bg-2);box-shadow:var(--edge);font:400 12px/1.5 var(--mono);color:var(--muted);overflow-wrap:anywhere;margin:0;padding:8px 10px}.end-session{margin-top:4px}.spinner{border:1.5px solid;border-right-color:#0000;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite spin}.viewer-count{border-radius:var(--radius-sm);background:var(--bg-2);box-shadow:var(--edge);align-items:baseline;gap:10px;padding:12px 14px;display:flex}.viewer-count strong{min-width:1ch;font:510 28px/1 var(--sans);letter-spacing:var(--track-tight);color:var(--text);font-variant-numeric:tabular-nums;display:inline-block}.viewer-count span{color:var(--muted);font-size:13px}label{color:var(--text-2);font-size:13px;font-weight:510;line-height:1.6}input{border-radius:var(--radius-sm);background:var(--bg-2);width:100%;color:var(--text);box-shadow:inset 0 0 0 1px var(--line-strong);transition:box-shadow var(--dur-2) var(--ease),background-color var(--dur-1);border:0;margin-top:-6px;padding:9px 12px;font-size:13px;line-height:1.5}input:hover:not(:disabled):not(:focus){box-shadow:inset 0 0 0 1px #ffffff2e}input:focus{box-shadow:inset 0 0 0 1px var(--accent-bright),0 0 0 3px var(--accent-soft);outline:none}input::placeholder{color:var(--faint)}select{border-radius:var(--radius-sm);background:var(--bg-2);width:100%;min-width:0;color:var(--text);box-shadow:inset 0 0 0 1px var(--line-strong);transition:box-shadow var(--dur-2) var(--ease);border:0;padding:9px 12px;font-size:13px}select:hover:not(:disabled):not(:focus){box-shadow:inset 0 0 0 1px #ffffff2e}select:focus{box-shadow:inset 0 0 0 1px var(--accent-bright),0 0 0 3px var(--accent-soft);outline:none}select:disabled{opacity:.55}.error{border-radius:var(--radius-sm);color:var(--danger-text);background:var(--danger-bg);box-shadow:inset 0 0 0 1px var(--danger-line);animation:shake .36s var(--ease);padding:10px 12px;font-size:13px;line-height:1.55}summary{cursor:pointer;color:var(--muted);transition:color var(--dur-1);font-size:13px;line-height:1.6}summary:hover{color:var(--text)}.viewer-controls{background:var(--bg-1);border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;display:flex}.viewer-controls button{border-radius:var(--radius-sm);color:var(--muted);white-space:nowrap;transition:background-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease),transform var(--dur-1) var(--ease);background:0 0;border:0;align-items:center;gap:7px;padding:7px 11px;font-size:13px;font-weight:510;display:inline-flex}.viewer-controls button:hover:not(:disabled){color:var(--text);background:#ffffff0d}.viewer-controls button:active:not(:disabled){transform:scale(.97)}.viewer-controls button:disabled{cursor:default;opacity:.4}.viewer-controls button svg{flex-shrink:0}.viewer-controls .resume{background:var(--invert);color:var(--invert-ink);border-radius:var(--pill)}.viewer-controls .resume:hover:not(:disabled){background:var(--invert-hover);color:var(--invert-ink)}.live-label{color:var(--green);background:var(--green-soft);border-radius:var(--pill);white-space:nowrap;align-items:center;gap:7px;margin-right:4px;padding:4px 9px;font-size:10px;display:flex}.live-label .dot.live{width:7px;height:7px}.audio-control-note{color:var(--muted);font-size:12px}.volume-control{min-width:140px;color:var(--muted);flex:1;align-items:center;gap:8px;font-size:12px;font-weight:400;display:flex}.volume-control input{width:100%;min-width:70px;max-width:150px;box-shadow:none;accent-color:var(--text-2);cursor:pointer;background:0 0;margin:0;padding:0}.volume-control input:hover:not(:disabled):not(:focus),.volume-control input:focus{box-shadow:none}.volume-control input:focus-visible{outline:2px solid var(--accent-bright);outline-offset:4px}.media-area:fullscreen{background:var(--stage);grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;display:grid}.media-area:fullscreen .stage{min-height:0;max-height:none;overflow:auto}.media-area:fullscreen video{max-width:100%;max-height:100%}.media-area:fullscreen .original-size video{max-width:none;max-height:none}.viewer-list{scrollbar-width:thin;scrollbar-color:var(--bg-3) transparent;gap:1px;max-height:240px;margin:-4px 0 0;padding:0;list-style:none;display:grid;overflow:auto}.viewer-list li{border-radius:var(--radius-xs);color:var(--text-2);transition:background-color var(--dur-1) var(--ease);align-items:center;gap:10px;padding:5px 6px;font-size:13px;font-weight:510;display:flex}.viewer-list li:hover{background:#ffffff0a}.viewer-list li>span:not(.avatar){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.avatar{width:22px;height:22px;color:var(--text);font:590 11px/1 var(--sans);border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative}.avatar:after{content:"";background:var(--green);border:2px solid var(--bg-1);width:8px;height:8px;transition:border-color var(--dur-1);border-radius:50%;position:absolute;bottom:-2px;right:-2px}.viewer-list li:hover .avatar:after{border-color:var(--bg-2)}.viewer-list .remove{color:var(--muted);border-radius:var(--radius-xs);opacity:0;transition:opacity var(--dur-1) var(--ease),background-color var(--dur-1),color var(--dur-1);background:0 0;border:0;flex-shrink:0;padding:3px 8px;font-size:12px;font-weight:510}.viewer-list li:hover .remove,.viewer-list .remove:focus-visible{opacity:1}.viewer-list .remove:hover{background:var(--danger-bg);color:var(--danger-text)}@media (hover:none){.viewer-list .remove{opacity:1}}.section{padding:144px 0 0;scroll-margin-top:72px}.section-head{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:end;gap:40px;margin-bottom:48px;display:grid}.section-index{color:var(--text-2);align-items:center;gap:8px;margin-bottom:18px;font-size:13px;font-weight:510;display:flex}.section-index:before{content:"";background:var(--accent-bright);width:6px;height:6px;box-shadow:0 0 10px var(--accent-bright);border-radius:2px}.section h2{font:510 clamp(32px,4vw,48px)/1.05 var(--sans);color:var(--text);letter-spacing:var(--track-tight);text-wrap:balance;margin:0}.section-head p{color:var(--muted);letter-spacing:var(--track-body);max-width:46ch;margin:0;font-size:16px;line-height:1.6}.flow{background:var(--line);border-radius:var(--radius-lg);box-shadow:0 0 0 1px var(--line);counter-reset:flow;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(220px,auto);gap:12px;margin:0;padding:0;list-style:none;display:grid}.bento li{border-radius:var(--radius-lg);background:var(--bg-1);box-shadow:var(--edge),0 0 0 1px var(--line);transition:background-color var(--dur-2) var(--ease);padding:24px;position:relative;overflow:hidden}.bento li.lead{background:radial-gradient(120% 80% at 0% 0%,#5e6ad21a,transparent 60%),var(--bg-1);flex-direction:column;grid-area:span 2/span 2;padding:32px;display:flex}.bento li.lead strong{font-size:44px}.bento .glyph{margin-bottom:20px}.bento strong{font:510 32px/1 var(--sans);letter-spacing:var(--track-tight);color:var(--text);display:block}.bento small{font:400 11px var(--mono);letter-spacing:.04em;color:var(--faint);text-transform:uppercase;margin-top:10px;display:block}.bento h3{font:510 16px/1.35 var(--sans);color:var(--text);letter-spacing:var(--track-body);margin:20px 0 6px}.bento p{color:var(--muted);max-width:44ch;margin:0;font-size:14px;line-height:1.6}.bento li:after{content:"";background:radial-gradient(320px circle at var(--x,50%) var(--y,0%),#ffffff0f,transparent 65%);opacity:0;transition:opacity var(--dur-3) var(--ease);pointer-events:none;position:absolute;inset:0}.bento li:hover{background-color:var(--bg-2)}.bento li:hover:after{opacity:1}.bento li:hover .glyph{color:var(--text);box-shadow:var(--edge),0 0 0 1px #ffffff1f,0 0 20px -4px #7170ff66;transform:translateY(-2px)}.mesh{width:100%;max-width:420px;height:auto;margin:auto 0 0;padding-top:28px;display:block;overflow:visible}.mesh .media{fill:none;stroke:var(--accent-bright);stroke-width:1.5px;opacity:.75}.mesh .signal{fill:none;stroke:var(--faint);stroke-width:1px;stroke-dasharray:3 4}.mesh .node{fill:var(--bg-3);stroke:var(--line-strong);stroke-width:1px}.mesh .node.host{fill:var(--text);stroke:none}.mesh text{font:400 11px var(--mono);letter-spacing:.04em;fill:var(--muted);text-anchor:middle}.mesh .server{fill:var(--faint)}.flow li{background:var(--bg);transition:background-color var(--dur-2) var(--ease);position:relative}.flow li:after{content:"";background:radial-gradient(320px circle at var(--x,50%) var(--y,0%),#ffffff0f,transparent 65%);opacity:0;transition:opacity var(--dur-3) var(--ease);pointer-events:none;position:absolute;inset:0}.flow li:hover{background:var(--bg-1)}.flow li:hover:after{opacity:1}.flow li{padding:20px 28px 32px}.flow li:before{counter-increment:flow;content:"0" counter(flow);font:400 11px/1 var(--mono);letter-spacing:.04em;color:var(--faint);position:absolute;top:154px;right:28px}.flow h3{font:510 16px/1.35 var(--sans);color:var(--text);letter-spacing:var(--track-body);margin:20px 0 6px}.flow p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.glyph{border-radius:var(--radius-sm);background:var(--bg-2);width:36px;height:36px;color:var(--text-2);box-shadow:var(--edge);transition:color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease),transform var(--dur-3) var(--spring);place-items:center;display:grid}.flow li:hover .glyph{color:var(--text);box-shadow:var(--edge),0 0 0 1px #ffffff1f,0 0 20px -4px #7170ff66;transform:translateY(-2px)}.step-art{border-radius:var(--radius);background:var(--stage);height:112px;box-shadow:var(--edge),0 0 0 1px var(--line);background-image:radial-gradient(#ffffff0f 1px,#0000 1px);background-size:16px 16px;place-items:center;margin:-4px -4px 24px;display:grid;overflow:hidden}.art-picker{gap:10px;width:78%;display:grid}.art-tabs{color:var(--muted);gap:4px;font-size:11px;display:flex}.art-tabs span{border-radius:var(--pill);padding:3px 8px}.art-tabs .on{color:var(--text);background:#ffffff14}.art-thumbs{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.art-thumbs i{border-radius:var(--radius-xs);background:var(--bg-2);height:34px;box-shadow:inset 0 0 0 1px var(--line-strong)}.art-thumbs .on{box-shadow:inset 0 0 0 1.5px var(--accent-bright);background:linear-gradient(135deg,#1d2b4f,#3b1d4f)}.art-invite{gap:8px;width:82%;display:grid}.art-link{border-radius:var(--radius-xs);background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-strong);font:400 11px var(--mono);color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;padding:7px 10px;overflow:hidden}.art-row{flex-wrap:wrap;gap:6px;display:flex}.art-copied,.art-lock{border-radius:var(--pill);align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:510;display:inline-flex}.art-copied{background:var(--green);color:var(--invert-ink)}.art-lock{color:var(--text-2);box-shadow:var(--button-edge);background:#ffffff0d}.art-player{border-radius:var(--radius-xs);background:linear-gradient(135deg,#1d2b4f,#3b1d4f);width:82%;height:76px;position:relative;box-shadow:inset 0 0 0 1px #ffffff14}.art-live{border-radius:var(--pill);font:400 9px var(--mono);letter-spacing:.04em;color:var(--green);background:#08090acc;align-items:center;gap:5px;padding:3px 7px;display:flex;position:absolute;top:8px;left:8px}.art-live i{background:var(--green);border-radius:50%;width:5px;height:5px}.art-faces{display:flex;position:absolute;bottom:8px;right:8px}.art-faces i{width:20px;height:20px;font:590 9px/1 var(--sans);color:var(--text);border:2px solid #2a2340;border-radius:50%;place-items:center;margin-left:-5px;font-style:normal;display:grid}.art-faces i:first-child{background:#5e6ad2}.art-faces i:nth-child(2){background:#3f8f6b}.art-faces i:nth-child(3){background:#c0723a}.reveal-pending{opacity:0;transition:opacity var(--dur-4) var(--ease-out) var(--reveal-delay,0s),transform var(--dur-4) var(--ease-out) var(--reveal-delay,0s);transform:translateY(16px)}.reveal-pending.reveal-in{opacity:1;transform:none}.faq{border-top:1px solid var(--line);max-width:880px;display:grid}.faq details{border-bottom:1px solid var(--line)}.faq summary{letter-spacing:var(--track-body);color:var(--text-2);justify-content:space-between;align-items:center;gap:16px;padding:20px 4px;font-size:16px;font-weight:510;list-style:none;display:flex}.faq summary:hover,.faq details[open] summary{color:var(--text)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);width:7px;height:7px;transition:transform var(--dur-3) var(--ease-out),border-color var(--dur-1);flex-shrink:0;transform:translateY(-2px)rotate(45deg)}.faq summary:hover:after{border-color:var(--text)}.faq details[open] summary:after{transform:translateY(2px)rotate(225deg)}.faq details::details-content{block-size:0;transition:block-size var(--dur-3) var(--ease-out),content-visibility var(--dur-3) allow-discrete;overflow:clip}.faq details[open]::details-content{block-size:auto}.faq details p{color:var(--muted);max-width:68ch;margin:0;padding:0 4px 22px;font-size:15px;line-height:1.65}.cta-band{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:32px;margin-top:160px;padding:72px 0 8px;display:flex;position:relative}.cta-band:before{content:"";background:linear-gradient(90deg,var(--accent-bright),transparent);width:180px;height:1px;position:absolute;top:-1px;left:0}.cta-band h2{font:510 clamp(32px,4.6vw,56px)/1.04 var(--sans);letter-spacing:var(--track-tight);color:var(--text);text-wrap:balance;margin:0 0 14px}.cta-band p{color:var(--muted);margin:0;font-size:16px}.cta-actions{flex-shrink:0;gap:10px;display:flex}.cta-link,.cta-secondary{white-space:nowrap;border-radius:var(--pill);height:44px;transition:background-color var(--dur-1) var(--ease),box-shadow var(--dur-2) var(--ease),transform var(--dur-1) var(--ease);align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:510;display:inline-flex}.cta-link{background:var(--invert);color:var(--invert-ink);box-shadow:var(--invert-edge)}.cta-link:hover{background:var(--invert-hover);box-shadow:var(--invert-edge),0 0 28px -4px #ffffff4d}.cta-secondary{color:var(--text);box-shadow:var(--button-edge);background:#ffffff0d}.cta-secondary:hover{background:#ffffff17}.cta-link:active,.cta-secondary:active{transform:scale(.98)}.cta-link span{transition:transform var(--dur-2) var(--ease-out)}.cta-link:hover span{transform:translateY(-2px)}footer{border-top:1px solid var(--line);color:var(--faint);justify-content:space-between;align-items:flex-start;gap:24px;margin-top:96px;padding:32px 0 40px;font-size:13px;line-height:1.7;display:flex}.footer-brand{gap:10px;display:grid}.footer-brand .wordmark{font-size:15px}@keyframes rise{0%{opacity:0;filter:blur(4px);transform:translateY(10px)}to{opacity:1;filter:none;transform:none}}@keyframes pulse{0%{opacity:.45;transform:scale(1)}70%,to{opacity:0;transform:scale(2.6)}}@keyframes lift{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes halo{0%,to{opacity:.4;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes wait{0%{opacity:1}to{opacity:.3}}@keyframes typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@keyframes shake{0%,to{transform:none}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-1px)}}.reveal{animation:rise .8s var(--ease-out) both}.reveal-2{animation-delay:80ms}.reveal-3{animation-delay:.16s}.reveal-4{animation-delay:.24s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width>=1600px){.app-shell{max-width:1360px}.workspace,.stage{min-height:560px}}@media (width<=1100px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.bento li.lead{grid-row:span 1}}@media (width<=1000px){.header-label{display:none}.workspace{grid-template-columns:minmax(0,1fr) 288px}.stage{min-height:400px}aside{padding:18px 16px}.section-head{grid-template-columns:1fr;gap:16px}.cta-band{flex-direction:column;align-items:flex-start}}@media (width<=760px){.app-shell{padding:0 16px}header{gap:12px;height:56px;margin:0 -16px;padding:0 16px}.site-nav{display:none}.platform{padding:5px 9px;font-size:10px}main{padding-top:48px}.title-row{align-items:flex-start;margin-bottom:40px}.quality{display:none}.intro{font-size:15px}.platforms{width:100%}.platforms dd{white-space:normal}.app-shell:before{top:520px}.workspace{border-radius:var(--radius);grid-template-columns:1fr}.stage{min-height:260px}.empty-state{padding:36px 14px}aside{border-left:0;border-top:1px solid var(--line);padding:20px 16px}.privacy-note{margin-top:4px}.stage video{max-height:55vh}.viewer-controls{gap:4px;padding:8px}.volume-control{min-width:130px}.section{padding-top:96px}.flow,.bento{grid-template-columns:1fr}.bento li.lead{grid-column:auto;padding:24px}.bento{grid-auto-rows:auto}.cta-band{margin-top:112px;padding-top:48px}.cta-actions{flex-wrap:wrap}footer{flex-direction:column;gap:5px;margin-top:64px}}.footer-nav{flex-wrap:wrap;gap:20px;display:flex}.footer-nav a{color:var(--muted);transition:color var(--dur-1)}.footer-nav a:hover{color:var(--text)}.privacy-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.privacy-list li{border-radius:var(--radius);background:var(--bg-1);box-shadow:var(--edge);color:var(--text-2);align-items:flex-start;gap:12px;padding:18px 20px;font-size:15px;line-height:1.55;display:flex}.privacy-list svg{color:var(--green);flex-shrink:0;margin-top:3px}.privacy-list .caution{background:var(--warn-bg);box-shadow:inset 0 0 0 1px var(--warn-line)}.privacy-list .caution svg{color:var(--warn-text)}@media (width>=1001px){.faq-section{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);align-items:start;gap:56px;display:grid}.faq-section .section-head{grid-template-columns:1fr;gap:16px;margin-bottom:0;position:sticky;top:32px}.faq{max-width:none}}.agents h3{color:var(--text);margin:28px 0 10px;font-size:15px;font-weight:590}.code-card{border-radius:var(--radius-sm);background:var(--bg-1);box-shadow:var(--edge);font:13px/1.6 var(--mono);color:var(--text-2);align-items:center;gap:12px;margin:0;padding:14px 16px;display:flex;overflow-x:auto}pre.code-card{white-space:pre;display:block}.code-card code{font:inherit;overflow-wrap:anywhere}.tool-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.tool-list li{border-radius:var(--radius);background:var(--bg-1);box-shadow:var(--edge);padding:20px}.tool-list code{font:12px var(--mono);color:var(--accent-text)}.tool-list h3{margin:10px 0 6px}.tool-list p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.not-found-actions{margin:28px 0 0}@media (width<=760px){.privacy-list{grid-template-columns:1fr}footer{flex-direction:column}.site-nav a{align-items:center;min-height:44px;display:inline-flex}}
