@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/archivo-vietnamese-wght-normal.3cbdnbmi1hpzs.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/archivo-latin-ext-wght-normal.3cxrhsknk8wrd.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/archivo-latin-wght-normal.0inx24hl2eswd.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(../media/source-sans-3-cyrillic-ext-wght-normal.37l8fim0t_ib5.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(../media/source-sans-3-cyrillic-wght-normal.1-e4zgv7hgufa.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(../media/source-sans-3-greek-ext-wght-normal.38utpr31492kw.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(../media/source-sans-3-greek-wght-normal.3pte5qie232tb.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(../media/source-sans-3-vietnamese-wght-normal.11rqcqafmsaly.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(../media/source-sans-3-latin-ext-wght-normal.1lo4m1jl3xjl0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(../media/source-sans-3-latin-wght-normal.2z6qwwh2csmp1.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-mono-cyrillic-ext-400-normal.0_q8wa_t-7-c7.woff2)format("woff2"),url(../media/ibm-plex-mono-cyrillic-ext-400-normal.1-h66gx1kjeux.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-mono-cyrillic-400-normal.2dcg25_89g34d.woff2)format("woff2"),url(../media/ibm-plex-mono-cyrillic-400-normal.1r3eey-1tdqwh.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-mono-vietnamese-400-normal.40ek894ady0so.woff2)format("woff2"),url(../media/ibm-plex-mono-vietnamese-400-normal.0blsyrk14nago.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-mono-latin-ext-400-normal.1ih4rrmj883u6.woff2)format("woff2"),url(../media/ibm-plex-mono-latin-ext-400-normal.0hj8bqnym411c.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-mono-latin-400-normal.19gbeb610ur4n.woff2)format("woff2"),url(../media/ibm-plex-mono-latin-400-normal.3nj-glub930lh.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--canvas:#090b0c;--surface:#15191b;--surface-raised:#1c2224;--surface-soft:#202628;--ink:#f2f6f5;--muted:#98a5a3;--faint:#677270;--signal:#28d7c0;--signal-dark:#082c28;--danger:#f0646b;--border:#2b3335;--border-strong:#3a4547;--display:"Archivo Variable", "Arial Narrow", sans-serif;--body:"Source Sans 3 Variable", Arial, sans-serif;--mono:"IBM Plex Mono", monospace;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--canvas)}body{background:var(--canvas);color:var(--ink);font-family:var(--body);margin:0;font-size:16px;line-height:1.5}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}::selection{background:var(--signal);color:var(--canvas)}:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.eyebrow{color:var(--signal);font-family:var(--mono);text-transform:uppercase;margin:0;font-size:.71rem}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.site-header{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#090b0ce6;border-bottom:1px solid #2b33359e;position:fixed;inset:0 0 auto}.header-inner{width:min(var(--max), calc(100% - 40px));align-items:center;gap:40px;height:64px;margin:0 auto;display:flex}.brand-link,.footer-brand>a,.blog-brand{display:inline-flex}.brand-mark{white-space:nowrap;align-items:center;gap:10px;display:inline-flex}.brand-icon{background:var(--signal-dark);width:30px;height:30px;color:var(--signal);border:1px solid #28d7c080;border-radius:6px;place-items:center;display:grid}.brand-name{font-family:var(--display);font-size:1.04rem;font-weight:660}.brand-name span{color:var(--signal)}.desktop-nav{align-items:center;gap:27px;display:flex}.desktop-nav a{color:var(--muted);font-size:.88rem;font-weight:560;transition:color .18s}.desktop-nav a:hover{color:var(--ink)}.header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.account-button,.credit-button{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;border-radius:6px;align-items:center;gap:8px;min-height:36px;padding:0 13px;font-size:.82rem;font-weight:650;display:inline-flex}.account-button:hover,.credit-button:hover{border-color:var(--signal)}.credit-button svg{color:var(--signal)}.mobile-menu-button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:6px;place-items:center;width:38px;height:38px;display:none}.mobile-nav{display:none}.hero{border-bottom:1px solid var(--border);align-items:center;height:790px;min-height:min(84svh,790px);display:flex;position:relative;overflow:hidden}.hero-scene{background:#0c1011;position:absolute;inset:64px 0 0;overflow:hidden}.hero-scene:before{content:"";opacity:.46;border:1px solid #1b2223;position:absolute;inset:0}.hero-artwork{object-fit:cover;object-position:center}.scene-frame{background:var(--surface);border:1px solid #334042;position:absolute;overflow:hidden;box-shadow:0 24px 80px #00000057}.scene-frame:after{content:"";border-top:1px solid #2b3436;position:absolute;inset:34px 0 0}.frame-a{width:38vw;min-width:440px;height:49%;top:9%;right:5vw;transform:rotate(2deg)}.frame-b{width:28vw;min-width:330px;height:34%;bottom:10%;right:20vw;transform:rotate(-2deg)}.frame-c{width:22vw;min-width:280px;height:30%;bottom:12%;right:-3vw;transform:rotate(3deg)}.frame-label{height:34px;color:var(--muted);font-family:var(--mono);text-transform:uppercase;align-items:center;gap:7px;padding:0 11px;font-size:.65rem;display:flex}.frame-subject{position:absolute;inset:35px 0 0;overflow:hidden}.subject-a{background:#132524}.subject-a span{background:#1d403c;border:1px solid #285a54;display:block;position:absolute}.subject-a span:first-child{width:45%;height:90%;bottom:-24%;left:7%;transform:skew(-10deg)}.subject-a span:nth-child(2){width:34%;height:66%;bottom:-7%;left:48%;transform:skew(11deg)}.subject-a span:nth-child(3){width:26%;height:50%;top:9%;right:-5%}.subject-b{background:#111718;align-items:end;gap:8px;padding:24px;display:flex}.subject-b i{border-top:2px solid var(--signal);background:#275b55;flex:1}.subject-b i:first-child{height:38%}.subject-b i:nth-child(2){height:74%}.subject-b i:nth-child(3){height:52%}.subject-b i:nth-child(4){height:88%}.sync-rings{background:#101516;place-items:center;display:grid;position:absolute;inset:35px 0 0}.sync-rings span{aspect-ratio:1;border:1px solid #32766e;width:34%;position:absolute}.sync-rings span:nth-child(2){opacity:.65;width:52%}.sync-rings span:nth-child(3){opacity:.35;width:70%}.hero-timeline{background:#0f1314e6;border:1px solid #303a3b;align-items:center;gap:15px;height:66px;padding:0 16px;display:flex;position:absolute;bottom:4%;left:4vw;right:4vw}.timeline-time{color:var(--muted);font:.68rem var(--mono)}.waveform{flex:1;align-items:center;gap:5px;height:34px;display:flex;position:relative;overflow:hidden}.waveform i{background:#41615e;width:3px;min-height:4px;display:block}.waveform i:nth-child(3n){background:#50807a}.playhead{background:var(--signal);width:1px;animation:6s ease-in-out infinite scrub;position:absolute;top:0;bottom:0;left:32%}.playhead:before{content:"";background:var(--signal);width:7px;height:7px;position:absolute;top:-2px;left:-3px}@keyframes scrub{0%,12%{left:8%}85%,to{left:84%}}.hero-scrim{background:#090b0c91;position:absolute;inset:0}.hero-content{z-index:2;width:min(var(--max), calc(100% - 40px));margin:40px auto 0;position:relative}.hero-kicker{color:#c2ccca;font:.72rem var(--mono);text-transform:uppercase;align-items:center;gap:9px;display:flex}.hero-kicker span{background:var(--signal);width:7px;height:7px;box-shadow:0 0 0 4px #28d7c021}.hero h1{max-width:770px;font-family:var(--display);margin:23px 0 17px;font-size:clamp(3.3rem,6.9vw,6.6rem);font-weight:650;line-height:.98}.hero-content>p{color:#c5cfcd;max-width:560px;margin:0;font-size:1.18rem;line-height:1.55}.hero-actions{align-items:center;gap:17px;margin-top:31px;display:flex}.hero-actions>span{color:var(--muted);font-size:.79rem}.primary-button{border:1px solid var(--signal);background:var(--signal);color:#061210;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 17px;font-weight:730;transition:background .16s,transform .16s;display:inline-flex}.primary-button:hover{background:#62e5d3;transform:translateY(-1px)}.primary-button:disabled{opacity:.42;cursor:not-allowed;transform:none}.hero-cta{min-height:48px;padding:0 21px}.hero-scroll{z-index:3;width:40px;height:40px;color:var(--muted);border:1px solid var(--border-strong);cursor:pointer;background:#090b0cbd;border-radius:6px;place-items:center;display:grid;position:absolute;bottom:24px;right:34px}.generator-section{background:#0b0e0f;padding:92px 20px 108px;scroll-margin-top:63px}.generator-section:focus{outline:none}.generator-shell{width:min(720px,100%);margin:0 auto}.generator-intro{margin-bottom:28px}.beta-badge{min-height:24px;color:var(--muted);border:1px solid var(--border);border-radius:999px;align-items:center;margin-bottom:15px;padding:2px 9px;font-size:.72rem;display:inline-flex}.generator-intro h2{font:650 clamp(2rem, 4vw, 2.7rem)/1.1 var(--display);margin:0}.generator-intro h2 span{color:var(--signal)}.generator-intro p{max-width:610px;color:var(--muted);margin:12px 0 0;font-size:.98rem}.mode-tabs{background:var(--surface-soft);border:1px solid #252c2e;border-radius:7px;grid-template-columns:repeat(3,1fr);gap:4px;width:100%;height:45px;margin-bottom:15px;padding:4px;display:grid}.mode-tabs button{min-width:0;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:7px;font-size:.86rem;font-weight:600;display:flex}.mode-tabs svg{flex:none;width:16px;height:16px}.mode-tabs button.active{color:var(--ink);background:#0d1011;box-shadow:0 1px 2px #0006}.generator-card,.result-card,.studio-card{border:1px solid var(--border);background:var(--surface);border-radius:8px}.generator-card{padding:25px}.card-heading{margin-bottom:20px}.card-heading h3{font:640 1.06rem var(--display);margin:0}.card-heading p{color:var(--muted);margin:6px 0 0;font-size:.88rem;line-height:1.45}.upload-wrap{margin-bottom:19px}.upload-dropzone{cursor:pointer;background:#121617;border:1px dashed #455052;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:100%;min-height:146px;padding:26px 18px;display:flex}.upload-dropzone:hover{border-color:var(--signal);background:#121a19}.upload-dropzone svg{color:var(--signal);margin-bottom:3px}.upload-dropzone strong{font-size:.89rem}.upload-dropzone span{color:var(--muted);font-size:.74rem}.selected-video{border:1px solid var(--border-strong);background:#101415;border-radius:6px;grid-template-columns:100px 1fr 34px;align-items:center;gap:14px;min-height:82px;padding:9px;display:grid}.selected-video video{object-fit:cover;background:#050606;border-radius:4px;width:100px;height:62px}.selected-video div{flex-direction:column;min-width:0;display:flex}.selected-video strong{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.selected-video span{color:var(--muted);font-size:.72rem}.selected-video button{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.field-label{margin-bottom:6px;font-size:.85rem;font-weight:620;display:block}.generator-card textarea{resize:vertical;border:1px solid var(--border-strong);width:100%;min-height:76px;color:var(--ink);background:#111516;border-radius:6px;padding:11px 12px;font-size:.88rem;line-height:1.45}.generator-card textarea::placeholder{color:#71807d}.generator-card textarea:focus{outline:1px solid var(--signal);border-color:var(--signal)}.style-picker{margin-top:15px}.style-picker>span{color:var(--muted);margin-bottom:7px;font-size:.74rem;display:block}.style-picker>div{flex-wrap:wrap;gap:6px;display:flex}.style-picker button{background:var(--surface-soft);cursor:pointer;border:1px solid #374143;border-radius:5px;min-height:29px;padding:0 10px;font-size:.73rem}.style-picker button:hover,.style-picker button.active{border-color:var(--signal);color:var(--signal);background:#10211f}.example-row{justify-content:space-between;align-items:center;gap:12px;margin-top:15px;display:flex}.example-row>span{color:var(--muted);font-size:.75rem}.example-row>div{gap:5px;display:flex}.example-row button{border:1px solid var(--border-strong);background:var(--surface-soft);cursor:pointer;border-radius:5px;width:27px;height:27px}.sfx-controls{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;display:grid}.range-control{border:1px solid var(--border);background:#111516;border-radius:6px;padding:12px}.range-control>span,.studio-grid label>span{justify-content:space-between;gap:10px;font-size:.76rem;display:flex}.range-control strong{font-weight:650}.range-control em,.studio-grid em{color:var(--muted);font-style:normal;font-family:var(--mono);font-size:.69rem}input[type=range]{accent-color:var(--signal)}.range-control input{width:100%;margin:12px 0 5px}.range-control button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:.67rem;display:flex}.inline-error{color:#ffb0b5;background:#f0646b14;border:1px solid #f0646b59;border-radius:5px;align-items:flex-start;gap:7px;margin-top:14px;padding:9px 10px;font-size:.8rem;display:flex}.inline-error svg{flex:none;margin-top:1px}.generate-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;min-height:57px;margin-top:20px;padding-top:17px;display:flex}.generate-row p{color:var(--muted);margin:0;font-size:.74rem}.generate-button{flex:none}.result-card,.studio-card{margin-top:15px}.processing-result,.failed-result{align-items:center;gap:13px;min-height:88px;padding:18px;display:flex}.processing-result>svg{color:var(--signal)}.failed-result>svg{color:var(--danger)}.processing-result div,.failed-result div{flex-direction:column;flex:1;display:flex}.processing-result strong,.failed-result strong{font-size:.89rem}.processing-result span,.failed-result span{color:var(--muted);font-size:.76rem}.failed-result button{border:1px solid var(--border-strong);background:var(--surface-soft);cursor:pointer;border-radius:5px;padding:6px 10px}.ready-result{padding:18px}.result-header{grid-template-columns:30px 1fr 34px;align-items:center;gap:10px;display:grid}.ready-mark{width:28px;height:28px;color:var(--signal);background:var(--signal-dark);border-radius:5px;place-items:center;display:grid}.result-header>div{flex-direction:column;min-width:0;display:flex}.result-header strong{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;overflow:hidden}.result-header span{color:var(--muted);font-size:.71rem}.icon-button{border:1px solid var(--border);background:var(--surface-soft);cursor:pointer;border-radius:5px;place-items:center;width:34px;height:34px;display:grid}.audio-preview{border:1px solid var(--border);background:#101415;border-radius:6px;align-items:center;gap:12px;height:58px;margin-top:14px;padding:10px;display:flex}.audio-preview>button{background:var(--signal);width:34px;height:34px;color:var(--canvas);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.audio-preview>span{color:var(--muted);font:.65rem var(--mono);white-space:nowrap}.result-wave{flex:1;align-items:center;gap:2px;height:28px;display:flex;overflow:hidden}.result-wave i{background:#46625e;width:2px}.result-wave.playing i{animation:.7s ease-in-out infinite alternate pulse-wave}.result-wave.playing i:nth-child(3n){animation-delay:.18s}@keyframes pulse-wave{to{background:var(--signal);transform:scaleY(.42)}}.native-audio{width:100%;height:43px;margin-top:14px}.icon-button:disabled{opacity:.4;cursor:not-allowed}.result-actions{gap:8px;margin-top:13px;display:flex}.result-actions button{border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:6px;min-height:35px;font-size:.76rem;display:flex}.result-actions button:hover{border-color:var(--signal);color:var(--signal)}.refine-form{border-top:1px solid var(--border);margin-top:13px;padding-top:13px}.refine-form label{margin-bottom:6px;font-size:.76rem;font-weight:650;display:block}.refine-form textarea{resize:vertical;border:1px solid var(--border-strong);width:100%;color:var(--ink);background:#101415;border-radius:5px;padding:9px 10px;font-size:.78rem}.refine-form>div{justify-content:flex-end;gap:7px;margin-top:8px;display:flex}.refine-form>div>button:first-child{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:5px;min-height:34px;padding:0 11px}.refine-form .primary-button{min-height:34px;padding:0 12px;font-size:.75rem}.studio-card{padding:18px}.studio-heading{justify-content:space-between;gap:15px;margin-bottom:14px;display:flex}.studio-heading>div{align-items:center;gap:9px;display:flex}.studio-heading>div>svg{color:var(--signal)}.studio-heading span{flex-direction:column;display:flex}.studio-heading strong{font-size:.88rem}.studio-heading em{color:var(--muted);font-size:.71rem;font-style:normal}.studio-heading>button{color:var(--muted);cursor:pointer;background:0 0;border:0}.studio-card>video{background:#000;border-radius:6px;width:100%;max-height:390px}.studio-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:15px;display:grid}.studio-grid>label{border:1px solid var(--border);background:#111516;border-radius:6px;min-height:75px;padding:11px;font-size:.75rem}.studio-grid input[type=range]{width:100%;margin-top:13px}.studio-grid input[type=number]{width:100%;height:33px;color:var(--ink);border:1px solid var(--border-strong);background:var(--surface-soft);border-radius:4px;margin-top:9px;padding:0 9px}.studio-grid .toggle-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.toggle{cursor:pointer;background:#3a4345;border:0;border-radius:999px;width:39px;height:22px;padding:2px}.toggle i{background:#c1cbca;border-radius:50%;width:18px;height:18px;transition:transform .16s;display:block}.toggle.on{background:var(--signal)}.toggle.on i{background:#061210;transform:translate(17px)}.sfx-pin-row,.studio-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.sfx-pin-row span,.studio-footer span{color:var(--muted);font-size:.73rem}.sfx-pin-row button{border:1px solid var(--border-strong);background:var(--surface-soft);cursor:pointer;border-radius:5px;align-items:center;gap:4px;min-height:30px;padding:0 10px;font-size:.72rem;display:flex}.demo-section,.guide-section,.faq-section,.journal-cta{width:min(var(--max), calc(100% - 40px));margin:0 auto;padding:112px 0}.section-heading{max-width:610px;margin-bottom:52px}.section-heading h2,.use-case-band h2,.journal-cta h2{font:640 clamp(2.1rem, 4.5vw, 3.9rem)/1.05 var(--display);margin:11px 0 12px}.section-heading>p:last-child,.journal-cta p{color:var(--muted);margin:0;font-size:1rem}.compact-heading{margin-bottom:35px}.demo-section{border-top:1px solid var(--border)}.demo-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.demo-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;overflow:hidden}.demo-media{aspect-ratio:16/10;background:#101516;position:relative;overflow:hidden}.demo-media video{object-fit:cover;width:100%;height:100%}.demo-visual{align-items:flex-end;gap:4px;padding:26px;display:flex;position:absolute;inset:0}.demo-visual i{background:#1d4440;border:1px solid #2e6962;flex:1}.scene-narrative .demo-visual i:first-child{height:26%}.scene-narrative .demo-visual i:nth-child(2){height:76%}.scene-narrative .demo-visual i:nth-child(3){height:48%}.scene-narrative .demo-visual i:nth-child(4){height:88%}.scene-product .demo-visual{align-items:center;transform:rotate(-7deg)}.scene-product .demo-visual i{height:58%}.scene-product .demo-visual i:nth-child(2){height:84%}.scene-product .demo-visual i:nth-child(4){height:32%}.scene-travel .demo-visual i{height:34%;transform:skewY(-13deg)}.scene-travel .demo-visual i:nth-child(2){height:58%}.scene-travel .demo-visual i:nth-child(3){height:78%}.scene-travel .demo-visual i:nth-child(4){height:52%}.demo-play{width:37px;height:37px;color:var(--canvas);background:var(--signal);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:16px;left:17px}.demo-type{color:#d6dfdd;font:.62rem var(--mono);text-transform:uppercase;background:#090b0ccc;border:1px solid #405052;border-radius:4px;padding:4px 7px;position:absolute;top:12px;right:12px}.demo-copy{padding:18px}.demo-copy h3{font:630 1.05rem var(--display);margin:0}.demo-copy p{color:var(--muted);margin:8px 0 0;font-size:.83rem}.guide-section{border-top:1px solid var(--border)}.steps-grid{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.steps-grid li{border-right:1px solid var(--border);padding:28px 28px 10px 0;position:relative}.steps-grid li+li{padding-left:28px}.steps-grid li:last-child{border-right:0}.steps-grid li>span{width:38px;height:38px;color:var(--signal);background:var(--signal-dark);border:1px solid #315f5a;border-radius:6px;place-items:center;display:grid}.steps-grid em{color:var(--faint);font:.7rem var(--mono);font-style:normal;position:absolute;top:30px;right:20px}.steps-grid h3{font:620 1.13rem var(--display);margin:24px 0 8px}.steps-grid p{color:var(--muted);margin:0;font-size:.86rem}.use-case-band{width:100%;padding:78px max(20px, calc((100vw - var(--max)) / 2));background:var(--ink);color:var(--canvas);grid-template-columns:1fr 1.2fr;align-items:center;gap:80px;display:grid}.use-case-band .eyebrow{color:#08766b}.use-case-band h2{max-width:540px;margin-bottom:0}.use-case-list{border-top:1px solid #bac5c3;grid-template-columns:1fr 1fr;display:grid}.use-case-list span{color:#384240;border-bottom:1px solid #bac5c3;padding:14px 2px;font-weight:650}.use-case-list span:nth-child(odd){border-right:1px solid #bac5c3}.use-case-list span:nth-child(2n){padding-left:16px}.faq-section{grid-template-columns:.8fr 1.2fr;gap:90px;display:grid}.faq-heading{margin-bottom:0}.faq-list{border-top:1px solid var(--border)}.faq-list details{border-bottom:1px solid var(--border)}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:64px;font-weight:630;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--signal);font-size:1.2rem;transition:transform .18s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:var(--muted);margin:-2px 45px 20px 0;font-size:.88rem}.journal-cta{border:1px solid var(--border-strong);background:var(--surface);border-radius:8px;justify-content:space-between;align-items:end;gap:40px;margin-bottom:112px;padding:45px;display:flex}.journal-cta h2{max-width:660px;font-size:clamp(2rem,4vw,3.2rem)}.journal-cta div>p:last-child{max-width:600px}.journal-cta>a{border:1px solid var(--signal);min-height:42px;color:var(--signal);border-radius:6px;flex:none;align-items:center;gap:12px;padding:0 15px;font-weight:650;display:inline-flex}.site-footer{border-top:1px solid var(--border);padding:55px max(20px, calc((100vw - var(--max)) / 2)) 22px;background:#07090a}.footer-main{grid-template-columns:2fr 1fr 1fr;gap:70px;padding-bottom:55px;display:grid}.footer-brand p{max-width:310px;color:var(--muted);margin:16px 0 0;font-size:.84rem}.footer-links{flex-direction:column;gap:8px;display:flex}.footer-links>span{color:var(--faint);font:.67rem var(--mono);text-transform:uppercase;margin-bottom:6px}.footer-links a{color:var(--muted);font-size:.82rem}.footer-links a:hover{color:var(--ink)}.footer-bottom{border-top:1px solid var(--border);min-height:48px;color:var(--faint);justify-content:space-between;align-items:end;gap:20px;padding-top:20px;font-size:.72rem;display:flex}.footer-bottom a:hover{color:var(--signal)}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#030505c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.account-modal{border:1px solid var(--border-strong);background:var(--surface-raised);border-radius:8px;width:min(440px,100%);padding:30px;position:relative;box-shadow:0 28px 100px #00000080}.modal-close{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:14px;right:14px}.modal-icon{width:40px;height:40px;color:var(--signal);background:var(--signal-dark);border:1px solid #356d66;border-radius:7px;place-items:center;margin-bottom:23px;display:grid}.account-modal h2{font:640 1.7rem/1.1 var(--display);margin:10px 0 9px}.account-modal>p:not(.eyebrow){color:var(--muted);margin:0 0 23px;font-size:.88rem}.google-button{width:100%}.google-g{color:#1769e0;background:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-family:Arial;font-weight:700;display:grid}.modal-fine-print{text-align:center;color:var(--faint);margin-top:11px;font-size:.7rem;display:block}.credit-packs{gap:8px;display:grid}.credit-packs button{border:1px solid var(--border-strong);cursor:pointer;background:#131718;border-radius:6px;justify-content:space-between;align-items:center;min-height:62px;padding:10px 14px;display:flex;position:relative}.credit-packs button:hover{border-color:var(--signal)}.credit-packs button span{align-items:baseline;gap:5px;display:flex}.credit-packs button strong{font:650 1.15rem var(--display)}.credit-packs button em{color:var(--canvas);background:var(--signal);border-radius:3px;padding:2px 5px;font-size:.61rem;font-style:normal;position:absolute;top:-8px;right:11px}.blog-header{width:min(var(--max), calc(100% - 40px));border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:72px;margin:0 auto;display:flex}.blog-header nav{align-items:center;gap:24px;display:flex}.blog-header nav a{color:var(--muted);align-items:center;gap:6px;font-size:.81rem;display:flex}.blog-header nav a:hover{color:var(--ink)}.blog-index{width:min(880px,100% - 40px);min-height:72vh;margin:0 auto;padding:100px 0 130px}.blog-index-hero{max-width:720px;margin-bottom:80px}.blog-index-hero h1,.article-hero h1{font:650 clamp(3rem, 7vw, 5.8rem)/.98 var(--display);margin:14px 0 20px}.blog-index-hero>p:last-child,.article-hero>p{color:var(--muted);margin:0;font-size:1.08rem}.article-list{border-top:1px solid var(--border)}.article-list article{border-bottom:1px solid var(--border);padding:34px 0 38px}.article-list article>div,.article-meta{color:var(--faint);font:.66rem var(--mono);text-transform:uppercase;flex-wrap:wrap;gap:13px;display:flex}.article-list article>div span:first-child,.article-meta span:first-child{color:var(--signal)}.article-list h2{font:630 2rem/1.08 var(--display);margin:16px 0 10px}.article-list h2 a:hover{color:var(--signal)}.article-list article>p{max-width:700px;color:var(--muted);margin:0}.article-link{color:var(--signal);align-items:center;gap:7px;margin-top:18px;font-size:.82rem;font-weight:650;display:inline-flex}.article-page{width:min(800px,100% - 40px);margin:0 auto;padding:90px 0 130px}.article-hero{border-bottom:1px solid var(--border);padding-bottom:55px}.article-hero h1{font-size:clamp(3rem,6.5vw,5.5rem)}.article-hero>p{max-width:700px}.disclosure{border-left:2px solid var(--signal);background:var(--surface);margin:34px 0 52px;padding:17px 19px}.disclosure strong{font-size:.8rem}.disclosure p{color:var(--muted);margin:5px 0 0;font-size:.8rem}.article-page article>section{margin:54px 0}.article-page article>section h2{font:630 2rem/1.12 var(--display);margin:0 0 18px}.article-page article>section h3{font:620 1.04rem var(--display);margin:26px 0 9px}.article-page article>section p,.article-page li{color:#bdc7c5;font-size:.99rem;line-height:1.7}.article-page section a{color:var(--signal);text-underline-offset:3px;text-decoration:underline}.article-lead{color:var(--ink)!important;font-size:1.16rem!important}.article-page ul,.article-page ol{padding-left:22px}.article-page li+li{margin-top:7px}.comparison-wrap{border:1px solid var(--border);border-radius:6px;width:100%;overflow-x:auto}.comparison-wrap table{border-collapse:collapse;background:var(--surface);width:100%;min-width:770px}.comparison-wrap th,.comparison-wrap td{border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:12px 13px;font-size:.76rem}.comparison-wrap thead th{color:var(--muted);font:.64rem var(--mono);text-transform:uppercase;background:#111516}.comparison-wrap tbody th{font-weight:650}.comparison-wrap tbody tr:last-child>*{border-bottom:0}.comparison-wrap tr>:last-child{border-right:0}.table-yes{color:var(--signal)}.table-no{color:var(--faint)}.table-note{color:var(--faint)!important;margin-top:8px!important;font-size:.72rem!important}.decision-list{border-top:1px solid var(--border)}.decision-list p{border-bottom:1px solid var(--border);margin:0;padding:14px 0}.article-cta{border:1px solid var(--border-strong);background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;gap:30px;margin-top:75px;padding:26px;display:flex}.article-cta span{color:var(--muted);font-size:.73rem}.article-cta h2{font:630 1.55rem var(--display);margin:5px 0 0}.article-cta>a{min-height:40px;color:var(--canvas);background:var(--signal);border-radius:6px;flex:none;align-items:center;gap:7px;padding:0 13px;font-weight:700;display:flex}.legal-page{width:min(760px,100% - 40px);margin:0 auto;padding:85px 0 120px}.legal-page>header{border-bottom:1px solid var(--border);padding-bottom:36px}.legal-page h1{font:650 clamp(3rem, 7vw, 5rem)/1 var(--display);margin:12px 0 8px}.legal-page header>p:last-child{color:var(--muted);margin:0;font-size:.8rem}.legal-page article{padding-top:25px}.legal-page h2{font:620 1.25rem var(--display);margin:32px 0 8px}.legal-page article p{color:#bdc7c5;margin:0;font-size:.94rem;line-height:1.7}.legal-back{margin-top:48px}.legal-back a{color:var(--signal);text-underline-offset:3px;text-decoration:underline}@media (max-width:900px){.desktop-nav{display:none}.mobile-menu-button{display:grid}.mobile-nav{border-top:1px solid var(--border);background:var(--canvas);flex-direction:column;gap:1px;padding:7px 20px 12px;display:flex}.mobile-nav a{color:var(--muted);padding:10px 0;font-size:.88rem}.frame-a{right:-14vw}.frame-b{right:8vw}.frame-c{display:none}.demo-grid{grid-template-columns:1fr}.demo-card{grid-template-columns:.8fr 1fr;display:grid}.demo-media{aspect-ratio:16/11}.demo-copy{align-self:center}.use-case-band{gap:40px}.faq-section{grid-template-columns:1fr;gap:45px}}@media (max-width:640px){.header-inner{width:calc(100% - 28px)}.brand-name{font-size:.9rem}.header-actions .account-button span,.header-actions .credit-button span{display:none}.account-button,.credit-button{justify-content:center;width:38px;padding:0}.hero{align-items:flex-end;height:88svh;min-height:720px;padding-bottom:72px}.hero-scene{inset:64px 0 0}.hero-artwork{object-position:62% center}.frame-a{width:96vw;min-width:0;height:41%;top:8%;right:-30vw}.frame-b{width:78vw;min-width:0;height:29%;bottom:13%;right:18vw}.hero-content{width:calc(100% - 32px);margin:0 auto}.hero h1{margin-top:17px;font-size:clamp(3.15rem,15vw,4.5rem)}.hero-content>p{font-size:1rem}.hero-actions{flex-direction:column;align-items:flex-start;gap:10px}.hero-cta{min-height:46px}.hero-scroll{display:none}.generator-section{padding:70px 14px 84px}.generator-intro h2{font-size:2rem}.mode-tabs{height:44px}.mode-tabs button{gap:4px;font-size:.72rem}.mode-tabs svg{width:14px}.generator-card{padding:18px}.upload-dropzone{min-height:135px}.upload-dropzone strong{text-align:center}.upload-dropzone span{text-align:center;font-size:.67rem}.selected-video{grid-template-columns:78px 1fr 30px}.selected-video video{width:78px;height:54px}.sfx-controls{grid-template-columns:1fr}.generate-row{flex-direction:column;align-items:stretch}.generate-button{width:100%}.audio-preview>span{display:none}.result-actions{flex-direction:column}.studio-grid{grid-template-columns:1fr}.studio-footer{flex-direction:column;align-items:stretch}.studio-footer .primary-button{width:100%}.demo-section,.guide-section,.faq-section,.journal-cta{width:calc(100% - 28px);padding:82px 0}.section-heading{margin-bottom:36px}.section-heading h2,.use-case-band h2{font-size:2.5rem}.demo-card{display:block}.steps-grid{grid-template-columns:1fr}.steps-grid li,.steps-grid li+li{border-right:0;border-bottom:1px solid var(--border);padding:24px 0}.steps-grid li:last-child{border-bottom:0}.steps-grid em{top:28px;right:2px}.use-case-band{grid-template-columns:1fr;padding:65px 20px}.use-case-list{grid-template-columns:1fr}.use-case-list span:nth-child(odd){border-right:0}.use-case-list span:nth-child(2n){padding-left:2px}.faq-list summary{min-height:68px;font-size:.94rem}.journal-cta{flex-direction:column;align-items:stretch;margin-bottom:82px;padding:26px 20px}.journal-cta>a{justify-content:space-between;width:100%}.footer-main{grid-template-columns:1fr 1fr;gap:38px 25px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;align-items:flex-start}.blog-header{width:calc(100% - 28px)}.blog-header nav a:first-child{display:none}.blog-index,.article-page{width:calc(100% - 28px);padding-top:65px}.blog-index-hero h1,.article-hero h1{font-size:3.2rem}.article-list h2{font-size:1.65rem}.article-cta{flex-direction:column;align-items:stretch}.article-cta>a{justify-content:center}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}