:root{--bg:#0f0a08;--bg-surface:#1a1210;--bg-raised:#241a14;--bg-glass:#1a1210a6;--text:#f8f0e8;--text-dim:#c4a891;--text-faint:#8a7060;--line:#3d2a1e;--line-glow:#ff7a2e40;--accent:#ff7a2e;--accent-bright:#ff9a50;--accent-dim:#cc5f1e;--gold:#ffd166;--coral:#ff5e62;--purple:#b07aff;--radius:16px;--radius-lg:24px;--radius-sm:10px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--text);font-family:Space Grotesk,Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(600px 500px at 20% 5%,#ff7a2e12,#0000),radial-gradient(500px 400px at 80% 60%,#ff5e620d,#0000),radial-gradient(400px 350px at 50% 90%,#ffd1660a,#0000);position:fixed;inset:0}body:after{content:"";background:linear-gradient(90deg, var(--accent), var(--coral), var(--gold), var(--accent));z-index:200;background-size:200% 100%;height:3px;animation:8s linear infinite filmGradient;position:fixed;top:0;left:0;right:0}@keyframes filmGradient{0%{background-position:0 0}to{background-position:200% 0}}main{z-index:1;max-width:1120px;margin:0 auto;padding:0 24px 100px;position:relative}a{color:inherit}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:700;line-height:1.15}h2{margin-bottom:8px;font-size:clamp(28px,4vw,40px)}h3{font-size:18px}p{color:var(--text-dim)}section{margin-top:100px}section:first-child{margin-top:0}.section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);border:1px solid var(--line-glow);background:#ff7a2e0f;border-radius:999px;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.section-subtitle{max-width:620px;margin-top:4px;font-size:16px}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(1.4);background:#0f0a08cc;border-bottom:1px solid #3d2a1e80;justify-content:space-between;align-items:center;margin:0 -24px;padding:16px 24px;display:flex;position:sticky;top:3px}.nav-brand{letter-spacing:.04em;background:linear-gradient(135deg, var(--accent), var(--gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:15px;font-weight:800;text-decoration:none}.nav-links{align-items:center;gap:28px;list-style:none;display:flex}.nav-links a{color:var(--text-dim);font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text)}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-bright));color:#1a0800;box-shadow:0 0 20px #ff7a2e40,0 2px 8px #0000004d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 30px #ff7a2e66,0 4px 16px #0000004d}.btn-secondary{color:var(--text);border:1px solid var(--line);background:0 0}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);background:#ff7a2e0f}.btn-ghost{color:var(--accent);border:1px solid var(--line-glow);background:#ff7a2e1a;padding:8px 18px;font-size:13px}.btn-ghost:hover{background:#ff7a2e2e}.hero{text-align:center;margin-top:60px;padding:80px 0 60px;position:relative;overflow:visible}.hero-glow{pointer-events:none;background:radial-gradient(400px 200px at 40%,#ff7a2e1f,#0000),radial-gradient(300px 200px at 65% 40%,#ff5e6214,#0000);width:800px;height:400px;animation:6s ease-in-out infinite heroWarmPulse;position:absolute;top:-40px;left:50%;transform:translate(-50%)}@keyframes heroWarmPulse{0%,to{opacity:.6;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.06)}}.hero h1{background:linear-gradient(135deg, var(--text) 10%, var(--gold) 50%, var(--accent) 90%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;max-width:820px;margin:0 auto 20px;font-size:clamp(40px,6vw,64px)}.hero-description{max-width:640px;margin:0 auto 32px;font-size:17px;line-height:1.7}.hero .cta-row{justify-content:center;gap:14px;margin-bottom:48px;display:flex}.app-mockup{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-glass);-webkit-backdrop-filter:blur(30px);max-width:700px;margin:0 auto;overflow:hidden;box-shadow:0 0 60px #ff7a2e0f,0 20px 60px #00000080,inset 0 1px #ffffff0a}.app-mockup-bar{border-bottom:1px solid var(--line);background:#18100c99;align-items:center;gap:8px;padding:12px 16px;display:flex}.app-mockup-dots{gap:6px;display:flex}.app-mockup-dots span{border-radius:50%;width:10px;height:10px}.app-mockup-dots span:first-child{background:#ff5f57}.app-mockup-dots span:nth-child(2){background:#ffbd2e}.app-mockup-dots span:nth-child(3){background:#28c840}.app-mockup-title{color:var(--text-dim);margin-left:8px;font-size:12px}.app-mockup-body{padding:20px}.mock-tabs{background:#0000004d;border-radius:8px;gap:2px;margin-bottom:16px;padding:3px;display:flex}.mock-tab{text-align:center;color:var(--text-faint);border-radius:6px;flex:1;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s}.mock-tab.active{color:var(--accent);background:#ff7a2e26}.mock-dropzone{border:2px dashed var(--line);text-align:center;border-radius:12px;margin-bottom:12px;padding:24px}.mock-dropzone-icon{color:var(--text-faint);margin-bottom:8px;font-size:28px}.mock-dropzone-text{color:var(--text-faint);font-size:13px}.mock-waveform-strip{background:#0000004d;border-radius:8px;align-items:end;gap:2px;height:40px;margin-bottom:12px;padding:8px 12px;display:flex}.mock-wave-bar{background:var(--accent);opacity:.6;border-radius:2px;flex:1;min-width:3px;animation:2s ease-in-out infinite waveBarPulse}@keyframes waveBarPulse{0%,to{opacity:.4}50%{opacity:.8}}.mock-controls{gap:8px;display:flex}.mock-control-btn{text-align:center;color:var(--accent);background:#ff7a2e1f;border:1px solid #ff7a2e26;border-radius:8px;flex:1;padding:10px;font-size:12px;font-weight:600}.mock-control-btn.export{background:linear-gradient(135deg, var(--accent), var(--accent-bright));color:#1a0800;border:none}.pipeline-section{text-align:center}.pipeline{flex-wrap:wrap;justify-content:center;align-items:center;gap:0;margin-top:48px;display:flex}.pipeline-node{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-surface);flex-direction:column;align-items:center;gap:12px;min-width:160px;padding:24px 28px;transition:all .3s;display:flex}.pipeline-node:hover{border-color:var(--line-glow);transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.pipeline-node-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.pipeline-node-icon.image{color:var(--purple);background:#b07aff26;border:1px solid #b07aff33}.pipeline-node-icon.audio{color:var(--gold);background:#ffd16626;border:1px solid #ffd16633}.pipeline-node-icon.video{color:var(--accent);background:#ff7a2e26;border:1px solid #ff7a2e33}.pipeline-node h4{font-size:15px}.pipeline-node p{text-align:center;margin:0;font-size:12px}.pipeline-arrow{color:var(--text-faint);padding:0 8px;font-size:24px;animation:2s ease-in-out infinite pipelineArrowPulse}.pipeline-plus{border:1px solid var(--line-glow);width:36px;height:36px;color:var(--accent);background:#ff7a2e1a;border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}@keyframes pipelineArrowPulse{0%,to{opacity:.4;transform:translate(0)}50%{opacity:1;transform:translate(4px)}}.workflows-section{text-align:center}.workflow-cards{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:40px;display:grid}.workflow-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-surface);text-align:left;padding:32px 28px;transition:all .3s;position:relative;overflow:hidden}.workflow-card:before{content:"";border-radius:var(--radius) var(--radius) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.workflow-card.card-orange:before{background:linear-gradient(90deg, var(--accent), var(--gold))}.workflow-card.card-coral:before{background:linear-gradient(90deg, var(--coral), var(--accent))}.workflow-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.workflow-card h3{margin-bottom:8px;font-size:20px}.workflow-card-steps{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.wc-step{color:var(--accent);background:#ff7a2e14;border:1px solid #ff7a2e1f;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.features-section{text-align:center}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;display:grid}.feature-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-surface);text-align:left;padding:28px 24px;transition:all .3s;position:relative;overflow:hidden}.feature-card:before{content:"";border-radius:var(--radius);background:linear-gradient(135deg, transparent, var(--accent), transparent);-webkit-mask-composite:xor;opacity:0;padding:1px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.feature-card:hover:before{opacity:1}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d,0 0 20px #ff7a2e0f}.feature-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;font-size:20px;display:flex}.feature-icon.orange{color:var(--accent);background:#ff7a2e1a;border:1px solid #ff7a2e26}.feature-icon.gold{color:var(--gold);background:#ffd1661a;border:1px solid #ffd16626}.feature-icon.coral{color:var(--coral);background:#ff5e621a;border:1px solid #ff5e6226}.feature-icon.purple{color:var(--purple);background:#b07aff1a;border:1px solid #b07aff26}.feature-card h3{margin-bottom:8px}.feature-card p{font-size:14px;line-height:1.6}.formats-section{text-align:center}.format-grid{flex-wrap:wrap;justify-content:center;gap:24px;margin-top:48px;display:flex}.format-frame{flex-direction:column;align-items:center;gap:12px;display:flex}.format-box{border:2px solid var(--line);background:var(--bg-surface);border-radius:12px;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative;overflow:hidden}.format-box:hover{border-color:var(--accent);box-shadow:0 0 20px #ff7a2e1a}.format-box:before{content:"";background:linear-gradient(135deg,#ff7a2e14,#ffd1660d);border-radius:6px;position:absolute;inset:8px}.format-box .ratio-text{color:var(--accent);font-size:14px;font-weight:700;position:relative}.format-label{color:var(--text-dim);font-size:12px;font-weight:600}.format-platforms{color:var(--text-faint);font-size:11px}.ai-section{text-align:center;position:relative}.ai-cards{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:40px;display:grid}.ai-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-surface);text-align:left;padding:32px 24px;position:relative;overflow:hidden}.ai-card:after{content:"";filter:blur(60px);opacity:.15;pointer-events:none;border-radius:50%;width:200px;height:200px;position:absolute;top:-50%;right:-30%}.ai-card.imagen:after{background:var(--purple)}.ai-card.video:after{background:var(--coral)}.ai-card h3{margin-bottom:8px;position:relative}.ai-card p{font-size:14px;position:relative}.ai-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:4px;margin-bottom:12px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-block;position:relative}.ai-badge.google{color:var(--purple);background:#b07aff26;border:1px solid #b07aff33}.ai-badge.runway{color:var(--coral);background:#ff5e6226;border:1px solid #ff5e6233}.ai-models{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex;position:relative}.ai-model-tag{border:1px solid var(--line);color:var(--text-dim);background:#0000004d;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:500}.sparkle-container{pointer-events:none;position:absolute;inset:0;overflow:hidden}.sparkle{background:var(--gold);border-radius:50%;width:4px;height:4px;animation:4s ease-in-out infinite sparkleFloat;position:absolute}@keyframes sparkleFloat{0%,to{opacity:0;transform:translateY(0)scale(0)}20%{opacity:1;transform:translateY(-10px)scale(1)}80%{opacity:.5;transform:translateY(-40px)scale(.6)}}.workflow-steps-section{text-align:center}.steps-container{grid-template-columns:repeat(3,1fr);gap:0;margin-top:48px;display:grid;position:relative}.steps-container:before{content:"";background:linear-gradient(90deg, var(--accent), var(--gold), var(--accent));opacity:.3;height:2px;position:absolute;top:40px;left:16.67%;right:16.67%}.step{text-align:center;flex-direction:column;align-items:center;padding:0 20px;display:flex}.step-number{width:80px;height:80px;color:var(--accent);background:var(--bg-surface);border:2px solid var(--line-glow);z-index:2;border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;font-size:28px;font-weight:800;display:flex;position:relative;box-shadow:0 0 20px #ff7a2e1a}.step h3{margin-bottom:8px}.step p{max-width:260px;font-size:14px}.platform-section{text-align:center}.platform-badges{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:40px;display:flex}.platform-badge{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-surface);align-items:center;gap:12px;min-width:180px;padding:16px 24px;transition:all .3s;display:flex}.platform-badge:hover{border-color:var(--line-glow);transform:translateY(-2px)}.platform-badge-icon{width:40px;height:40px;color:var(--accent);background:#ff7a2e1a;border:1px solid #ff7a2e1f;border-radius:10px;justify-content:center;align-items:center;font-size:18px;display:flex}.platform-badge h4{margin-bottom:2px;font-size:15px}.platform-badge p{margin:0;font-size:12px}.faq-section{text-align:center}.faq-list{text-align:left;max-width:700px;margin:40px auto 0}.faq-item{border-bottom:1px solid var(--line)}.faq-item:first-child{border-top:1px solid var(--line)}.faq-trigger{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:20px 0;font-family:inherit;font-size:16px;font-weight:600;transition:color .2s;display:flex}.faq-trigger:hover{color:var(--accent)}.faq-chevron{color:var(--text-faint);font-size:18px;transition:transform .3s}.faq-item.open .faq-chevron{color:var(--accent);transform:rotate(180deg)}.faq-answer{max-height:0;transition:max-height .3s,padding .3s;overflow:hidden}.faq-item.open .faq-answer{max-height:200px}.faq-answer p{padding-bottom:20px;font-size:14px;line-height:1.7}.pricing-section{text-align:center}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:16px;margin-top:40px;display:grid}.pricing-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-surface);text-align:left;padding:32px 24px;transition:transform .3s}.pricing-card:hover{transform:translateY(-4px)}.pricing-card.featured{border-color:var(--accent);background:linear-gradient(180deg, #ff7a2e14 0%, var(--bg-surface) 60%);position:relative;box-shadow:0 0 40px #ff7a2e1a}.pricing-card.featured:after{content:"Best Value";text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(135deg, var(--accent), var(--accent-bright));color:#1a0800;border-radius:999px;padding:4px 14px;font-size:11px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card h3{color:var(--text-dim);margin-bottom:4px;font-size:16px}.price-amount{align-items:baseline;gap:4px;margin:8px 0;font-size:36px;font-weight:800;display:flex}.price-currency{color:var(--text-dim);font-size:16px;font-weight:500}.price-period{color:var(--text-faint);font-size:14px;font-weight:400}.pricing-card p{margin-bottom:16px;font-size:14px}.pricing-card ul{margin-bottom:24px;padding:0;list-style:none}.pricing-card li{color:var(--text-dim);align-items:center;gap:8px;padding:6px 0;font-size:13px;display:flex}.pricing-card li:before{content:"";background:#ff7a2e1f;border:1px solid #ff7a2e33;border-radius:50%;flex-shrink:0;width:16px;height:16px}.pricing-card .btn{justify-content:center;width:100%}.waveform-container{justify-content:center;align-items:end;gap:3px;height:60px;margin:20px 0;display:flex}.wave-bar{background:linear-gradient(to top, var(--accent), var(--gold));width:4px;animation:waveBarBounce var(--duration,1.5s) ease-in-out infinite;animation-delay:var(--delay,0s);border-radius:2px}@keyframes waveBarBounce{0%,to{height:var(--min-h,8px);opacity:.4}50%{height:var(--max-h,48px);opacity:1}}.site-footer{border-top:1px solid var(--line);text-align:center;margin-top:120px;padding:40px 0}.footer-brand{letter-spacing:.06em;background:linear-gradient(135deg, var(--accent), var(--gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:13px;font-weight:700}.footer-copy{color:var(--text-faint);font-size:12px}.callback{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:80vh;display:flex}.callback h1{font-size:32px}@media (max-width:900px){.feature-grid,.pricing-grid{grid-template-columns:1fr;max-width:440px;margin-left:auto;margin-right:auto}.workflow-cards,.ai-cards{grid-template-columns:1fr}.steps-container{grid-template-columns:1fr;gap:40px}.steps-container:before{display:none}.pipeline{flex-direction:column;gap:12px}.pipeline-arrow{transform:rotate(90deg)}.hero h1{font-size:36px}section{margin-top:60px}.nav-links{display:none}.format-grid{gap:16px}}.trial-badge{color:var(--accent);align-items:center;gap:6px;margin-top:16px;font-size:13px;font-weight:600;display:inline-flex}.trial-badge:before{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 8px var(--accent);border-radius:50%;animation:2s ease-in-out infinite trialPulse}@keyframes trialPulse{0%,to{box-shadow:0 0 6px var(--accent)}50%{box-shadow:0 0 14px var(--accent), 0 0 24px #ff7a2e4d}}.trial-link{color:var(--accent);margin-top:12px;font-size:13px;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-block}.trial-link:hover{opacity:.8}@media (max-width:640px){main{padding:0 16px 60px}.navbar{margin:0 -16px;padding:14px 16px}.hero{padding:40px 0}}
