:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#ecedf0;background:#101216;font-synthesis:none;font-weight:400;color-scheme:dark;--muted: #898d98;--line: #292c33;--accent: #b7f36b;--panel: #191c22}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{transition:background .18s,transform .18s}button:not(:disabled):active{transform:translateY(1px)}.app{max-width:1440px;min-height:100vh;margin:0 auto;padding:0 64px;display:flex;flex-direction:column}.header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.logo{font-size:30px;font-weight:800;letter-spacing:-1.6px;display:flex;align-items:center;gap:10px}.logo-dot{color:var(--accent);margin-left:-9px}.logo-icon{width:37px;height:37px;border-radius:10px;background:var(--accent);color:#172011;display:grid;place-items:center;margin-right:2px}.header-right{display:flex;gap:28px;align-items:center}.small{font-size:12px}.muted{color:var(--muted)}.pill,.status-pill{border:1px solid var(--line);border-radius:30px;display:inline-flex;align-items:center;gap:8px;padding:9px 13px;font-size:11px;white-space:nowrap}.pill .dot{background:var(--accent)}.dot{height:6px;width:6px;border-radius:50%;background:#6c7280;display:inline-block;flex-shrink:0}.green{background:var(--accent)}.landing{display:grid;grid-template-columns:1.03fr 1fr;gap:40px;align-items:center;padding:91px 0 89px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:600;display:flex;align-items:center;gap:10px}.line{height:1px;background:var(--accent);width:25px}.hero-copy h1{font-size:clamp(42px,4.4vw,64px);line-height:1.09;letter-spacing:-3px;font-weight:650;margin:29px 0 25px}.hero-copy h1 span{color:var(--accent)}.hero-description{font-size:15px;line-height:1.8;color:#a3a7b2;margin:0 0 32px}.button{border:0;display:inline-flex;gap:10px;align-items:center;justify-content:center;padding:13px 18px;border-radius:8px;font-size:12px;font-weight:600;line-height:1.5;min-height:44px}.primary{background:var(--accent);color:#18220c}.primary:hover{background:#c8ff83}.large{font-size:14px;padding:16px 22px;gap:13px}.large svg:last-child{margin-left:14px}.secondary{background:#252931;border:1px solid #343942;color:#e6e8ed}.secondary:hover{background:#303641}.hero-notes{display:flex;gap:23px;margin-top:20px;color:var(--muted);font-size:10px}.hero-notes span{display:flex;align-items:center;gap:6px}.hero-notes svg{color:var(--accent)}.hero-visual{position:relative;border:1px solid #343840;border-radius:12px;background:#191c22;transform:rotate(-1.4deg);box-shadow:0 26px 60px #0004;margin-top:3px}.window-bar{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;font-size:9px;color:#9297a1}.traffic{display:flex;gap:5px}.traffic i{height:6px;width:6px;border-radius:50%;background:#444a55}.traffic i:first-child{background:#d48c81}.live-badge{color:#ff9e90;font-size:8px;display:flex;align-items:center;gap:5px;border:1px solid #a44b4344;background:#713f382b;padding:4px 6px;border-radius:4px;letter-spacing:1px}.live-badge .dot{background:#f89382;width:4px;height:4px}.demo-screen{background:#1d2520;height:276px;margin:0 9px;border:1px solid #3b463e;border-radius:5px;position:relative;overflow:hidden;background-image:linear-gradient(#adc99f08 1px,transparent 1px),linear-gradient(90deg,#adc99f08 1px,transparent 1px);background-size:25px 25px}.demo-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:14px;gap:11px;color:#d4e2ca}.demo-center small{color:#7b8b77;font-size:10px}.screen-icon{height:87px;width:87px;display:grid;place-items:center;border-radius:23px;background:#30442a;color:var(--accent);border:1px solid #617d4c66;margin-bottom:5px;box-shadow:0 0 60px #b7f36b0b}.orbital{position:absolute;border:1px solid #90b37915;border-radius:50%;width:350px;height:350px;left:50%;top:50%;transform:translate(-50%,-50%)}.orbital.two{width:455px;height:455px}.demo-cursor{position:absolute;bottom:51px;right:36px;color:var(--accent);transform:rotate(-3deg);display:flex;align-items:flex-start;gap:3px}.demo-cursor span{background:var(--accent);color:#28371b;border-radius:4px;margin-top:16px;font-size:9px;font-weight:600;padding:6px 9px}.demo-label{position:absolute;top:13px;left:14px;font-size:7px;letter-spacing:1.2px;display:flex;gap:6px;align-items:center;color:#9cb28d}.demo-label .dot{background:#9ab77f;width:4px;height:4px}.demo-footer{padding:17px;display:flex;align-items:center;justify-content:space-between;color:#a8aeb8}.demo-footer>div{display:flex;align-items:center;gap:10px}.volume-demo{height:3px;width:49px;background:linear-gradient(90deg,#c7d3bb 70%,#3c4248 70%);border-radius:5px}.demo-footer>span{font-size:8px;display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:15px}.demo-footer i{width:2px;height:2px;background:#858990;border-radius:50%}.float-note{position:absolute;bottom:-25px;left:25px;right:20px;transform:rotate(1.4deg);padding:15px 18px;border:1px solid #3c413c;background:#262b27;border-radius:9px;box-shadow:0 10px 20px #0003;display:flex;align-items:center;gap:13px}.float-note>svg{color:var(--accent)}.float-note strong{font-size:10px;font-weight:500;display:block}.float-note div>span{display:block;color:#8e9b8b;font-size:8px;margin-top:5px}.avatars{display:flex;margin-left:auto;padding-left:10px}.avatars i{font-style:normal;font-size:9px;border:2px solid #262b27;border-radius:50%;height:27px;width:27px;background:#8b7765;display:grid;place-items:center;margin-left:-7px}.avatars i:nth-child(2){background:#6e7f7e}.avatars i:last-child{background:#444f3d;color:#c2ddb1}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:33px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature{display:flex;gap:15px;align-items:flex-start}.feature-icon{height:38px;width:38px;border:1px solid #32373e;background:#1b1f25;border-radius:9px;display:grid;place-items:center;flex-shrink:0;color:#c6cbd2}.feature-icon svg{width:18px}.feature h3{font-size:12px;font-weight:600;margin:3px 0 9px}.feature p{font-size:11px;color:var(--muted);line-height:1.7;margin:0;max-width:240px}.how{padding:32px 0 42px;display:flex;align-items:center;justify-content:space-between;gap:25px}.how>div{display:flex;align-items:center;gap:25px;font-size:11px;color:#a1a5af}.how>div>span{display:flex;align-items:center;gap:10px}.how b{font-weight:500;font-size:9px;color:#6b735f;background:#1b2119;border:1px solid #30392c;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.how svg{color:#4b515b;width:14px}footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding:26px 0;color:#656a76;font-size:10px;gap:20px}footer span,footer a{display:flex;align-items:center;gap:7px}.room-page{padding-top:26px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:20px}.back{font-size:10px;color:var(--muted);display:inline-flex;align-items:center;margin-bottom:17px}.page-heading h1,.viewer-heading h1{font-size:31px;font-weight:600;letter-spacing:-1px;margin:0}.heading-dot{color:var(--accent)}.page-heading p{font-size:12px;color:var(--muted);margin:9px 0 0}.status-pill{color:#b6bac3;background:#1a1d23}.status-pill.on{color:#ff9e90;border-color:#593e39;background:#30211f}.status-pill.on .dot{background:#ff927e;box-shadow:0 0 10px #ff927e55}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:25px}.player{border:1px solid #30343c;border-radius:12px;overflow:hidden;background:#14171c}.player-top,.player-bottom{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;color:#89909c;font-size:10px;gap:12px}.player-top{border-bottom:1px solid #252932;letter-spacing:1px}.player-top span,.player-bottom span{display:flex;align-items:center;gap:8px}.video-stage{aspect-ratio:16/10;background:#0d0f13;position:relative;min-height:240px;display:flex;justify-content:center;align-items:center}.video-stage video{position:absolute;width:100%;height:100%;object-fit:contain}.video-stage audio{display:none}.invisible{visibility:hidden}.scene{position:relative;text-align:center;padding:35px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;max-width:550px;margin:0 auto}.scene-icon{width:80px;height:80px;border:1px solid #303640;background:#1c2027;color:#b4bdc6;border-radius:20px;display:grid;place-items:center;margin-bottom:23px}.scene h2{font-size:21px;font-weight:500;letter-spacing:-.5px;margin:0 0 10px}.scene p{color:#858c99;font-size:12px;line-height:1.8;margin:0 0 24px;max-width:360px}.player-bottom{border-top:1px solid #252932}.source-help{display:flex;gap:13px;color:#737d8a;padding:20px 3px}.source-help svg{flex-shrink:0;margin-top:3px}.source-help p{font-size:11px;line-height:1.8;margin:0}.source-help strong{color:#b1b7c1;font-weight:500}.panel{background:#191c22;border:1px solid #2e323a;border-radius:10px;padding:20px;margin-bottom:16px}.panel-title{display:flex;gap:10px;align-items:center;color:#b5beca;margin-bottom:23px}.panel-title h2{font-size:13px;font-weight:600;margin:0;color:#e2e5eb}.panel label{display:block;font-size:11px;color:#959ba7;margin-bottom:9px;margin-top:19px}.panel select,.panel input{width:100%;border:1px solid #373d47;background:#12151a;color:#d0d5de;border-radius:6px;padding:11px;font-size:12px}.panel input{font-size:10px;color:#919cab;text-overflow:ellipsis}.segmented{display:flex;padding:3px;border:1px solid #303640;border-radius:7px;background:#111419;gap:3px}.segmented button{flex:1;border:0;border-radius:4px;color:#858c9a;background:transparent;padding:10px 4px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px}.segmented span{font-size:9px}.segmented button.selected{color:var(--accent);background:#283422}.quality-note{font-size:9px;color:#727a87;line-height:1.5;margin-top:12px}.separator{height:1px;background:#2b3039;margin:21px 0}.audio-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.audio-row strong{font-size:11px;font-weight:500}.audio-row small{display:block;font-size:9px;color:#747d8c;margin-top:7px}.icon-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;color:#b9c0cc;border-radius:6px;height:36px;width:36px;flex-shrink:0}.icon-button:hover{background:#ffffff10}.icon-button.active{color:var(--accent);background:#273122}.share-panel .panel-title{margin-bottom:14px}.share-panel p{color:#8b93a2;font-size:11px;line-height:1.7;margin:0 0 16px}.share-panel .button{width:100%;margin-top:10px}.text-link{font-size:10px;color:#9da8b7;display:flex;justify-content:center;align-items:center;gap:7px;margin-top:16px}.danger{width:100%;border:1px solid #69443f;background:#30211f;color:#f0a294}.danger:hover{background:#432a26}.sidebar-footnote{text-align:center;font-size:9px;color:#69717e;line-height:1.8}.actual{margin-top:16px;font-size:9px;display:flex;flex-direction:column;gap:7px;color:#8e98a8}.actual span{display:flex;justify-content:space-between;gap:7px}.actual strong{font-weight:400;color:#c5d7b5}.error,.notice{font-size:12px;line-height:1.6;padding:14px 16px;border-radius:7px;margin-top:16px;background:#3a2524;color:#f5b4a7;border:1px solid #70443b}.notice{background:#262d21;color:#b4c59f;border-color:#434f36}.viewer-page{padding-top:43px;margin-bottom:25px}.viewer-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:20px}.viewer-heading .eyebrow{margin-bottom:12px}.viewer-heading h1{font-size:25px}.viewer-player .video-stage{aspect-ratio:16/8.3;min-height:360px}.viewer-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 18px;border-top:1px solid #292e36}.volume-controls{display:flex;align-items:center;gap:12px;font-size:10px;color:#8e98a8}.volume-controls input{accent-color:var(--accent);width:95px;cursor:pointer}.volume-controls span{width:32px;font-variant-numeric:tabular-nums}.view-actions{display:flex;gap:5px}.stream-label{font-size:10px;display:flex;align-items:center;gap:8px;color:#9ba3b0}.viewer-note{display:flex;gap:8px;align-items:center;color:#727d8c;font-size:10px;padding-top:20px}.viewer-note>span{margin-left:auto;color:#535d6b}.playback-button{position:absolute;z-index:3;bottom:30px;left:50%;transform:translate(-50%);white-space:nowrap}.player:fullscreen{border:0;border-radius:0;background:#000;width:100%;height:100%;display:flex;flex-direction:column}.player:fullscreen .video-stage{flex:1;aspect-ratio:auto}.waiting-dots{display:flex;gap:7px}.waiting-dots i{width:5px;height:5px;background:var(--accent);border-radius:50%;animation:pulse 1.3s infinite}.waiting-dots i:nth-child(2){animation-delay:.2s}.waiting-dots i:nth-child(3){animation-delay:.4s}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.2}}@media(min-width:1500px){.landing{padding:120px 0}.demo-screen{height:315px}}@media(max-width:1100px){.app{padding:0 32px}.landing{gap:25px}.hero-copy h1{font-size:47px}.hero-description{font-size:13px}.demo-screen{height:250px}.how{flex-direction:column;align-items:flex-start;gap:22px}.studio-grid{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.video-stage{aspect-ratio:16/12}.scene h2{font-size:19px}.scene p{font-size:11px}.scene-icon{height:60px;width:60px;margin-bottom:16px}.hero-visual{margin-left:0}.float-note{left:10px;right:8px;padding:13px 10px}.float-note strong{font-size:9px}.float-note>svg{display:none}}@media(max-width:780px){.app{padding:0 22px}.header{height:80px}.header-right{gap:10px}.hide-mobile{display:none}.landing{grid-template-columns:1fr;padding:50px 0 66px;gap:50px}.hero-copy h1{font-size:53px;letter-spacing:-2.5px}.hero-description{font-size:14px}.hero-visual{max-width:530px;width:100%;justify-self:center}.demo-screen{height:265px}.features{grid-template-columns:1fr;gap:25px}.feature p{max-width:none}.how>div{flex-wrap:wrap;gap:15px}.how>div>svg{display:none}.studio-grid{grid-template-columns:1fr}.studio-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:start}.panel{margin-bottom:0}.studio-sidebar>.danger{grid-column:1/-1}.sidebar-footnote{grid-column:1/-1}.video-stage{aspect-ratio:16/10}.page-heading h1{font-size:27px}.viewer-page{padding-top:30px}.viewer-heading{align-items:flex-start}.viewer-heading h1{font-size:21px}.viewer-heading .button{font-size:0;padding:10px}.viewer-heading .button svg{width:18px}.viewer-player .video-stage{min-height:330px;aspect-ratio:4/3}.viewer-note>span{display:none}.viewer-controls{gap:5px;padding:10px}.viewer-note{font-size:9px}}@media(max-width:480px){.app{padding:0 16px}.logo{font-size:26px}.logo-icon{height:32px;width:32px}.pill{font-size:9px;padding:8px 10px}.header-right .status-pill{display:none}.hero-copy h1{font-size:45px}.hero-notes{gap:15px}.float-note{bottom:-22px}.demo-screen{height:235px}.demo-cursor{right:10px;bottom:30px}.demo-center{font-size:12px}.studio-sidebar{grid-template-columns:1fr}.scene{padding:30px 18px}.scene h2{font-size:18px}.video-stage{min-height:310px}.player-top,.player-bottom{padding:13px;font-size:8px}.page-heading{align-items:flex-start}.page-heading .status-pill{margin-top:32px;font-size:8px;padding:7px 9px}.viewer-heading h1{font-size:19px;max-width:220px}.volume-controls{gap:4px}.volume-controls input{width:75px}footer{font-size:8px}.hero-visual{transform:none}.how>div{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}