@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap";
:root{--ink:#f7f5f2;--muted:#aaa9ad;--line:#ffffff21;--glass:#111114b8;--lime:#caff3d}*{box-sizing:border-box}html{color:var(--ink);scroll-behavior:smooth;background:#080809}body{background:#080809;margin:0;font-family:DM Sans,sans-serif}button,textarea,select{font:inherit}.site-shell{background:linear-gradient(#07070833,#080809 88%),url(/product-intro-poster.jpg) top/cover no-repeat fixed;min-height:100vh;position:relative;overflow:hidden}.site-shell:before{content:"";pointer-events:none;background:linear-gradient(#05050647,#080809 83%),radial-gradient(circle at 20% 15%,#0000 0,#05050640 60%);position:absolute;inset:0}.ambient{filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#9d5eff33,#0000 58%);width:850px;height:570px;position:absolute;top:170px;left:50%;transform:translate(-50%)}.nav{z-index:5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#09090a94;justify-content:space-between;align-items:center;height:68px;padding:0 34px;display:flex;position:relative}.brand img{filter:brightness(0)invert();width:120px;display:block}.nav-links{align-items:center;gap:27px;display:flex}.nav a{color:#ddd;font-size:14px;text-decoration:none}.signup{background:#fff;border-radius:50px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;display:flex;color:#0b0b0c!important}.hero{z-index:2;text-align:center;width:min(960px,100% - 36px);margin:0 auto;padding:90px 0 80px;position:relative}.eyebrow{border:1px solid var(--line);color:#d6d2db;letter-spacing:.08em;text-transform:uppercase;background:#08080a7a;border-radius:30px;align-items:center;gap:8px;padding:8px 13px;font-size:12px;display:inline-flex}.hero h1{letter-spacing:-.065em;margin:27px 0 24px;font:600 clamp(55px,8vw,96px)/.96 Manrope,sans-serif}.hero h1 span{color:#0000;background:linear-gradient(90deg,#ff875c,#fa7adc,#8d8bff,#61d7ff) 0 0/200%;-webkit-background-clip:text;background-clip:text;animation:7s infinite hue}@keyframes hue{50%{background-position:100%}}.lede{color:#c0bdc3;margin-bottom:39px;font-size:18px;line-height:1.6}.prompt-card{text-align:left;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(135deg,#1f1d22db,#0d0d0fc7);border:1px solid #ffffff2e;border-radius:22px;width:min(780px,100%);margin:0 auto;padding:14px;box-shadow:0 24px 80px #00000073,inset 0 1px #ffffff14}textarea{resize:none;color:#fff;background:0 0;border:0;outline:0;width:100%;height:102px;padding:13px 14px;font-size:18px;line-height:1.45}textarea::placeholder{color:#77747c}.controls{justify-content:space-between;align-items:center;gap:14px;display:flex}.control-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.controls button,.controls select{border:1px solid var(--line);color:#d4d1d7;background:#ffffff0b;border-radius:11px;height:38px}.image-button{cursor:pointer;align-items:center;gap:7px;padding:0 12px;display:flex}.segmented{border:1px solid var(--line);border-radius:11px;padding:3px;display:flex}.segmented button{cursor:pointer;border:0;border-radius:8px;height:30px;padding:0 9px;font-size:12px}.segmented button.active{color:#111;background:#fff}.segmented button:disabled{opacity:.35}.controls select{cursor:pointer;outline:0;padding:0 7px}.generate{cursor:pointer;white-space:nowrap;align-items:center;gap:8px;font-weight:600;display:flex;color:#0b0b0c!important;background:#fff!important;border-radius:50px!important;padding:0 19px!important}.generate:disabled{opacity:.5;cursor:not-allowed}.image-preview{border:1px solid var(--line);border-radius:11px;width:112px;height:74px;margin:4px 6px 7px;position:relative;overflow:hidden}.image-preview img{object-fit:cover;width:100%;height:100%}.image-preview span{text-transform:uppercase;letter-spacing:.1em;font-size:9px;position:absolute;bottom:5px;left:7px}.image-preview button{color:#fff;background:#000000a6;border:0;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:5px;right:5px}.progress{background:#29272c;border-radius:5px;height:4px;margin:15px 8px 3px;position:relative}.progress i{background:linear-gradient(90deg,#ff7b65,#b580ff,#63dcff);border-radius:5px;height:100%;transition:width .5s;display:block}.progress span{color:#888;text-transform:uppercase;letter-spacing:.08em;font-size:10px;position:absolute;top:10px;right:0}.error{color:#ffadad;background:#ff43431a;border-radius:9px;margin:13px 7px 1px;padding:10px 12px;font-size:13px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.quick-prompts{text-align:left;grid-template-columns:1fr 1fr 1fr;gap:8px;width:min(780px,100%);margin:18px auto 0;display:grid}.quick-prompts>span{text-transform:uppercase;letter-spacing:.14em;color:#89868c;grid-column:1/-1;margin:2px 4px;font-size:10px}.quick-prompts button{border:1px solid var(--line);color:#bbb7bf;text-align:left;cursor:pointer;background:#0d0d0f80;border-radius:14px;min-height:92px;padding:14px;font-size:12px;transition:all .2s}.quick-prompts button:hover{background:#1c1b1ebf;border-color:#ffffff47;transform:translateY(-2px)}.quick-prompts b{color:#77747d;margin-bottom:8px;font-size:10px;display:block}.quick-prompts svg{float:right;margin-top:6px}.result-card{border:1px solid var(--line);text-align:left;background:#0a0a0cd1;border-radius:20px;width:min(850px,100%);margin:38px auto 0;overflow:hidden;box-shadow:0 30px 100px #000}.result-card video{aspect-ratio:16/9;background:#000;width:100%;display:block}.result-meta{justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex}.result-meta span{color:var(--lime);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:6px;font-size:10px;display:flex}.result-meta h2{max-width:550px;margin:7px 0 0;font-size:15px;font-weight:500}.result-actions{gap:8px;display:flex}.result-actions a,.result-actions button{border:1px solid var(--line);color:#111;white-space:nowrap;background:#fff;border-radius:30px;align-items:center;gap:6px;padding:9px 13px;font-size:12px;text-decoration:none;display:flex}.result-actions button{color:#fff;background:0 0}.history{text-align:left;margin:70px auto 0}.section-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;padding-bottom:13px;display:flex}.section-title span{text-transform:uppercase;letter-spacing:.12em;font-size:12px}.section-title small{color:#777}.history-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px;display:grid}.history-grid>button{text-align:left;color:#fff;border:1px solid var(--line);cursor:pointer;background:#0f0f11c7;border-radius:13px;padding:0 0 12px;overflow:hidden}.thumb{place-items:center;height:115px;display:grid;position:relative;overflow:hidden}.thumb img,.thumb-bg{object-fit:cover;width:100%;height:100%;position:absolute}.thumb-bg{background:radial-gradient(circle at 30% 30%,#773e78,#1e304d 47%,#151518)}.thumb:after{content:"";background:#0000002e;position:absolute;inset:0}.thumb svg{z-index:1}.history-grid>button>span,.history-grid>button>small{margin:10px 11px 0;display:block}.history-grid>button>span{height:31px;font-size:12px;line-height:1.3;overflow:hidden}.history-grid>button>small{color:#777;margin-top:5px;font-size:10px}footer{z-index:2;border-top:1px solid var(--line);text-transform:uppercase;letter-spacing:.12em;color:#777;background:#080809;justify-content:space-between;padding:26px 35px;font-size:10px;display:flex;position:relative}@media (max-width:720px){.nav{padding:0 18px}.nav-links>a:not(.signup){display:none}.hero{padding-top:55px}.hero h1{font-size:55px}.lede{font-size:15px}.controls{align-items:flex-end}.control-left{gap:6px}.image-button span{display:none}.quick-prompts{grid-template-columns:1fr}.quick-prompts button{min-height:70px}.result-meta{flex-direction:column;align-items:flex-start}.history-grid{grid-template-columns:repeat(2,1fr)}footer{padding:22px 18px}.controls select{font-size:11px}.segmented button{padding:0 7px}}.site-shell{background:#080b0d}.sky-background{z-index:0;object-fit:cover;object-position:center;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.sky-scrim{z-index:1;pointer-events:none;background:radial-gradient(1100px 600px at 68% 7%,#23aea624,#0000 62%),radial-gradient(850px 650px at 8% 78%,#03222761,#0000 62%),linear-gradient(#040c0f3d 0%,#05090c80 47%,#080809 94%);position:fixed;inset:0}.site-shell:before{z-index:1;opacity:.035;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");position:fixed}.ambient{z-index:1;background:radial-gradient(circle,#55c5cd1f,#0000 58%)}.nav{background:#050a0c8f;justify-content:flex-start}.history-grid{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#ffffff40 #ffffff0d;gap:12px;padding:0 0 12px;display:flex;overflow:auto hidden}.history-grid::-webkit-scrollbar{height:6px}.history-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:20px}.history-grid::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:20px}.history-grid>button{scroll-snap-align:start;flex:0 0 220px}.thumb video{object-fit:cover;background:#0b0b0d;width:100%;height:100%;position:absolute;inset:0}.thumb:hover video{filter:brightness(.78)}@media (max-width:720px){.history-grid{display:flex}.history-grid>button{flex-basis:190px}}.nav{gap:12px}.brand-divider{color:#ffffff47;font-size:21px;font-weight:300}.powered-by{letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:color .18s;color:#ffffff8f!important;font-size:10px!important}.powered-by:hover{color:#fff!important}@media (max-width:480px){.nav{gap:9px}.powered-by{font-size:8px!important}.brand-divider{font-size:17px}}.powered-by{letter-spacing:.06em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff17;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:0 13px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffff14;color:#ffffffd1!important;font-size:11px!important}.powered-by svg{color:#80e2d2;width:12px;height:12px;transition:transform .18s}.powered-by:hover,.powered-by:focus-visible{background:#ffffff29;border-color:#ffffff73;outline:none;box-shadow:0 0 0 3px #ffffff14;color:#fff!important}.powered-by:hover svg{transform:translate(1px,-1px)}@media (max-width:480px){.powered-by{min-height:30px;padding:0 9px;font-size:9px!important}.powered-by svg{width:10px;height:10px}}