:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#ececec;background:#1e1e1e;font-synthesis:none;--bg: #1e1e1e;--header: #181818;--panel: #292929;--raised: #333333;--hover: #3d3d3d;--border: #484848;--muted: #a1a1a1;--blue: #3984c6;--green: #58a76a;--red: #c9505c}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:var(--bg)}button,input{font:inherit}button{color:inherit}.landing{--landing-bg: #101315;--landing-panel: #171b1e;--landing-line: #2a3034;--landing-accent: #62aee8;min-height:100vh;overflow:hidden;background:var(--landing-bg);color:#f3f6f8}.landing a{color:inherit;text-decoration:none}.landing-header{width:min(100% - 48px,1180px);height:78px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--landing-line)}.landing-brand{display:flex;align-items:center;gap:11px}.landing-brand>span:last-child{display:flex;flex-direction:column;line-height:1}.landing-brand strong{font-size:13px;letter-spacing:-.02em}.landing-brand small{margin-top:5px;color:var(--landing-accent);font-size:7px;font-weight:800;letter-spacing:.28em}.landing-header nav{display:flex;gap:32px;color:#aab1b6;font-size:10px}.landing-header nav a:hover{color:#fff}.landing-header-cta{padding:9px 13px;border:1px solid #43525c;font-size:9px;font-weight:700}.landing-header-cta:hover{border-color:var(--landing-accent)}.landing main{width:min(100% - 48px,1180px);margin:0 auto}.landing-hero{min-height:610px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:72px;padding:76px 0}.eyebrow{margin:0;color:#7eb9e5;font-size:9px;font-weight:800;letter-spacing:.18em}.hero-copy>.eyebrow{display:flex;align-items:center;gap:8px}.hero-copy>.eyebrow span{width:18px;height:1px;background:var(--landing-accent)}.hero-copy h1{margin:20px 0;font-size:clamp(42px,5vw,68px);line-height:.98;letter-spacing:-.055em}.hero-copy h1 em{color:#78b9e8;font-style:normal}.hero-description{max-width:570px;margin:0;color:#a6afb5;font-size:14px;line-height:1.75}.hero-actions{margin-top:32px;display:flex;align-items:center;gap:24px}.primary-action{min-height:44px;padding:0 17px;display:inline-flex;align-items:center;gap:28px;background:#378ac7;color:#fff!important;font-size:10px;font-weight:800}.primary-action:hover{background:#489bd7}.primary-action span{font-size:16px}.secondary-action{padding-bottom:4px;border-bottom:1px solid #566067;color:#bfc5c9!important;font-size:10px}.hero-notes{margin-top:28px;display:flex;gap:20px;color:#778087;font-size:8px;letter-spacing:.03em}.hero-console{position:relative;padding:13px;border:1px solid #384149;background:#14181b;box-shadow:28px 28px #0c0f10,-28px -28px 70px #3a79a614;transform:perspective(900px) rotateY(-4deg)}.hero-console:before{content:"";position:absolute;inset:-1px;border-top:2px solid #4a9bd5;pointer-events:none}.console-bar{height:38px;padding:0 7px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #32383d;font-size:7px;font-weight:800;letter-spacing:.1em}.console-brand,.console-online{display:flex;align-items:center;gap:7px}.console-brand i{width:6px;height:6px;background:#4e9dd7}.console-online{color:#77b989}.console-online i{width:5px;height:5px;border-radius:50%;background:#65ad77}.console-preview{aspect-ratio:16 / 9;margin:13px 0;padding:10px;display:grid;place-items:end start;background:radial-gradient(circle at 70% 30%,#384853,transparent 40%),linear-gradient(145deg,#26323a,#121719 62%)}.preview-frame{width:100%;height:100%;padding:10px;display:flex;align-items:flex-end;justify-content:space-between;border:1px solid rgb(255 255 255 / 8%);color:#9ea8ae;font-size:7px}.preview-frame strong{padding:5px 7px;background:#863b42;color:#ffd6d9;font-size:7px}.console-status{display:grid;grid-template-columns:1fr 1fr;gap:7px}.console-status span{padding:11px;border:1px solid #30383e;background:#1b2023;color:#a7b0b6;font-size:7px}.console-status i{display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;background:#62a977}.console-scenes{margin-top:7px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.console-scenes button{min-height:48px;border:1px solid #30383e;background:#1b2023;color:#747e84;font-size:7px}.console-scenes button.active{border-color:#4c88b3;background:#253d4d;color:#d3e9f8}.landing-tools,.landing-features{padding:100px 0;border-top:1px solid var(--landing-line)}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:46px}.section-heading h2,.landing-features h2,.pricing-heading h2{margin:13px 0 0;font-size:clamp(34px,4vw,49px);line-height:1.05;letter-spacing:-.04em}.section-heading>p{max-width:440px;margin:0;color:#8f999f;font-size:12px;line-height:1.7}.tool-card{min-height:190px;display:grid;grid-template-columns:70px 150px 1fr 55px;align-items:center;border:1px solid #364650;border-left:3px solid #4e9bd1;background:linear-gradient(105deg,#1c262d,#151a1d)}.tool-number{align-self:start;padding:16px;color:#6d7880;font-size:9px}.tool-icon{width:112px;height:112px;display:grid;grid-template-columns:1fr 1fr;place-items:center;border:1px solid #40505a;background:#121719;color:#7ab6df}.tool-icon span:first-child{grid-row:1 / 3;color:#ce6670;font-size:30px}.tool-icon span{font-size:17px}.tool-copy p{margin:0 0 8px;color:#67aa78;font-size:7px;font-weight:800;letter-spacing:.16em}.tool-copy h3{margin:0 0 10px;font-size:26px}.tool-copy>span{color:#939da3;font-size:11px}.tool-card>a{width:38px;height:38px;display:grid;place-items:center;border:1px solid #48677c;color:#87bee4;font-size:17px}.tool-card>a:hover{background:#2d668d;color:#fff}.coming-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.coming-tools article{min-height:115px;padding:20px;display:grid;grid-template-columns:45px 1fr;border:1px solid #292f33;color:#687077}.coming-tools article>span{font-size:8px}.coming-tools div{display:flex;flex-direction:column;gap:7px}.coming-tools small{font-size:7px;letter-spacing:.13em}.coming-tools strong{color:#aeb5b9;font-size:15px}.coming-tools p{margin:0;font-size:9px}.landing-showcase{padding:100px 0 120px;border-top:1px solid var(--landing-line)}.showcase-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:54px}.showcase-heading h2{margin:13px 0 0;font-size:clamp(34px,4vw,49px);line-height:1.05;letter-spacing:-.04em}.showcase-heading>p{max-width:440px;margin:0;color:#8f999f;font-size:12px;line-height:1.7}.showcase-gallery{position:relative;display:grid;grid-template-columns:1.35fr .85fr;gap:18px;align-items:end}.showcase-gallery:before{content:"";position:absolute;inset:8% 10% -8%;z-index:0;background:radial-gradient(circle,rgb(62 139 193 / 16%),transparent 68%);filter:blur(28px);pointer-events:none}.showcase-shot{position:relative;z-index:1;margin:0}.showcase-shot>a{display:block;overflow:hidden;border:1px solid #3a464e;background:#090b0c;box-shadow:0 25px 55px #00000052}.showcase-shot img{width:100%;height:auto;display:block;transition:transform .35s ease}.showcase-shot a:hover img{transform:scale(1.012)}.showcase-secondary{margin-bottom:-55px}.showcase-shot figcaption{padding:15px 2px 0;display:flex;align-items:flex-start;gap:13px}.showcase-shot figcaption>span{color:#5e9ac4;font-size:8px}.showcase-shot figcaption div{display:flex;flex-direction:column;gap:4px}.showcase-shot figcaption strong{font-size:10px}.showcase-shot figcaption small{color:#778188;font-size:8px}.landing-setup{padding:100px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;border-top:1px solid var(--landing-line)}.setup-heading h2{margin:13px 0 30px;font-size:clamp(34px,4vw,49px);line-height:1.05;letter-spacing:-.04em}.setup-steps{margin:0;padding:0;list-style:none;border-top:1px solid #30373b}.setup-steps li{padding:22px 0;display:grid;grid-template-columns:45px 1fr;gap:15px;border-bottom:1px solid #30373b}.setup-steps li>span{color:#5997c3;font-size:8px}.setup-steps h3{margin:0 0 7px;font-size:13px}.setup-steps p{margin:0;color:#899399;font-size:10px;line-height:1.65}.setup-note{grid-column:2;margin:-52px 0 0 60px;color:#778188;font-size:8px;line-height:1.6}.setup-note strong{color:#aeb8be}.landing-features>h2{margin-bottom:48px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--landing-line);border:1px solid var(--landing-line)}.feature-grid article{min-height:210px;padding:28px;background:var(--landing-bg)}.feature-grid article>span{color:#568bb0;font-size:8px}.feature-grid h3{margin:54px 0 13px;font-size:15px}.feature-grid p{margin:0;color:#818b91;font-size:10px;line-height:1.7}.landing-pricing{padding:100px 0;border-top:1px solid var(--landing-line)}.pricing-heading{max-width:620px}.pricing-heading>p:last-child{margin:20px 0 44px;color:#939da3;font-size:11px;line-height:1.7}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pricing-grid article{min-height:430px;padding:34px;display:flex;align-items:flex-start;flex-direction:column;border:1px solid #30383d;background:#15191b}.pricing-grid article.pro-plan{border-color:#466b83;background:linear-gradient(145deg,#1a2932,#15191b 70%)}.plan-label{color:#70afd9;font-size:7px;font-weight:800;letter-spacing:.16em}.pricing-grid h3{margin:13px 0 22px;font-size:22px}.pricing-grid article>strong{font-size:25px}.pricing-grid article>strong small{color:#818b91;font-size:9px;font-weight:400}.pricing-grid article>p{min-height:42px;margin:18px 0;color:#8f999f;font-size:10px;line-height:1.65}.pricing-grid ul{margin:0 0 28px;padding:0;display:grid;gap:11px;list-style:none;color:#b4bbc0;font-size:9px}.pricing-grid li:before{content:"✓";margin-right:9px;color:#6fb481}.plan-action{width:100%;min-height:42px;margin-top:auto;display:grid;place-items:center;border:1px solid #4c778f;background:#203c4c;color:#d6ebf8!important;font-size:9px;font-weight:800;cursor:pointer}.plan-action:hover:not(:disabled){background:#2d668d}.plan-action:disabled{cursor:wait;opacity:.65}.checkout-error{width:100%;margin-top:10px;color:#ef9da6;text-align:center;font-size:8px}.landing-footer{width:min(100% - 48px,1180px);min-height:112px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--landing-line)}.landing-footer-brand{display:flex;flex-direction:column;gap:6px}.landing-footer-brand strong{font-size:11px}.landing-footer-brand span{color:#717a80;font-size:8px}.landing-footer .contact-footer{padding:0}.tool-card.ptz-tool{margin-top:10px}.ptz-tool-icon span:first-child{grid-row:auto;color:#7ab6df;font-size:20px}.ptz-tool-icon span:last-child{grid-column:1 / -1}.ptz-page{min-height:100vh;background:var(--bg)}.ptz-topbar{height:64px;padding:0 max(22px,calc((100vw - 1000px)/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--border);background:var(--header)}.ptz-topbar a{color:#9fc5e3;font-size:10px;text-decoration:none}.ptz-topbar strong{font-size:14px}.ptz-topbar>span{justify-self:end;color:var(--muted);font-size:9px}.ptz-container{width:min(100% - 40px,960px);margin:0 auto;padding:30px 0 50px}.ptz-form{padding:16px;display:grid;grid-template-columns:1fr 160px 1fr;gap:14px}.ptz-form label{display:grid;gap:7px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.06em}.ptz-form input:not([type=range]){min-width:0;padding:10px;border:1px solid #555;border-radius:3px;background:#202020;color:#eee}.ptz-form input[type=range]{accent-color:var(--blue)}.ptz-control-grid{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.web-ptz-pad{width:max-content;margin:26px auto;display:grid;grid-template-columns:repeat(3,64px);gap:8px}.web-ptz-pad button,.web-ptz-zoom button{min-height:58px;border:1px solid #595959;border-radius:4px;background:var(--raised);color:#eee;cursor:pointer;touch-action:none;user-select:none}.web-ptz-pad button{font-size:22px}.web-ptz-pad button:active,.web-ptz-zoom button:active{border-color:var(--blue);background:#334b5e}.web-joystick-wrap{min-height:222px;display:grid;place-items:center;padding:18px}.web-joystick{position:relative;width:210px;height:210px;overflow:hidden;border:1px solid #59646b;border-radius:50%;background:radial-gradient(circle,#36434b 0 12%,#292f33 13% 48%,#222629 49%);cursor:grab;touch-action:none;user-select:none}.web-joystick.dragging{cursor:grabbing;border-color:var(--blue)}.joystick-axis{position:absolute;left:50%;top:50%;background:#ffffff17;pointer-events:none}.joystick-axis.horizontal{width:80%;height:1px;transform:translate(-50%,-50%)}.joystick-axis.vertical{width:1px;height:80%;transform:translate(-50%,-50%)}.joystick-knob{position:absolute;left:calc(50% - 23px);top:calc(50% - 23px);width:46px;height:46px;border:2px solid #9accee;border-radius:50%;background:#3d89be;box-shadow:0 5px 16px #0000006b;transition:transform 90ms ease-out;pointer-events:none}.web-joystick.dragging .joystick-knob{transition-duration:55ms}.web-ptz-zoom{min-height:222px;padding:26px;display:grid;align-content:center;gap:12px}.web-ptz-zoom button{font-size:12px;font-weight:700}.ptz-help{margin:14px 0 0;color:var(--muted);font-size:10px;line-height:1.6}@media(max-width:650px){.ptz-topbar{grid-template-columns:1fr auto}.ptz-topbar>span{display:none}.ptz-form,.ptz-control-grid{grid-template-columns:1fr}.ptz-form label{min-width:0}}.topbar{position:sticky;top:0;z-index:10;height:64px;padding:0 max(22px,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;background:var(--header);border-bottom:1px solid var(--border)}.identity,.connect-brand{display:flex;align-items:center;gap:11px}.identity>div{display:flex;flex-direction:column;gap:2px}.identity strong{font-size:14px}.identity small{color:var(--muted);font-size:10px}.logo{width:35px;height:35px;display:grid;place-items:center;overflow:hidden}.logo.large{width:48px;height:48px;font-size:14px}.logo img{display:block;width:100%;height:100%;object-fit:cover}.connection{display:flex;align-items:center;gap:7px;color:#b1b1b1;font-size:10px}.signal{width:7px;height:7px;border-radius:50%;background:#777}.signal.online{background:var(--green)}.connection button{margin-left:8px;padding:6px 9px;border:1px solid #535353;border-radius:3px;background:#333;cursor:pointer;font-size:10px}.connection button:hover{background:#404040}.dashboard{width:min(100% - 40px,1280px);margin:0 auto;padding:30px 0 50px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.page-heading p,.connect-brand p{margin:0 0 5px;color:#77aedb;font-size:9px;font-weight:700;letter-spacing:.18em}.page-heading h1,.connect-brand h1{margin:0;font-size:26px;letter-spacing:-.025em}.obs-state{display:flex;align-items:center;gap:7px;color:#aaa;padding:7px 10px;border:1px solid #4b4b4b;border-radius:3px;background:#292929;font-size:10px}.obs-state span{width:7px;height:7px;border-radius:50%;background:#777}.obs-state.online{color:#b5dabb;border-color:#4f6d55;background:#2c392f}.obs-state.online span{background:var(--green)}.notice{margin-bottom:14px;padding:11px 13px;display:flex;justify-content:space-between;gap:12px;border:1px solid #555;border-radius:3px;background:#303030;color:#ddd;font-size:11px}.notice.success{color:#bddfc4;border-color:#506e56;background:#2b392e}.notice.error{color:#efb2b8;border-color:#75454a;background:#3f292c}.notice button{border:0;background:transparent;cursor:pointer}.toast{position:fixed;right:18px;bottom:18px;z-index:30;width:min(390px,calc(100vw - 36px));padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #555;border-radius:3px;background:#303030;color:#ddd;font-size:11px}.toast.success{color:#bddfc4;border-color:#506e56;background:#2b392e}.toast.error{color:#efb2b8;border-color:#75454a;background:#3f292c}.toast button{border:0;background:transparent;cursor:pointer}.status-strip{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:8px;margin-bottom:12px}.status{min-height:66px;padding:12px 14px;display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:3px;background:var(--panel)}.status>span{width:8px;height:8px;border-radius:50%;background:#707070}.status.active>span{background:var(--green)}.status.alert>span{background:var(--red)}.status div{min-width:0;display:flex;flex-direction:column;gap:4px}.status small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.status strong{overflow:hidden;font-size:12px;white-space:nowrap;text-overflow:ellipsis}.status.alert strong{color:#f2aeb5}.output-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.output-controls button{min-height:66px;padding:12px 15px;display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:3px;background:var(--raised);text-align:left;cursor:pointer}.output-controls button:hover:not(:disabled){background:var(--hover);border-color:#626262}.output-controls button:disabled{opacity:.45;cursor:default}.output-controls button>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid #6e474b;border-radius:3px;background:#55363a;color:#ed9ca5}.output-controls button.stream>span{border-color:#526a7b;background:#374955;color:#afd1e7}.output-controls button.active{border-color:#78464c;background:#442c2f}.output-controls button div{display:flex;flex-direction:column;gap:3px}.output-controls strong{font-size:12px}.output-controls small{color:var(--muted);font-size:9px}.workspace{display:grid;grid-template-columns:1.15fr 1fr;gap:12px;align-items:start}.panel{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:3px;background:var(--panel)}.panel-heading{height:48px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:#252525}.panel-heading h2{margin:0;font-size:12px}.panel-heading span{min-width:24px;padding:3px 6px;border:1px solid #5a5a5a;border-radius:3px;color:#ccc;text-align:center;font-size:9px}.panel-heading .live-label{color:#efb2b8;border-color:#75454a;background:#3f292c}.preview-panel{grid-column:1 / -1}.program-preview{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#111}.program-preview img{width:100%;height:100%;display:block;object-fit:contain}.preview-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#858585;font-size:10px}.preview-warning{position:absolute;top:10px;right:10px;padding:6px 8px;border:1px solid #6e5658;border-radius:3px;background:#3b2d2f;color:#d9aeb2;font-size:9px}.preview-scene{position:absolute;left:10px;bottom:10px;max-width:calc(100% - 20px);padding:6px 9px;display:flex;align-items:center;gap:7px;overflow:hidden;border:1px solid #505050;border-radius:3px;background:#191919e0;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.preview-scene span{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--red)}.scene-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;padding:9px}.scene-grid button{min-height:58px;padding:9px;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;border:1px solid #4c4c4c;border-radius:3px;background:var(--raised);cursor:pointer;text-align:left}.scene-grid button:hover:not(:disabled){border-color:#686868;background:var(--hover)}.scene-grid button.selected{border-color:#5487af;background:#334552}.scene-grid button>span{width:31px;height:31px;display:grid;place-items:center;border:1px solid #5a6872;border-radius:3px;background:#414d56;color:#d5e6f3;font-size:9px;font-weight:700}.scene-grid strong{overflow:hidden;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.scene-grid em{color:#b7d9bd;font-size:7px;font-style:normal;letter-spacing:.08em}.source-list{max-height:310px;overflow:auto}.source{min-height:43px;padding:7px 11px;display:grid;grid-template-columns:27px 1fr auto;align-items:center;gap:8px;border-bottom:1px solid #414141}.source:nth-child(2n){background:#272727}.source:last-child{border-bottom:0}.source strong{overflow:hidden;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.source>span{color:var(--muted);font-size:8px;text-transform:uppercase}.eye{width:26px;height:26px;padding:0;border:1px solid #505050;border-radius:3px;background:#333;color:#898989;cursor:pointer}.eye.visible{color:#9fd4aa;border-color:#4e6b54;background:#304034}.empty{grid-column:1 / -1;padding:34px 15px;color:#8d8d8d;text-align:center;font-size:10px}.connect-page{min-height:100vh;padding:35px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#1d1d1d}.connect-card{width:min(100%,470px);border:1px solid #4a4a4a;border-radius:4px;background:#292929}.connect-brand{padding:22px 24px 16px}.connect-brand h1{font-size:22px}.connect-copy{margin:0;padding:0 24px 20px;color:#aaa;font-size:11px;line-height:1.65}.connect-card form{padding:20px 24px;display:grid;gap:15px;border-top:1px solid #454545;border-bottom:1px solid #454545;background:#262626}.connect-card label{display:grid;gap:7px;color:#bdbdbd;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.connect-card input:not([type=checkbox]){width:100%;padding:11px;border:1px solid #535353;border-radius:3px;outline:none;background:#1d1d1d;color:#eee;font-size:12px;text-transform:none}.connect-card input:focus{border-color:#6a9fc9}.address-row{display:grid;grid-template-columns:1fr 105px;gap:10px}.remember{display:flex!important;align-items:center;gap:8px!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer}.remember input{accent-color:var(--blue)}.connect-button{padding:11px;border:1px solid #67a1cf;border-radius:3px;background:var(--blue);color:#fff;font-size:11px;font-weight:700;cursor:pointer}.connect-button:hover:not(:disabled){background:#4793d2}.connect-button:disabled{opacity:.55}.connect-card .notice{margin:0 24px 16px}.connect-download{margin:18px 24px 0;padding:13px;display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #465964;background:#26333b}.connect-download div{display:flex;flex-direction:column;gap:4px}.connect-download strong{color:#d1e4f1;font-size:10px}.connect-download span{color:#8fa0aa;font-size:8px}.connect-download a{flex:0 0 auto;padding:8px 10px;border:1px solid #5a829b;color:#c7e2f4;font-size:8px;font-weight:700;text-decoration:none}.connect-download a:hover{background:#31536a}.connect-help{padding:18px 24px 20px;color:#969696;font-size:10px;line-height:1.6}.connect-help strong{color:#c9c9c9}.connect-help ol{margin:8px 0 0;padding-left:17px}.setup-help-link{display:inline-block;margin-top:10px;color:#8dbdde;text-decoration:none}.setup-help-link:hover{text-decoration:underline}.contact-footer{padding:20px 0 0;display:flex;align-items:center;justify-content:center;gap:8px;color:#858585;font-size:10px}.connect-page>.contact-footer{padding-top:0}.contact-footer a{color:#9fc5e3;text-decoration:none}.contact-footer a:hover{color:#c2ddf0;text-decoration:underline}.contact-footer a:focus-visible{outline:1px solid #77aedb;outline-offset:3px;border-radius:1px}.deck-nav{margin:-8px 0 16px;display:flex;gap:7px;overflow-x:auto;padding-bottom:3px}.deck-nav button{flex:0 0 auto;padding:8px 12px;border:1px solid #4b4b4b;border-radius:3px;background:#292929;color:#aaa;cursor:pointer;font-size:10px}.deck-nav button.active{border-color:#5487af;background:#334552;color:#d9ebf7}.screen-empty{padding:42px 20px;border:1px solid var(--border);border-radius:3px;background:var(--panel);color:var(--muted);text-align:center;font-size:11px;line-height:1.65}.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.metric{min-height:110px;padding:16px;display:flex;flex-direction:column;gap:8px;border:1px solid var(--border);border-radius:3px;background:var(--panel)}.metric small,.metric span{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.metric strong{font-size:19px}.metric span{margin-top:auto}.metric.attention{border-color:#796a3d}.metric.attention span{color:#e8cf88}.metric.critical{border-color:#7a464b}.metric.critical span{color:#efabb2}.screen-note{grid-column:1 / -1;margin:4px 0 0;color:var(--muted);font-size:10px}.audio-list{display:grid;gap:8px}.audio-row{padding:12px;display:grid;grid-template-columns:30px minmax(120px,1fr) minmax(80px,.9fr) minmax(140px,1.2fr) 80px;align-items:center;gap:12px;border:1px solid var(--border);border-radius:3px;background:var(--panel)}.audio-row strong,.audio-row small{display:block}.audio-row strong{font-size:11px}.audio-row small{margin-top:4px;color:var(--muted);font-size:8px}.favorite,.mute{border:1px solid #565656;border-radius:3px;background:#303030;color:#d4d4d4;cursor:pointer}.favorite{width:28px;height:28px;color:#e2bd62}.mute{padding:7px;font-size:9px}.mute.muted{border-color:#7a464b;color:#efabb2}.audio-meter{height:8px;overflow:hidden;border-radius:5px;background:#1b1b1b}.audio-meter span{display:block;height:100%;background:#63a976}.audio-meter.clipping span{background:#dc6470}.audio-meter.sem-áudio span{background:#696969}.volume{display:flex;align-items:center;gap:8px}.volume input{width:100%;accent-color:#619bc4}.volume output{width:45px;color:#b8c3ca;font-size:9px}.studio-screen{display:grid;gap:12px}.studio-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.studio-cards article{min-height:110px;padding:18px;display:flex;flex-direction:column;gap:10px;border:1px solid #71464b;border-radius:3px;background:#3b292c}.studio-cards article.preview{border-color:#4d718a;background:#283943}.studio-cards small{color:#e4adb4;font-size:8px;letter-spacing:.1em}.studio-cards .preview small{color:#a7d1e9}.studio-cards strong{font-size:19px}.transition-bar{padding:12px;display:flex;align-items:center;justify-content:flex-end;gap:12px;border:1px solid var(--border);background:var(--panel)}.transition-bar label{color:#b9b9b9;font-size:10px}.transition-bar input{width:75px;margin-left:6px;padding:6px;border:1px solid #555;background:#202020;color:#ddd}.transition-bar button,.diagnostics-actions button{padding:8px 11px;border:1px solid #5a829b;border-radius:3px;background:#304b5d;color:#d9ebf7;cursor:pointer;font-size:10px}.diagnostics{display:grid;gap:8px}.diagnostics-actions{display:flex;align-items:center;gap:8px}.diagnostics-actions p{flex:1;margin:0;color:var(--muted);font-size:10px}.diagnostic-link{padding:14px;display:grid;grid-template-columns:10px 190px 1fr;gap:11px;align-items:center;border:1px solid var(--border);border-radius:3px;background:var(--panel)}.diagnostic-link>span{width:8px;height:8px;border-radius:50%;background:#777}.diagnostic-link.healthy>span{background:var(--green)}.diagnostic-link.attention>span{background:#e1bd64}.diagnostic-link.critical>span{background:var(--red)}.diagnostic-link strong,.diagnostic-link small{display:block}.diagnostic-link strong{font-size:11px}.diagnostic-link small,.diagnostic-link p{color:var(--muted);font-size:9px}.diagnostic-link p{margin:0}.confirm-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:20px;background:#000000a6}.confirm-dialog{width:min(100%,380px);padding:24px;display:grid;gap:15px;border:1px solid #81494f;border-radius:4px;background:#292122}.confirm-dialog p{margin:0;color:#efabb2;font-size:8px;font-weight:700;letter-spacing:.15em}.confirm-dialog h2{margin:0;font-size:21px}.confirm-dialog>span{color:#b9b1b1;font-size:11px;line-height:1.5}.hold-confirm{min-height:51px;border:1px solid #a65059;border-radius:3px;background:linear-gradient(90deg,#803b43 var(--progress),#4a2c2f var(--progress));color:#fff;font-weight:700;cursor:pointer}.cancel{padding:8px;border:0;background:transparent;color:#bababa;cursor:pointer}@media(max-width:850px){.landing-header nav{display:none}.landing-hero{grid-template-columns:1fr;gap:60px}.showcase-gallery{grid-template-columns:1fr;max-width:720px}.showcase-secondary{width:72%;margin:-70px 0 0 auto}.showcase-heading{grid-template-columns:1fr;gap:22px}.landing-setup{grid-template-columns:1fr;gap:45px}.setup-note{grid-column:1;margin:-20px 0 0 60px}.hero-console{width:min(100%,620px);margin:0 auto;transform:none}.tool-card{grid-template-columns:55px 120px 1fr 48px}.pricing-grid{max-width:680px}.status-strip{grid-template-columns:1fr 1fr}.workspace{grid-template-columns:1fr}.health-grid{grid-template-columns:1fr 1fr}.audio-row{grid-template-columns:30px 1fr 1fr}.audio-row .volume{grid-column:2 / -1}.audio-row .mute{grid-column:3}}@media(max-width:560px){.landing-header,.landing main,.landing-footer{width:calc(100% - 30px)}.landing-header{height:68px}.landing-header-cta{padding:8px 10px}.landing-hero{min-height:auto;padding:68px 0}.hero-copy h1{font-size:40px}.hero-description{font-size:12px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-notes{flex-direction:column;gap:8px}.hero-console{box-shadow:12px 12px #0c0f10}.landing-tools,.landing-showcase,.landing-setup,.landing-features{padding:72px 0}.section-heading{grid-template-columns:1fr;gap:22px}.showcase-secondary{width:88%;margin-top:18px}.setup-note{margin-left:0}.tool-card{padding:22px;grid-template-columns:1fr auto;gap:20px}.tool-number{display:none}.tool-icon{width:86px;height:86px}.tool-copy{grid-column:1 / -1;grid-row:2}.tool-card>a{grid-column:2;grid-row:1}.coming-tools,.feature-grid{grid-template-columns:1fr}.landing-pricing{padding:72px 0}.pricing-grid{grid-template-columns:1fr}.pricing-grid article{min-height:400px;padding:28px 24px}.landing-footer{padding:28px 0;align-items:flex-start;flex-direction:column;gap:24px}.landing-footer .contact-footer{justify-content:flex-start}.topbar{height:58px;padding:0 13px}.identity strong{font-size:12px}.connection{font-size:0}.connection button{font-size:9px}.dashboard{width:calc(100% - 22px);padding-top:20px}.page-heading h1{font-size:22px}.obs-state{padding:6px 8px}.status-strip,.output-controls,.scene-grid{grid-template-columns:1fr}.address-row{grid-template-columns:1fr 92px}.connect-card form,.connect-brand,.connect-copy,.connect-help{padding-left:18px;padding-right:18px}.connect-download{margin-left:18px;margin-right:18px;align-items:flex-start;flex-direction:column}.contact-footer{flex-wrap:wrap}.health-grid,.studio-cards{grid-template-columns:1fr}.audio-row{grid-template-columns:30px 1fr;gap:9px}.audio-row .audio-meter,.audio-row .volume{grid-column:2}.audio-row .mute{grid-column:2;width:100%}.transition-bar,.diagnostics-actions{align-items:stretch;flex-direction:column}.diagnostic-link{grid-template-columns:10px 1fr}.diagnostic-link p{grid-column:2}.deck-nav{margin-bottom:13px}}