.hero{position:relative;padding-top:calc(var(--header-h) + clamp(56px,10vh,104px));overflow:clip}.hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}.announce{display:inline-flex;align-items:center;gap:10px;padding:5px 12px 5px 5px;border:1px solid var(--line-2);border-radius:999px;background:#ffffff08;color:var(--ink-2);font-size:13.5px;text-decoration:none;transition:border-color .25s,background-color .25s}.announce:hover{border-color:#5ddcff66;background:#5ddcff0f}.announce-tag{padding:4px 9px;border-radius:999px;background:var(--aqua-soft);color:var(--aqua);font:600 11px/1 var(--font);letter-spacing:.06em;text-transform:uppercase}.announce .icon{width:14px;height:14px;color:var(--muted);transition:transform .25s var(--ease)}.announce:hover .icon{transform:translate(2px)}.hero h1{margin:28px 0 0;font-size:clamp(46px,7.6vw,108px);font-weight:600;line-height:.95;letter-spacing:-.05em}.hero-lede{max-width:640px;margin:26px 0 0;color:var(--muted);font-size:clamp(17px,1.35vw,19px);line-height:1.6;text-wrap:pretty}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px}.hero-facts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:26px 0 0;padding:0;list-style:none;color:var(--muted);font:400 14px/1.4 var(--font);letter-spacing:-.005em}.hero-facts li{display:flex;align-items:center;gap:6px}.hero-facts li+li:before{content:"";width:3px;height:3px;margin-right:16px;border-radius:50%;background:var(--dim)}.hero-facts b{color:var(--ink-2);font-weight:600}.hero-stage{position:relative;margin-top:clamp(88px,12vh,128px);padding-bottom:clamp(64px,7vw,96px)}.planet{position:absolute;z-index:0;mix-blend-mode:screen;left:0;right:0;top:-260px;height:calc(260px + clamp(420px,52vw,640px));mask-image:linear-gradient(180deg,#000 70%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent)}.planet canvas{width:100%!important;height:100%!important;opacity:0;transition:opacity 1.4s var(--ease);touch-action:pan-y}.planet.is-ready canvas{opacity:1}.planet:before{content:"";position:absolute;left:50%;top:190px;width:max(160%,1500px);aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,#041a4d 86%,#0a4fb0 94%,#56c8ff 98.6%,rgba(160,230,255,.9) 99.4%,transparent 100%);box-shadow:0 0 60px 8px #2896ff59,0 0 180px 40px #146ee638;transition:opacity 1.4s var(--ease)}.planet.is-ready:before{opacity:0}.demo{position:relative;z-index:1;width:min(1180px,calc(100% - 2 * var(--gutter)));margin:0 auto;animation:demo-rise 1.1s var(--ease-out) .35s both}.demo-window{position:relative;overflow:hidden;border:1px solid var(--line-2);border-radius:16px;background:linear-gradient(180deg,#0e141ff7,#070a11fa);box-shadow:0 0 0 1px #00000080,0 50px 120px -30px #000000f2,0 0 90px -24px #2aa9ff73;font-size:13px;-webkit-user-select:none;user-select:none}.demo-window:before{content:"";position:absolute;z-index:3;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(160,230,255,.7),transparent)}.demo-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;height:42px;padding:0 14px;border-bottom:1px solid var(--line);background:#ffffff04}.demo-lights{display:flex;gap:7px}.demo-lights i{width:11px;height:11px;border-radius:50%;background:#ffffff1f}.demo-crumbs{display:flex;gap:8px;color:var(--muted);font-size:12.5px;white-space:nowrap}.demo-crumbs b{color:var(--ink-2);font-weight:500}.demo-crumbs span{color:var(--dim)}.demo-status{justify-self:end;display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border:1px solid rgba(93,220,255,.25);border-radius:999px;background:#5ddcff14;color:var(--aqua);font:500 12px/1 var(--font);font-variant-numeric:tabular-nums;white-space:nowrap}.demo-status i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;animation:pulse 1.4s infinite}.demo.is-exported .demo-status{border-color:#5fe3a14d;background:#5fe3a114;color:var(--green)}.demo.is-exported .demo-status i{animation:none}.demo-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;border-bottom:1px solid var(--line)}.demo-monitor{min-width:0;padding:14px 16px 12px}.demo-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:var(--dim);font:600 10.5px/1 var(--font);font-variant-numeric:tabular-nums;letter-spacing:.06em;text-transform:uppercase}.demo-head span{display:inline-flex;align-items:center;gap:7px}.demo-head .icon{width:12px;height:12px;color:var(--violet)}.demo-head .tc{color:var(--aqua);letter-spacing:.06em}.demo-transport{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;color:var(--dim);font:500 11.5px/1 var(--font);font-variant-numeric:tabular-nums}.transport-buttons{display:flex;align-items:center;gap:12px}.transport-buttons svg{width:13px;height:13px;color:var(--muted)}.transport-buttons .is-play{width:22px;height:22px;padding:5px;border-radius:50%;background:#ffffff14;color:var(--ink)}.transport-times{display:flex;align-items:center;gap:10px}.transport-times b{color:var(--ink-2);font-weight:500}.transport-times .icon{width:12px;height:12px;color:var(--aqua)}@property --sky1{syntax: "<color>"; inherits: true; initial-value: #0b1220;}@property --sky2{syntax: "<color>"; inherits: true; initial-value: #111a2b;}@property --sun{syntax: "<color>"; inherits: true; initial-value: #3a4a66;}@property --land1{syntax: "<color>"; inherits: true; initial-value: #121a2a;}@property --land2{syntax: "<color>"; inherits: true; initial-value: #0a101c;}@property --grid{syntax: "<color>"; inherits: true; initial-value: rgba(93,220,255,.18);}.demo-screen{--sky1: #0b1220;--sky2: #111a2b;--sun: #3a4a66;--land1: #121a2a;--land2: #0a101c;--grid: rgba(93, 220, 255, .18);position:relative;overflow:hidden;aspect-ratio:16 / 9;border:1px solid var(--line);border-radius:10px;background:#05070c;transition:--sky1 .45s,--sky2 .45s,--sun .45s,--land1 .45s,--land2 .45s,--grid .45s}.demo-screen[data-scene="0"]{--sky1: #1b1242;--sky2: #6c3f90;--sun: #ffa266;--land1: #3b2462;--land2: #1a1034;--grid: rgba(255, 162, 102, .4)}.demo-screen[data-scene="1"]{--sky1: #071f2a;--sky2: #1f5463;--sun: #ff6b76;--land1: #0f3140;--land2: #061720;--grid: rgba(255, 107, 118, .35)}.demo-screen[data-scene="2"]{--sky1: #22091d;--sky2: #7a1f52;--sun: #ff5fa0;--land1: #40103a;--land2: #1c0619;--grid: rgba(255, 95, 160, .4)}.demo-screen[data-scene="3"]{--sky1: #080d1d;--sky2: #26304f;--sun: #8fa3cc;--land1: #171e38;--land2: #0a0e1f;--grid: rgba(143, 163, 204, .3)}.demo-screen[data-scene="4"]{--sky1: #021526;--sky2: #0b5f93;--sun: #7de6ff;--land1: #073352;--land2: #021a2c;--grid: rgba(125, 230, 255, .45)}.demo-screen[data-scene="5"]{--sky1: #221307;--sky2: #b25a1d;--sun: #ffd76e;--land1: #452410;--land2: #1f1006;--grid: rgba(255, 215, 110, .42)}.scene-art{position:absolute;inset:0;background:linear-gradient(180deg,var(--sky1) 0%,var(--sky2) 64%);transform:scale(var(--zoom, 1));transform-origin:50% 62%}.scene-sun{position:absolute;left:58%;top:22%;width:26%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--sun) 0 22%,color-mix(in srgb,var(--sun) 35%,transparent) 38%,transparent 68%)}.scene-land{position:absolute;inset:0;width:100%;height:100%}.land-far{fill:var(--land1)}.land-near{fill:var(--land2)}.scene-floor{position:absolute;left:-30%;right:-30%;bottom:0;height:36%;background:repeating-linear-gradient(90deg,var(--grid) 0 1px,transparent 1px 7%),repeating-linear-gradient(0deg,var(--grid) 0 1px,transparent 1px 20%);transform:perspective(160px) rotateX(58deg);transform-origin:50% 100%;mask-image:linear-gradient(0deg,#000 10%,transparent 90%);-webkit-mask-image:linear-gradient(0deg,#000 10%,transparent 90%)}.scene-hud,.scene-cam,.scene-idle{transition:opacity .4s}.scene-hud{position:absolute;inset:0}.hud-map{position:absolute;left:3.5%;top:7%;width:8.5%;aspect-ratio:1;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:#00000047}.hud-map i{position:absolute;left:46%;top:44%;width:12%;aspect-ratio:1;border-radius:50%;background:var(--aqua);box-shadow:0 0 6px var(--aqua)}.hud-feed{position:absolute;right:3.5%;top:7%;display:grid;justify-items:end;gap:5px;width:20%}.hud-feed i{height:5px;width:100%;border-radius:2px;background:#fff6}.hud-feed i:nth-child(2){width:72%}.hud-feed i:nth-child(3){width:84%;background:#ff6b7699}.hud-cross{position:absolute;left:50%;top:50%;width:20px;height:20px;transform:translate(-50%,-50%);background:linear-gradient(#fffc,#fffc) center / 2px 7px no-repeat,linear-gradient(#fffc,#fffc) center / 7px 2px no-repeat;opacity:.8}.hud-bars{position:absolute;left:3.5%;bottom:8%;display:grid;gap:5px;width:20%}.hud-bars i{height:5px;border-radius:3px;background:linear-gradient(90deg,#5fe3a1 0 72%,#ffffff24 72%)}.hud-bars i+i{width:70%;background:linear-gradient(90deg,var(--aqua) 0 55%,rgba(255,255,255,.14) 55%)}.scene-cam{position:absolute;right:3.5%;bottom:7%;width:17%;aspect-ratio:4 / 3;border:1.5px solid rgba(255,255,255,.3);border-radius:8px;background:radial-gradient(circle at 50% 40%,#a9c1e4 0 13%,transparent 13.5%),radial-gradient(ellipse 36% 30% at 50% 100%,#3e5476 0 98%,transparent 100%),linear-gradient(180deg,#1b2537,#0c121e);box-shadow:0 8px 24px #00000080}.scene-cam i{position:absolute;left:8%;top:10%;width:7px;height:7px;border-radius:50%;background:var(--rec);box-shadow:0 0 6px var(--rec)}.scene-idle{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;opacity:0;background:radial-gradient(circle at 50% 50%,#101829,#06090f 72%)}.scene-idle span{color:var(--dim);font:600 11px/1 var(--font);letter-spacing:.06em;text-transform:uppercase}.scene-idle i{position:relative;overflow:hidden;width:120px;height:3px;border-radius:2px;background:#ffffff14}.scene-idle i:after{content:"";position:absolute;inset:0 70% 0 0;background:var(--muted);animation:loading-bar 1.6s ease-in-out infinite}.demo-screen[data-scene=idle] .scene-idle{opacity:1}.demo-screen[data-scene=idle] .scene-hud,.demo-screen[data-scene=idle] .scene-cam{opacity:0}.scene-chip{position:absolute;z-index:2;left:12px;top:12px;display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#04060bb8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--ink);font-size:12px;font-weight:500;white-space:nowrap}.scene-chip b{padding:3px 6px;border-radius:5px;background:#ff5b6b29;color:#ff8d98;font:600 10px/1 var(--font);letter-spacing:.06em;text-transform:uppercase}.scene-chip.is-keep b{background:#5ddcff29;color:var(--aqua)}.scene-chip.is-cut b{background:#a594ff2e;color:var(--violet)}.demo-toast{position:absolute;z-index:3;left:50%;bottom:14px;display:flex;align-items:center;gap:12px;padding:9px 10px 9px 9px;border:1px solid rgba(95,227,161,.3);border-radius:12px;background:#070c14e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 20px 50px -12px #000c;opacity:0;transform:translate(-50%,12px) scale(.98);transition:opacity .45s var(--ease-out),transform .45s var(--ease-out);white-space:nowrap}.demo.is-exported .demo-toast{opacity:1;transform:translate(-50%)}.toast-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#5fe3a124;color:var(--green)}.toast-copy{display:grid;gap:3px}.toast-copy strong{font-size:13px;font-weight:600}.toast-copy span{color:var(--muted);font:400 11.5px/1 var(--font)}.toast-apps{display:flex;gap:6px;margin-left:6px}.toast-apps i{padding:5px 8px;border:1px solid var(--line-2);border-radius:6px;color:var(--ink-2);font:500 11px/1 var(--font);font-style:normal}.demo-director{display:flex;flex-direction:column;gap:14px;min-width:0;padding:14px 16px;border-left:1px solid var(--line);background:#ffffff03}.demo-director .demo-head{margin-bottom:0}.demo-head-sub{margin-top:4px;padding-top:14px;border-top:1px solid var(--line)}.director-field>span{display:block;margin-bottom:6px;color:var(--dim);font:600 10px/1 var(--font);letter-spacing:.06em;text-transform:uppercase}.director-field strong{color:var(--ink);font-size:13.5px;font-weight:500}.director-field p{margin:0;color:var(--ink-2);font-size:12.5px;line-height:1.5}.director-chips{display:flex;gap:6px}.director-chips i{padding:4px 8px;border:1px solid var(--line-2);border-radius:6px;color:var(--muted);font:500 11.5px/1.2 var(--font);font-style:normal}.director-chips .is-on{border-color:#5ddcff80;background:#5ddcff14;color:var(--aqua)}.director-log{display:grid;gap:9px;margin:0;padding:0;list-style:none}.director-log li{display:flex;align-items:flex-start;gap:9px;color:var(--muted);font-size:12.5px;line-height:1.35;opacity:0;transform:translateY(4px);transition:opacity .35s,transform .35s var(--ease-out),color .3s}.director-log li.is-active,.director-log li.is-done{opacity:1;transform:none}.director-log li.is-done{color:var(--ink-2)}.director-log i{position:relative;flex:none;width:14px;height:14px;margin-top:1px;border:1.5px solid var(--line-3);border-radius:50%}.director-log li.is-active i{border-color:var(--aqua);border-top-color:transparent;animation:spin .8s linear infinite}.director-log li.is-done i{border-color:var(--aqua);background:var(--aqua)}.director-log li.is-done i:after{content:"";position:absolute;left:3.5px;top:1.5px;width:3px;height:6px;border:solid #031019;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.director-output{display:grid;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}.director-apps{display:flex;gap:6px}.director-apps i{padding:5px 8px;border:1px solid var(--line-2);border-radius:6px;color:var(--ink-2);font-size:11.5px;font-style:normal}.director-credit{margin:0;color:var(--dim);font:400 11.5px/1.4 var(--font)}.demo-timeline{display:grid;gap:7px;padding:10px 16px 16px;background:#0003}.tl-row{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px}.tl-label{color:var(--dim);font:600 10px/1 var(--font);letter-spacing:.06em;text-transform:uppercase}.tl-ruler{display:flex;justify-content:space-between;padding:0 0 6px;color:var(--dim);font:500 10px/1 var(--font);font-variant-numeric:tabular-nums;background:repeating-linear-gradient(90deg,var(--line-2) 0 1px,transparent 1px calc(100% / 24)) bottom / 100% 4px no-repeat}.tl-lane{position:relative;height:30px;border:1px solid var(--line);border-radius:6px;background:#ffffff05}.lane-raw{height:34px}.lane-scenes{position:absolute;inset:0;width:100%;height:100%;border-radius:5px}.lane-scenes rect{fill:#94beff12}.lane-scenes rect:nth-child(3n){fill:#94beff1c}.seg{position:absolute;top:3px;bottom:3px;left:calc(var(--l) * 1%);width:calc(var(--w) * 1%);border:1px solid rgba(93,220,255,.3);border-radius:4px;background:#5ddcff1a;transition:background-color .3s,box-shadow .3s,border-color .3s}.seg.is-active,.seg.is-done{border-color:#a0ebffe6;background:linear-gradient(180deg,#78e1ffe6,#2aa9ffb3);box-shadow:0 0 18px #5ddcff59}.lane-audio{overflow:hidden}.lane-wave{width:100%;height:100%}.lane-wave .wave-base{stroke:#94beff38}.lane-wave .wave-kept{stroke:#6fdcff}.lane-beats{height:18px;border:0;background:none}.lane-beats:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px dashed var(--line-2)}.lane-beats i{position:absolute;top:50%;left:calc(var(--at) * 1%);font-style:normal}.lane-beats b{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:1.5px;background:var(--violet);box-shadow:0 0 10px #a594ffb3;transform:rotate(45deg) scale(0);transition:transform .35s var(--ease-out)}.lane-beats span{position:absolute;left:9px;top:-6px;color:#c7bdff;font:500 10.5px/1 var(--font);white-space:nowrap;opacity:0;transform:translate(-4px);transition:opacity .3s,transform .3s var(--ease-out)}.lane-beats i.is-on b{transform:rotate(45deg) scale(1)}.lane-beats i.is-on span{opacity:1;transform:none}.lane-story{display:flex;height:38px;padding:3px;gap:3px}.clip{position:relative;display:flex;align-items:center;flex:var(--f) 1 0%;min-width:0;padding:0 8px;overflow:hidden;border:1px solid var(--line-2);border-radius:4px;background:#94beff0a;font-style:normal}.clip:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#86e4ff,#37b3f4);transform:scaleX(var(--p, 0));transform-origin:left}.clip span{position:relative;overflow:hidden;color:var(--dim);font-size:11.5px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;transition:color .3s}.clip.is-active{border-color:#a0ebffcc}.clip.is-active span{color:var(--ink)}.clip.is-done{border-color:transparent}.clip.is-done span{color:#03131f}.clip.is-playing{box-shadow:inset 0 0 0 1.5px #fff}.demo-playhead{position:absolute;z-index:3;top:-5px;bottom:-5px;left:0;width:2px;margin-left:-1px;border-radius:1px;background:#fff;box-shadow:0 0 10px #ffffffe6;pointer-events:none;opacity:0;transition:opacity .3s}.demo-playhead:before{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;border-radius:1.5px;background:#fff;transform:translate(-50%) rotate(45deg)}.demo-playhead.is-on{opacity:1}.demo.is-resetting .seg,.demo.is-resetting .clip:before,.demo.is-resetting .wave-kept,.demo.is-resetting .lane-beats b{opacity:0;transition:opacity .6s}.works{position:relative;border-block:1px solid var(--line);background:var(--bg-1)}.works-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 36px;padding:30px 0}.works-group{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 24px}.works-group p{margin:0;color:var(--dim);font:600 11.5px/1 var(--font);letter-spacing:.06em;text-transform:uppercase}.works-group ul{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin:0;padding:0;list-style:none}.works-group li{color:var(--ink-2);font-size:17px;font-weight:600;letter-spacing:-.02em;opacity:.8}.works-arrow{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(93,220,255,.3);border-radius:50%;color:var(--aqua)}.works-arrow .icon{width:14px;height:14px}.runtime{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin-bottom:20px;padding:clamp(24px,4vw,40px) clamp(24px,4vw,48px);border:1px solid var(--line);border-radius:22px;background:radial-gradient(50% 120% at 100% 50%,rgba(42,169,255,.1),transparent 70%),linear-gradient(180deg,#ffffff06,#ffffff02)}.runtime-side{display:grid;gap:12px;min-width:0}.runtime-side.is-cut{justify-items:end;text-align:right}.runtime-label{display:inline-flex;align-items:center;gap:8px;color:var(--dim);font:600 12px/1 var(--font);letter-spacing:.06em;text-transform:uppercase}.rec-dot{width:7px;height:7px;border-radius:50%;background:var(--rec);box-shadow:0 0 8px var(--rec);animation:pulse 1.2s infinite}.runtime-value{font-size:clamp(40px,6.6vw,88px);font-weight:500;line-height:1;letter-spacing:-.03em;color:var(--ink)}.runtime-value.grad{color:transparent}.runtime-flow{display:flex;align-items:center;gap:12px;color:var(--aqua)}.runtime-flow span{width:clamp(28px,7vw,110px);height:1px;background:linear-gradient(90deg,transparent,rgba(93,220,255,.7))}.runtime-flow span:last-child{background:linear-gradient(90deg,rgba(93,220,255,.7),transparent)}.runtime-flow .icon{width:20px;height:20px}.compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compare-card{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:32px 32px 0;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#ffffff06,#ffffff02)}.compare-card.is-aqua{border-color:#5ddcff4d;background:radial-gradient(80% 70% at 100% 0%,rgba(42,169,255,.15),transparent 70%),linear-gradient(180deg,#5ddcff0d,#ffffff03);box-shadow:0 30px 90px -50px #1482ffb3}.compare-kicker{margin:0;color:var(--dim);font:600 11.5px/1 var(--font);letter-spacing:.06em;text-transform:uppercase}.is-aqua .compare-kicker{color:var(--aqua)}.compare-card h3{margin:14px 0 0;font-size:24px;font-weight:600;letter-spacing:-.03em}.compare-card ul{display:grid;gap:13px;margin:24px 0 0;padding:0;list-style:none}.compare-card li{display:flex;align-items:flex-start;gap:12px;color:var(--muted);font-size:15.5px;line-height:1.5}.is-aqua li{color:var(--ink-2)}.compare-visual{position:relative;height:76px;margin:30px -32px 0;border-top:1px solid var(--line);background:#00000024}.shards i{position:absolute;top:50%;height:16px;border:1px solid var(--line-2);border-radius:4px;background:#94beff12}.shards i:nth-child(1){left:8%;width:9%;transform:translateY(-110%) rotate(-6deg)}.shards i:nth-child(2){left:21%;width:6%;transform:translateY(10%) rotate(4deg)}.shards i:nth-child(3){left:33%;width:8%;transform:translateY(-40%) rotate(-2deg)}.shards i:nth-child(4){left:47%;width:5%;transform:translateY(-120%) rotate(7deg)}.shards i:nth-child(5){left:58%;width:9%;transform:translateY(20%) rotate(-5deg)}.shards i:nth-child(6){left:73%;width:6%;transform:translateY(-70%) rotate(3deg)}.shards i:nth-child(7){left:84%;width:7%;transform:translateY(0) rotate(-8deg)}.compare-visual.story{display:flex;align-items:center;gap:3px;padding:0 32px}.compare-visual.story i{flex:var(--f) 1 0%;height:26px;border-radius:5px;background:linear-gradient(180deg,#86e4ff,#37b3f4);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease-out)}.compare-card.in .compare-visual.story i{transform:none}.compare-visual.story i:nth-child(2){transition-delay:.1s}.compare-visual.story i:nth-child(3){transition-delay:.2s}.compare-visual.story i:nth-child(4){transition-delay:.3s}.compare-visual.story i:nth-child(5){transition-delay:.4s}.compare-visual.story i:nth-child(6){transition-delay:.5s}.compare-note{max-width:680px;margin:28px 0 0;color:var(--dim);font-size:14.5px;line-height:1.6}.compare-note a{color:var(--ink-2);text-decoration:underline;text-decoration-color:#5ddcff66;text-underline-offset:3px}.compare-note a:hover{color:var(--aqua)}.steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0;padding:30px 0 0;list-style:none}.steps:before{content:"";position:absolute;inset:0 0 auto;height:10px;opacity:.8;background:repeating-linear-gradient(90deg,var(--line-3) 0 1px,transparent 1px calc(100% / 6)),repeating-linear-gradient(90deg,var(--line-2) 0 1px,transparent 1px calc(100% / 48));background-size:100% 10px,100% 5px;background-repeat:no-repeat}.steps:after{content:"";position:absolute;top:-5px;left:0;width:2px;height:20px;border-radius:1px;background:#fff;box-shadow:0 0 12px #ffffffe6;opacity:0}.steps.in:after{animation:scrub 2.4s var(--ease) .3s forwards}.step{display:flex;flex-direction:column;padding:18px 18px 26px;border:1px solid var(--line);border-radius:20px;background:var(--bg-2)}.step-visual{position:relative;display:flex;flex-direction:column;justify-content:center;gap:12px;height:176px;margin-bottom:24px;padding:18px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:radial-gradient(90% 80% at 50% 0%,rgba(42,169,255,.1),transparent 70%),var(--bg-1)}.step-num,.step h3,.step p{padding-inline:8px}.step-num{color:var(--aqua);font-size:12px;font-weight:600;letter-spacing:.06em}.step h3{margin:10px 0 0;font-size:20px;font-weight:600;letter-spacing:-.025em}.step p{margin:10px 0 0;color:var(--muted);font-size:15px;line-height:1.6}.upload-file{display:flex;align-items:center;gap:12px}.upload-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#5ddcff1f;color:var(--aqua)}.upload-name{display:grid;flex:1;gap:4px;min-width:0}.upload-name b{overflow:hidden;color:var(--ink);font-size:13px;font-weight:500;white-space:nowrap;text-overflow:ellipsis}.upload-name span,.upload-pct{color:var(--dim);font:500 11.5px/1 var(--font);font-variant-numeric:tabular-nums}.upload-bar{height:4px;overflow:hidden;border-radius:2px;background:#ffffff12}.upload-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--aqua-2),var(--aqua));transform:scaleX(0);transform-origin:left;transition:transform 1.6s var(--ease) .4s}.upload-range{position:relative;display:flex;justify-content:space-between;height:30px;margin-top:6px;padding:0 4px;border:1px solid var(--line);border-radius:6px;background:repeating-linear-gradient(90deg,rgba(148,190,255,.07) 0 7px,transparent 7px 12px)}.upload-range span{position:absolute;top:50%;translate:0 -50%;color:var(--ink-2);font-size:10.5px;opacity:0;transition:opacity .4s 2.1s}.upload-range span:first-of-type{left:calc(11% + 8px)}.upload-range span:last-of-type{right:calc(11% + 8px)}.range-sel{position:absolute;top:-1px;bottom:-1px;left:11%;width:78%;border:1.5px solid var(--aqua);border-radius:6px;background:#5ddcff1f;transform:scaleX(.15);opacity:0;transition:transform .7s var(--ease-out) 2s,opacity .3s 2s}.steps.in .upload-bar i,.steps.in .range-sel{transform:none}.steps.in .range-sel,.steps.in .upload-range span{opacity:1}.brief-chips,.brief-length{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.brief-chips i,.brief-length i{padding:5px 9px;border:1px solid var(--line-2);border-radius:999px;color:var(--muted);font-size:11.5px;font-style:normal}.brief-chips .is-on,.brief-length .is-on{border-color:#5ddcff80;background:#5ddcff1a;color:var(--aqua)}.brief-length span{color:var(--dim);font:600 11px/1 var(--font);text-transform:uppercase;letter-spacing:.06em}.brief-length span:first-child{margin-right:4px}.brief-text{min-height:58px;margin:0;padding:10px 12px;border:1px solid var(--line-2);border-radius:10px;background:#0003;color:var(--ink-2);font-size:12.5px;line-height:1.45}.caret{display:inline-block;width:1.5px;height:14px;margin-left:2px;vertical-align:-2px;background:var(--aqua);animation:blink 1s steps(2,start) infinite}.export-row{display:flex;align-items:center;gap:10px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:#ffffff05;color:var(--ink-2);font-size:12.5px;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .5s var(--ease-out)}.export-row .icon{width:14px;height:14px;color:var(--aqua)}.export-row i{margin-left:auto;color:var(--dim);font-size:11px;font-style:normal}.export-row:nth-child(2){transition-delay:.15s}.export-row:nth-child(3){transition-delay:.3s}.export-apps{display:flex;gap:6px;opacity:0;transition:opacity .4s .6s}.export-apps span{padding:5px 9px;border:1px solid rgba(95,227,161,.35);border-radius:999px;background:#5fe3a114;color:var(--green);font-size:11px}.steps.in .export-row{opacity:1;transform:none}.steps.in .export-apps{opacity:1}.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.tile{position:relative;display:flex;flex-direction:column;grid-column:span 2;min-height:320px;padding:26px;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#ffffff07,#ffffff02);transition:border-color .35s,transform .35s var(--ease)}.tile:before{content:"";position:absolute;inset:0;opacity:0;pointer-events:none;background:radial-gradient(280px circle at var(--mx, 50%) var(--my, 50%),rgba(93,220,255,.1),transparent 60%);transition:opacity .35s}.tile:after{content:"";position:absolute;top:0;bottom:0;left:0;width:1px;opacity:0;pointer-events:none;background:linear-gradient(180deg,transparent,#fff 40%,#fff 60%,transparent);box-shadow:0 0 12px #fff9}.tile:hover{border-color:var(--line-2)}.tile:hover:before{opacity:1}.tile:hover:after{animation:scrub 1.1s var(--ease) forwards}.tile-arc{grid-column:span 4}.tile-private,.tile-credits{grid-column:span 3;flex-direction:row;align-items:flex-start;gap:18px;min-height:0}.tile-visual{position:relative;flex:1;min-height:150px;margin-bottom:24px}.tile-copy h3{margin:0;font-size:19px;font-weight:600;letter-spacing:-.025em}.tile-copy p{max-width:48ch;margin:8px 0 0;color:var(--muted);font-size:15px;line-height:1.55}.arc-visual{min-height:190px;border-bottom:1px solid var(--line);background:linear-gradient(var(--line) 1px,transparent 1px) 0 0 / 100% 25%,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0 / 12.5% 100%}.arc-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.arc-line{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.2s var(--ease) .2s;filter:drop-shadow(0 0 6px rgba(93,220,255,.6))}.arc-area{opacity:0;transition:opacity 1s 1s}.tile-arc.in .arc-line{stroke-dashoffset:0}.tile-arc.in .arc-area{opacity:1}.arc-beats{position:absolute;inset:0;margin:0;padding:0;list-style:none}.arc-beats li{position:absolute;left:var(--x);top:var(--y)}.arc-beats li:before{content:"";position:absolute;left:-4.5px;top:-4.5px;width:9px;height:9px;border-radius:2px;background:var(--violet);box-shadow:0 0 0 3px #070a11e6,0 0 12px #a594ffb3;transform:rotate(45deg) scale(0);transition:transform .4s var(--ease-out)}.arc-beats span{position:absolute;left:0;bottom:12px;padding:4px 8px;border:1px solid var(--line-2);border-radius:999px;background:#070a11eb;color:var(--ink-2);font:500 11.5px/1 var(--font);white-space:nowrap;opacity:0;transform:translate(-50%,4px);transition:opacity .4s,transform .4s var(--ease-out)}.arc-beats li.is-below span{top:12px;bottom:auto;transform:translate(-50%,-4px)}.arc-beats li:first-child span{transform:translate(-12px,4px)}.arc-beats li:last-child span{border-color:#5ddcff73;color:var(--aqua);transform:translate(calc(-100% + 12px),-4px)}.tile-arc.in .arc-beats li:before{transform:rotate(45deg) scale(1)}.tile-arc.in .arc-beats span{opacity:1;transform:translate(-50%)}.tile-arc.in .arc-beats li:first-child span{transform:translate(-12px)}.tile-arc.in .arc-beats li:last-child span{transform:translate(calc(-100% + 12px))}.arc-beats li:nth-child(1):before,.arc-beats li:nth-child(1) span{transition-delay:.4s}.arc-beats li:nth-child(2):before,.arc-beats li:nth-child(2) span{transition-delay:1.1s}.arc-beats li:nth-child(3):before,.arc-beats li:nth-child(3) span{transition-delay:1.45s}.arc-beats li:nth-child(4):before,.arc-beats li:nth-child(4) span{transition-delay:1.75s}.arc-beats li:nth-child(5):before,.arc-beats li:nth-child(5) span{transition-delay:2.2s}.brief-card{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:18px;border:1px solid var(--line-2);border-radius:14px;background:#0000002e}.brief-label{display:inline-flex;align-items:center;gap:7px;color:var(--violet);font:600 10.5px/1 var(--font);letter-spacing:.06em;text-transform:uppercase}.brief-label .icon{width:12px;height:12px}.brief-card p{margin:0;color:var(--ink);font-size:15px;line-height:1.45}.brief-tags{display:flex;gap:6px}.brief-tags i{padding:4px 8px;border-radius:6px;background:#a594ff1f;color:#c9bfff;font:500 11.5px/1 var(--font);font-style:normal}.brief-tags i:nth-child(2){background:#ff5b6b1f;color:#ff9aa3}.brief-tags i:nth-child(3){background:#5ddcff1f;color:var(--aqua)}.range-visual{display:flex;flex-direction:column;justify-content:center;gap:10px}.range-ruler{display:flex;justify-content:space-between;padding-bottom:6px;color:var(--dim);font:500 10.5px/1 var(--font);font-variant-numeric:tabular-nums;background:repeating-linear-gradient(90deg,var(--line-3) 0 1px,transparent 1px 12.5%) bottom / 100% 5px no-repeat}.range-track{position:relative;height:48px;border:1px solid var(--line);border-radius:8px;background:repeating-linear-gradient(90deg,#94beff14 0 9px,#94beff08 9px 14px)}.range-pick{position:absolute;top:-2px;bottom:-2px;left:14.6%;width:62.5%;border:2px solid var(--aqua);border-radius:8px;background:#5ddcff24;box-shadow:0 0 24px #5ddcff40;transition:left 1s var(--ease-out) .3s,width 1s var(--ease-out) .3s}.range-pick b{position:absolute;top:50%;width:6px;height:22px;border-radius:3px;background:var(--aqua);transform:translateY(-50%)}.range-pick .in{left:-4px}.range-pick .out{right:-4px}.js .tile-range:not(.in) .range-pick{left:40%;width:20%}.range-readout{display:flex;justify-content:space-between;color:var(--ink-2);font-size:11px;font-weight:500}.files-visual{display:flex;flex-direction:column;justify-content:center;gap:8px}.file-row{display:flex;align-items:center;gap:12px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:#ffffff05;color:var(--ink-2);font-size:13px}.file-ext{min-width:50px;padding:4px 6px;border-radius:5px;background:#5ddcff1a;color:var(--aqua);font:600 10px/1 var(--font);letter-spacing:.06em;text-align:center}.file-row:nth-child(2) .file-ext{background:#a594ff1f;color:var(--violet)}.file-row:nth-child(3) .file-ext{background:#5fe3a11a;color:var(--green)}.beat-visual{display:grid;grid-template-columns:1fr auto 2fr 1.4fr auto 1fr;grid-template-rows:auto 46px;align-content:center;align-items:center;gap:10px 6px}.beat-bracket{grid-column:3 / 5;grid-row:1;position:relative;padding-bottom:10px;color:#c9bfff;font:500 11px/1 var(--font);text-align:center;white-space:nowrap}.beat-bracket:after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;border:1.5px solid var(--violet);border-bottom:0;border-radius:6px 6px 0 0}.beat-visual i{grid-row:2;display:flex;align-items:center;height:100%;padding:0 10px;border-radius:7px;font:500 11.5px/1 var(--font);font-style:normal}.beat-cut{border:1px dashed var(--line-2);background:repeating-linear-gradient(135deg,rgba(148,190,255,.06) 0 6px,transparent 6px 12px)}.beat-setup{background:#5ddcff29;color:var(--aqua)}.beat-payoff{background:linear-gradient(180deg,#86e4ff,#37b3f4);color:#03131f}.beat-scissor{grid-row:2;width:14px;height:14px;color:var(--dim)}.chapters{position:fixed;z-index:50;left:50%;bottom:18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;width:min(700px,calc(100% - 48px));height:46px;padding:0 20px;border:1px solid var(--line-2);border-radius:999px;background:#070a11d1;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);box-shadow:0 20px 50px -20px #000c;opacity:0;visibility:hidden;transform:translate(-50%,140%);transition:transform .5s var(--ease-out),opacity .4s,visibility .5s}.chapters.is-visible{opacity:1;visibility:visible;transform:translate(-50%)}.chapters-time{min-width:42px;color:var(--aqua);font-size:12px;font-weight:500}.chapters-track{position:relative;height:100%}.chapters-track:before{content:"";position:absolute;left:0;right:0;top:50%;height:8px;transform:translateY(-50%);opacity:.9;background:linear-gradient(var(--line-2),var(--line-2)) center / 100% 1px no-repeat,repeating-linear-gradient(90deg,var(--line-2) 0 1px,transparent 1px 2.5%) center / 100% 6px no-repeat}.chapter{position:absolute;top:50%;left:var(--at, 0%);display:grid;place-items:center;width:20px;height:28px;color:var(--dim);transform:translate(-50%,-50%);transition:color .25s}.chapter:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;transition:transform .25s,background-color .25s,box-shadow .25s}.chapter span{position:absolute;bottom:calc(100% + 8px);left:50%;padding:6px 9px;border:1px solid var(--line-2);border-radius:7px;background:var(--bg-3);color:var(--ink);font:600 10.5px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;opacity:0;transform:translate(-50%,4px);pointer-events:none;transition:opacity .2s,transform .2s}.chapter:hover,.chapter:focus-visible{color:var(--ink)}.chapter:hover span,.chapter:focus-visible span{opacity:1;transform:translate(-50%)}.chapter.is-passed{color:var(--muted)}.chapter.is-current{color:var(--aqua)}.chapter.is-current:before{box-shadow:0 0 10px var(--aqua);transform:scale(1.4)}.chapters-head{position:absolute;top:50%;left:var(--at, 0%);width:2px;height:20px;border-radius:1px;background:#fff;box-shadow:0 0 10px #ffffffe6;transform:translate(-50%,-50%);pointer-events:none}.chapters-now{min-width:118px;color:var(--ink-2);font:600 11px/1 var(--font);letter-spacing:.06em;text-align:right;text-transform:uppercase;white-space:nowrap}@keyframes scrub{0%{left:0;opacity:0}8%,92%{opacity:1}to{left:100%;opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{to{visibility:hidden}}@keyframes demo-rise{0%{opacity:0;transform:translateY(28px) scale(.985)}}@keyframes loading-bar{0%{transform:translate(-100%)}to{transform:translate(340%)}}@media(max-width:1080px){.demo-body{grid-template-columns:minmax(0,1fr) 260px}.bento{grid-template-columns:repeat(2,1fr)}.tile,.tile-arc,.tile-private,.tile-credits{grid-column:auto}.tile-arc{grid-column:1 / -1}}@media(max-width:900px){.demo-body{grid-template-columns:1fr}.demo-director{display:none}.steps{grid-template-columns:1fr;gap:14px}.steps:before,.steps:after{display:none}.steps{padding-top:0}.compare{grid-template-columns:1fr}.chapters{display:none}}@media(max-width:640px){.hero{padding-top:calc(var(--header-h) + 44px)}.announce{font-size:12.5px}.announce>span:nth-child(2){max-width:min(230px,calc(100vw - 150px));overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hero-actions{width:100%}.hero-actions .button{flex:1 1 100%}.hero-facts{flex-direction:column;align-items:center;gap:6px;font-size:13px}.hero-facts li+li:before{display:none}.tl-ruler-row .tl-label,.hud-map{visibility:hidden}.demo{width:calc(100% - 24px)}.demo-window{border-radius:12px}.demo-bar{grid-template-columns:auto 1fr;height:38px}.demo-crumbs{display:none}.demo-monitor{padding:10px 10px 8px}.demo-timeline{padding:8px 10px 12px}.tl-row{grid-template-columns:30px minmax(0,1fr);gap:8px}.tl-row-audio,.tl-row-beats{display:none}.tl-ruler span:nth-child(2n){visibility:hidden}.clip{padding:0}.clip span{display:none}.scene-chip{left:8px;top:8px;font-size:11px}.demo-toast{gap:8px;padding:7px 9px 7px 7px}.toast-apps{display:none}.transport-buttons svg:not(.is-play){display:none}.runtime{grid-template-columns:1fr;justify-items:center;text-align:center}.runtime-side,.runtime-side.is-cut{justify-items:center;text-align:center}.runtime-flow span{width:36px}.compare-card{padding:26px 22px 0}.compare-visual{margin-inline:-22px}.compare-visual.story{padding:0 22px}.bento{grid-template-columns:1fr}.tile{min-height:0;padding:22px}.tile-private,.tile-credits{flex-direction:column}.tile-visual{min-height:140px}.arc-beats li{font-size:10px}.arc-beats li:nth-child(3) span,.arc-beats li:nth-child(4) span{display:none}.works-arrow{transform:rotate(90deg)}}@media(prefers-reduced-motion:reduce){.rec-dot,.demo-status i{animation:none}.steps.in:after,.tile:hover:after{animation:none}}