:root{--ink:#20211f;--paper:#faf9f6;--orange:#ec7948;--muted:#797a74}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px}button,input,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{max-width:1440px;margin:auto;padding:27px 6%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:9px;align-items:center}.brand img{width:43px;height:43px;object-fit:contain}.brand>span{font:800 28px/1 Manrope,sans-serif;letter-spacing:-1.4px}.brand small{display:block;font:500 9px/1.4 'DM Sans',sans-serif;letter-spacing:0;text-align:right;padding-right:4px}nav{display:flex;gap:32px;font-size:13px}nav a:hover{color:var(--orange)}.button{background:var(--ink);color:white;border:0;border-radius:7px;padding:17px 23px;display:inline-flex;align-items:center;justify-content:center;gap:34px;font-size:13px;font-weight:600;transition:transform .2s,background .2s}.button:hover{background:#3d3e39;transform:translateY(-2px)}.button.small{padding:13px 18px;gap:25px}.hero{max-width:1440px;margin:auto;padding:65px 6% 75px;display:grid;grid-template-columns:1fr 1.05fr;gap:35px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:8px}.dot{width:6px;height:6px;background:var(--orange);display:inline-block;border-radius:50%}.hero h1{font:700 clamp(43px,4.7vw,70px)/1.1 Manrope,sans-serif;letter-spacing:-3.5px;margin:23px 0}em{color:var(--orange);font-style:normal}.hero p{color:#74756e;font-size:15px;line-height:1.8;max-width:410px}.actions{display:flex;align-items:center;gap:24px;margin-top:30px}.text-button{font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:12px}.play{width:32px;height:32px;border:1px solid #aaa;border-radius:50%;display:grid;place-items:center;font-size:9px}.hero-note{font-size:10px;color:#96978f;margin-top:23px}.hero-visual{position:relative;padding-bottom:40px}.photo{height:470px;border-radius:13px;overflow:hidden;position:relative;box-shadow:0 28px 55px #201f191a;transform:rotate(-1.5deg)}.photo>img{width:100%;height:100%;object-fit:cover}.photo-shade{position:absolute;inset:0;background:linear-gradient(0deg,#131711aa,transparent 70%)}.live-badge{position:absolute;top:21px;left:20px;right:20px;display:flex;align-items:center;gap:7px;color:white;font-size:8px;letter-spacing:1px}.live-badge i,.timecode i{width:5px;height:5px;border-radius:50%;background:#f77943}.live-badge span{margin-left:auto;color:#ccc}.hero-lower{position:absolute;bottom:67px;left:25px;right:26px;background:#191b1ce8;border-left:4px solid var(--orange);padding:20px;color:white}.hero-lower small{color:#ffa77e;font-size:8px;letter-spacing:1.5px}.hero-lower strong{display:block;font:700 26px Manrope;margin:5px 0}.hero-lower>span{font-size:11px;color:#aaa}.hero-lower img{position:absolute;right:20px;top:34px;width:44px}.timecode{position:absolute;bottom:20px;left:20px;display:flex;gap:7px;align-items:center;color:#eee;font-size:8px;letter-spacing:1px}.floating-control{position:absolute;bottom:11px;left:-25px;right:33px;background:white;border:1px solid #e9e7e1;box-shadow:0 12px 30px #00000009;border-radius:9px;padding:18px;display:flex;align-items:center;gap:13px}.control-icon{font-size:25px;color:var(--orange);background:#fff2e9;padding:4px 9px;border-radius:7px}.floating-control strong{display:block;font-size:12px}.floating-control small{font-size:10px;color:#8d8d85}.connected{margin-left:auto;font-size:9px;color:#628574}.visual-caption{text-align:right;font-size:8px;letter-spacing:1.5px;color:#97988f;position:absolute;bottom:-14px;right:0}.compat{padding:27px 6% 32px;max-width:1440px;margin:auto;border-top:1px solid #e6e5de;border-bottom:1px solid #e6e5de}.compat>span{font-size:8px;letter-spacing:1.7px;color:#93948d}.compat>div{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:21px;color:#666861}.compat b{font-size:19px;font-weight:600}.compat div>span{font-size:10px}.vmix{font-size:25px;color:#68848c;font-style:normal}.features,.studio-section,.workflow,.pricing,.faq{max-width:1440px;margin:auto;padding:95px 6%}.section-top,.studio-heading{display:flex;align-items:end;justify-content:space-between;gap:40px}h2{font:600 40px/1.2 Manrope,sans-serif;letter-spacing:-1.8px;margin:16px 0}p{line-height:1.7}.section-top>p{max-width:280px;color:var(--muted);font-size:13px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.feature-grid article{border-top:1px solid #deded6;padding-top:26px}.feature-icon{font-size:28px;color:var(--orange)}h3{font:700 17px Manrope;letter-spacing:-.4px}.feature-grid p{font-size:13px;color:var(--muted);max-width:300px}.studio-section{background:#efeee8;border-radius:20px;padding-top:65px;padding-bottom:65px;max-width:1268px;width:91%}.studio-heading{margin-bottom:30px}.studio-heading p{font-size:12px;color:#77786f}.studio-heading p span{font-size:10px;color:#93948c}.studio{display:grid;grid-template-columns:270px 1fr;background:#fff;border:1px solid #deded6;border-radius:12px;overflow:hidden;box-shadow:0 20px 35px #35372a08}.studio aside{padding:23px;border-right:1px solid #e8e9e2}.workspace-label{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:700;letter-spacing:1.5px;margin-bottom:25px}.workspace-label img{width:22px}.studio label{display:block;font-size:10px;font-weight:600;margin:17px 0 8px;color:#777a70}.design-list{display:flex;flex-direction:column;gap:5px}.design{display:flex;align-items:center;gap:10px;padding:10px;background:transparent;border:1px solid transparent;border-radius:5px;text-align:left;font-size:11px}.design span{margin-left:auto;color:#9b9c94}.design.active{background:#f6f3ed;border-color:#e7e2d8}.swatch{height:20px;width:32px;border-radius:3px;background:#222;border-bottom:4px solid var(--orange)}.swatch.white{background:#e6e7e1;border-color:#999}.swatch.blue{background:#3d5fa3;border-color:#9ebcff}input:not([type=color]){width:100%;padding:10px;border:1px solid #e2e3db;border-radius:5px;font:11px 'DM Sans';background:#fdfdfb;color:#32362c}input:focus{outline:2px solid #e9a284;outline-offset:2px}.colour-row{display:flex;align-items:center;justify-content:space-between;margin:8px 0}.colour-row input{width:29px;height:25px;border:0;background:none}.save{width:100%;border:1px solid #dedfd7;background:white;border-radius:5px;padding:10px;font-size:10px;display:flex;justify-content:space-between;margin-top:15px}#save-status{font-size:9px;color:#92948b;margin-bottom:0}.stage-wrap{padding:23px;min-width:0;background:#fcfcfa}.stage-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;margin-bottom:17px;color:#7c8076}.stage-top .dot{width:4px;height:4px;margin-right:5px}#air-status{color:#888}.stage{position:relative;aspect-ratio:16/10;background:#252b29;border-radius:6px;overflow:hidden}.grid-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 40%,#5b665746,transparent 65%),linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:auto,30px 30px,30px 30px}.stage-watermark{position:absolute;top:21%;left:10%;font:600 40px/1.1 Manrope;letter-spacing:-2px;color:#ffffff1c}.lower-third{--accent:#f27842;position:absolute;bottom:13%;left:7%;width:80%;padding:15px 18px;background:#141917eb;color:white;border-left:4px solid var(--accent);transition:opacity .25s,transform .25s}.lower-third small{display:block;font-size:8px;letter-spacing:1.5px;color:var(--accent);margin-bottom:5px}.lower-third strong{display:block;font:700 clamp(16px,2vw,28px)/1.3 Manrope;overflow-wrap:anywhere;padding-right:38px}.lower-third>span{font-size:10px;color:#c6cdc5;display:block;overflow-wrap:anywhere;padding-right:38px}.lower-third img{position:absolute;right:18px;width:35px;top:35%}.lower-third.minimal{background:#fffffff0;color:#242924;border-left:4px solid var(--accent)}.lower-third.minimal>span{color:#687365}.lower-third.bold{background:var(--accent);border-left:0;border-radius:0 25px 0 0}.lower-third.bold small,.lower-third.bold>span{color:#fff}.lower-third.hidden{opacity:0;transform:translateY(20px)}.safe-area{position:absolute;bottom:12px;right:12px;font-size:7px;color:#7d877c;letter-spacing:1px}.stage-footer{display:flex;align-items:center;justify-content:space-between;margin:19px 0}.stage-footer>span{font-size:10px;color:#92988c}.stage-footer .button{padding:11px 20px;font-size:10px;background:var(--orange);gap:25px}.output-tools{display:flex;gap:18px;border-top:1px solid #e6e8df;padding-top:14px}.output-tools button{background:none;border:0;padding:0;font-size:9px;color:#686f61}.demo-note{font-size:9px;color:#95998d;margin-top:12px}.workflow{display:grid;grid-template-columns:1fr 1.1fr;gap:80px}.workflow h2{font-size:48px}.workflow-intro .text-button{margin-top:15px}.steps article{display:flex;gap:30px;border-bottom:1px solid #e1e3d8;padding:20px 0}.steps article:first-child{padding-top:0}.steps article>span{font-size:12px;color:var(--orange);padding-top:7px}.steps h3{margin:0 0 10px}.steps p{font-size:12px;color:var(--muted);max-width:340px;margin:0 0 10px}.audience{text-align:center;background:#f0efe9;padding:55px 6%}.audience .eyebrow{justify-content:center}.audience h2{font-size:30px}.audience>div:last-of-type{display:flex;justify-content:center;gap:35px;margin:30px 0}.audience span{font-size:12px;color:#696e62}.audience p{font-size:10px;color:#92968b}.pricing-heading{text-align:center}.pricing-heading .eyebrow{justify-content:center}.pricing-heading p{font-size:13px;color:var(--muted)}.billing{display:inline-flex;border:1px solid #dfdfd6;background:#efefe9;border-radius:7px;padding:4px;margin:15px 0 35px}.billing button{border:0;background:transparent;padding:10px 16px;border-radius:4px;font-size:11px;color:#73796c}.billing .selected{background:white;box-shadow:0 2px 5px #00000008;color:#292f24}.billing span{font-size:8px;color:#ba663f;margin-left:5px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plans article{border:1px solid #dedfd5;border-radius:9px;padding:28px;position:relative}.plan-name{font:700 19px Manrope}.plans article>p{font-size:11px;color:#868b7d}.price{margin-top:30px;display:flex;align-items:baseline;gap:4px}.price small{font-size:10px;font-weight:600}.price b{font:600 40px Manrope;letter-spacing:-2px}.price>span{font-size:10px;color:#919688}.plans .billed{font-size:9px;margin-top:0}.plan-button{display:block;text-align:center;padding:12px;border:1px solid #d8ddd0;border-radius:5px;font-size:11px;margin:25px 0}.plans ul{list-style:none;padding:0;margin:25px 0 0;font-size:11px;line-height:2.7;color:#737b68}.plans li:before{content:'✓';margin-right:10px;color:#697b5a}.plans article.popular{border-color:var(--orange);background:#fffaf5}.popular-label{position:absolute;top:-11px;left:25px;background:var(--orange);padding:5px 12px;font-size:8px;letter-spacing:1px;border-radius:4px;color:white}.popular .plan-button{background:var(--ink);color:white;border-color:var(--ink)}.pricing-note{text-align:center;font-size:10px;color:#94998b;margin-top:25px}.faq{padding-top:0;display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.faq h2{font-size:29px}.faq details{border-bottom:1px solid #e1e4d8;padding:20px 0}.faq summary{cursor:pointer;font-size:12px;font-weight:500}.faq details p{font-size:12px;color:#7e8772;max-width:460px}.closing{margin:0 3%;padding:60px 20px;text-align:center;border-radius:16px;background:#232923;color:white;position:relative;overflow:hidden}.closing>img{width:180px;height:auto;aspect-ratio:1;object-fit:contain;position:absolute;opacity:.07;left:5%;top:80px;transform:none}.closing .eyebrow{justify-content:center;color:#b6bdad}.closing h2{font-size:53px;margin:23px 0 28px}.closing .button{background:var(--orange);color:#fff}.closing>span{display:block;font-size:9px;color:#9da892;margin-top:17px}footer{max-width:1440px;margin:auto;padding:45px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .brand img{width:30px;height:30px}footer .brand>span{font-size:21px}footer p,footer>span,footer>a:last-child{font-size:9px;color:#8d9583}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:5px}body.output-mode{background:transparent;overflow:hidden}.output-mode header,.output-mode main,.output-mode footer{display:none}.broadcast-output{position:fixed;inset:0}.broadcast-output .lower-third{width:55%;bottom:10%;left:6%;padding:25px 30px}.broadcast-output .lower-third strong{font-size:clamp(28px,4vw,65px)}.broadcast-output .lower-third small{font-size:16px}.broadcast-output .lower-third>span{font-size:24px}.broadcast-output .lower-third img{width:60px;right:25px}@media(min-width:1500px){.studio-section{width:88%}}@media(max-width:900px){header{padding:20px 5%}nav{gap:16px}.hero{padding:40px 5% 60px;gap:25px}.hero h1{font-size:46px;letter-spacing:-2.5px}.photo{height:410px}.hero-lower strong{font-size:20px}.hero-lower img{display:none}.actions{gap:15px;flex-wrap:wrap}.floating-control{left:-10px;right:10px}.connected{display:none}.compat b{font-size:15px}.compat div>span{display:none}h2{font-size:33px}.studio{grid-template-columns:230px 1fr}.studio-section{padding:45px 4%}.studio-heading{align-items:start}.stage-wrap{padding:17px}.stage-watermark{font-size:30px}.lower-third{padding:10px}.lower-third img{width:22px;right:8px}.stage-footer>span{display:none}.stage-footer{justify-content:end}.workflow{gap:35px}.plans article{padding:22px 18px}.price b{font-size:32px}.faq{gap:25px}footer p{display:none}}@media(max-width:650px){header nav{display:none}.brand img{width:35px;height:35px}.brand>span{font-size:24px}.button.small{font-size:10px;padding:12px;gap:15px}.hero{grid-template-columns:1fr;padding-top:35px}.hero h1{font-size:49px;line-height:1.08;margin-top:20px}.hero p{font-size:14px}.hero-visual{margin-top:15px;padding-bottom:30px}.photo{height:370px}.floating-control{left:10px;right:10px;bottom:3px;padding:13px}.hero-lower strong{font-size:26px}.hero-lower img{display:block}.compat{padding:24px 5%}.compat>div{flex-wrap:wrap;gap:20px}.compat b{font-size:15px}.compat>span{font-size:7px}.features,.workflow,.pricing,.faq{padding:60px 6%}.section-top,.studio-heading{display:block}.section-top>p{max-width:100%}h2{font-size:32px}.feature-grid{grid-template-columns:1fr;gap:20px;margin-top:30px}.feature-grid article{padding-top:20px}.feature-grid p{max-width:none}.feature-grid h3{margin:10px 0}.feature-icon{font-size:24px}.studio-section{width:94%;padding:35px 5%;border-radius:12px}.studio{grid-template-columns:1fr}.studio aside{border-right:0;border-bottom:1px solid #e3e7db;padding:18px}.workspace-label{margin-bottom:15px}.design-list{flex-direction:row}.design{padding:8px;gap:5px;font-size:9px}.design span{display:none}.swatch{width:22px;height:16px}.studio aside>label{margin-top:12px}.stage-wrap{padding:17px}.stage{aspect-ratio:16/10}.lower-third strong{font-size:22px}.lower-third>span{font-size:9px}.lower-third img{width:30px;right:12px}.stage-footer>span{display:block}.stage-footer{justify-content:space-between}.workflow{grid-template-columns:1fr;gap:30px}.workflow h2{font-size:40px}.audience>div:last-of-type{flex-wrap:wrap;gap:17px 23px}.audience h2{font-size:27px}.plans{grid-template-columns:1fr;gap:28px}.plans article{padding:28px}.price b{font-size:40px}.faq{grid-template-columns:1fr;gap:10px;padding-top:0}.closing{padding:45px 18px}.closing h2{font-size:36px}.closing .eyebrow{font-size:8px}footer{flex-wrap:wrap;padding:30px 6%}footer>span{order:3;width:100%}.broadcast-output .lower-third{width:85%}.broadcast-output .lower-third small{font-size:10px}.broadcast-output .lower-third>span{font-size:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}