@font-face{font-family:Geist;src:url('geist.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#080a08;--panel:#131713;--text:#f4f5ef;--muted:#99a197;--line:#293027;--lime:#d6ff78;--font:Geist,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:5px}input:focus,select:focus{outline:2px solid var(--lime);outline-offset:1px}button,select,input{min-height:44px}button{border:0}svg{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.055em;line-height:1.06;font-weight:600}h2{font-size:clamp(36px,4.4vw,58px)}h3{font-size:26px}p{color:var(--muted)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:sticky;z-index:30;top:0;height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 40px;background:rgba(8,10,8,.91);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.035)}.brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:27px;letter-spacing:-1.2px;line-height:1}.brand svg{width:30px;height:32px}.preview-tag{font-size:11px;font-weight:500;letter-spacing:.01em;color:var(--muted);margin:6px 0 0 2px}.site-header nav{display:flex;gap:32px;font-size:14px;color:#b1b8ad}.site-header nav a:hover{color:white}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:54px;padding:13px 24px;border-radius:999px;font-weight:600;font-size:15px;white-space:nowrap;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:20px;font-weight:400}.button.small{min-height:44px;font-size:14px;padding:10px 20px}.lime{background:var(--lime);color:#15200a}.light{background:#f4f5ef;color:#101610}.dark{background:#14200d;color:#fff}.outline{background:transparent;border:1px solid #4a5545}.outline:hover{border-color:var(--lime)}.text-button{border:0;background:transparent;padding:8px 0;font-size:14px;color:#d4d9cf;text-decoration:none}.text-button:hover{color:var(--lime)}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.16em;display:flex;gap:9px;align-items:center;color:#bec9b7}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px #a3d45166}.hero{padding:72px 24px 0;text-align:center;overflow:hidden}.hero>.eyebrow{justify-content:center;margin-bottom:25px}.hero h1{font-size:clamp(52px,6.6vw,90px);line-height:1.015}.muted-heading{color:#aab4a3}.hero-sub{margin:25px auto 31px;font-size:17px;color:#a3aa9e}.import-form{display:flex;align-items:center;max-width:630px;margin:auto;background:#232921;border:1px solid #3a4434;padding:7px 7px 7px 22px;border-radius:999px;text-align:left;box-shadow:0 0 0 5px #1c221780}.link-icon{width:21px;height:21px;color:#929e8d;flex-shrink:0}.import-form input{background:none;border:0;color:#eee;min-width:0;width:100%;padding:10px 15px;outline-offset:-2px;border-radius:999px}.import-form input::placeholder{color:#939e8c}.import-secondary{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:15px;font-size:12px;color:#65705d}.source-list{display:flex;align-items:center;justify-content:center;gap:23px;margin:20px auto 35px;color:#75806e;font-size:12px}.source-list span:before{content:'↗';font-size:13px;margin-right:6px;color:#a6b69b}.info-button{border:1px solid #46543c;border-radius:50%;width:22px;min-height:22px;font-size:12px;background:none}.hero-error{max-width:600px;margin:auto}.error:empty{display:none}.error{color:#ffb3a3;font-size:14px;margin:16px 0}.hero-stage{max-width:1160px;height:490px;border:1px solid #343e2f;border-radius:24px;position:relative;margin:0 auto;background:radial-gradient(ellipse at 58% 55%,#283521 0%,#151c12 46%,#131811 75%);overflow:hidden;text-align:left;box-shadow:inset 0 1px 0 #ffffff08}.stage-topline,.stage-bottom{position:absolute;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#a1ae96;letter-spacing:.075em}.stage-topline{top:16px}.stage-topline .live-dot{margin-right:9px}.stage-pause{background:none;border:0;color:#9aab8e;font-size:11px;min-height:32px}.stage-bottom{bottom:20px;font-size:11px;letter-spacing:0}.stage-bottom i{padding:0 8px;color:#5b7148;font-style:normal}.source-stack{position:absolute;width:270px;left:5.8%;top:113px;z-index:2}.mini-label{font-size:10px;letter-spacing:.15em;color:#a2b394}.source-window{position:relative;border:1px solid #56674a;border-radius:12px;overflow:hidden;margin-top:13px;aspect-ratio:16/9;box-shadow:0 20px 50px #0003}.source-window img{width:100%;height:100%;object-fit:cover}.time-pill{position:absolute;bottom:8px;right:8px;font-size:10px;border-radius:4px;background:#080a08b8;padding:2px 5px}.source-play{position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:25px;text-shadow:0 2px 12px black}.source-timeline{height:36px;display:flex;gap:4px;align-items:center;margin:17px 0 3px;position:relative;border-radius:5px;overflow:hidden}.source-timeline span{flex:1;background:#718853;height:22px;border-radius:2px}.source-timeline span:nth-child(3n){height:14px;background:#a8cc79}.source-timeline span:nth-child(2n){height:29px;background:#516e39}.source-timeline i{position:absolute;height:34px;width:2px;background:var(--lime);left:0;box-shadow:0 0 6px #d6ff78;animation:scan 7s ease-in-out infinite}.source-filename{color:#7f9171;font-size:10px}.flow-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.wire,.pulse{fill:none;stroke:#526542;stroke-width:1.3}.pulse{stroke:#c1ed7c;stroke-width:2;stroke-dasharray:24 700;stroke-dashoffset:700;animation:flow 5s linear infinite}.clips-fan{position:absolute;left:43%;right:5%;top:89px;height:325px;display:flex;align-items:center;justify-content:center;gap:13px;perspective:1200px}.mini-clip{border:1px solid #657a55;border-radius:15px;width:31%;height:300px;padding:0;position:relative;overflow:hidden;background:#18220f;transition:transform .35s,box-shadow .35s;box-shadow:0 20px 45px #0008;flex-shrink:0}.mini-clip img,.mini-clip video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mini-clip video{z-index:1}.mini-clip.first{transform:rotate(-7deg) translateY(13px);animation:float-left 7s ease-in-out infinite}.mini-clip.second{transform:translateY(-13px);animation:float-middle 7s ease-in-out infinite}.mini-clip.third{transform:rotate(7deg) translateY(13px);animation:float-right 7s ease-in-out infinite}.mini-clip:hover{box-shadow:0 0 0 2px var(--lime),0 20px 45px #0008}.clip-number{position:absolute;z-index:3;top:9px;left:10px;font-size:10px;background:#0c110bbb;padding:3px 7px;border-radius:50px}.demo-play{position:absolute;z-index:3;right:11px;top:10px;font-size:11px;text-shadow:0 2px 10px black}.mini-caption{position:absolute;z-index:2;bottom:52px;left:4px;right:4px;color:#fff;text-align:center;font-size:17px;font-weight:800;line-height:1.45;letter-spacing:-.03em;text-shadow:0 2px 5px black}.mini-caption mark{background:var(--lime);border-radius:4px;padding:2px 5px;color:#111b0c;text-shadow:none}.mini-clip.has-video .mini-caption{display:none}.sample-credit{font-size:10px;margin-top:14px;color:#65705e}.section-shell{max-width:1160px;margin:auto;padding:114px 0}.section-title>.eyebrow{margin-bottom:24px}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:52px;border-top:1px solid var(--line)}.steps article{padding:31px 30px 0 0;min-width:0}.steps article+article{padding-left:30px;border-left:1px solid var(--line)}.step-number{font-size:12px;color:#7e8a76;font-variant-numeric:tabular-nums}.steps h3{margin:19px 0 13px;font-size:25px;letter-spacing:-.04em}.steps p{font-size:14px;max-width:260px;color:#9aa491}.step-visual{height:170px;margin-top:24px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.file-tile{width:100px;height:110px;border:1px solid #657d4e;border-radius:12px;background:#1a2811;color:var(--lime);transform:rotate(-12deg) translateX(15px);font-size:35px;padding:8px 16px;z-index:2;animation:float-small 5s ease-in-out infinite}.file-tile small{display:block;font-size:10px;color:#b7c3b1;white-space:nowrap}.drop-target{width:100px;height:110px;border:1px dashed #4c5942;border-radius:12px;color:#647859;font-size:36px;display:grid;place-items:center;transform:translateX(-5px)}.timeline-visual{align-items:center}.timeline-track{display:flex;gap:5px;width:100%;height:70px;align-items:center}.timeline-track i{height:45%;flex:1;background:#425332;border-radius:2px}.timeline-track i:nth-child(3n){height:85%;background:#728657}.timeline-track i:nth-child(2n){height:65%}.selection-box{position:absolute;width:110px;left:10%;height:70px;border:1px solid var(--lime);border-radius:5px;background:#d6ff7812;animation:selection 7s ease-in-out infinite}.selection-label{position:absolute;font-size:10px;color:var(--lime);bottom:14px;left:20%}.words-visual{display:block;text-align:center;padding-top:38px;font-size:26px;line-height:1.9;letter-spacing:-1px;color:#c5cfc0}.words-visual mark{border-radius:4px;padding:4px;background:var(--lime);color:#101909;animation:emphasis 3s steps(1) infinite}.words-visual strong{font-size:34px;color:#f1f8ec}.examples-section{border-top:1px solid var(--line)}.example-workbench{margin-top:48px;background:#141a12;border:1px solid #323e2b;border-radius:23px;display:grid;grid-template-columns:1fr 1fr;min-height:570px;overflow:hidden}.example-video-wrap{padding:25px;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at 50% 100%,#3c4926,#222b1b 35%,#151d11 70%)}.example-video-wrap video{height:490px;width:276px;max-width:100%;object-fit:contain;border-radius:13px;border:1px solid #6b7e56;background:#111;box-shadow:0 20px 60px #0006}.example-source{position:absolute;bottom:13px;left:0;right:0;text-align:center;font-size:10px;color:#8e9e80}.example-copy{padding:55px 50px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.feature-tabs{display:flex;gap:18px;border-bottom:1px solid #35422d;width:100%;margin-bottom:40px}.feature-tabs button{padding:10px 0 14px;background:none;color:#8c9c7e;font-size:13px;border-bottom:2px solid transparent}.feature-tabs button[aria-selected=true]{color:var(--lime);border-color:var(--lime)}.example-copy h3{font-size:42px;margin-bottom:20px;line-height:1.08}.example-copy p{font-size:15px;max-width:310px}.example-controls{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0 35px}.example-controls button{min-height:37px;font-size:11px;background:#25301d;border:1px solid #455737;color:#bdc9b4;border-radius:6px;padding:8px 11px}.example-controls button[aria-pressed=true]{background:#d6ff78;color:#17220e;border-color:#d6ff78}.pricing-section{padding-top:20px}.pricing-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.billing-switch{display:inline-flex;padding:5px;border:1px solid #38432f;border-radius:50px;background:#151b11;gap:3px}.billing-switch button{font-size:12px;border-radius:50px;padding:10px 16px;background:none;color:#a8b69d}.billing-switch button[aria-pressed=true]{background:#eee;color:#141d0e}.billing-switch span{font-size:10px;margin-left:4px;color:#819665}.pricing-preview{font-size:13px;margin:27px 0 24px;color:#9aaa8d}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price-card{padding:30px 27px 24px;border:1px solid #35402e;border-radius:18px;display:flex;flex-direction:column;background:#10150e;min-height:475px}.plan-name{font-size:17px;color:#e2ecdc;font-weight:600}.price{font-size:58px;font-weight:600;letter-spacing:-.07em;margin:23px 0 3px;white-space:nowrap;line-height:1.1}.price span{font-size:12px;font-weight:400;letter-spacing:0;color:#9cad8f;margin-left:7px}.price-detail{font-size:13px;color:#a5b598;min-height:40px}.price-card ul{list-style:none;margin:25px 0 35px;padding:0;font-size:13px;flex:1}.price-card li{margin:13px 0;color:#d2ddc9;padding-left:23px;position:relative}.price-card li:before{content:'✓';position:absolute;left:0;color:#99ba76}.price-card .button{width:100%;font-size:14px}.billing-note{font-size:10px;line-height:1.6;margin:12px 0 0;min-height:16px;text-align:center;color:#8fa37d}.pro{background:#d6ff78;color:#18250c;border-color:#d6ff78}.pro .plan-name,.pro .price-detail,.pro li,.pro li:before{color:#26371c}.pro .price span,.pro .billing-note{color:#4d6537}.plan-line{display:flex;align-items:center;justify-content:space-between;gap:4px}.plan-badge{font-size:8px;letter-spacing:.05em;border:1px solid #90b74f;border-radius:30px;padding:4px 8px;white-space:nowrap}.credit-details{margin-top:28px;border-bottom:1px solid var(--line);padding-bottom:10px}.credit-details summary,.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:55px;font-size:15px}.credit-details summary::-webkit-details-marker,.faq-list summary::-webkit-details-marker{display:none}.credit-details summary span,.faq-list summary span{color:#91a780;font-size:22px;font-weight:300}.credit-details p{font-size:14px;max-width:850px;line-height:1.7;margin:10px 0 20px}.faq-section{display:grid;grid-template-columns:1fr 1.3fr;gap:100px;padding-top:15px}.faq-section h2{font-size:42px}.faq-list details{border-bottom:1px solid #2d3925;padding:8px 0}.faq-list p{font-size:14px;line-height:1.7;margin:10px 0 20px}.faq-list a{font-size:12px;color:var(--lime);display:block;margin:12px 0 20px}.closing{text-align:center;border-top:1px solid var(--line);padding:80px 0 100px}.closing .eyebrow{justify-content:center;margin-bottom:25px}.closing h2{font-size:clamp(45px,6vw,75px);margin-bottom:32px}footer{border-top:1px solid var(--line);max-width:1320px;margin:auto;padding:36px 35px;display:flex;align-items:center;justify-content:space-between;gap:30px}footer>div{display:flex;align-items:center;gap:25px;font-size:11px;color:#7e9070}footer .text-button{font-size:11px;color:#7e9070}footer>span{font-size:11px;color:#738066}.back-link{background:none;color:#b6c4aa;font-size:14px}body[data-view=studio] .site-header nav,body[data-view=studio] .header-start{display:none}.studio-shell{max-width:1120px;padding:65px 28px 90px;margin:auto}.studio-heading{position:relative;margin-bottom:33px}.studio-heading h1{font-size:44px;margin-top:17px}.studio-heading #new-project{position:absolute;right:0;bottom:5px}.task-switch{display:flex;gap:8px;margin-bottom:23px}.task-switch button{border-radius:50px;background:#1d2717;color:#97aa88;padding:10px 20px;font-size:14px}.task-switch button[aria-pressed=true]{background:#d6ff78;color:#1e2b13}.drop-zone{border:1px dashed #576b45;border-radius:18px;background:linear-gradient(140deg,#1b2813,#11190c);min-height:265px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.drop-zone.dragging{border-color:#e0ff9f;background:#293c1c}.drop-zone svg{width:38px;height:38px;color:#aeca92}.drop-zone h2{font-size:29px}.drop-zone p{font-size:12px;color:#8c9f7d}.studio-link-form{display:flex;margin-top:20px;gap:9px}.studio-link-form input{flex:1;min-width:0;border:1px solid #3f5032;border-radius:50px;padding:14px 22px;background:#1a2215;color:#fff}.studio-options{margin:14px 0 28px;padding:7px 0;border-bottom:1px solid var(--line)}.studio-options summary{cursor:pointer;display:flex;justify-content:space-between;min-height:40px;align-items:center;font-size:13px;color:#a3b398}.option-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.option-fields label,.two-fields label,.field-label{font-size:12px;color:#aec39c;display:block}.option-fields input,.option-fields select,.two-fields input,.two-fields select,.field-label input{display:block;width:100%;border:1px solid #3a4a2f;background:#141e0e;color:#e9f1e2;border-radius:7px;margin-top:7px;padding:10px 11px}.studio-options p{font-size:12px;line-height:1.6;margin-bottom:18px}.sample-choices{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sample-choices>span{font-size:13px;color:#a0b490;margin-right:8px}.sample-choices button{background:#1e2b16;border:1px solid #3b4d2e;border-radius:9px;padding:7px 12px 7px 7px;font-size:12px;display:flex;align-items:center;gap:10px}.sample-choices img{width:43px;height:32px;object-fit:cover;border-radius:4px}.sample-choices small{font-size:10px;color:#829b6e}.local-notice{font-size:11px;color:#738769;margin-top:25px}.processing{text-align:center;padding:70px 0 100px}.processing h2{font-size:29px;margin:28px 0 14px;letter-spacing:-.035em}.processing p{font-size:14px}.processing .text-button{margin-top:23px}.processing-orbit{height:100px;display:flex;justify-content:center;gap:13px;align-items:center}.processing-orbit span{height:73px;width:43px;background:#253a16;border:1px solid #8ab653;border-radius:8px;animation:processing 1.5s ease-in-out infinite}.processing-orbit span:nth-child(2){animation-delay:.17s}.processing-orbit span:nth-child(3){animation-delay:.34s}.results-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:20px}.results-top p{font-size:14px;color:#9fb18f}.clip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.result-card{min-width:0;border:1px solid #39492e;border-radius:16px;background:#111a0c;padding:12px}.result-card video{display:block;max-height:490px;width:100%;aspect-ratio:9/16;object-fit:contain;background:#060906;border-radius:9px}.result-card h3{font-size:20px;line-height:1.25;letter-spacing:-.035em;margin:18px 7px 7px;min-height:50px}.result-card .clip-meta{margin:5px 7px 18px;font-size:11px;color:#8ea478}.result-actions{display:flex;gap:8px;flex-wrap:wrap}.result-actions .button{flex:1;min-height:44px;font-size:12px;padding:10px 14px}.subtitle-links{display:flex;justify-content:center;gap:18px;margin-top:13px;padding:5px}.subtitle-links a{color:#9db38a;font-size:11px}.subtitle-links a:hover{color:var(--lime)}dialog{padding:0;background:#11170d;color:#eef6e6;border:1px solid #53693e;border-radius:18px;box-shadow:0 30px 180px #000c;max-height:92vh;overflow:auto}dialog::backdrop{background:#030703d9;backdrop-filter:blur(8px)}.dialog-top{padding:20px 27px;border-bottom:1px solid #344728;display:flex;justify-content:space-between;align-items:center}.dialog-top h2{font-size:23px;letter-spacing:-.035em}.icon-button{width:44px;height:44px;min-height:44px;display:grid;place-items:center;border-radius:50%;background:#27351d;color:white;font-size:27px;font-weight:300}.editor-dialog{width:min(1040px,94vw)}.editor-layout{display:grid;grid-template-columns:.85fr 1fr;gap:32px;padding:28px}.editor-preview{display:flex;align-items:flex-start;justify-content:center;background:#0b1008;border-radius:12px;padding:14px}.editor-preview video{width:100%;max-height:620px;object-fit:contain;border-radius:8px}.editor-layout form{min-width:0}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.caption-edit-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:15px 0 8px;font-size:13px;color:#b4c9a0}.caption-edit-head button{font-size:11px}.caption-words{max-height:160px;overflow-y:auto;background:#0b1307;border:1px solid #364c25;border-radius:8px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:5px;padding:10px}.caption-words input{border:1px solid #3c532b;background:#1b2c11;border-radius:5px;padding:6px 7px;color:#e1f1d5;font-size:12px;min-height:34px;min-width:37px;max-width:100%}.editor-actions{display:flex;gap:10px;margin-top:20px}.editor-actions .button{font-size:13px;min-height:48px}.saved-looks{display:flex;gap:7px;margin:6px 0}.saved-looks button{font-size:11px;background:#2b401b;border:1px solid #5d7d3d;padding:5px 9px;border-radius:5px;min-height:32px}.demo-dialog{background:#000;width:auto;max-width:min(92vw,520px);overflow:visible;border-radius:14px}.demo-dialog video{display:block;max-height:84vh;max-width:90vw;width:100%;border-radius:12px}.demo-dialog .icon-button{position:absolute;right:-13px;top:-17px;z-index:5}.info-dialog{width:min(500px,92vw);padding:34px}.info-dialog>.icon-button{position:absolute;right:12px;top:12px}.info-dialog h2{font-size:28px;margin:16px 0 23px;max-width:350px}.info-dialog p{font-size:14px;line-height:1.7;margin:15px 0;color:#b3c8a0}.info-dialog a{color:var(--lime);text-decoration:underline}.info-dialog>.button{margin-top:22px}.reveal{opacity:1}.reveal.pending{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.reveal.shown{opacity:1;transform:translateY(0)}.motion-paused *{animation-play-state:paused!important}@keyframes scan{0%,12%{left:0}80%,100%{left:99%}}@keyframes flow{to{stroke-dashoffset:-350}}@keyframes float-left{50%{transform:rotate(-5deg) translateY(3px)}}@keyframes float-middle{50%{transform:translateY(-21px)}}@keyframes float-right{50%{transform:rotate(5deg) translateY(2px)}}@keyframes float-small{50%{transform:rotate(-6deg) translate(18px,-7px)}}@keyframes selection{0%,20%{left:8%}50%,70%{left:50%}100%{left:8%}}@keyframes emphasis{50%{background:#374929;color:#d6ff78}}@keyframes processing{50%{transform:translateY(-15px);background:#43671f}}
@media(min-width:1500px){.hero-stage{height:510px}.hero{padding-top:88px}}@media(max-width:1240px){.section-shell{margin:0 35px}.site-header{padding:0 28px}.source-stack{width:24%}.clips-fan{right:4%;gap:10px}.mini-clip{height:290px}.faq-section{gap:55px}.example-copy{padding:40px 35px}}
@media(max-width:900px){.hero{padding-top:55px}.hero h1{font-size:68px}.site-header nav{gap:20px}.hero-stage{height:420px}.source-stack{top:114px;left:4%}.clips-fan{top:90px;height:270px;left:38%;right:4%}.mini-clip{height:240px;width:31%}.mini-caption{font-size:13px}.stage-topline{font-size:8px;left:20px;right:20px}.mini-label{font-size:8px}.source-filename{font-size:8px}.section-shell{padding-top:80px;padding-bottom:80px}.steps article{padding-right:16px}.steps article+article{padding-left:16px}.steps h3{font-size:21px}.steps p{font-size:13px}.price-card{padding:25px 19px}.plan-badge{display:none}.price{font-size:49px}.price-card ul{font-size:12px}.price-card .button{padding:10px 12px;font-size:12px}.pricing-heading{align-items:start}.example-copy h3{font-size:35px}.example-copy{padding:32px 24px}.example-video-wrap{padding:20px}.example-video-wrap video{height:425px;width:239px}.example-workbench{min-height:490px}.faq-section{gap:30px;grid-template-columns:.8fr 1.2fr}.faq-section h2{font-size:34px}footer{flex-wrap:wrap}footer>span{display:none}.clip-grid{gap:14px}.option-fields{grid-template-columns:1fr 1fr}}
@media(max-width:640px){html{scroll-padding-top:78px}.site-header{height:70px;padding:0 19px;gap:10px}.brand{font-size:25px}.brand svg{width:26px}.preview-tag{font-size:9px}.site-header nav{display:none}.header-start{font-size:12px!important;padding:9px 15px!important}.hero{padding:43px 19px 0}.hero>.eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:23px}.hero h1{font-size:58px}.hero-sub{font-size:14px;max-width:280px;margin:23px auto 27px;line-height:1.6}.import-form{padding:5px 5px 5px 13px;box-shadow:0 0 0 3px #1c221780}.import-form input{font-size:13px;padding:9px 9px}.import-form .button{font-size:12px;min-height:47px;padding:11px 15px;gap:8px}.import-form .button span{font-size:15px}.link-icon{width:17px}.import-secondary{gap:14px;margin-top:12px}.import-secondary .text-button{font-size:12px}.source-list{font-size:9px;gap:12px;flex-wrap:wrap;margin:15px 0 26px}.source-list span:before{display:none}.info-button{width:19px;min-height:19px;font-size:10px}.hero-stage{height:425px;border-radius:17px;margin:0 -4px}.stage-topline{top:12px;left:15px;right:15px;font-size:7px;letter-spacing:.025em}.stage-topline .live-dot{width:4px;height:4px;margin-right:4px}.stage-pause{font-size:0;min-height:30px}.stage-pause span{font-size:14px}.source-stack{top:49px;left:50%;width:148px;transform:translateX(-50%)}.source-window{margin-top:4px;border-radius:8px}.source-window .time-pill{font-size:8px;bottom:5px;right:5px}.source-play{font-size:17px}.mini-label{font-size:7px;display:block;text-align:center;letter-spacing:.08em}.source-timeline{display:none}.source-filename{display:none}.clips-fan{top:169px;height:195px;left:8%;right:8%;gap:8px}.mini-clip{width:31%;height:182px;border-radius:8px}.mini-caption{font-size:10px;bottom:33px}.mini-caption mark{padding:1px 2px;border-radius:3px}.clip-number{top:5px;left:5px;font-size:7px;padding:2px 4px}.demo-play{top:6px;right:7px;font-size:7px}.flow-lines{transform:rotate(90deg);width:70%;left:15%;top:30%;height:35%;opacity:.4}.stage-bottom{left:14px;right:14px;bottom:15px;font-size:7px;gap:10px}.stage-bottom i{padding:0 3px}.sample-credit{font-size:8px}.section-shell{margin:0 23px;padding:65px 0}h2{font-size:41px}.section-title>.eyebrow{font-size:9px;margin-bottom:19px}.steps{grid-template-columns:1fr;margin-top:31px}.steps article,.steps article+article{padding:26px 0 0;border-left:none;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 130px;column-gap:15px}.steps .step-number{grid-column:1;font-size:10px}.steps h3{grid-column:1;font-size:24px;margin:12px 0}.steps p{grid-column:1;font-size:12px;padding-bottom:30px;max-width:210px}.step-visual{grid-column:2;grid-row:1/4;height:130px;margin:0;align-self:center;transform:scale(.78);transform-origin:center}.import-visual .file-tile{flex-shrink:0;width:78px;height:88px;padding:5px 12px;font-size:25px}.import-visual .file-tile small{font-size:8px}.import-visual .drop-target{width:70px;height:88px;flex-shrink:0}.timeline-visual{width:148px;transform:scale(.8);transform-origin:left}.selection-box{width:65px}.selection-label{font-size:8px;bottom:6px;left:6%}.words-visual{font-size:19px;padding-top:22px;line-height:2}.words-visual strong{font-size:25px}.example-workbench{grid-template-columns:1fr;margin-top:30px;border-radius:17px}.example-video-wrap{padding:25px 20px 30px;min-height:400px}.example-video-wrap video{height:365px;width:206px}.example-source{bottom:9px;font-size:9px}.example-copy{padding:27px}.feature-tabs{margin-bottom:26px;gap:24px}.feature-tabs button{font-size:13px}.example-copy h3{font-size:36px;max-width:275px}.example-copy p{font-size:14px}.example-controls{margin:23px 0 28px}.example-copy .button{width:100%}.pricing-heading{display:block}.billing-switch{margin-top:24px}.pricing-preview{font-size:11px;max-width:300px;line-height:1.7}.pricing-grid{grid-template-columns:1fr;gap:15px}.price-card{min-height:0;padding:26px}.plan-badge{display:block}.price-card ul{font-size:14px;margin:20px 0 25px}.price-card .price-detail{min-height:0;font-size:13px}.price-card .button{min-height:48px;font-size:14px}.price{font-size:54px;margin-top:20px}.billing-note{font-size:10px}.credit-details summary{font-size:13px}.credit-details p{font-size:12px}.faq-section{grid-template-columns:1fr;gap:25px}.faq-section h2{font-size:35px}.faq-list summary{font-size:14px}.faq-list p{font-size:13px}.closing h2{font-size:51px}.closing .eyebrow{font-size:9px}.closing .button{font-size:14px}footer{padding:28px 23px;gap:21px}footer .brand{font-size:23px}footer>div{flex-wrap:wrap;gap:15px;font-size:10px}footer .text-button{font-size:10px}.studio-shell{padding:40px 20px 65px}.studio-heading h1{font-size:35px}.studio-heading #new-project{position:static;margin-top:15px}.task-switch button{padding:10px 18px;font-size:13px}.drop-zone{min-height:245px}.drop-zone h2{font-size:28px}.studio-link-form{flex-direction:column}.studio-link-form input{font-size:14px}.studio-link-form button{width:100%}.sample-choices>span{width:100%;margin-bottom:3px}.sample-choices{gap:8px}.sample-choices button{font-size:10px;padding-right:9px;gap:7px}.sample-choices small{display:none}.sample-choices img{width:34px;height:28px}.local-notice{font-size:10px;line-height:1.6}.clip-grid{grid-template-columns:1fr;gap:25px}.result-card{max-width:360px;margin:auto;width:100%}.result-card video{max-height:520px}.result-card h3{min-height:0}.result-actions .button{font-size:14px}.subtitle-links a{font-size:12px}.results-top{align-items:flex-start}.results-top p{font-size:12px;max-width:160px}.results-top .button{font-size:11px;padding:10px 14px}.editor-dialog{width:96vw;max-height:94vh;border-radius:12px}.dialog-top{padding:12px 18px}.dialog-top h2{font-size:21px}.editor-layout{display:block;padding:17px}.editor-preview{padding:0;margin-bottom:23px}.editor-preview video{max-height:300px;width:auto;max-width:100%;aspect-ratio:9/16}.two-fields{gap:10px}.caption-words{max-height:150px}.editor-actions .button{flex:1;min-height:48px}.info-dialog{padding:25px}.info-dialog h2{font-size:26px;padding-right:20px}.processing{padding:50px 0 90px}.processing h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal.pending{opacity:1;transform:none}}

.sample-choices button:disabled{opacity:.4;cursor:not-allowed}

.mini-clip:hover,.mini-clip:focus-visible{animation-play-state:paused}

.source-window{width:100%;padding:0;display:block;text-align:left}

.hero-config{display:flex;align-items:center;justify-content:center;gap:14px;margin:20px 0 7px;font-size:12px;color:#a7b39b}.hero-config select{font:inherit;background:#172010;border:1px solid #445536;color:#dbe9cf;border-radius:30px;padding:7px 12px;cursor:pointer}.hero-ai-note{font-size:12px;color:#98a78b;margin:0 auto 8px;max-width:340px;line-height:1.5}.source-list{margin-top:16px}@media(max-width:640px){.hero-config{font-size:11px;margin-top:18px;gap:10px}.hero-ai-note{font-size:11px;max-width:290px}}

/* Platform destination previews preserve the original hero's visual direction. */
.link-field{position:relative;display:block;flex:1;min-width:0}.link-field input{display:block}.typing-prompt{display:none;position:absolute;left:15px;right:9px;top:50%;transform:translateY(-50%);white-space:nowrap;overflow:hidden;color:#a8b49d;pointer-events:none;font-size:15px;align-items:center;gap:2px}.animated-hint .typing-prompt{display:flex}.animated-hint input::placeholder{color:transparent}.animated-hint:focus-within .typing-prompt,.animated-hint.has-value .typing-prompt{display:none}.animated-hint input:focus::placeholder{color:#a8b49d}.typing-prompt i{display:inline-block;width:1px;height:17px;background:var(--lime);flex-shrink:0;animation:caret-blink 1s steps(1) infinite}.motion-paused .typing-prompt i{animation-play-state:paused}.clips-fan{left:37%;right:3%;top:111px;gap:13px;height:300px}.mini-clip{width:22%;height:auto;aspect-ratio:9/16;overflow:visible}.mini-clip>img,.mini-clip video{border-radius:14px}.platform-badge{position:absolute;top:calc(100% + 11px);left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;font-size:10px;font-weight:500;color:#d1dfc5;background:#182311;border:1px solid #3d5130;border-radius:30px;padding:7px 8px;box-shadow:0 8px 20px #0002}.platform-badge img{position:static;width:15px;height:15px;filter:invert(1);object-fit:contain}.mini-clip.fourth{transform:rotate(9deg) translateY(14px);animation:float-fourth 7s ease-in-out infinite}.mini-clip.first{animation-delay:-1s}.mini-clip.third{animation-delay:-2s}.mini-clip.fourth{animation-delay:-3s}.hero-stage .stage-bottom{bottom:19px}.format-options{display:flex;align-items:center;justify-content:center;gap:10px;margin:23px auto 0;flex-wrap:wrap}.format-options>button:not(.info-button){display:flex;align-items:center;gap:8px;background:#131b0f;border:1px solid #34472a;border-radius:999px;padding:9px 14px;color:#d0dcc6;font-size:12px;transition:background .2s,border-color .2s,transform .2s}.format-options>button:hover{border-color:#91b265;background:#1e2c14;transform:translateY(-2px)}.format-options button>span{color:#81966e;font-size:10px}.shape{display:block;border:1.3px solid #b8d995;border-radius:2px;width:11px;height:18px}.shape.square{width:15px;height:15px}.shape.landscape{width:20px;height:12px}.demo-caption{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;font-size:13px;color:#b5c3a9}.demo-caption a{color:var(--lime);white-space:nowrap}.demo-dialog{padding-bottom:18px}.demo-dialog video{max-height:75vh}.hero-stage .mini-clip:focus-visible{outline:3px solid var(--lime);outline-offset:4px}body[data-hosting=preview] .hero-config,body[data-hosting=preview] .hero-ai-note{display:none}.public-preview-note{font-size:12px;color:#9aa98d;margin:12px auto 0}.demo-dialog #demo-download{font-size:12px}
@keyframes caret-blink{50%{opacity:0}}@keyframes float-fourth{50%{transform:rotate(7deg) translateY(2px)}}
@media(max-width:900px){.clips-fan{left:33%;right:3%;gap:9px;top:95px;height:230px}.mini-clip{width:22.5%;height:auto}.platform-badge{font-size:8px;gap:4px;padding:6px}.platform-badge img{width:12px;height:12px}.source-stack{width:23%;left:4%}.hero-stage{height:420px}}
@media(max-width:640px){.hero h1{font-size:clamp(42px,13.2vw,58px)}.typing-prompt{left:9px;font-size:12px;gap:1px}.typing-prompt i{height:14px}.import-form .button{padding:11px 12px}.hero-stage{height:653px}.source-stack{top:52px;left:50%;width:140px}.clips-fan{display:grid;grid-template-columns:repeat(2,114px);grid-auto-rows:203px;justify-content:center;align-content:start;left:0;right:0;top:182px;height:auto;gap:35px 25px}.mini-clip{width:114px;height:188px;aspect-ratio:9/16;border-radius:10px}.mini-clip>img,.mini-clip video{border-radius:9px}.platform-badge{font-size:9px;padding:6px 8px;gap:5px;top:calc(100% + 7px)}.platform-badge img{width:13px;height:13px}.mini-clip.first,.mini-clip.second,.mini-clip.third,.mini-clip.fourth{animation:none;transform:rotate(-3deg)}.mini-clip.second,.mini-clip.fourth{transform:rotate(3deg)}.flow-lines{left:6%;top:7%;width:88%;height:32%;opacity:.5}.hero-stage .stage-bottom{bottom:13px;left:13px;right:13px;font-size:8px}.stage-topline{font-size:7px}.format-options{gap:8px;margin-top:19px}.format-options>button:not(.info-button){font-size:11px;padding:9px 11px}.format-options button>span{font-size:9px}.demo-caption{flex-direction:column;gap:7px;text-align:center;font-size:12px}.public-preview-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.typing-prompt i{animation:none;opacity:0}.format-options>button:hover{transform:none}}
@media(min-width:901px){.platform-badge{font-size:12px;padding:7px 9px}}
@media(max-width:640px){.hero-stage{height:704px}.mini-clip{height:203px}}
.flip-control{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #455737;border-radius:7px;background:#25301d;color:#bdc9b4;font-size:13px;margin:-17px 0 27px;min-height:40px}.flip-control[aria-pressed=true]{background:var(--lime);color:#17220e;border-color:var(--lime)}.flip-control span{font-size:21px;line-height:1}.flip-control[hidden]{display:none}.frame-shortcuts{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0}.frame-preset{border:1px solid #516441;border-radius:8px;background:#25301d;color:#e1eed5;padding:10px 13px;font-size:14px}.frame-preset span{color:#9aaa8d;font-size:12px;margin-left:5px}.flip-setting{display:flex!important;align-items:center;gap:9px;font-size:14px!important;cursor:pointer}.flip-setting input{width:18px!important;height:18px;accent-color:var(--lime);margin:0!important}.example-video-wrap video{transition:width .25s,height .25s}.example-video-wrap video[data-ratio="1:1"]{width:calc(100% - 10px);height:auto;aspect-ratio:1}.example-video-wrap video[data-ratio="16:9"]{width:calc(100% - 10px);height:auto;aspect-ratio:16/9}
/* Real export shapes, colored platform marks, and two panels that join. */
.clips-fan{left:32%;right:4%;top:82px;height:320px;gap:18px;align-items:center}.hero-stage .source-stack{left:4%;width:23%;top:132px}.clips-fan .mini-clip{width:22%;height:auto;aspect-ratio:9/16;overflow:visible;flex-shrink:1}.clips-fan .square-clip{aspect-ratio:1}.clips-fan .landscape-clip{aspect-ratio:16/9;width:27%}.mini-clip>img,.mini-clip>video{border-radius:14px;object-fit:contain}.platform-badge{width:39px;height:39px;min-height:0;padding:8px!important;top:calc(100% + 14px);background:#080b08;border:1px solid #46543c;border-radius:50%;gap:0}.platform-badge img{width:23px;height:23px;filter:none;object-fit:contain;position:static}.reaction-clip{border-color:transparent;background:transparent;box-shadow:none}.reaction-clip>img,.reaction-clip>video{visibility:hidden}.reaction-panels{position:absolute;inset:0;z-index:2;pointer-events:none}.reaction-panel{position:absolute;left:0;right:0;height:50%;overflow:hidden;border:1px solid #769060;background:#101610;box-shadow:0 15px 40px #0006}.reaction-panel.top{top:0;border-radius:13px 13px 0 0;animation:join-top 7s ease-in-out infinite}.reaction-panel.bottom{bottom:0;border-radius:0 0 13px 13px;animation:join-bottom 7s ease-in-out infinite}.reaction-panel img,.reaction-panel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0}.reaction-clip .demo-play{z-index:5}.feature-tabs{gap:15px}.feature-tabs button{font-size:13px}.motion-paused .reaction-panel{animation-play-state:paused!important}
@keyframes join-top{0%,15%,100%{transform:translate(-15%,-18px);border-radius:13px}40%,78%{transform:translate(0,0);border-radius:13px 13px 0 0}}
@keyframes join-bottom{0%,15%,100%{transform:translate(15%,18px);border-radius:13px}40%,78%{transform:translate(0,0);border-radius:0 0 13px 13px}}
@media(max-width:900px) and (min-width:641px){.clips-fan{left:31%;right:4%;top:65px;gap:15px;height:270px}.hero-stage .source-stack{top:115px}.platform-badge{width:34px;height:34px;padding:6px!important}.platform-badge img{width:22px;height:22px}}
@media(max-width:640px){.hero-stage{height:703px}.hero-stage .source-stack{left:50%;top:54px;width:140px}.clips-fan{left:0;right:0;top:205px;display:grid;grid-template-columns:repeat(2,112px);grid-template-rows:199px 199px;gap:52px 35px;height:auto;align-items:center}.clips-fan .mini-clip,.clips-fan .landscape-clip{width:112px;height:auto;flex-shrink:0}.clips-fan .mini-clip{aspect-ratio:9/16}.clips-fan .square-clip{aspect-ratio:1}.clips-fan .landscape-clip{aspect-ratio:16/9}.platform-badge{width:31px;height:31px;padding:6px!important;top:calc(100% + 8px)}.platform-badge img{width:19px;height:19px}.reaction-panel.top,.reaction-panel.bottom{animation-duration:7s}.stage-bottom>span:last-child{font-size:7px}.feature-tabs{gap:13px}.feature-tabs button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.reaction-panel.top,.reaction-panel.bottom{animation:none;transform:none}}

@media(max-width:640px){.hero-stage{height:750px}}