:root{--paper:#fcfcfc;--ink:#0b0b0c;--muted:#969698;--body:#737376;--surface:#f6f6f8;--line:#eaeaec;--card:#fff;--purple:#8062f3;--shadow:0 20px 40px #00000008;--font:Inter,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 var(--font);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:5px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h2{font-size:32px;font-weight:500;line-height:1.19;letter-spacing:-.64px}h3{font-size:26px;line-height:1.15;font-weight:500;letter-spacing:-.65px}p{color:var(--body)}.muted{color:var(--muted)}.skip{position:fixed;top:-100px;padding:12px;background:var(--card);z-index:100}.skip:focus{top:10px}
.site-header{height:72px;position:fixed;top:0;left:0;width:100%;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(16px);z-index:30}nav{max-width:1440px;padding:0 16px;margin:auto;height:100%;display:flex;align-items:center;justify-content:space-between}.brand{font-size:23px;font-weight:600;letter-spacing:-1px;display:inline-flex;align-items:center;gap:5px}.brand svg{width:27px;height:27px}.nav-links{display:flex;align-items:center;gap:24px;font-weight:500}.plain{background:none;padding:0}.pill{padding:12px 21px;border-radius:99px;background:#303031;color:#fff;font-weight:550;line-height:1.3;transition:transform .2s,background .2s}.pill:hover{background:#171719;transform:translateY(-2px)}
.hero{max-width:1512px;margin:auto;text-align:center;padding:144px 64px 96px}.hero h1{font-size:72px;line-height:1.11;font-weight:600;letter-spacing:-4.32px}.hero h1 span{display:block;animation:hero-in 1s both}.hero h1 span:nth-child(2){animation-delay:.12s}.hero>p{margin:28px auto 0;color:var(--muted);max-width:690px;animation:hero-in 1s .3s both}.hero-button{display:inline-flex;gap:10px;align-items:center;font-size:20px;margin:18px auto 0;padding:17px 25px;animation:hero-in 1s .4s both}.hero-button>span:first-child{font-size:26px}.soft{font-weight:400;color:#bdbdbd}.hero-demo{margin-top:68px;width:100%;aspect-ratio:1.45;border:1px solid #d9d9dd;border-radius:32px;padding:8px;background:var(--card)}.demo-placeholder{height:100%;border-radius:24px;background:linear-gradient(135deg,#d5e0e9 0%,#a8becb 38%,#c4c9c1 68%,#d1c4ab);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#fff;font-size:24px;letter-spacing:-.6px;position:relative;overflow:hidden}.demo-placeholder:before{content:'';position:absolute;width:80%;height:65%;background:#ffffff30;filter:blur(80px);border-radius:50%}.demo-placeholder>*{position:relative}.demo-placeholder small{font-size:13px;letter-spacing:0;color:#ffffffc0}.play-outline{border:1px solid #ffffff70;width:68px;height:68px;display:grid;place-items:center;border-radius:50%;font-size:36px}
.creator-section{max-width:820px;margin:auto;padding:96px 0}.creator-section h2{font-size:34px;letter-spacing:-.51px;margin-bottom:36px}.creator-rows article{display:flex;gap:18px;padding:23px 0;border-top:1px solid var(--line)}.creator-rows article:first-child{border:0}.avatar{width:38px;height:38px;border-radius:50%;background:#d7e4d9;font-size:11px;color:#5b7160;display:grid;place-items:center;flex-shrink:0}.avatar-1{background:#e2dcf1;color:#806baa}.avatar-2{background:#efddd4;color:#a78171}.creator-rows p{font-size:18px;color:var(--ink);letter-spacing:-.3px}.creator-rows small{display:block;margin-top:8px;font-size:13px}.creator-rows small span{color:var(--muted)}.section-width{max-width:1200px;margin:auto}.section-intro{margin-bottom:64px}.eyebrow{font-size:14px;color:var(--muted);display:block;margin-bottom:16px}.section-intro p{margin-top:22px;max-width:650px;line-height:1.55}.section-intro strong{font-weight:500;color:var(--ink)}
.workflow{padding:160px 0}.workflow-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start}.workflow-cards{display:flex;flex-direction:column;gap:72px}.workflow-card{border:1px solid var(--line);background:var(--card);border-radius:36px;padding:13px;box-shadow:var(--shadow);overflow:hidden}.visual{height:450px;border-radius:24px;background:var(--surface);border:1px solid var(--line);overflow:hidden;position:relative;display:grid;place-items:center}.card-copy{padding:25px 19px 18px}.card-copy .eyebrow{margin-bottom:12px}.card-copy p{margin-top:12px;line-height:1.55}.take-stream{width:230px;animation:takes-scroll 13s linear infinite}.take-item{display:flex;gap:15px;align-items:center;margin:25px 0}.thumb{display:block;width:44px;height:65px;border-radius:11px;background:linear-gradient(155deg,#bdcabc,#6b8982 50%,#d6c8a6);position:relative;overflow:hidden;flex-shrink:0}.thumb:before{content:'';width:100%;height:70%;position:absolute;left:-25%;bottom:-20%;border-radius:45%;background:#455e64;transform:rotate(-20deg)}.thumb:after{content:'';width:22px;height:22px;border-radius:50%;background:#e7d8b6;position:absolute;top:10px;right:5px}.take-item:nth-child(3n+2) .thumb{background:linear-gradient(150deg,#a6b5d9,#625e89)}.take-item:nth-child(3n) .thumb{background:linear-gradient(150deg,#e4cda6,#926862)}.take-item b{font-size:14px;font-weight:400;color:var(--body)}.take-item small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.take-visual:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(var(--surface),transparent 22%,transparent 72%,var(--surface))}.scan-line{position:absolute;width:260px;height:95px;border:1px solid #a792ec50;border-radius:20px;top:40%;opacity:0;animation:scan 13s infinite}
.timeline{width:87%;position:relative;min-width:0;color:#8f9098;font-size:10px}.ruler{display:flex;justify-content:space-between;border-bottom:1px solid #dcdce0;padding-bottom:7px;margin-bottom:10px}.track{display:flex;gap:5px;position:relative;align-items:stretch;margin-bottom:10px;height:58px}.track:before{position:absolute;left:-23px;top:40%;font-size:11px;content:'▣';color:#999}.caption-track{height:30px}.caption-track:before{content:'ᴄᴄ'}.music-track{height:28px}.music-track:before{content:'♫'}.clip{flex:1;min-width:0;border:1px solid #c1d2ec;border-radius:10px;background:#dfeafb;overflow:hidden;position:relative;box-shadow:0 5px 12px #00000005}.clip>span{font-size:9px;position:absolute;top:5px;left:8px;color:#4f637f;z-index:1}.clip .film{height:39px;background:repeating-linear-gradient(90deg,#8ea99a 0,#c2d0bc 19px,#829d8e 20px,#b4c9ce 39px);opacity:.8}.clip:nth-of-type(3) .film{background:repeating-linear-gradient(90deg,#918bc1 0,#b0b9d9 20px,#7d799c 21px,#c1bad4 40px)}.clip:nth-of-type(4) .film{background:repeating-linear-gradient(90deg,#c6ab8e 0,#d9c9a9 20px,#8e796f 21px,#bfb0a1 40px)}.wave{display:flex;align-items:center;gap:2px;height:14px;padding:0 7px;overflow:hidden}.wave i{width:2px;background:#849eca;height:var(--h);flex-shrink:0}.caption{background:#ece6ff;border:1px solid #d8cdf7;border-radius:8px;width:26%;padding:5px 10px;color:#8062d8}.caption:nth-child(2){margin-left:12%;width:22%;animation:caption-grow 10s infinite}.gap-clip{width:9%;border:1px dashed #d2d2d8;border-radius:8px;animation:close-gap 10s infinite;flex-shrink:0}.refine .clip:nth-child(3){animation:swap-one 10s infinite}.refine .clip:nth-child(4){animation:swap-two 10s infinite}.refine .clip:nth-child(n+3){outline:1px solid #9c83f3;outline-offset:-1px}.music{height:100%;border-radius:7px;background:#dcf1e4;border:1px solid #bfe5cf;display:flex;align-items:center;gap:10px;color:#6b9a7b;padding:0 10px;width:100%;animation:music-enter 10s infinite}.music .wave{flex:1}.music .wave i{background:#8bbc9b}.playhead{position:absolute;width:1px;background:#1b1b20;height:170px;top:13px;left:14%;animation:playhead 10s linear infinite;z-index:4}.playhead:before{content:'';width:8px;height:14px;background:#111;border-radius:2px;position:absolute;top:-2px;left:-3px}.edit-badge{position:absolute;bottom:58px;left:50%;transform:translateX(-50%);border:1px solid #ded5f8;background:var(--card);box-shadow:var(--shadow);padding:8px 14px;border-radius:20px;color:#9275df;font-size:12px;white-space:nowrap;animation:edit-status 10s infinite}
.chat-panel{position:sticky;top:112px;height:630px;background:#edeff3;border:1px solid #dfe0e5;border-radius:28px;padding:7px;box-shadow:0 18px 32px #00000010,0 3px 4px #00000006;font-size:14px}.chat-top{padding:12px 12px 10px;display:flex;justify-content:space-between;color:#242424}.chat-stage{background:#e3e4e8;border-radius:7px;font-size:12px;color:#777;padding:3px 8px}.chat-body{border-radius:20px 20px 0 0;background:var(--card);padding:18px 15px;height:calc(100% - 144px)}.attached-clips{display:flex;gap:4px;justify-content:flex-end;margin-bottom:8px}.attached-clips .thumb{width:28px;height:46px;border-radius:7px}.attached-clips .thumb:nth-child(even){filter:hue-rotate(50deg)}.chat-bubble{background:var(--surface);border-radius:22px;padding:14px;color:#424248;font-size:14px;line-height:1.55;margin:0 0 10px 32px}.operation{display:flex;align-items:center;justify-content:space-between;gap:5px;border:1px solid var(--line);border-radius:13px;padding:12px 10px;margin-top:8px;font-size:13px;color:var(--ink)}.operation b{font-weight:400}.operation small{font-size:11px;color:var(--muted);max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-answer{font-size:14px;margin-top:12px;color:var(--ink);line-height:1.6}.chat-result{display:none;align-items:center;gap:10px;margin-top:16px;padding:9px;border:1px solid var(--line);border-radius:13px;font-size:12px}.chat-result b{font-weight:500}.chat-result small{display:block;color:var(--muted);font-size:10px}.chat-result .thumb{width:28px;height:40px}.chat-panel[data-active="2"] .chat-result{display:flex}.chat-panel[data-active="1"] .attached-clips,.chat-panel[data-active="2"] .attached-clips{display:none}.chat-input{border:9px solid var(--card);border-top:0;background:var(--surface);padding:14px;border-radius:0 0 20px 20px;font-size:12px;color:var(--muted);height:98px}.chat-input>div{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.send{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#303031;color:#fff;font-size:16px}
.export-visual{display:flex;gap:24px;padding:48px 30px;background:#e8eaed}.mini-editor{background:var(--card);padding:10px;border-radius:18px;box-shadow:0 30px 45px #00000010;width:56%;transform:translate(-12px,20px)}.mini-bar{display:flex;justify-content:space-between;font-size:9px;align-items:center;margin-bottom:10px;color:var(--body)}.mini-bar b{font-weight:600;color:var(--ink)}.mini-bar i{font-style:normal}.abstract-video{height:260px;width:155px;position:relative;margin:10px auto;border-radius:17px;overflow:hidden;background:linear-gradient(160deg,#abbbbc,#294352);display:grid;place-items:center}.abstract-video b{position:relative;color:#fff;text-align:center;font-size:20px;letter-spacing:-.7px;line-height:1.1;animation:caption-pop 6s infinite}.abstract-video small{position:absolute;bottom:12px;color:#ffffff80;font-size:8px;letter-spacing:2px}.video-art{position:absolute;width:200px;height:200px;border-radius:50%;background:linear-gradient(145deg,#eccea6,#a79577);bottom:-90px;left:-80px}.format-list{width:45%;position:relative}.format-list>div{display:flex;align-items:center;gap:10px;background:var(--card);border-radius:20px;padding:16px 13px;margin-bottom:9px;box-shadow:0 20px 30px #00000007;animation:format-float 7s infinite}.format-list>div:nth-child(2){animation-delay:.5s}.format-list>div:nth-child(3){animation-delay:1s}.format-list p{font-size:12px;color:var(--ink)}.format-list small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.format-list b{font-size:10px;color:#84a48c;animation:export-check 7s infinite}.format-icon{width:23px;height:33px;flex-shrink:0;background:linear-gradient(145deg,#a3b9bf,#c1b090);border-radius:5px}.format-icon.landscape{width:34px;height:22px}.format-icon.square{width:28px;height:28px}
.ai-section{padding:140px 0 160px}.bento-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.bento{border:1px solid var(--line);border-radius:34px;background:var(--surface);overflow:hidden}.bento-art{height:380px;position:relative;overflow:hidden}.bento-copy{padding:20px 25px 26px}.bento-copy h3{font-size:16px;letter-spacing:-.2px}.bento-copy p{font-size:14px;margin-top:8px;color:var(--muted)}.ribbon-art svg{position:absolute;width:100%;height:100%;top:-10px}.ribbon-art text{font:28px var(--font);fill:#717174;letter-spacing:-1px}.voice-pill{position:absolute;top:170px;left:14px;border-radius:25px;padding:7px 12px;background:#1d1d23;color:#fff;font-size:10px;letter-spacing:1px;box-shadow:0 10px 16px #00000020}.notification{position:absolute;right:25px;bottom:15px;background:var(--card);width:310px;border-radius:22px;padding:16px;box-shadow:0 15px 25px #00000008;font-size:12px;animation:notification-in 7s infinite}.notification>div{color:var(--ink)}.notification>div span{color:var(--muted);margin-left:3px}.notification small{float:right;color:var(--muted)}.notification p{margin-top:8px;color:var(--ink);font-size:12px}.tag{display:inline-block;padding:3px 7px;color:#8d76cb;background:#f0eafa;border-radius:12px;font-size:10px;margin-top:8px}.import-art{display:grid;place-content:center;gap:25px;padding-top:40px}.import-files{display:flex;justify-content:center;gap:8px;animation:files-drop 7s infinite}.import-files>div{background:var(--card);box-shadow:0 10px 20px #00000008;width:53px;height:70px;border-radius:11px;padding:6px;position:relative;transform:rotate(-6deg)}.import-files>div:nth-child(2){transform:translateY(-4px) rotate(3deg)}.import-files>div:nth-child(3){transform:rotate(10deg)}.import-files span{display:grid;place-items:center;height:31px;background:var(--surface);border-radius:7px;color:#b4b4b7;font-size:17px}.import-files i{display:block;margin-top:5px;width:70%;height:2px;background:var(--line)}.import-files i+i{width:45%}.import-files b{position:absolute;right:-7px;bottom:-5px;font-size:8px;background:#333;color:#fff;padding:3px 5px;border-radius:5px}.drop-zone{width:230px;height:90px;border:1px dashed #c7c7cb;border-radius:24px;background:color-mix(in srgb,var(--card) 55%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:11px;color:var(--muted);animation:drop-glow 7s infinite}.drop-zone span{width:27px;height:27px;background:var(--card);box-shadow:0 3px 12px #00000008;border-radius:9px;display:grid;place-items:center;font-size:18px}
.collab-editor{width:115%;background:var(--card);border:7px solid #eceef3;border-radius:26px;padding:28px 25px;position:absolute;top:55px;left:28px;box-shadow:0 25px 35px #00000015}.collab-editor .mini-bar{font-size:12px;padding:0 8px 18px}.collab-editor .timeline{width:96%;margin-left:12px}.collab-editor .music{animation:none}.cursor{position:absolute;font-size:24px;z-index:6;text-shadow:1px 1px var(--card),-1px -1px var(--card)}.cursor span{position:absolute;font-size:10px;text-shadow:none;left:16px;top:25px;padding:4px 9px;border-radius:12px;white-space:nowrap;color:#fff;box-shadow:0 5px 10px #00000015}.cursor-one{left:69%;top:36%;color:#8260ef;animation:cursor-one 8s infinite}.cursor-one span{background:#8260ef}.cursor-two{left:40%;top:58%;color:#eb7e6d;animation:cursor-two 8s infinite}.cursor-two span{background:#eb7e6d}.cursor-three{left:57%;top:71%;color:#eab039;animation:cursor-three 8s infinite}.cursor-three span{background:#eab039}.tilted-art{display:grid;place-items:center;perspective:900px}.tilted-art .timeline{width:115%;transform:rotate(-24deg) rotateY(12deg) rotateX(25deg) translateX(-15px);font-size:10px}.tilted-art .music{animation:none}.tilted-art .clip .film{display:none}.tilted-art .clip{height:48px;padding-top:23px}.tilted-art .track{height:48px}.tilted-art .caption-track{height:26px}.tilted-art .music-track{height:30px}
.capabilities{padding-bottom:160px}.struck{display:block;color:var(--muted);font-size:23px;text-decoration:line-through;letter-spacing:-.5px;margin-bottom:10px}.capability-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:28px;position:relative}.capability{min-height:132px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;color:var(--body);font-size:14px}.capability:nth-child(5n){border-right:0}.capability:nth-child(n+6){border-bottom:0}.capability svg{width:22px;height:22px;stroke:#a0a0a3;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.capability:hover svg,.capability[aria-expanded="true"] svg{stroke:var(--purple)}.cap-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%,10px);background:var(--card);border:1px solid var(--line);box-shadow:0 20px 35px #00000015;border-radius:20px;padding:17px;text-align:left;width:240px;z-index:10;opacity:0;visibility:hidden;transition:.2s;color:var(--body);font-size:13px;pointer-events:none}.cap-tooltip b{display:block;font-weight:500;color:var(--ink);margin-bottom:8px}.capability:hover .cap-tooltip,.capability[aria-expanded="true"] .cap-tooltip,.capability:focus-visible .cap-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0)}
.examples{padding:96px 0 80px;overflow:hidden}.reel-stage{display:flex;gap:55px;align-items:center;justify-content:center;margin:58px auto 36px;min-height:560px}.reel{width:290px;border:1px solid var(--line);background:var(--card);padding:8px;border-radius:30px;box-shadow:0 5px 20px #00000002;flex-shrink:0;transition:transform .7s}.reel.side{width:225px;opacity:.65;transform:perspective(900px) rotateY(13deg) rotate(-2deg) scale(.96)}.reel.side.right{transform:perspective(900px) rotateY(-13deg) rotate(2deg) scale(.96)}.reel-art{aspect-ratio:9/16;border-radius:22px;position:relative;overflow:hidden;padding:22px;color:white}.reel-art small{font-size:8px;letter-spacing:1.4px;opacity:.65}.reel-art>span{font-size:33px;letter-spacing:-1.4px;font-weight:600;line-height:1.08;display:block;margin-top:20px;position:relative;z-index:2}.reel-art>b{position:absolute;bottom:20px;left:20px;font-size:10px;letter-spacing:5px}.art-one{background:#577466}.art-two{background:#b5a2d0}.art-three{background:#d3a886}.sculpture{width:240px;height:240px;position:absolute;top:43%;left:20%;border-radius:42%;background:linear-gradient(130deg,#eee8fa,#ae97d0 45%,#5b407e);box-shadow:inset -10px -10px 30px #49385c40,10px 30px 40px #4a365532;animation:sculpture 12s ease-in-out infinite}.orbit{width:220px;height:220px;border:40px solid #bad8a7;border-radius:50%;position:absolute;left:25px;bottom:75px;animation:sculpture 14s ease-in-out infinite;box-shadow:inset 5px 5px 20px #26342650,10px 20px 25px #26342625}.design-grid{position:absolute;left:-30px;right:-30px;bottom:90px;height:180px;background:repeating-linear-gradient(0deg,transparent 0 39px,#ffffff70 39px 40px),repeating-linear-gradient(90deg,transparent 0 39px,#ffffff70 39px 40px);transform:rotate(-14deg);animation:grid-drift 10s infinite alternate}.reel>p{font-size:14px;color:var(--ink);padding:10px 8px 5px}.reel>p small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.reel-controls{display:flex;align-items:center;gap:18px;justify-content:center;margin-bottom:55px}.dot{width:8px;height:8px;border-radius:10px;background:#c9c9cd;padding:0;transition:width .3s,background .3s;position:relative}.dot:before{content:'';position:absolute;inset:-10px}.dot.active{width:31px;background:var(--ink)}.pause{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#e9e9ed;color:#7d7d85;font-size:12px}.conversation{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:65px}.conversation .eyebrow{font-size:12px;margin-bottom:8px}.conversation h3{font-size:28px}.conversation>div>p{font-size:14px;margin-top:10px}.prompt-stack{display:flex;align-items:flex-end;flex-direction:column;gap:10px}.prompt-stack p{padding:14px 16px;border-radius:18px;background:var(--surface);color:#53535a;font-size:13px;max-width:100%;line-height:1.55}
.faq{padding-bottom:160px}.faq .section-intro{margin-bottom:48px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:20px;align-self:start;overflow:hidden}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding:22px 24px;font-size:16px;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:23px;color:var(--muted);line-height:1;transition:transform .2s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:14px;line-height:1.65;padding:0 24px 24px}
.closing{padding:80px 0 160px}.closing-card{display:grid;grid-template-columns:41% 59%;border:1px solid var(--line);border-radius:42px;overflow:hidden;height:500px;background:var(--card)}.closing-copy{padding:60px 48px;display:flex;flex-direction:column;justify-content:center;align-items:start}.closing-copy p{margin:26px 0 32px;line-height:1.55}.closing-art{position:relative;overflow:hidden;background:linear-gradient(155deg,#93b0c4,#9caebb 55%,#c8c1ac);padding:48px 0 0 65px}.closing-toolbar{display:flex;justify-content:flex-end;gap:8px;padding:8px 15px;background:#f5f5f8;border-radius:18px 18px 0 0;width:620px;font-size:13px;color:#333}.closing-toolbar span{background:#e9e9ee;padding:7px 14px;border-radius:10px}.closing-toolbar span:last-child{background:#222;color:#fff}.closing-chat{background:var(--card);border:10px solid #e7ecf2;border-radius:20px 20px 0 0;padding:16px;width:540px;height:480px;margin-left:45px}.closing-chat>div:first-child{font-size:18px;font-weight:550;margin-bottom:35px}.closing-chat>div:first-child>span{font-weight:400;color:#a0a0a5;margin-left:20px}.closing-chat .thumb{width:35px;height:56px}.closing-chat .chat-bubble{font-size:17px}.closing-operation{font-size:16px;margin:20px 0;color:var(--body);animation:closing-operation 8s infinite}.closing-chat .operation{animation:closing-result 8s infinite}.closing-answer{margin-top:15px;animation:closing-result 8s infinite}
footer{max-width:1440px;margin:auto;padding:50px 16px 0;overflow:hidden}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:32px}.footer-top>div{display:flex;gap:24px;align-items:center;font-size:14px}.socials button{background:none;padding:0;width:20px;color:var(--body)}.footer-ruler{height:45px;margin:50px -16px 20px;background:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 12px);mask-image:linear-gradient(transparent,black);position:relative;border-bottom:1px solid var(--line)}.footer-ruler:after{content:'0s                    1s                    2s                    3s                    4s                    5s                    6s                    7s                    8s                    9s';font-size:9px;white-space:pre;position:absolute;top:0;color:var(--muted);width:100%;word-spacing:2px;background:var(--paper)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.theme-switch{display:flex;background:var(--surface);padding:3px;border:1px solid var(--line);border-radius:9px}.theme-switch button{background:none;width:28px;border-radius:5px;color:var(--muted)}.theme-switch button[aria-pressed="true"]{background:var(--card);color:var(--ink);box-shadow:0 1px 3px #00000010}.footer-word{font-size:clamp(100px,20.5vw,310px);font-weight:600;letter-spacing:-.07em;line-height:.95;text-align:center;color:transparent;-webkit-text-stroke:1px var(--line);margin-top:70px;transform:translateY(15%)}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);background:#303031;color:#fff;box-shadow:0 10px 35px #00000020;z-index:60;display:flex;gap:22px;align-items:center;padding:15px 18px;border-radius:16px;opacity:0;visibility:hidden;transition:.3s;font-size:14px;max-width:calc(100% - 30px);width:max-content}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}.toast button{background:none;color:#fff;font-size:22px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}.paused *{animation-play-state:paused!important}
.dark{--paper:#141416;--ink:#f4f4f5;--muted:#85858d;--body:#aaaab1;--surface:#1d1d22;--line:#303036;--card:#222227;--shadow:0 20px 40px #00000020}.dark .chat-panel{background:#292a31;border-color:#383941}.dark .chat-top{color:#eee}.dark .chat-stage{background:#393943;color:#aaa}.dark .chat-bubble{color:#c6c6cf}.dark .export-visual{background:#2e3038}.dark .collab-editor{border-color:#303039}.dark .closing-chat{border-color:#30343b}.dark .pause{background:#303038}.dark .mini-bar{color:#aaa}
@keyframes hero-in{from{opacity:0;transform:translateY(15px);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes takes-scroll{to{transform:translateY(-276px)}}@keyframes scan{0%,25%,75%,100%{opacity:0}35%,60%{opacity:1}}@keyframes playhead{0%,10%{left:14%}85%,100%{left:88%}}@keyframes close-gap{0%,25%,95%,100%{width:9%;opacity:1}40%,85%{width:0;opacity:0;margin-right:-5px}}@keyframes swap-one{0%,45%,90%,100%{transform:translateX(0)}58%,78%{transform:translateX(103%)}}@keyframes swap-two{0%,45%,90%,100%{transform:translateX(0)}58%,78%{transform:translateX(-103%)}}@keyframes caption-grow{0%,35%,95%,100%{width:22%}55%,85%{width:35%;background:#d7caff}}@keyframes music-enter{0%,60%,100%{opacity:0;transform:translateY(9px)}70%,94%{opacity:1;transform:none}}@keyframes edit-status{0%,25%,90%,100%{opacity:0;translate:0 8px}40%,75%{opacity:1;translate:0 0}}@keyframes caption-pop{0%,15%,100%{opacity:.3;transform:scale(.95)}25%,80%{opacity:1;transform:scale(1)}}@keyframes format-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes export-check{0%,25%,100%{opacity:0}40%,90%{opacity:1}}@keyframes notification-in{0%,100%{opacity:0;transform:translateY(10px)}12%,85%{opacity:1;transform:none}}@keyframes files-drop{0%,15%,100%{opacity:0;transform:translateY(-25px)}30%,60%{opacity:1;transform:translateY(0)}80%,90%{opacity:0;transform:translateY(90px) scale(.8)}}@keyframes drop-glow{0%,60%,100%{border-color:#c7c7cb}75%,90%{border-color:#a3cfb0;background:#dff0e34a}}@keyframes cursor-one{50%{transform:translate(-45px,25px)}}@keyframes cursor-two{50%{transform:translate(32px,-15px)}}@keyframes cursor-three{50%{transform:translate(40px,10px)}}@keyframes sculpture{50%{transform:rotate(45deg) translateY(-12px);border-radius:30%}}@keyframes grid-drift{to{transform:rotate(-6deg) translateY(25px)}}@keyframes closing-operation{0%,30%,100%{opacity:1}50%,90%{opacity:.35}}@keyframes closing-result{0%,35%,100%{opacity:0;transform:translateY(8px)}50%,90%{opacity:1;transform:none}}
@media(max-width:1300px){.section-width{margin-left:40px;margin-right:40px}.workflow-grid{grid-template-columns:minmax(0,1fr) 320px}.visual{height:400px}.hero{padding-left:40px;padding-right:40px}.export-visual{gap:10px;padding:35px 15px}.format-list>div{padding:13px 10px}.abstract-video{width:130px}.notification{width:270px}.bento-art{height:330px}.conversation{padding:0 40px}.creator-section{padding-left:40px;padding-right:40px}.section-intro h2{max-width:760px}.closing-copy{padding:35px}.closing-art{padding-left:20px}}
@media(max-width:900px){.hero h1{font-size:58px;letter-spacing:-3px}.hero{padding-top:130px}.hero-demo{aspect-ratio:1.4}.workflow{padding-top:100px}.workflow-grid{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.workflow-card{padding:10px;border-radius:28px}.visual{height:330px}.card-copy{padding:22px 12px}.card-copy h3{font-size:22px}.card-copy p{font-size:14px}.chat-panel{height:570px;font-size:12px}.chat-body{padding:14px 9px}.chat-bubble{font-size:12px;margin-left:15px}.operation{font-size:11px;padding:10px 7px}.chat-answer{font-size:12px}.operation small{font-size:9px;max-width:65px}.export-visual{gap:5px;padding:20px 5px}.mini-editor{width:50%;padding:7px;transform:translate(0,20px)}.mini-bar span{display:none}.abstract-video{width:95px;height:190px}.abstract-video b{font-size:16px}.format-list{width:50%}.format-list>div{padding:11px 6px;gap:5px;border-radius:13px}.format-list p{font-size:9px}.format-list small{font-size:8px}.format-icon{width:15px;height:25px}.format-icon.landscape{width:22px;height:15px}.format-icon.square{width:20px;height:20px}.bento-grid{grid-template-columns:1.25fr 1fr}.bento-art{height:300px}.notification{width:235px;right:12px;padding:12px}.ribbon-art text{font-size:30px}.capability{font-size:12px}.closing-card{grid-template-columns:45% 55%;height:450px}.closing-copy{padding:25px}.closing-copy p{font-size:14px}.closing-copy h2{font-size:28px}.closing-chat{margin-left:0}.footer-top{flex-wrap:wrap}.footer-bottom{flex-wrap:wrap}.reel-stage{gap:28px}.reel.side{width:190px}.reel.center{width:260px}.ai-section{padding-top:80px}}
@media(max-width:700px){nav{padding:0 20px}.site-header{height:68px}.brand{font-size:22px}.nav-links{gap:16px;font-size:12px}.nav-links>.plain{display:none}.nav-links .pill{padding:10px 14px}.hero{padding:122px 20px 64px}.hero h1{font-size:42px;line-height:1.12;letter-spacing:-2.4px}.hero>p{font-size:14px;line-height:1.65;margin-top:24px}.desktop{display:none}.hero-button{font-size:15px;padding:14px 19px;margin-top:22px;gap:7px}.hero-button>span:first-child{font-size:20px}.hero-demo{margin-top:46px;aspect-ratio:1.1;border-radius:22px;padding:6px}.demo-placeholder{font-size:17px;border-radius:16px;gap:12px}.demo-placeholder small{font-size:11px}.play-outline{width:50px;height:50px;font-size:28px}.creator-section{padding:64px 24px}.creator-section h2{font-size:26px}.creator-rows p{font-size:15px}.creator-rows small{font-size:11px}.section-width{margin-left:20px;margin-right:20px}h2{font-size:28px;letter-spacing:-.6px}.section-intro{margin-bottom:35px}.section-intro p{font-size:14px}.workflow{padding:80px 0}.workflow-grid{display:flex;flex-direction:column}.workflow-cards{width:100%;gap:28px}.workflow-card{border-radius:26px}.visual{height:290px;border-radius:18px}.card-copy{padding:21px 12px 15px}.card-copy h3{font-size:23px}.card-copy .eyebrow{font-size:12px}.timeline{width:83%}.timeline .clip>span{font-size:7px;left:5px}.track{height:52px}.clip .film{height:32px}.caption-track{height:27px}.caption{font-size:8px;padding:5px}.music-track{height:25px}.edit-badge{bottom:33px;font-size:10px}.chat-panel{position:relative;top:0;width:100%;height:435px;margin-top:15px}.chat-top{font-size:14px}.chat-body{padding:14px}.chat-bubble{font-size:13px;margin-left:40px}.operation{font-size:12px}.operation small{font-size:11px;max-width:none}.chat-answer{font-size:13px}.chat-result{margin-top:8px}.chat-panel[data-active="2"] .second{display:none}.attached-clips .thumb{width:27px;height:38px}.chat-input{height:86px}.export-visual{gap:12px;padding:18px}.mini-editor{width:48%;padding:9px}.abstract-video{width:110px;height:190px}.format-list>div{padding:12px 8px;gap:8px}.format-list p{font-size:10px}.format-list small{font-size:8px}.ai-section{padding:70px 0 80px}.bento-grid{grid-template-columns:1fr;gap:16px}.bento{border-radius:26px}.bento-art{height:280px}.ribbon-art svg{width:120%;left:-10%}.notification{width:230px;bottom:10px}.bento-copy{padding:18px 22px 23px}.bento-copy p{font-size:13px}.import-art{padding-top:15px}.collab-editor{top:25px;left:18px;padding:22px 15px}.collab-editor .mini-bar{font-size:10px}.collab-editor .mini-bar span{display:block}.tilted-art .timeline{width:100%}.capabilities{padding-bottom:75px}.struck{font-size:18px}.capability-grid{grid-template-columns:repeat(2,1fr);border-radius:23px}.capability{font-size:13px;min-height:115px;border-bottom:1px solid var(--line)!important;border-right:1px solid var(--line)!important}.capability:nth-child(2n){border-right:0!important}.capability:nth-last-child(-n+2){border-bottom:0!important}.cap-tooltip{width:210px;left:0;transform:translate(0,10px)}.capability:nth-child(2n) .cap-tooltip{left:auto;right:0}.capability:hover .cap-tooltip,.capability[aria-expanded="true"] .cap-tooltip{transform:translate(0,0)}.examples{padding-top:60px;padding-bottom:65px}.reel-stage{gap:20px;margin-top:35px;min-height:450px}.reel.center{width:245px}.reel.side{width:155px}.reel-art>span{font-size:28px}.reel-art{padding:17px}.reel-art small{font-size:7px}.reel-controls{gap:20px;margin-bottom:40px}.conversation{grid-template-columns:1fr;gap:25px;padding:0 25px}.conversation h3{font-size:25px}.prompt-stack p{font-size:12px}.faq{padding-bottom:75px}.faq-grid{grid-template-columns:1fr;gap:12px}.faq summary{font-size:14px;padding:20px}.faq details p{font-size:13px;padding:0 20px 20px}.faq .section-intro{margin-bottom:32px}.closing{padding:40px 0 80px}.closing-card{height:auto;grid-template-columns:1fr;border-radius:30px}.closing-copy{padding:40px 30px}.closing-copy h2{font-size:30px}.closing-copy p{margin:20px 0 25px}.closing-art{height:320px;padding:25px 0 0 22px}.closing-chat{width:390px;border-width:7px;padding:13px}.closing-chat>div:first-child{font-size:15px;margin-bottom:20px}.closing-chat .chat-bubble{font-size:14px}.closing-chat .thumb{width:28px;height:43px}.closing-toolbar{width:430px}.closing-operation{font-size:13px}.closing-answer{font-size:13px}footer{padding:20px 24px 0}.footer-top{align-items:flex-start;gap:25px}.footer-top>div{gap:18px;font-size:12px}.footer-top .socials{width:100%;gap:22px}.footer-ruler{margin-top:35px}.footer-bottom{font-size:10px;gap:15px}.footer-word{margin-top:45px}.toast{font-size:12px}.take-stream{width:190px}.take-item{margin:20px 0}.take-item .thumb{height:58px}.reveal{transform:translateY(16px)}}
#how-it-works{scroll-margin-top:-105px}
@media(max-width:360px){nav{padding:0 16px}.brand{font-size:20px}.brand svg{width:23px}.nav-links>a{display:none}.hero h1{font-size:37px}.format-list p{font-size:9px}}
.refine .clip:first-child{flex:1.3}.refine .caption:nth-child(2){animation:caption-shift 10s infinite}.refine .playhead{animation:playhead 10s linear infinite,active-playhead 10s infinite}.refine .playhead:before{background:inherit}.refine .clip:nth-child(4){animation:swap-two 10s infinite,clip-lift 10s infinite}
@keyframes caption-shift{0%,25%,95%,100%{margin-left:12%;background:#ece6ff}40%,85%{margin-left:0;background:#d7caff}}
@keyframes active-playhead{0%,20%,95%,100%{background:#1b1b20;box-shadow:none}30%,90%{background:#8062f3;box-shadow:0 0 10px #8062f360}}
@keyframes clip-lift{0%,46%,75%,100%{translate:0 0}52%,67%{translate:0 -9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.music,.edit-badge,.format-list b,.notification,.import-files,.closing-chat .operation,.closing-answer{opacity:1;transform:none}.take-stream{transform:translateY(-160px)}.gap-clip{display:none}}