@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#111210;--card:#191a17;--muted:#a3a59b;--lime:#dbfc77;--line:#30322a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:#f4f5ee;font:15px/1.6 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--lime);outline-offset:5px}.wrap{max-width:1200px;margin:auto;padding:0 40px}.header{height:104px;display:flex;align-items:center;justify-content:space-between}.brand{font:bold 29px Manrope,sans-serif;letter-spacing:-1.5px;display:flex;gap:8px;align-items:center}.brand>span{font:10px 'DM Sans',sans-serif;letter-spacing:1px;background:#2d3221;color:var(--lime);padding:3px 6px;border-radius:4px;margin-left:2px}.nav-link{font-size:13px;border:1px solid #45473d;border-radius:30px;padding:8px 20px}.nav-link span{margin-left:20px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center;padding:66px 0 96px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--muted)}.eyebrow>span{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:8px}h1{font:800 clamp(45px,5.5vw,70px)/1.1 Manrope,sans-serif;letter-spacing:-4px;margin:24px 0}h1 em{font-style:normal;color:var(--lime)}.lead{max-width:440px;color:var(--muted);font-size:16px;line-height:1.85}.hero-link{display:inline-flex;gap:48px;border-bottom:1px solid var(--lime);padding:13px 0 9px;margin-top:13px;color:var(--lime);font-weight:600}.features{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:10px;color:#afb1a6;margin-top:30px}.features span:before{content:'✦';color:var(--lime);margin-right:6px}.visual{position:relative;border:1px solid #393d32;background:#1c1e19;border-radius:14px;padding:0 17px 17px;transform:rotate(2deg);box-shadow:0 30px 75px #0005}.editor-top{display:flex;justify-content:space-between;align-items:center;height:47px;font-size:9px;letter-spacing:2px;color:#a5a99a}.mini-brand{font-weight:bold;font-size:23px;color:#fff;letter-spacing:-4px}.mini-brand span{color:var(--lime)}.dots{letter-spacing:3px}.preview{height:245px;background:#d9efaa;color:#29392c;position:relative;overflow:hidden;padding:20px 25px;background-image:radial-gradient(ellipse at 90% 110%,#83aa76 0,transparent 65%)}.preview-tag{font-size:7px;letter-spacing:2px}.poster{font:800 63px/.88 Manrope,sans-serif;letter-spacing:-5px;position:relative;margin-top:16px}.poster>span:not(.asterisk){font-weight:400;font-style:italic}.asterisk{position:absolute;right:4px;top:14px;font-size:127px;color:#34482c;transform:rotate(12deg)}.caption{position:absolute;bottom:25px;left:25px;font-size:9px;color:#fff;background:#283426;padding:4px 8px}.ratio{position:absolute;bottom:12px;right:12px;font-size:8px}.transport{display:flex;justify-content:space-between;font-size:9px;margin:13px 0;color:#cbd0c0}.transport>span+span{color:var(--lime)}.dim{color:#747b69}.timeline{position:relative}.ruler{display:flex;justify-content:space-between;font-size:7px;color:#929888;margin-bottom:8px}.track{display:flex;gap:4px;margin-bottom:5px;height:27px}.track span{border-radius:3px;padding:5px 8px;font-size:8px;flex:1}.video span{background:#627748;color:#e2eccd;border:1px solid #8da467}.subs{height:21px;width:86%}.subs span{background:#6e6091;padding:3px 8px}.wave{height:23px;border-radius:3px;background:repeating-linear-gradient(90deg,#346664 0px,#346664 2px,#74a29b 2px,#74a29b 3px,#346664 3px,#346664 7px);border-block:6px solid #346664}.playhead{position:absolute;left:41%;top:13px;height:89px;width:1px;background:var(--lime)}.playhead:before{content:'';position:absolute;top:-3px;left:-3px;border-top:5px solid var(--lime);border-inline:3px solid transparent}.floating{position:absolute;bottom:47px;right:-23px;background:#f0f0e5;color:#272a20;border-radius:9px;padding:12px 17px;display:flex;gap:12px;align-items:center;transform:rotate(-2deg);box-shadow:0 10px 30px #0004;font-size:11px;font-weight:700}.floating>span{font-size:26px}.floating small{display:block;font-size:8px;font-weight:400;color:#737769}.downloads{border-top:1px solid var(--line);padding-top:45px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}h2{font:600 26px/1.4 Manrope,sans-serif;letter-spacing:-1px;margin:10px 0 0}.section-heading>p{font-size:12px;color:var(--muted)}.cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{border:1px solid var(--line);border-radius:13px;background:var(--card);padding:28px 30px 20px}.card-heading{display:flex;justify-content:space-between;align-items:center}.card-heading svg{width:31px;height:31px;fill:#e0e3d7}.platform-label{font-size:9px;letter-spacing:1px;color:#92978a}select{margin-left:6px;background:#24271f;color:#dbe0cf;border:1px solid #454b3a;border-radius:5px;padding:4px;font-size:11px;letter-spacing:0}h3{font:600 27px Manrope,sans-serif;margin:20px 0 7px}.card>p{color:var(--muted);font-size:13px;margin-top:0}.download{width:100%;display:flex;justify-content:center;align-items:center;gap:17px;border-radius:7px;padding:13px;border:1px solid transparent;cursor:pointer;margin-top:24px;font-size:13px;font-weight:700;transition:background .2s,transform .2s}.download:hover{transform:translateY(-2px)}.primary{background:var(--lime);color:#202519}.primary:hover{background:#e9ffa8}.secondary{border-color:#6b735b;background:#272c21;color:#e4edda}.secondary:hover{background:#36412a}.card>.detail{text-align:center;font-size:10px;margin:10px 0 0;min-height:16px}.status{font-size:13px;color:var(--lime);text-align:center;min-height:21px}.installation{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;gap:18px;align-items:center;padding:23px 0 40px}.step-number{font:500 23px Manrope,sans-serif;color:#72796a}.installation p{font-size:11px;color:var(--muted)}.installation strong{font-size:12px;font-weight:500;color:#e5e7df}footer.wrap{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-top:25px;padding-bottom:25px;font-size:10px;color:#979c8e}.footer-brand{font-weight:bold;font-size:19px;color:#dce0d3}.footer-brand span{font-size:8px;color:var(--lime)}@media(min-width:1500px){.hero{padding-top:90px;padding-bottom:120px}}@media(max-width:850px){.wrap{padding-left:24px;padding-right:24px}.hero{gap:28px}.floating{right:-10px}.poster{font-size:51px}.asterisk{font-size:95px}h1{letter-spacing:-2.5px}.section-heading{display:block}}@media(max-width:640px){.header{height:80px}.hero{grid-template-columns:1fr;padding:30px 0 58px;gap:40px}h1{font-size:53px}.lead{font-size:15px}.visual{margin:0 9px;max-width:430px}.preview{height:245px}.poster{font-size:65px}.asterisk{font-size:120px}.cards{grid-template-columns:1fr}.card{padding:25px}.section-heading h2{font-size:23px}.installation{grid-template-columns:auto 1fr;gap:0 16px;padding-bottom:25px}footer.wrap{flex-wrap:wrap;gap:10px}footer p{display:none}.eyebrow{font-size:9px;letter-spacing:1.5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Product showcase: same neutral gray and Spectrum blue as the desktop app. */
:root{--bg:#111214;--card:#1c1d20;--muted:#989da7;--lime:#83baff;--line:#30333a}.brand>span{background:#20354f}.wrap{max-width:1280px}.hero{display:block;text-align:center;padding:55px 0 40px}.intro{max-width:760px;margin:auto}.hero h1{font-size:clamp(48px,6vw,79px);letter-spacing:-4px}.hero h1 br{display:none}.lead{max-width:580px;margin:22px auto 10px}.features{justify-content:center;margin-top:22px}.hero-link{gap:24px}.software-demo{margin:15px 0 72px;border:1px solid #3c424c;border-radius:12px;background:#191b20;box-shadow:0 35px 100px #0007,0 0 90px #2680eb0d;overflow:hidden}.demo-heading{display:flex;justify-content:space-between;padding:15px 20px;font-size:10px;letter-spacing:1px;color:#a8b1c0;border-bottom:1px solid #373b43}.demo-heading i{display:inline-block;background:#6eadfb;width:6px;height:6px;border-radius:50%;margin-right:8px;box-shadow:0 0 10px #2680eb}.demo-heading>span+span{font-size:10px;letter-spacing:0;color:#7e8795}.demo-viewport{position:relative;width:100%;overflow:hidden;background:#232323}.demo-viewport iframe{display:block;border:0;width:1440px;height:810px;transform-origin:0 0;pointer-events:none}.demo-controls{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;gap:12px;background:#191b20;border-top:1px solid #353941}.demo-chapters{display:flex;gap:20px}.demo-controls button{background:none;border:0;color:#858e9d;font-size:11px;cursor:pointer;padding:7px 0}.demo-chapters button{border-bottom:2px solid transparent}.demo-chapters button span{margin-left:5px}.demo-chapters button.active{color:#a1caff;border-color:#589ef7}.primary{background:#2680eb;color:#fff}.primary:hover{background:#4094fa}.secondary{background:#252d39;border-color:#465d7b;color:#dceaff}.secondary:hover{background:#303f53}.platform-label select{background:#262b34;border-color:#424d5e}.download{transition:background .2s,transform .2s}.card{transition:border-color .25s}.card:hover{border-color:#5d779b}.installation{padding-top:10px}@media(max-width:640px){.hero{padding:28px 0 24px}.hero h1{font-size:49px;letter-spacing:-2.5px}.hero h1 br{display:block}.demo-heading{padding:11px;font-size:8px}.demo-heading>span+span{font-size:8px}.demo-controls{padding:8px 10px;gap:6px}.demo-chapters{gap:8px}.demo-controls button{font-size:9px}.demo-chapters button span{margin-left:1px}.software-demo{margin-bottom:40px;border-radius:7px}.wrap{padding-left:16px;padding-right:16px}}
.hero h1 br{display:block}.demo-film h2{font-size:25px;letter-spacing:-.8px}
/* Restore the first page's warm charcoal and lime identity around the real editor. */
:root{--bg:#111210;--card:#191a17;--muted:#a3a59b;--lime:#dbfc77;--line:#30322a}.brand>span{background:#2d3221}.primary{background:var(--lime);color:#202519}.primary:hover{background:#e9ffa8}.secondary{background:#272c21;border-color:#6b735b;color:#e4edda}.secondary:hover{background:#36412a}.card:hover{border-color:#697747}.hero{padding:48px 0 44px}.hero h1{font-size:clamp(45px,5.7vw,72px)}.software-demo{box-shadow:0 30px 90px #0006}.automatic-edit{margin:5px 0 64px}.automatic-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:23px}.automatic-heading>p{font-size:12px;color:var(--muted)}.automatic-heading h2{font-size:30px}.automatic-video{background:#080908;border:1px solid #363a2d;border-radius:14px;overflow:hidden;box-shadow:0 28px 70px #0005}.automatic-video video{display:block;width:100%;height:auto;max-height:78vh;object-fit:contain;pointer-events:none}.automatic-video video::-webkit-media-controls{display:none!important}@media(max-width:640px){.automatic-heading{display:block}.automatic-heading h2{font-size:24px}.automatic-heading>p{margin-top:6px}.automatic-edit{margin-bottom:36px}.automatic-video{border-radius:8px}.hero{padding-top:28px}}
/* First fold: copy and the supplied video, without a surrounding frame. */
.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:64px;text-align:left;padding:32px 0 64px}.hero .intro{max-width:560px;margin:0}.hero .lead{max-width:470px;margin:22px 0 10px}.hero .features{justify-content:flex-start}.hero .automatic-video{justify-self:end;width:min(100%,480px,calc((100svh - 160px)*.8));margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible}.hero .automatic-video video{display:block;width:100%;height:auto;aspect-ratio:4/5;max-height:none;object-fit:contain;border:0;border-radius:0}.hero h1{font-size:clamp(44px,5.1vw,68px);letter-spacing:-3px}@media(max-width:850px){.hero{gap:28px}.hero h1{font-size:46px;letter-spacing:-2px}.hero .automatic-video{width:100%}}@media(max-width:640px){.hero{grid-template-columns:1fr;gap:30px;padding:24px 0 42px}.hero h1{font-size:49px}.hero .automatic-video{width:100%;max-width:420px;justify-self:center}.hero .intro{max-width:100%}}