:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{scroll-behavior:smooth}body{color:#f7f4fa;background:#0e0b14;overflow-x:clip}.existing-hero,.existing-section,.existing-final,.existing-footer{width:min(1180px,90vw);margin-inline:auto}.existing-hero{grid-template-columns:minmax(0,1fr) minmax(390px,.82fr);align-items:start;gap:clamp(44px,7vw,100px);min-height:calc(100vh - 96px);padding-block:56px 84px;display:grid}.existing-eyebrow{color:var(--accent);font-family:var(--font-display);letter-spacing:1.2px;text-transform:uppercase;margin:0 0 20px;font-size:12px;font-weight:400;line-height:1.33}.existing-hero h1{max-width:720px;color:var(--text-hi);font-family:var(--font-display);letter-spacing:-.018em;text-transform:uppercase;margin:0;font-size:clamp(32px,8vw,63px);font-weight:900;line-height:1.05}.existing-lead,.existing-section__lead{max-width:710px;color:var(--text-body);font-family:var(--font-body);margin:28px 0 32px;font-size:clamp(18px,1.6vw,22px);line-height:1.5}.existing-btn{border-radius:var(--radius-btn);min-height:48px;font:700 13px/1 var(--font-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:0;justify-content:center;align-items:center;gap:9px;padding:0 24px;text-decoration:none;display:inline-flex}.existing-btn--primary{color:#fff;background:linear-gradient(to right, var(--accent-fill), var(--accent-fill-hover));box-shadow:0 12px 28px #e00b553d}.existing-btn--primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #f20c5959}.existing-btn--primary:active{transform:translateY(0);box-shadow:0 1px 2px #0006}.existing-btn--ghost{color:#fff;background:#ffffff0d;border:1px solid #ffffff38}.existing-btn--scroll{border-radius:var(--radius-btn);color:#fff;background:#ffffff0f;border:1px solid #ffffff3d;justify-content:space-between;gap:16px;min-height:48px;padding:0 19px 0 22px;transition:border-color .25s,background .25s,transform .25s;box-shadow:inset 0 1px #ffffff12}.existing-btn--scroll:hover{background:#f20c591a;border-color:#f20c59b8;transform:translateY(-2px)}.existing-btn--scroll:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.existing-btn__down{width:18px;height:18px;color:var(--accent);flex:none;transition:transform .25s}.existing-btn__down path{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.existing-btn--scroll:hover .existing-btn__down{transform:translateY(2px)}#examples{scroll-margin-top:92px}.existing-hero__visual{isolation:isolate;place-items:center;min-width:0;min-height:520px;margin-top:-34px;display:grid;position:relative}.creative-orbit__track{z-index:0;pointer-events:none;opacity:.7;filter:saturate(.98)drop-shadow(0 0 34px #f20c593d);width:clamp(660px,56vw,760px);max-width:none;animation:6.8s ease-in-out infinite creative-orbit-breathe;position:absolute;top:51%;left:50%;transform:translate(-50%,-50%)rotate(-6deg)}.creative-orbit__cards{z-index:4;pointer-events:none;position:absolute;inset:0}.creative-orbit__lane{z-index:2;position:absolute;inset:0}.creative-orbit__card{aspect-ratio:4/5;offset-anchor:center;offset-path:ellipse(46% 43% at 50% 50%);offset-rotate:0deg;background:#17121e;border:1px solid #ffffff8c;border-radius:16px;width:94px;animation:24s linear infinite creative-orbit-follow;display:block;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 18px 48px #00000094,0 0 30px #f20c593d}.creative-orbit__card img{object-fit:cover;width:100%;height:100%;animation:creative-orbit-swap .62s var(--ease-entrance) both;display:block}.creative-orbit__lane--two .creative-orbit__card{animation-delay:-8s}.creative-orbit__lane--three .creative-orbit__card{animation-delay:-16s}.creative-orbit__card--two{width:102px}.creative-orbit__card--three{width:98px}.existing-hero__visual:focus-within .creative-orbit__lane,.existing-hero__visual:focus-within .creative-orbit__card{animation-play-state:paused}@keyframes creative-orbit-breathe{0%,to{opacity:.62;transform:translate(-50%,-50%)rotate(-6deg)scale(.985)}50%{opacity:.78;transform:translate(-50%,-50%)rotate(-4deg)scale(1.015)}}@keyframes creative-orbit-follow{to{offset-distance:100%}}@keyframes creative-orbit-swap{0%{opacity:0;filter:blur(5px);transform:scale(.9)}to{opacity:1;filter:none;transform:scale(1)}}.existing-hero__upload{z-index:3;background:linear-gradient(145deg,#ffffff14,#ffffff05);border:1px solid #ffffff1f;border-radius:28px;width:min(430px,100%);padding:26px;position:relative;box-shadow:0 35px 100px #0000006b,0 0 80px #f20c5917}.asset-upload{color:#bdb7c6;text-align:center;cursor:pointer;background:#15111d;border:1px dashed #ffffff40;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:360px;transition:border-color .2s,background .2s,transform .2s;display:flex;overflow:hidden}.asset-upload:hover,.asset-upload.is-dragging{background:#1c1322;border-color:#f20c59;transform:translateY(-2px)}.hero-upload-target{border-radius:20px}.asset-upload strong{color:#fff;font:700 19px/1.3 Chivo Mono,monospace}.asset-upload__icon{color:#fff;background:#f20c59;border-radius:16px;place-items:center;width:54px;height:54px;margin-bottom:6px;font-size:26px;display:grid}.asset-upload.has-preview{cursor:default;padding:0;position:relative}.asset-upload__preview{object-fit:contain;background:#08070a;width:100%;height:360px}.asset-upload__replace{border-radius:var(--radius-btn);color:#fff;cursor:pointer;background:#0e0b14d9;border:0;padding:8px 12px;font:600 12px/1.2 Inter,sans-serif;position:absolute;bottom:14px;right:14px}.asset-upload__help{color:#827b8b;text-align:center;margin:12px 0 0;font-size:12px}.asset-upload__recipe{color:#ffdce8;width:fit-content;font:700 9px/1 var(--font-display);letter-spacing:.08em;text-transform:uppercase;background:#f20c591a;border:1px solid #f20c5957;border-radius:999px;margin:0 auto 10px;padding:7px 11px}.asset-upload__error{color:#ff8aaa;text-align:center;min-height:20px;margin:5px 0 0;font-size:13px}.asset-upload__build{width:100%;margin-top:9px}.asset-upload--mobile{cursor:default;min-height:200px;padding:28px}.asset-upload--mobile:hover{background:#15111d;border-color:#ffffff40;transform:none}.existing-restore-notice{color:#ffd4df;background:#f20c591a;border:1px solid #ff8aaa59;border-radius:12px;margin:0 0 14px;padding:13px 15px;font-size:13px;line-height:1.5}.existing-restore-notice:focus{outline-offset:2px;outline:2px solid #ff4c87}.existing-opening-workspace{z-index:2000;color:var(--text-hi);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;background:#0a070fe0;align-content:center;justify-items:center;gap:10px;padding:28px;display:grid;position:fixed;inset:0}.existing-opening-workspace:before{aspect-ratio:1;content:"";pointer-events:none;background:radial-gradient(circle,#f20c592e,#0000 67%);border-radius:50%;width:min(520px,82vw);position:absolute}.existing-opening-workspace>*{position:relative}.existing-opening-workspace__spinner{border:2px solid #ffffff2e;border-top-color:var(--accent);border-radius:50%;width:42px;height:42px;margin-bottom:10px;animation:.8s linear infinite workspace-opening-spin}.existing-opening-workspace strong{font:800 clamp(18px, 2.4vw, 24px)/1.2 var(--font-display);letter-spacing:-.01em;text-transform:uppercase}.existing-opening-workspace>span:last-child{color:var(--text-muted);font-size:13px}@keyframes workspace-opening-spin{to{transform:rotate(360deg)}}.existing-section{border-top:1px solid #ffffff1a;padding-block:110px}.existing-section h2,.existing-final h2{max-width:820px;color:var(--text-hi);font:900 clamp(24px, 4.5vw, 45px)/1.1 var(--font-display);letter-spacing:-.018em;text-transform:uppercase;margin:0}.workflow-shell{border:1px solid var(--border);box-shadow:var(--shadow-card);background:linear-gradient(145deg,#ffffff0f,#ffffff05);border-radius:24px;margin-top:44px;overflow:hidden}.workflow-shell__bar{border-bottom:1px solid var(--border);color:var(--text-faint);font:700 9px/1 var(--font-display);letter-spacing:.1em;justify-content:space-between;align-items:center;gap:20px;padding:16px 22px;display:flex;position:relative;overflow:hidden}.workflow-shell__bar:after{background:linear-gradient(90deg, transparent, var(--accent), #ff79a5, transparent);content:"";opacity:0;width:28%;height:2px;position:absolute;bottom:-1px;left:0;right:auto;transform:translate(-120%)}.workflow-shell__bar span:first-child{color:var(--accent)}.workflow-preview{grid-template-columns:repeat(3,1fr);gap:56px;margin:0;padding:38px 32px 42px;list-style:none;display:grid}.workflow-node{grid-template-columns:auto 1fr;align-items:start;gap:15px;min-width:0;display:grid;position:relative}.workflow-node:not(:last-child):after{color:var(--accent);content:"→";font:400 24px/1 var(--font-display);position:absolute;top:10px;right:-38px}.workflow-node__step{width:42px;height:42px;color:var(--text-faint);font:700 11px/1 var(--font-display);background:#17121e;border:1px solid #ffffff2e;border-radius:50%;place-items:center;display:grid}.workflow-node__body{gap:7px;padding-top:2px;display:grid}.workflow-node small{color:var(--accent);font:700 9px/1 var(--font-display);letter-spacing:.1em}.workflow-node strong{color:var(--text-hi);font:700 16px/1.25 var(--font-display);text-transform:uppercase}.workflow-node__body>span{color:var(--text-muted);font:400 13px/1.5 var(--font-body)}.existing-reveal.is-in .workflow-shell__bar:after{animation:4.8s ease-in-out infinite workflow-track}.existing-reveal.is-in .workflow-node__step{animation:4.8s ease-in-out infinite workflow-step-pulse}.existing-reveal.is-in .workflow-node:nth-child(2) .workflow-node__step{animation-delay:1.25s}.existing-reveal.is-in .workflow-node:nth-child(3) .workflow-node__step{animation-delay:2.5s}.existing-reveal.is-in .workflow-node:not(:last-child):after{animation:4.8s ease-in-out infinite workflow-arrow-pulse}.existing-reveal.is-in .workflow-node:first-child:after{animation-delay:.62s}.existing-reveal.is-in .workflow-node:nth-child(2):after{animation-delay:1.87s}@keyframes workflow-track{0%,8%{opacity:0;transform:translate(-120%)}16%,72%{opacity:1}82%,to{opacity:0;transform:translate(360%)}}@keyframes workflow-step-pulse{0%,18%,to{color:var(--text-faint);box-shadow:none;background:#17121e;border-color:#ffffff2e;transform:scale(1)}7%{border-color:var(--accent);color:#fff;background:var(--accent);transform:scale(1.1);box-shadow:0 0 24px #f20c5957}}@keyframes workflow-arrow-pulse{0%,20%,to{opacity:.45;filter:none}9%{opacity:1;filter:drop-shadow(0 0 8px #f20c59cc)}}.example-case-head{border-top:1px solid var(--border);justify-content:space-between;align-items:end;gap:28px;padding-top:30px;display:flex}.example-case-head>span{color:var(--accent);font:700 10px/1 var(--font-display);letter-spacing:.1em}.example-case-head h3{max-width:720px;color:var(--text-hi);font:700 clamp(20px, 3vw, 30px)/1.2 var(--font-display);letter-spacing:-.012em;text-align:right;text-transform:uppercase;margin:0}.generation-example{scroll-margin-top:120px}.generation-example+.generation-example{margin-top:96px}.generation-example:focus{outline:none}.generation-example>.example-flow{border:1px solid var(--border);border-radius:var(--r-xl);animation:generation-example-in .42s var(--ease-entrance) both;background:radial-gradient(circle at 82% 28%,#f20c591a,#0000 32%),#ffffff08;padding:28px}@keyframes generation-example-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.example-flow{grid-template-columns:minmax(250px,.8fr) 120px minmax(0,1.55fr);align-items:center;gap:22px;margin-top:48px;display:grid}.example-flow__outputs{grid-template-columns:1fr 1fr;gap:18px;display:grid}.example-flow__arrow{color:var(--accent);justify-items:center;gap:8px;display:grid}.example-flow__arrow span{font:400 34px/1 var(--font-display)}.example-flow__arrow small{max-width:90px;font:700 9px/1.35 var(--font-display);letter-spacing:.1em;text-align:center}.example-card{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-surface);box-shadow:var(--shadow-card);margin:0;transition:border-color .3s,transform .3s;position:relative;overflow:hidden}.example-card:hover{border-color:var(--border-accent);transform:translateY(-4px)}.example-card--source{border-color:#ffffff38}.example-card__label{z-index:1;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:700 9px/1 var(--font-display);letter-spacing:.09em;background:#0e0b14c7;border:1px solid #ffffff24;border-radius:999px;padding:7px 9px;position:absolute;top:12px;left:12px}.example-card img{object-fit:cover;width:100%;height:clamp(300px,34vw,380px);display:block}.example-card--ad img{object-fit:contain;background:#ebe6da}.example-card video{object-fit:cover;background:#0b0810;width:100%;height:clamp(300px,34vw,380px);display:block}.example-card figcaption{gap:3px;padding:16px 18px;display:grid}.example-card figcaption strong{color:var(--text-hi);font:700 13px/1.3 var(--font-display);text-transform:uppercase}.example-card figcaption span{color:var(--text-muted);font-size:13px}.existing-example-note{max-width:760px;color:var(--text-faint);margin:22px 0 0;font-size:12px;line-height:1.6}.example-try-cta{border-radius:var(--radius-btn);color:#fff;background:linear-gradient(to right, var(--accent-fill), var(--accent-fill-hover));min-height:50px;font:700 11px/1 var(--font-display);letter-spacing:.07em;text-align:left;text-transform:uppercase;cursor:pointer;transition:box-shadow var(--t) var(--ease-entrance), transform var(--t) var(--ease-entrance);border:0;justify-content:space-between;align-items:center;gap:20px;margin:26px 0 0 auto;padding:0 18px 0 22px;display:flex;box-shadow:0 12px 28px #e00b553d}.example-try-cta:hover{transform:translateY(-2px);box-shadow:0 0 30px #f20c5959}.example-try-cta:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.example-try-cta svg{flex:none;width:18px;height:18px;transition:transform .25s}.example-try-cta path{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.example-try-cta:hover svg{transform:translate(3px)}.example-card .example-try-cta{width:calc(100% - 24px);min-height:48px;margin:0 12px 12px;padding-inline:16px;font-size:9px}.existing-final{text-align:center;padding-block:120px}.existing-final h2{margin-inline:auto}.existing-final .asset-upload-wrap{width:min(560px,100%);margin:42px auto 0}.existing-final .asset-upload{min-height:220px}.existing-final .asset-upload__preview{height:220px}.existing-reveal{opacity:0;transition:opacity .65s ease-out, transform .65s var(--ease-entrance);transform:translateY(24px)}.existing-reveal--delay{transition-delay:.1s}.existing-reveal.is-in{opacity:1;transform:none}.existing-reveal .workflow-node,.existing-reveal .example-card{opacity:0;transform:translateY(18px)}.existing-reveal.is-in .workflow-node,.existing-reveal.is-in .example-card{opacity:1;transition:opacity .5s ease-out, transform .5s var(--ease-entrance), border-color .3s ease, box-shadow .3s ease;transform:none}.existing-reveal.is-in .example-card:hover{transform:translateY(-4px)}.existing-reveal.is-in .workflow-preview>:first-child{transition-delay:0s}.existing-reveal.is-in .workflow-preview>:nth-child(2){transition-delay:.14s}.existing-reveal.is-in .workflow-preview>:nth-child(3){transition-delay:.28s}.existing-reveal.is-in .example-card--source{transition-delay:0s}.existing-reveal.is-in .example-flow__outputs .example-card:first-child{transition-delay:.16s}.existing-reveal.is-in .example-flow__outputs .example-card:last-child{transition-delay:.32s}.existing-reveal.is-in .example-card:hover{transition-delay:0s}.asset-upload__replace:focus-visible{outline-offset:2px;outline:2px solid #ff4c87}@media (width<=1023px){.existing-hero{grid-template-columns:1fr;min-height:auto;padding-block:40px 90px}.existing-hero__copy{text-align:center}.existing-lead,.existing-hero h1{margin-inline:auto}.existing-hero__visual{contain:inline-size;width:min(700px,100%);min-height:410px;margin:16px auto 0;overflow:clip}.existing-hero__upload{width:min(620px,100% - 84px);margin-inline:auto}.creative-orbit__track{opacity:.64;width:min(760px,126vw)}.creative-orbit__card{offset-path:ellipse(46% 41% at 50% 50%)}.workflow-preview{grid-template-columns:1fr;gap:24px}.workflow-node:not(:last-child){padding-bottom:30px}.workflow-node:not(:last-child):after{content:"↓";inset:auto auto -3px 14px}.example-case-head{flex-direction:column;align-items:start}.example-case-head h3{text-align:left}.example-flow{grid-template-columns:1fr}.example-flow__arrow{grid-auto-flow:column;justify-content:center}.example-flow__arrow span{transform:rotate(90deg)}.example-flow__arrow small{max-width:none}}@media (width<=600px){.existing-hero,.existing-section,.existing-final{width:calc(100% - 32px)}.existing-hero{padding-top:38px;padding-bottom:64px}.existing-eyebrow{letter-spacing:.08em;max-width:100%;font-size:10px;line-height:1.45}.existing-hero h1{text-wrap:balance;max-width:340px;font-size:clamp(28px,8vw,32px);line-height:1.1}.existing-lead,.existing-section__lead{margin-block:22px 26px;font-size:16px}.existing-section{padding-block:78px}.existing-hero__visual{contain:inline-size;min-height:360px;margin-top:20px;overflow:clip}.existing-hero__upload{border-radius:20px;width:calc(100% - 16px);padding:14px}.existing-hero__upload .asset-upload{min-height:290px}.creative-orbit__track{opacity:.4;width:520px}.creative-orbit__card{offset-path:ellipse(45% 40% at 50% 50%);border-radius:10px;width:64px}.creative-orbit__card--two{width:68px}.creative-orbit__card--three{display:none}.example-flow__outputs{grid-template-columns:1fr}.generation-example>.example-flow{padding:18px}.example-card img,.example-card video{height:300px}.example-try-cta{width:100%}.workflow-shell__bar{padding-inline:18px}.workflow-preview{padding:28px 18px 32px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.asset-upload,.existing-reveal,.existing-reveal .workflow-node,.existing-reveal .example-card{opacity:1;transition:none;transform:none}.existing-reveal.is-in .workflow-node__step,.existing-reveal.is-in .workflow-node:not(:last-child):after{animation:none}.workflow-shell__bar:after{display:none}.generation-example>.example-flow{animation:none}.creative-orbit__track{opacity:.64;animation:none;transform:translate(-50%,-50%)rotate(-6deg)}.creative-orbit__lane,.creative-orbit__card,.creative-orbit__card img{animation:none}.existing-opening-workspace__spinner{animation-duration:1.8s}.creative-orbit__lane--one .creative-orbit__card{offset-distance:84%}.creative-orbit__lane--two .creative-orbit__card{offset-distance:18%}.creative-orbit__lane--three .creative-orbit__card{offset-distance:51%}}