.l-page{padding:0 16px 48px;position:relative;overflow-x:clip}.l-page:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(38% 46% at 50% 32%,#dcd6ffb0,#0000 70%),radial-gradient(26% 36% at 74% 40%,#ffd6ec90,#0000 70%),radial-gradient(24% 30% at 24% 46%,#c8f3ee70,#0000 70%);height:1000px;position:absolute;inset:-240px -10% auto}.l-page code{font-size:.88em}.l-hero{text-align:center;max-width:1120px;margin:0 auto;padding:150px 0 110px;position:relative}.l-hero h1{animation:rise 1s var(--ease) both;z-index:1;font-size:clamp(56px,10.5vw,108px);position:relative}.l-hero .accent{color:var(--brand)}.l-lede{animation:rise 1s .15s var(--ease) both;z-index:1;max-width:600px;color:var(--ink-mid);margin:28px auto 0;font-size:18.5px;line-height:1.6;position:relative}.l-ctas{animation:rise 1s .3s var(--ease) both;z-index:1;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:36px;display:flex;position:relative}.l-connect{animation:rise 1s .45s var(--ease) both;z-index:1;max-width:680px;margin:34px auto 0;position:relative}.l-connect-row{background:var(--paper-card);box-shadow:var(--paper-shadow);border-radius:20px;align-items:stretch;gap:10px;padding:8px;display:flex}.l-connect-step{background:var(--paper-well);width:20px;height:20px;color:var(--ink-mid);font-family:var(--font);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:700;display:inline-grid}.l-connect-url{background:var(--paper-well);min-width:0;color:var(--ink-brand);font:inherit;text-align:left;cursor:pointer;transition:background .2s var(--ease);border:0;border-radius:14px;flex:auto;align-items:center;gap:10px;padding:0 8px 0 12px;display:flex}.l-connect-url:hover{background:#ececf3}.l-connect-url .l-connect-step{background:var(--paper-card)}.l-connect-url code{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13.5px;overflow:hidden}.l-connect-copy{background:var(--paper-card);color:var(--brand-text);border-radius:10px;flex:none;align-items:center;gap:6px;padding:7px 10px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #00000014}.l-connect-copy.done{color:#1a7f51}.l-connect-claude{color:#fff;white-space:nowrap;transition:transform .2s var(--spring);background:linear-gradient(#2a2a2a,#171717);border-radius:14px;flex:none;align-items:center;gap:8px;padding:12px 16px;font-size:14.5px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 3px #000,0 10px 20px -10px #00000080}.l-connect-claude:hover{transform:translateY(-2px)}.l-connect-claude:active{transform:translateY(2px)}.l-connect-claude .l-connect-step{color:#fff;background:#ffffff26}.l-connect-claude svg:not(.ext){box-sizing:content-box;background:#fff;border-radius:7px;padding:3px}.l-connect-claude .ext{opacity:.6}.l-connect-hint{color:var(--ink-soft);margin:12px 0 0;font-size:13.5px;line-height:1.5}.l-connect-hint b{color:var(--ink-mid);font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:600}@media (max-width:640px){.l-connect-row{flex-direction:column}.l-connect-url{min-height:48px}.l-connect-claude{justify-content:center}}.l-demo{max-width:1240px;height:260vh;margin:0 auto;position:relative}.l-demo-sticky{flex-direction:column;justify-content:center;gap:16px;height:100vh;padding:76px 0 20px;display:flex;position:sticky;top:0}.l-editor{--le-bg:#ececef;--le-card:#fff;--le-well:#f2f2f4;--le-ink:#171717;--le-ink-3:#1717176b;--le-line:#0000000f;--le-shadow:0 1px 2px #0000000f, 0 12px 32px -18px #0000002e, 0 0 0 .5px #0000001a;background:var(--le-bg);height:min(700px,100vh - 250px);color:var(--le-ink);border-radius:28px;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding:10px;font-size:12.5px;display:grid;box-shadow:0 1px 2px #0000000f,0 40px 80px -40px #0000004d,0 0 0 .5px #0000001a}.le-top{justify-content:space-between;align-items:center;padding:4px 6px 2px;display:flex}.le-crumb{color:var(--le-ink-3);align-items:center;gap:6px;display:flex}.le-crumb i{opacity:.5;font-style:normal}.le-crumb b{color:var(--le-ink)}.le-folder{color:var(--accent);fill:var(--accent)}.le-actions{align-items:center;gap:8px;display:flex}.le-chip{background:var(--le-card);border-radius:7px;padding:2px 7px;font-size:11px;font-weight:600}.le-export{background:var(--le-card);height:32px;box-shadow:var(--le-shadow);border-radius:11px;align-items:center;gap:6px;padding:0 12px;font-weight:600;display:inline-flex}.le-done{background:linear-gradient(180deg, var(--accent-2), var(--accent));color:#fff;border-radius:11px;align-items:center;height:32px;padding:0 14px;font-weight:600;display:inline-flex}.le-main{grid-template-columns:minmax(0,1fr) 36px 250px;gap:10px;min-height:0;display:grid}.le-stage{background:radial-gradient(#00000017 1px, transparent 1.4px) 0 0 / 16px 16px, var(--le-card);min-height:0;box-shadow:var(--le-shadow);border-radius:20px;place-items:center;padding:18px;display:grid;position:relative;overflow:hidden}.le-canvas{border-radius:8px;width:auto;max-width:100%;height:100%;max-height:100%;display:block;box-shadow:0 20px 40px -24px #00000080}.le-zoom{background:var(--le-card);border-radius:10px;padding:6px 10px;font-size:11px;font-weight:600;position:absolute;bottom:10px;left:10px;box-shadow:0 1px 2px #0000001a,0 10px 24px -14px #00000050,0 0 0 .5px #0000001f}.le-rail{background:var(--le-card);box-shadow:var(--le-shadow);color:var(--le-ink-3);border-radius:12px;flex-direction:column;align-self:start;gap:4px;padding:3px;display:flex}.le-rail span{border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.le-rail .on{background:var(--accent);color:#fff}.le-side{border-radius:18px;flex-direction:column;gap:8px;min-height:0;display:flex;overflow:hidden}.le-head{align-items:center;gap:8px;display:flex}.le-kind{background:var(--kind-text);color:#fff;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.le-name{background:var(--le-card);border-radius:10px;flex:1;align-items:center;height:32px;padding:0 10px;font-weight:600;display:flex}.le-panel{background:var(--le-card);box-shadow:var(--le-shadow);border-radius:16px;flex-direction:column;gap:6px;padding:10px;display:flex}.le-ptitle{align-items:center;gap:6px;margin:0 0 2px;font-weight:600;display:flex}.le-well-row{grid-template-columns:1fr 1fr;gap:6px;display:grid}.le-well{background:var(--le-well);border-radius:10px;justify-content:space-between;align-items:center;height:32px;padding:0 10px;display:flex;position:relative;overflow:hidden}.le-well span{color:var(--le-ink-3);position:relative}.le-well b{position:relative}.le-well.fill:before{content:"";width:var(--f);background:linear-gradient(90deg, var(--accent), var(--accent-2));position:absolute;inset:0 auto 0 0}.le-well.fill span{color:#fffd}.swatch-row{align-items:center;gap:6px;font-family:ui-monospace,Menlo,monospace;font-weight:500;display:inline-flex}.swatch-row i{border-radius:4px;width:14px;height:14px}.le-motion{background:var(--le-well);border-radius:9px;align-items:center;gap:8px;height:30px;padding:0 8px;font-weight:500;display:flex}.le-motion em{border-radius:5px;padding:1px 6px;font-size:10px;font-style:normal;font-weight:700}.le-motion em.in{color:#1f9d55;background:#2ec27e22}.le-motion em.out{color:#e5484d;background:#ff6a6122}.le-motion span{color:var(--le-ink-3);margin-left:auto}.le-timeline{background:var(--le-card);box-shadow:var(--le-shadow);border-radius:20px;overflow:hidden}.le-tools{border-bottom:1px solid var(--le-line);height:46px;color:var(--le-ink-3);grid-template-columns:1fr auto 1fr;align-items:center;padding:0 10px;display:grid}.le-toolset{align-items:center;gap:12px;display:flex}.le-toolset.right{justify-content:flex-end}.le-toolset .on{background:var(--accent);color:#fff;border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.le-transport{align-items:center;gap:12px;display:flex}.le-transport b{color:var(--le-ink);font-variant-numeric:tabular-nums}.le-transport i{font-variant-numeric:tabular-nums;font-style:normal}.le-play,.le-skip{font:inherit;cursor:pointer;border:0;place-items:center;padding:0;display:grid}.le-play{color:#fff;width:34px;height:34px;transition:transform .15s var(--ease);background:#171717;border-radius:50%}.le-play:hover{transform:scale(1.08)}.le-play:active{transform:scale(.94)}.le-skip{width:26px;height:26px;color:inherit;background:0 0;border-radius:8px}.le-skip:hover{background:var(--le-line);color:var(--le-ink)}.le-play:focus-visible,.le-skip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.le-tracks{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;padding:4px 10px 6px;position:relative}.le-row{border-bottom:1px solid var(--le-line);height:30px;display:flex}.le-row:last-of-type{border-bottom:0}.le-lbl{width:var(--le-lbl,92px);border-right:1px solid var(--le-line);color:var(--le-ink);white-space:nowrap;flex:none;align-items:center;gap:7px;padding-right:8px;font-size:11px;font-weight:600;display:flex}.le-lbl.caps{letter-spacing:.08em;text-transform:uppercase;color:var(--le-ink-3);font-size:9.5px}.le-lbl i{color:#fff;border-radius:6px;place-items:center;width:18px;height:18px;display:grid}.le-lane{flex:1;min-width:0;position:relative}.le-overlay{top:4px;bottom:6px;left:calc(10px + var(--le-lbl,92px));pointer-events:none;position:absolute;right:10px}.le-section{background:color-mix(in srgb, var(--c) 16%, transparent);height:20px;box-shadow:inset 0 0 0 1.5px var(--le-card);color:var(--c);white-space:nowrap;border-radius:999px;align-items:center;padding:0 8px;font-size:11px;font-weight:600;display:flex;position:absolute;top:5px;overflow:hidden}.le-clip{--c:var(--kind-text);background:linear-gradient(180deg, color-mix(in srgb, var(--c) 80%, #fff), var(--c));height:22px;box-shadow:inset 0 1px 0 #ffffff40, 0 0 0 1.5px var(--le-card);color:#fff;white-space:nowrap;transition:box-shadow .2s var(--ease);border-radius:999px;justify-content:space-between;align-items:center;gap:4px;padding:0 4px;font-size:10.5px;font-weight:700;display:flex;position:absolute;top:4px;overflow:hidden}.le-clip .grip{border-inline:1.5px solid #ffffffb0;flex:none;width:5px;height:10px}.le-clip-name{text-overflow:ellipsis;text-align:center;flex:1;min-width:0;overflow:hidden}.le-clip.wave{background:radial-gradient(circle at 50% 140%, #ffffff38 45%, transparent 47%) 0 0 / 14px 100% repeat-x, linear-gradient(180deg, color-mix(in srgb, var(--c) 80%, #fff), var(--c))}.le-key{width:9px;height:9px;box-shadow:0 0 0 2px var(--le-card);background:#f5a524;border-radius:2px;position:absolute;top:50%;transform:translate(-50%,-50%)rotate(45deg)}.le-clip.k-shape{--c:var(--kind-shape)}.le-clip.k-image{--c:var(--kind-image)}.le-clip.sel{box-shadow:inset 0 1px #ffffff40,0 0 0 2px #171717}.le-playhead{background:var(--accent);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.le-playhead:before{content:"";background:var(--accent);border-radius:3px 3px 50% 50%;width:10px;height:10px;position:absolute;top:-4px;left:-4px}.le-section.on{background:color-mix(in srgb, var(--c) 28%, transparent)}.l-editor .hl-0,.l-editor .hl-1,.l-editor .hl-2{transition:box-shadow .4s var(--ease), opacity .4s var(--ease), transform .4s var(--ease)}.l-editor[data-step="0"] .hl-1,.l-editor[data-step="1"] .hl-0,.l-editor[data-step="2"] .hl-0,.l-editor[data-step="2"] .hl-1{opacity:.55}.l-editor[data-step="0"] .hl-0,.l-editor[data-step="1"] .hl-1,.l-editor[data-step="2"] .hl-2{box-shadow:0 0 0 3px var(--accent), 0 20px 50px -20px #5b4bff80}.l-editor[data-step="1"] .hl-1{border-radius:18px}.l-demo-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.l-demo-steps li{box-shadow:var(--paper-shadow);opacity:.5;transition:opacity .3s var(--ease), transform .3s var(--ease);background:#ffffffb0;border-radius:18px;gap:12px;padding:14px 16px;display:flex}.l-demo-steps li.on{opacity:1;background:#fff;transform:translateY(-3px)}.l-demo-steps .n{background:var(--ink-brand);color:#fff;border-radius:8px;flex:none;place-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:grid}.l-demo-steps li.on .n{background:var(--accent)}.l-demo-steps b{font-size:14.5px;display:block}.l-demo-steps small{color:var(--ink-mid);margin-top:2px;font-size:13px;line-height:1.45;display:block}.l-section{max-width:1120px;margin:0 auto;padding:140px 0 0}.l-head{max-width:640px;margin:0 0 44px}.l-head.center{text-align:center;margin-left:auto;margin-right:auto}.l-head h2{font-size:clamp(40px,6vw,58px)}.l-head p:not(.l-kicker){color:var(--ink-mid);margin:18px 0 0;font-size:18px;line-height:1.6}.l-kicker{letter-spacing:.02em;color:var(--brand-text);margin:0 0 14px;font-size:13px;font-weight:700}.l-collage{box-shadow:var(--paper-shadow);background:#fff;border-radius:32px;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:120px;gap:14px;padding:22px;display:grid}.tile{background:var(--paper-well);border-radius:20px;padding:16px;animation:9s ease-in-out infinite tile-drift;position:relative;overflow:hidden}.tile:nth-child(2){animation-delay:-2s}.tile:nth-child(3){animation-delay:-4s}.tile:nth-child(4){animation-delay:-6s}@keyframes tile-drift{50%{transform:translateY(-4px)}}.tile-label{color:var(--ink-mid);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;font-weight:600;display:inline-flex}.tile-label.light{z-index:1;background:#ffffffe0;position:absolute;top:12px;left:12px}.readme{grid-area:span 2/1/auto/span 4}.md-h{margin:16px 0 4px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:22px;font-weight:800}.md-p{color:var(--ink-mid);margin:0 0 14px;font-size:14px}.md-line{background:#0000000f;border-radius:4px;height:8px;margin-top:8px;display:block}.w80{width:80%}.w70{width:70%}.w60{width:60%}.palette{grid-column:5/span 4}.swatches{gap:8px;margin-top:14px;display:flex}.swatches span{color:var(--ink-soft);flex-direction:column;gap:4px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:10px;display:flex}.swatches i{border-radius:9px;width:44px;height:30px;box-shadow:inset 0 0 0 1px #0000001a}.type{flex-direction:column;grid-column:9/span 4;display:flex}.specimen{font-family:var(--display);letter-spacing:-.025em;margin-top:auto;font-size:44px;font-weight:900;line-height:1}.tile-sub{color:var(--ink-soft);font-size:12px}.shot{grid-column:5/span 3}.shot-mock{background:linear-gradient(135deg,#1b1b2f,#3a2b7a);border-radius:10px;height:56px;margin-top:10px;padding:10px;position:relative}.shot-mock span{background:#ffffff30;border-radius:3px;width:50%;height:5px;margin-bottom:5px;display:block}.shot-mock i{background:#7c5cff;border-radius:6px;width:30%;position:absolute;top:10px;bottom:10px;right:10px}.result{background:#121214;grid-column:8/span 5;padding:0;animation:none}.result-canvas{object-fit:cover;width:100%;height:100%;display:block}.l-terminal{color:#f3f3f5;background:#171717;border-radius:18px;align-items:center;gap:14px;max-width:720px;margin:18px auto 0;padding:14px 18px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px;display:flex;box-shadow:0 24px 48px -28px #000}.dots{gap:6px;display:inline-flex}.dots i{background:#ffffff26;border-radius:50%;width:10px;height:10px}.l-terminal .path{color:#f3f3f56b}.l-terminal .path:after{content:" ›";color:var(--brand)}.caret{vertical-align:-.15em;background:currentColor;width:8px;height:1.05em;margin-left:2px;animation:1s step-end infinite caret-blink;display:inline-block}@keyframes caret-blink{50%{opacity:0}}.l-bento{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.b-card{box-shadow:var(--paper-shadow);background:#fff;border-radius:28px;flex-direction:column;padding:26px;display:flex;position:relative;overflow:hidden}.b-card h3{font-family:var(--display);letter-spacing:-.025em;margin:0 0 6px;font-size:22px;font-weight:800}.b-card>p{max-width:420px;color:var(--ink-mid);margin:0;font-size:15px;line-height:1.55}.b-presets{grid-area:span 2/span 2}.b-words,.b-tools,.b-export{grid-column:span 2}.b-words>p{margin-bottom:20px}.l-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px;display:grid}.l-presets figure{background:var(--paper-well);border-radius:14px;margin:0;overflow:hidden}.l-presets canvas{aspect-ratio:16/9;mix-blend-mode:multiply;width:100%;display:block}.l-presets figcaption{color:var(--ink-soft);padding:0 10px 8px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px}.b-prompt{background:var(--paper-well);border-radius:16px;min-height:52px;margin-top:auto;padding:14px 16px;font-size:15px}.b-prompt:before{content:"“";color:var(--brand);font-weight:700}.b-result{color:#1f9d55;background:#2ec27e18;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;margin-top:10px;padding:7px 12px;font-size:13px;font-weight:600;display:inline-flex}.b-result span{color:var(--ink-soft);font-weight:500}.b-specimens{justify-content:space-between;margin-top:auto;padding-top:20px;font-size:48px;line-height:1;display:flex}.b-frames{gap:8px;margin-top:auto;padding-top:20px;display:flex}.b-frames .f{aspect-ratio:16/10;border-radius:10px;flex:1;position:relative}.b-frames .f0{background:radial-gradient(circle at 50% 60%,#ffd8c4,#faf7f2 60%)}.b-frames .f1{background:linear-gradient(#fff 30%,#faf7f2 30%);box-shadow:inset 0 0 0 6px #faf7f2}.b-frames .f2{background:#111}.b-frames .f svg{color:#fff;background:#2ec27e;border-radius:50%;padding:2px;position:absolute;bottom:5px;right:5px}.b-marquee{flex-direction:column;gap:8px;margin:20px -26px 0;display:flex;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.b-marquee .track{gap:8px;width:max-content;animation:50s linear infinite marquee;display:flex}.b-marquee .track.rev{animation-direction:reverse}.b-marquee code{background:var(--paper-well);color:var(--ink-mid);border-radius:999px;padding:7px 12px;font-size:12.5px}@keyframes marquee{to{transform:translate(-50%)}}.b-progress{color:#f3f3f5;background:#171717;border-radius:16px;margin-top:auto;padding:16px}.b-progress .file{justify-content:space-between;gap:10px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.b-progress .dim{color:#f3f3f56b;font-weight:500}.b-progress .bar{background:#ffffff1a;border-radius:999px;height:8px;overflow:hidden}.b-progress .bar i{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;animation:encode 4s var(--ease) infinite;display:block}@keyframes encode{0%{width:4%}80%,to{width:100%}}.b-export{min-height:250px}.l-reels{grid-template-columns:minmax(0,3.2fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.reel{background:#171717;border-radius:24px;margin:0;padding:10px 10px 14px;box-shadow:0 30px 60px -36px #000}.reel canvas{border-radius:16px;width:100%;height:auto;display:block}.reel figcaption{color:#f3f3f5;justify-content:space-between;gap:10px;padding:12px 6px 0;font-size:14px;display:flex}.reel figcaption span{color:#f3f3f56b}.l-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.s-card{box-shadow:var(--paper-shadow);background:#fff;border-radius:28px;flex-direction:column;padding:12px 12px 28px;display:flex}.s-card h3{font-family:var(--display);letter-spacing:-.025em;margin:8px 16px;font-size:24px;font-weight:800}.s-card p{color:var(--ink-mid);margin:0 16px;font-size:15px;line-height:1.6}.s-num{color:var(--brand-text);margin:20px 16px 0;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;font-weight:700}.s-visual{background:var(--paper-well);border-radius:20px;flex-direction:column;justify-content:center;gap:10px;height:170px;padding:18px;display:flex}.s-visual.connect{font-size:13px}.s-visual.connect .crumbs{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:4px;font-size:12px;display:flex}.s-visual.connect .crumbs b{color:var(--ink-brand)}.s-visual.connect .row{box-shadow:0 0 0 1.5px var(--brand), 0 12px 24px -16px #5b4bff80;animation:connect-in 3.6s var(--spring) infinite;background:#fff;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.s-visual.connect .m{border-radius:8px;width:26px;height:26px}.s-visual.connect .row .ok{color:#1f9d5b;margin-left:auto;font-size:12px;font-weight:600}@keyframes connect-in{0%,8%{opacity:0;transform:translateY(10px)scale(.96)}22%,to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.s-visual.connect .row{animation:none}}.s-visual .ok{color:#5be07a;align-items:center;gap:6px;display:inline-flex}.s-visual.chat .bubble{background:var(--ink-brand);color:#fff;border-radius:16px 16px 4px;align-self:flex-end;max-width:90%;min-height:40px;padding:10px 14px;font-size:14px}.s-visual.chat .reply{color:var(--ink-mid);background:#fff;border-radius:16px 16px 16px 4px;align-self:flex-start;align-items:center;gap:6px;padding:8px 12px;font-size:13px;display:inline-flex;box-shadow:0 0 0 .5px #0000001a}.knob{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;height:44px;padding:0 14px;font-size:14px;display:flex;position:relative;overflow:hidden}.knob span,.knob b{z-index:1;position:relative}.knob span{color:var(--ink-soft)}.knob i{background:linear-gradient(90deg, var(--accent), var(--accent-2));opacity:.9;position:absolute;inset:0 auto 0 0}.knob .k1{animation:knob-a 4s var(--ease) infinite}.knob .k2{animation:knob-b 4s var(--ease) infinite}@keyframes knob-a{0%,to{width:38%}50%{width:72%}}@keyframes knob-b{0%,to{width:88%}50%{width:46%}}.l-billing{width:max-content;box-shadow:var(--paper-shadow);background:#fff;border-radius:999px;margin:-12px auto 32px;padding:4px;display:flex}.l-billing button{height:38px;color:var(--ink-mid);background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.l-billing button.on{background:var(--ink-brand);color:#fff}.l-billing .save{color:#1f9d55;background:#2ec27e22;border-radius:999px;padding:1px 7px;font-size:11.5px}.l-billing button.on .save{color:#7df09a;background:#5be07a33}.l-plans{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:20px;display:grid}.l-plan{box-shadow:var(--paper-shadow);background:#fff;border-radius:30px;flex-direction:column;padding:30px;display:flex;position:relative}.l-plan.featured{color:#f3f3f5;background:#171717;padding:40px 30px;box-shadow:0 40px 70px -40px #000}.l-badge{background:var(--brand);color:#fff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;top:18px;right:18px}.l-plan h3{font-family:var(--display);margin:0;font-size:26px;font-weight:800}.l-plan .pitch{color:var(--ink-mid);margin:6px 0 22px;font-size:15px}.l-plan.featured .pitch,.l-plan.featured .billed,.l-plan.featured .per{color:#f3f3f5a3}.l-plan .price{font-family:var(--display);letter-spacing:-.025em;align-items:flex-start;gap:2px;margin:0;font-weight:900;display:flex}.l-plan .cur{margin-top:8px;font-size:26px}.l-plan .amt{font-size:64px;line-height:1}.l-plan .per{font-family:var(--font);letter-spacing:0;color:var(--ink-soft);align-self:flex-end;margin:0 0 8px 6px;font-size:14px;font-weight:500}.l-plan .billed{color:var(--ink-soft);margin:6px 0 22px;font-size:13px}.l-plan ul{gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.l-plan li{gap:10px;font-size:14.5px;display:flex}.l-plan li svg{color:#2ec27e;flex:none;margin-top:2px}.l-plan.featured li svg{color:#5be07a}.l-beta{box-shadow:var(--paper-shadow);background:#fff;border-radius:24px;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:22px 26px;display:flex}.l-beta b{font-size:16px;display:block}.l-beta span{color:var(--ink-mid);margin-top:2px;font-size:14px;display:block}.l-final{text-align:center;max-width:900px;margin:0 auto;padding:150px 0 40px}.l-final h2{font-size:clamp(44px,7.5vw,76px)}.l-final>p{max-width:520px;color:var(--ink-mid);margin:22px auto 0;font-size:18px}.l-final-guide{max-width:720px;margin:30px auto 0;padding:22px}.l-final-guide .cg{margin:0}.l-foot{border-top:1px solid var(--paper-line);align-items:center;gap:16px;max-width:1120px;margin:80px auto 0;padding-top:24px;font-size:13.5px;display:flex}.l-foot em{font-family:var(--serif);font-size:18px}.l-foot .dim{margin-left:auto}@media (max-width:980px){.le-main{grid-template-columns:minmax(0,1fr)}.le-rail,.le-side{display:none}.l-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.b-presets{grid-row:auto}.l-steps,.l-plans{grid-template-columns:1fr}.l-plan.featured{padding:30px}}@media (max-width:720px){.l-hero{padding:90px 0 70px}.l-demo{height:auto}.l-demo-sticky{height:auto;padding-top:0;position:static}.l-editor{border-radius:22px;grid-template-rows:auto auto auto;gap:8px;height:auto;padding:8px}.l-demo[data-scroll-3d] .l-editor{transform:none}.le-stage{aspect-ratio:16/9;background:var(--le-card);border-radius:14px;padding:0}.le-canvas{width:100%;height:100%;box-shadow:none;border-radius:14px}.le-zoom{display:none}.l-editor[data-step] .hl-0,.l-editor[data-step] .hl-1,.l-editor[data-step] .hl-2{opacity:1;box-shadow:var(--le-shadow)}.le-timeline{border-radius:16px}.le-tools{height:44px}.le-tracks{--le-lbl:30px;padding:4px 8px 6px}.le-overlay{left:calc(8px + var(--le-lbl));right:8px}.le-row{height:26px}.le-lbl,.le-lbl.caps{padding-right:6px;font-size:0}.le-section{height:16px;padding:0;font-size:0;top:5px}.le-clip{height:16px;padding:0;top:5px}.le-clip .grip,.le-clip-name{display:none}.le-key{width:7px;height:7px}.le-tools .le-toolset,.le-chip,.le-export{display:none}.le-crumb{white-space:nowrap;min-width:0;overflow:hidden}.le-tools{grid-template-columns:1fr;justify-items:center}.l-demo-steps{grid-template-columns:1fr}.l-demo-steps li{opacity:1}.l-collage{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;padding:14px}.readme,.palette,.type,.shot,.result{grid-area:auto/span 2}.result{aspect-ratio:16/9}.l-bento{grid-template-columns:1fr}.b-presets,.b-words,.b-tools,.b-export{grid-column:auto}.l-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.l-reels{grid-template-columns:1fr}.reel-tall{max-width:320px;margin:0 auto}.l-beta{flex-direction:column;align-items:flex-start}.l-foot{flex-wrap:wrap}.l-foot .dim{margin-left:0}}@media (prefers-reduced-motion:reduce){.l-connect,.tile,.b-marquee .track,.b-progress .bar i,.knob i,.caret{animation:none}}.b-card,.s-card,.l-plan,.tile,.l-demo-steps li,.l-beta{transition:transform .4s var(--ease), box-shadow .4s var(--ease), opacity .9s var(--ease), filter .9s var(--ease)}.b-card:hover,.s-card:hover,.l-plan:not(.featured):hover{transform:translateY(-5px);box-shadow:0 1px 2px #00000010,0 30px 60px -30px #0005,0 0 0 .5px #0000001a}.l-plan.featured:hover{transform:translateY(-5px)}.tile:hover{animation-play-state:paused;transform:translateY(-4px)rotate(-.4deg)}.l-presets figure{transition:transform .3s var(--spring)}.l-presets figure:hover{transform:scale(1.04)}.le-well.fill:before{animation:well-breathe 5s var(--ease) infinite}@keyframes well-breathe{50%{width:calc(var(--f) + 14%)}}.l-billing{grid-template-columns:1fr 1fr;display:grid;position:relative}.l-billing button{z-index:1;transition:color .3s var(--ease);justify-content:center;position:relative}.l-billing button.on{background:0 0}.l-billing-thumb{background:var(--ink-brand);width:calc(50% - 4px);transition:transform .45s var(--spring);border-radius:999px;position:absolute;top:4px;bottom:4px;left:4px}.l-billing.is-yearly .l-billing-thumb{transform:translate(100%)}.l-plan .amt{animation:num-in .5s var(--spring) both;display:inline-block}@keyframes num-in{0%{opacity:0;transform:translateY(14px)scale(.9)}}.l-editor{transition:transform .6s var(--ease)}.l-demo-steps li{transition:opacity .4s var(--ease), transform .4s var(--ease), background .4s var(--ease)}