:root{--bg-primary: hsl(249, 38%, 7%);--bg-secondary: hsl(249, 45%, 11%);--bg-card: hsl(249, 37%, 15%);--bg-elevated: hsl(249, 38%, 19%);--bg-active: hsl(249, 38%, 23%);--text-primary: hsl(210, 20%, 98%);--text-body: hsl(220, 13%, 91%);--text-muted: hsl(218, 11%, 65%);--border: hsl(252, 38%, 24%);--border-subtle: hsla(252, 38%, 24%, .5);--brand: hsl(249, 50%, 63%);--brand-vivid: hsl(249, 50%, 53%);--brand-glow: hsla(249, 50%, 53%, .3);--zoom: hsl(217, 92%, 68%);--trim: hsl(0, 91%, 71%);--annotation: hsl(25, 95%, 55%);--audio: hsl(48, 96%, 65%);--webcam: hsl(160, 68%, 53%);--radius: 12px;--radius-lg: 16px;--radius-xl: 24px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", "Consolas", monospace;--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-body);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:7rem 0;position:relative}.section--alt{background:var(--bg-secondary)}.section-header{text-align:center;margin-bottom:4rem}.section-label{display:inline-block;font-size:.6875rem;text-transform:uppercase;letter-spacing:.12em;font-weight:600;color:var(--brand);margin-bottom:1rem}.section-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.15;color:var(--text-primary);letter-spacing:-.02em}.section-desc{color:var(--text-muted);font-size:1.125rem;max-width:560px;margin:1rem auto 0;line-height:1.7}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 2rem;transition:background .3s var(--ease),border-color .3s var(--ease);background:#0d0b1999;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid transparent}.nav--scrolled{background:#0d0b19eb;border-bottom-color:var(--border-subtle)}.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px}.nav-brand{display:flex;align-items:center;gap:.625rem;font-weight:700;font-size:1.0625rem;color:var(--text-primary)}.nav-logo{width:32px;height:32px;border-radius:8px}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{font-size:.875rem;color:var(--text-muted);transition:color .2s var(--ease);font-weight:500}.nav-links a:hover{color:var(--text-primary)}.nav-cta{font-size:.8125rem;font-weight:600;padding:.5rem 1.25rem;border-radius:var(--radius);background:var(--brand-vivid);color:var(--text-primary);transition:all .2s var(--ease);box-shadow:0 2px 8px var(--brand-glow)}.nav-cta:hover{background:#6e5ec9;box-shadow:0 4px 16px var(--brand-glow);transform:translateY(-1px)}.nav-hamburger{display:none;flex-direction:column;gap:5px;padding:4px;cursor:pointer}.nav-hamburger span{display:block;width:22px;height:2px;background:var(--text-muted);border-radius:2px;transition:all .3s var(--ease)}.nav-hamburger--active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-hamburger--active span:nth-child(2){opacity:0}.nav-hamburger--active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:8rem 2rem 4rem}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6}.hero-orb--purple{width:600px;height:600px;background:#5d4bc326;top:-10%;left:50%;transform:translate(-50%);animation:float 20s ease-in-out infinite}.hero-orb--blue{width:400px;height:400px;background:#629cf81a;top:30%;right:-5%;animation:float 25s ease-in-out infinite reverse}.hero-orb--teal{width:350px;height:350px;background:#36d9a214;bottom:10%;left:-5%;animation:float 22s ease-in-out infinite 3s}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(hsla(252,38%,24%,.3) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%)}.hero-content{text-align:center;max-width:720px;position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500;color:var(--text-muted);background:#8071d014;border:1px solid hsla(249,50%,63%,.15);border-radius:100px;padding:.375rem 1rem;margin-bottom:2rem;animation:fadeInUp .8s var(--ease-out) both}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--brand);animation:pulse-dot 2s ease-in-out infinite}.hero-title{font-size:clamp(3rem,8vw,5.5rem);font-weight:800;line-height:1.05;color:var(--text-primary);letter-spacing:-.03em;margin-bottom:1.5rem;animation:fadeInUp .8s var(--ease-out) .1s both}.hero-title--accent{background:linear-gradient(135deg,var(--brand),var(--zoom));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.1875rem;color:var(--text-muted);line-height:1.7;max-width:540px;margin:0 auto 2.5rem;animation:fadeInUp .8s var(--ease-out) .2s both}.hero-cta{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2.5rem;animation:fadeInUp .8s var(--ease-out) .3s both}.btn{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9375rem;border-radius:var(--radius);padding:.8125rem 1.75rem;transition:all .2s var(--ease);white-space:nowrap}.btn svg{width:18px;height:18px;flex-shrink:0}.btn--primary{background:var(--brand-vivid);color:#fff;box-shadow:0 4px 16px var(--brand-glow),0 0 0 1px #5d4bc333}.btn--primary:hover{background:#6e5ec9;box-shadow:0 6px 24px #5d4bc366,0 0 0 1px #5d4bc34d;transform:translateY(-2px)}.btn--secondary{background:#1c1834cc;color:var(--text-body);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn--secondary:hover{background:var(--bg-elevated);border-color:var(--border);transform:translateY(-1px)}.btn--lg{padding:1rem 2rem;font-size:1rem;border-radius:var(--radius-lg)}.hero-tech{display:flex;align-items:center;justify-content:center;gap:.625rem;flex-wrap:wrap;animation:fadeInUp .8s var(--ease-out) .4s both}.tech-badge{font-size:.6875rem;font-weight:500;color:var(--text-muted);padding:.25rem .75rem;border-radius:100px;border:1px solid hsla(252,38%,24%,.4);background:#1c183466}.hero-visual{position:relative;width:100%;max-width:900px;margin-top:4rem;z-index:2;animation:fadeInUp 1s var(--ease-out) .5s both}.hero-mockup{background:linear-gradient(135deg,#1c1834f2,#0d0b19fa);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 25px 60px #00000080,0 0 0 1px #2f26544d,0 0 80px #5d4bc314}.mockup-titlebar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#0d0b1999;border-bottom:1px solid var(--border-subtle)}.mockup-dots{display:flex;gap:6px}.mockup-dots span{width:10px;height:10px;border-radius:50%}.mockup-dots span:nth-child(1){background:#ff5f57}.mockup-dots span:nth-child(2){background:#ffbd2e}.mockup-dots span:nth-child(3){background:#28c840}.mockup-title{font-size:.75rem;color:var(--text-muted);font-weight:500}.mockup-body{display:flex;gap:1px;min-height:280px}.mockup-preview{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5d4bc314,#629cf80f);position:relative}.mockup-play-btn{width:56px;height:56px;border-radius:50%;background:#8071d033;border:2px solid hsla(249,50%,63%,.4);display:flex;align-items:center;justify-content:center}.mockup-play-btn:after{content:"";display:block;width:0;height:0;border-style:solid;border-width:10px 0 10px 18px;border-color:transparent transparent transparent var(--brand);margin-left:3px}.mockup-sidebar{width:200px;padding:1rem;background:#0d0b1966;border-left:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:.75rem}.mockup-control{height:32px;border-radius:8px;background:#2f26544d;border:1px solid hsla(252,38%,24%,.2)}.mockup-control:first-child{height:48px;background:#8071d01a;border-color:#8071d033}.mockup-timeline{padding:.75rem 1rem;display:flex;flex-direction:column;gap:4px;background:#0d0b1966;border-top:1px solid var(--border-subtle)}.mockup-track{height:20px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mockup-track--zoom{background:#629cf826;border:1px solid hsla(217,92%,68%,.3);width:60%;margin-left:10%}.mockup-track--trim{background:#f8727226;border:1px solid hsla(0,91%,71%,.3);width:15%;margin-left:40%}.mockup-track--annotation{background:#f97a1f26;border:1px solid hsla(25,95%,55%,.3);width:35%;margin-left:20%}.mockup-track--audio{background:#fbd95026;border:1px solid hsla(48,96%,65%,.3);width:90%;margin-left:0}.hero-float{position:absolute;font-size:.75rem;font-weight:600;color:var(--text-primary);padding:.5rem 1rem;border-radius:100px;background:#1c1834cc;border:1px solid var(--border-subtle);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 16px #0000004d;white-space:nowrap;display:flex;align-items:center;gap:.375rem}.hero-float--1{top:15%;right:-3%;animation:float-gentle 6s ease-in-out infinite}.hero-float--2{bottom:30%;left:-4%;animation:float-gentle 7s ease-in-out infinite 1s}.hero-float--3{bottom:10%;right:5%;animation:float-gentle 5s ease-in-out infinite 2s}.hero-float svg{width:14px;height:14px}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.bento-card{background:linear-gradient(135deg,#1c1834b3,#0d0b1980);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.75rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .3s var(--ease);position:relative;overflow:hidden}.bento-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);opacity:0;transition:opacity .3s var(--ease);background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),hsla(249,50%,63%,.06),transparent 60%);pointer-events:none}.bento-card:hover{border-color:#2f2654cc;transform:translateY(-3px);box-shadow:0 8px 32px #5d4bc314}.bento-card:hover:before{opacity:1}.bento-card--lg{grid-column:span 2;grid-row:span 2;padding:2.25rem}.bento-card--wide{grid-column:span 2}.bento-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.bento-icon svg{width:22px;height:22px}.bento-icon--purple{background:#8071d026;color:var(--brand);border:1px solid hsla(249,50%,63%,.2)}.bento-icon--blue{background:#629cf826;color:var(--zoom);border:1px solid hsla(217,92%,68%,.2)}.bento-icon--orange{background:#f97a1f26;color:var(--annotation);border:1px solid hsla(25,95%,55%,.2)}.bento-icon--red{background:#f8727226;color:var(--trim);border:1px solid hsla(0,91%,71%,.2)}.bento-icon--teal{background:#36d9a226;color:var(--webcam);border:1px solid hsla(160,68%,53%,.2)}.bento-icon--yellow{background:#fbd95026;color:var(--audio);border:1px solid hsla(48,96%,65%,.2)}.bento-card h3{font-size:1.125rem;font-weight:650;color:var(--text-primary);margin-bottom:.5rem}.bento-card p{font-size:.875rem;color:var(--text-muted);line-height:1.6}.bento-visual{margin-top:1.5rem;display:flex;gap:.5rem;flex-wrap:wrap}.res-badge{font-size:.6875rem;font-weight:600;padding:.3rem .75rem;border-radius:100px;border:1px solid}.res-badge--4k{color:var(--brand);border-color:#8071d04d;background:#8071d01a}.res-badge--60fps{color:var(--zoom);border-color:#629cf84d;background:#629cf81a}.res-badge--hw{color:var(--webcam);border-color:#36d9a24d;background:#36d9a21a}.recording-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.recording-content .section-title,.recording-content .section-label{text-align:left}.feature-list{display:flex;flex-direction:column;gap:0;margin-top:2rem}.feature-item{display:flex;align-items:flex-start;gap:.875rem;padding:.875rem 0;border-bottom:1px solid hsla(252,38%,24%,.3)}.feature-item:last-child{border-bottom:none}.feature-check{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:#36d9a226;border:1px solid hsla(160,68%,53%,.3);display:flex;align-items:center;justify-content:center;margin-top:2px;color:var(--webcam)}.feature-check svg{width:12px;height:12px}.feature-item strong{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);line-height:1.4}.feature-item span{font-size:.8125rem;color:var(--text-muted)}.recording-visual{position:relative}.source-mockup{background:linear-gradient(135deg,#1a1632eb,#0d0b1ae0);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-radius:14px;box-shadow:0 4px 16px #00000052,0 1px 3px #0000002e inset;border:1px solid rgba(45,37,83,.18);padding:1.5rem}.source-mockup-header{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.source-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.source-card{border-radius:10px;background:linear-gradient(120deg,#1a1632fa,#13102af5);border:1px solid rgba(45,37,83,.22);box-shadow:0 2px 8px #0000002e;padding:.75rem;transition:all .2s var(--ease);cursor:default}.source-card--selected{border:2px solid var(--brand);background:linear-gradient(120deg,#8071d02e,#1a1632fa);box-shadow:0 0 0 2px #8071d033}.source-thumb{height:80px;border-radius:6px;background:linear-gradient(135deg,#241e43cc,#0d0b1999);margin-bottom:.5rem;overflow:hidden;position:relative}.source-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#5d4bc30d,#629cf80d)}.source-card span{font-size:.75rem;color:var(--text-muted);font-weight:500}.source-card--selected span{color:var(--text-primary)}.codec-badges{display:flex;gap:.5rem;margin-top:1rem;justify-content:center}.codec-badge{font-size:.6875rem;font-weight:700;font-family:var(--font-mono);padding:.3rem .75rem;border-radius:100px;background:#1c1834cc;border:1px solid var(--border-subtle);color:var(--brand);letter-spacing:.02em}.editor-tabs{max-width:1000px;margin:0 auto}.editor-tab-nav{display:flex;gap:.5rem;justify-content:center;margin-bottom:2.5rem;flex-wrap:wrap}.tab-btn{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500;color:var(--text-muted);padding:.5rem 1.125rem;border-radius:100px;border:1px solid transparent;transition:all .2s var(--ease)}.tab-btn:hover{color:var(--text-body);background:#1c183480}.tab-btn--active{color:var(--text-primary);background:#8071d01a;border-color:#8071d040}.tab-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tab-dot--blue{background:var(--zoom)}.tab-dot--orange{background:var(--annotation)}.tab-dot--red{background:var(--trim)}.tab-dot--purple{background:var(--brand)}.tab-dot--teal{background:var(--webcam)}.tab-panel{display:none;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;background:linear-gradient(135deg,#1c183480,#0d0b194d);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:2.5rem}.tab-panel--active{display:grid;animation:fadeIn .4s var(--ease-out)}.tab-panel h3{font-size:1.375rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.tab-panel p{color:var(--text-muted);font-size:.9375rem;line-height:1.7;margin-bottom:1.5rem}.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.spec{text-align:center;padding:1rem .5rem;border-radius:var(--radius);background:#0d0b1980;border:1px solid hsla(252,38%,24%,.3)}.spec-value{display:block;font-size:1.375rem;font-weight:700;color:var(--brand);margin-bottom:.25rem;font-family:var(--font-mono)}.spec-label{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.tab-visual{aspect-ratio:4/3;border-radius:var(--radius);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.tab-visual--zoom{background:linear-gradient(135deg,#629cf814,#0d0b1999);border:1px solid hsla(217,92%,68%,.2)}.tab-visual--annotations{background:linear-gradient(135deg,#f97a1f14,#0d0b1999);border:1px solid hsla(25,95%,55%,.2)}.tab-visual--crop{background:linear-gradient(135deg,#f8727214,#0d0b1999);border:1px solid hsla(0,91%,71%,.2)}.tab-visual--effects{background:linear-gradient(135deg,#8071d014,#0d0b1999);border:1px solid hsla(249,50%,63%,.2)}.tab-visual--cursor{background:linear-gradient(135deg,#36d9a214,#0d0b1999);border:1px solid hsla(160,68%,53%,.2)}.zoom-visual-inner{width:70%;height:70%;position:relative}.zoom-circle{position:absolute;width:120px;height:120px;border-radius:50%;border:2px solid var(--zoom);top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #629cf833}.zoom-circle:after{content:"1.8x";position:absolute;bottom:-24px;left:50%;transform:translate(-50%);font-size:.6875rem;font-weight:700;color:var(--zoom);font-family:var(--font-mono)}.zoom-lines{position:absolute;top:0;right:0;bottom:0;left:0}.zoom-lines span{position:absolute;background:#629cf826;border-radius:2px}.zoom-lines span:nth-child(1){top:20%;left:10%;width:40%;height:4px}.zoom-lines span:nth-child(2){top:35%;left:15%;width:50%;height:4px}.zoom-lines span:nth-child(3){top:50%;left:8%;width:35%;height:4px}.zoom-lines span:nth-child(4){top:65%;left:20%;width:45%;height:4px}.annotation-demo{display:flex;flex-direction:column;gap:1rem;width:80%}.annotation-text-demo{padding:.75rem 1rem;background:#f97a1f1f;border:1px solid hsla(25,95%,55%,.3);border-radius:8px;font-size:.8125rem;color:var(--text-primary);font-weight:600}.annotation-arrow-demo{display:flex;align-items:center;gap:.5rem;color:var(--webcam)}.annotation-arrow-demo svg{width:80px;height:24px}.annotation-img-demo{width:60px;height:60px;border-radius:8px;background:#f97a1f14;border:1px solid hsla(25,95%,55%,.2);display:flex;align-items:center;justify-content:center}.timeline-showcase{max-width:900px;margin:0 auto 3rem;background:linear-gradient(135deg,#1c183499,#0d0b1966);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem;position:relative;overflow:hidden}.tl-ruler{display:flex;justify-content:space-between;padding-bottom:.75rem;border-bottom:1px solid hsla(252,38%,24%,.3);margin-bottom:.75rem}.tl-ruler span{font-size:.625rem;color:var(--text-muted);font-family:var(--font-mono);font-weight:500}.tl-tracks{display:flex;flex-direction:column;gap:6px}.tl-track{display:flex;align-items:center;gap:.75rem;height:32px}.tl-label{flex-shrink:0;width:80px;font-size:.6875rem;font-weight:600;color:var(--text-muted);text-align:right}.tl-items{flex:1;position:relative;height:100%}.tl-item{position:absolute;top:2px;bottom:2px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;padding:0 .5rem;font-size:.625rem;font-weight:600;color:var(--text-primary);overflow:hidden;transition:all .2s var(--ease)}.tl-item--zoom{background:#629cf826;border:1px solid hsla(217,92%,68%,.3)}.tl-item--trim{background:#f8727226;border:1px solid hsla(0,91%,71%,.3)}.tl-item--annotation{background:#f97a1f26;border:1px solid hsla(25,95%,55%,.3)}.tl-item--webcam{background:#36d9a226;border:1px solid hsla(160,68%,53%,.3)}.tl-item--audio{background:#fbd95026;border:1px solid hsla(48,96%,65%,.3)}.tl-waveform{display:flex;align-items:center;gap:2px;height:100%;width:100%}.tl-waveform span{flex:1;background:#fbd95066;border-radius:1px;min-width:2px}.tl-playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--brand);left:35%;z-index:5;pointer-events:none;box-shadow:0 0 8px #8071d066}.tl-playhead:before{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:10px;height:10px;background:var(--brand);border-radius:50%}.timeline-showcase.in-view .tl-playhead{animation:playhead-move 8s linear infinite}.timeline-features{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:900px;margin:0 auto}.tl-feature{display:flex;align-items:center;gap:.625rem;font-size:.8125rem;font-weight:500;color:var(--text-body);padding:1rem;border-radius:var(--radius);background:#1c183466;border:1px solid hsla(252,38%,24%,.3);transition:all .2s var(--ease)}.tl-feature:hover{border-color:var(--border);background:#1c183499}.tl-feature svg{width:18px;height:18px;flex-shrink:0;color:var(--brand)}.pipeline{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:3rem}.pipeline-stage{flex:1;max-width:220px;text-align:center;padding:2rem 1.5rem;background:linear-gradient(135deg,#1c183499,#0d0b1966);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all .3s var(--ease)}.pipeline-stage:hover{border-color:var(--border);transform:translateY(-2px)}.pipeline-icon{width:48px;height:48px;margin:0 auto 1rem;border-radius:12px;background:#8071d01f;border:1px solid hsla(249,50%,63%,.2);display:flex;align-items:center;justify-content:center;color:var(--brand)}.pipeline-icon svg{width:24px;height:24px}.pipeline-stage h4{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:.375rem}.pipeline-stage p{font-size:.75rem;color:var(--text-muted);line-height:1.5}.pipeline-arrow{width:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--border)}.pipeline-arrow svg{width:24px;height:24px}.export-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:900px;margin:0 auto}.export-spec-card{text-align:center;padding:1.5rem 1rem;border-radius:var(--radius);background:#1c183466;border:1px solid hsla(252,38%,24%,.3)}.export-spec-value{display:block;font-size:.9375rem;font-weight:700;color:var(--brand);margin-bottom:.375rem;font-family:var(--font-mono)}.export-spec-label{font-size:.6875rem;color:var(--text-muted)}.shortcuts-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.shortcuts-content .section-title,.shortcuts-content .section-label{text-align:left}.shortcuts-content p{color:var(--text-muted);font-size:1rem;margin-top:1rem;margin-bottom:1.5rem;line-height:1.7}.shortcut-list{background:linear-gradient(135deg,#1c1834b3,#0d0b1980);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:.625rem 0;border-bottom:1px solid hsla(252,38%,24%,.25)}.shortcut-row:last-child{border-bottom:none}.shortcut-action{font-size:.8125rem;color:var(--text-body);font-weight:500}.shortcut-keys{display:flex;align-items:center;gap:.25rem}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:26px;padding:0 .5rem;font-family:var(--font-mono);font-size:.6875rem;font-weight:600;color:var(--brand);background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;box-shadow:0 1px 2px #0003}.shortcut-plus{font-size:.625rem;color:var(--text-muted);margin:0 .125rem}.footer{padding:5rem 0 2rem}.footer-cta{text-align:center;padding:4rem 3rem;background:linear-gradient(135deg,#1c183499,#0d0b19cc);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);margin-bottom:3rem;position:relative;overflow:hidden}.footer-cta:before{content:"";position:absolute;top:-50%;left:50%;transform:translate(-50%);width:500px;height:500px;border-radius:50%;background:#5d4bc314;filter:blur(80px);pointer-events:none}.footer-logo{width:64px;height:64px;border-radius:16px;margin:0 auto 2rem;position:relative}.footer-cta .section-title{margin-bottom:1rem;position:relative}.footer-cta .section-desc{margin-bottom:2.5rem;position:relative}.coming-soon-badge{display:inline-block;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--brand);background:#8071d01a;border:1px solid hsla(249,50%,63%,.25);border-radius:100px;padding:.375rem 1.125rem;margin-bottom:1.5rem;position:relative}.notify-form{display:flex;gap:.75rem;max-width:480px;margin:0 auto 2rem;position:relative}.notify-input{flex:1;padding:.8125rem 1.25rem;font-size:.9375rem;font-family:var(--font);color:var(--text-primary);background:#0d0b1999;border:1px solid var(--border-subtle);border-radius:var(--radius);outline:none;transition:all .2s var(--ease)}.notify-input::-moz-placeholder{color:var(--text-muted)}.notify-input::placeholder{color:var(--text-muted)}.notify-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #8071d026}.platform-tags{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;position:relative}.platform-tag{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;color:var(--text-muted);padding:.3rem .75rem;border-radius:100px;border:1px solid hsla(252,38%,24%,.4);background:#1c18344d}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:2rem;border-top:1px solid hsla(252,38%,24%,.3);font-size:.8125rem;color:var(--text-muted)}.footer-links{display:flex;gap:1.5rem}.footer-links a:hover{color:var(--text-body)}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}[data-reveal].revealed{opacity:1;transform:translateY(0)}[data-reveal-stagger]>[data-reveal]:nth-child(1){transition-delay:0s}[data-reveal-stagger]>[data-reveal]:nth-child(2){transition-delay:.08s}[data-reveal-stagger]>[data-reveal]:nth-child(3){transition-delay:.16s}[data-reveal-stagger]>[data-reveal]:nth-child(4){transition-delay:.24s}[data-reveal-stagger]>[data-reveal]:nth-child(5){transition-delay:.32s}[data-reveal-stagger]>[data-reveal]:nth-child(6){transition-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-15px) scale(1.05)}66%{transform:translate(-10px,10px) scale(.97)}}@keyframes float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes playhead-move{0%{left:5%}to{left:90%}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[data-reveal]{opacity:1;transform:none}}@media (max-width: 1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-card--lg{grid-row:span 1}.export-specs{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.nav-links{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;background:#0d0b19f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);padding:1rem 2rem;gap:.75rem}.nav-links--open,.nav-hamburger{display:flex}.hero{padding:6rem 1.5rem 3rem;min-height:auto}.hero-title{font-size:clamp(2.5rem,10vw,4rem)}.hero-cta{flex-direction:column;align-items:stretch}.btn{justify-content:center}.hero-mockup .mockup-sidebar,.hero-float{display:none}.bento-grid{grid-template-columns:1fr}.bento-card--lg,.bento-card--wide{grid-column:span 1}.recording-layout{grid-template-columns:1fr;gap:2.5rem}.recording-content .section-title,.recording-content .section-label,.shortcuts-content .section-title,.shortcuts-content .section-label{text-align:center}.tab-panel{grid-template-columns:1fr;gap:2rem}.spec-grid{grid-template-columns:repeat(3,1fr)}.pipeline{flex-direction:column;gap:0}.pipeline-arrow{transform:rotate(90deg);width:auto;height:32px}.pipeline-stage{max-width:100%;width:100%}.timeline-features{grid-template-columns:repeat(2,1fr)}.shortcuts-layout{grid-template-columns:1fr;gap:2.5rem}.shortcuts-content p{text-align:center}.footer-cta{padding:3rem 1.5rem}.notify-form{flex-direction:column}.notify-form .btn{justify-content:center}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.section{padding:5rem 0}}@media (max-width: 480px){.container{padding:0 1rem}.section{padding:4rem 0}.hero-title{font-size:2.25rem}.editor-tab-nav{gap:.375rem}.tab-btn{font-size:.75rem;padding:.375rem .75rem}.export-specs,.timeline-features{grid-template-columns:1fr}.mockup-body{min-height:180px}}.legal-page{min-height:100vh;padding-top:8rem;padding-bottom:4rem}.legal-content{max-width:720px;margin:0 auto}.legal-content h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.legal-content .legal-subtitle{color:var(--text-muted);font-size:.875rem;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border-subtle)}.legal-content h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-top:2.5rem;margin-bottom:1rem}.legal-content h3{font-size:1.0625rem;font-weight:600;color:var(--text-secondary);margin-top:1.75rem;margin-bottom:.75rem}.legal-content p{color:var(--text-secondary);font-size:.9375rem;line-height:1.75;margin-bottom:1rem}.legal-content a{color:var(--brand);text-decoration:none;transition:color .2s var(--ease)}.legal-content a:hover{color:var(--brand-vivid)}.legal-back{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.875rem;text-decoration:none;margin-bottom:2rem;transition:color .2s var(--ease)}.legal-back:hover{color:var(--text-primary)}.legal-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border-subtle);text-align:center}.legal-footer span{color:var(--text-muted);font-size:.8125rem}.legal-footer a{color:var(--text-muted);text-decoration:none;margin-left:1.5rem;font-size:.8125rem;transition:color .2s var(--ease)}.legal-footer a:hover{color:var(--text-primary)}