:root{--bg-page:#090d16;--bg-card:#141b2db3;--bg-input:#111827;--border-subtle:#ffffff14;--primary-gradient:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--text-title:#fff;--text-body:#9ca3af;--text-muted:#6b7280;--font-stack:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;font-family:var(--font-stack);margin:0;padding:0}body{background-color:var(--bg-page);color:var(--text-body);flex-direction:column;min-height:100vh;display:flex}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);z-index:100;background-color:#090d16bf;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:18px 24px;display:flex}.brand-logo{color:var(--text-title);align-items:center;gap:8px;font-size:24px;font-weight:800;text-decoration:none;display:flex}.logo-dot{background:var(--primary-gradient);border-radius:50%;width:10px;height:10px;box-shadow:0 0 15px #3b82f6}.logo-domain{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600}.nav-badge{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633;border-radius:9999px;padding:6px 14px;font-size:12px;font-weight:600}.btn-secondary-sm{border:1px solid var(--border-subtle);color:#ef4444;cursor:pointer;background:#ffffff0d;border-radius:6px;margin-right:12px;padding:6px 12px;font-size:12px;transition:all .2s}.btn-secondary-sm:hover{background:#ef44441a}.app-container{flex:1;width:100%;max-width:840px;margin:60px auto;padding:0 24px}.workspace-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:24px;padding:48px;box-shadow:0 25px 50px -12px #00000080}.card-header{text-align:center;margin-bottom:40px}.card-header h2{color:var(--text-title);margin-bottom:12px;font-size:28px}.dropzone{text-align:center;background-color:var(--bg-input);border:2px dashed #ffffff26;border-radius:16px;justify-content:center;align-items:center;min-height:240px;padding:60px 24px;display:flex;position:relative}.dropzone input[type=file]{opacity:0;cursor:pointer;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.upload-icon{color:#4b5563;width:48px;height:48px;margin-bottom:20px}.main-text{color:var(--text-title);margin-bottom:8px;font-size:16px}.browse-text{color:#3b82f6;font-weight:600}.sub-text{color:var(--text-muted);font-size:13px}.batch-queue-panel{border-top:1px solid var(--border-subtle);margin-top:32px;padding-top:24px}.batch-queue-panel h3{color:var(--text-title);margin-bottom:16px;font-size:18px}.batch-stack{flex-direction:column;gap:12px;max-height:300px;margin-bottom:20px;display:flex;overflow-y:auto}.batch-row{border:1px solid var(--border-subtle);background:#111827cc;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.batch-info{flex-direction:column;flex:1;gap:4px;display:flex;overflow:hidden}.batch-filename{color:var(--text-title);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.batch-status-text{color:#60a5fa;font-size:12px}.batch-progress-container{background:#1f2937;border-radius:4px;width:100px;height:6px;overflow:hidden}.batch-progress-fill{background:var(--primary-gradient);width:0%;height:100%;transition:width .2s}.btn-select-asset{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:4px;padding:6px 12px;font-size:12px}.canvas-toolbar{justify-content:space-between;gap:12px;margin-bottom:16px;display:flex}.btn-zoom{border:1px solid var(--border-subtle);cursor:pointer;color:var(--text-title);background:#1f2937;border-radius:8px;flex:1;padding:10px 14px;font-size:13px}.btn-clear{cursor:pointer;color:#fda4af;background:#e11d481a;border:1px solid #e11d4833;border-radius:8px;flex:1;padding:10px 14px;font-size:13px}.stage-scroll-wrapper{border:1px solid var(--border-subtle);background:#000;border-radius:16px;width:100%;max-height:500px;position:relative;overflow:auto}.interactive-stage{width:100%;display:block;position:relative}#source-scrubber{width:100%;height:auto;display:block}#selection-canvas{cursor:crosshair;z-index:5;touch-action:none;width:100%;height:100%;position:absolute;top:0;left:0}.export-settings-panel{border:1px solid var(--border-subtle);background:#11182799;border-radius:12px;flex-direction:column;gap:10px;margin-top:28px;padding:20px;display:flex}.export-settings-panel label{color:var(--text-title);font-size:14px;font-weight:600}.saas-dropdown{border:1px solid var(--border-subtle);background-color:var(--bg-input);color:var(--text-title);border-radius:8px;outline:none;padding:12px 16px}.btn-primary{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;padding:16px 24px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 20px #5b5cf640}.btn-secondary{width:100%;color:var(--text-body);cursor:pointer;text-align:center;background:0 0;border:1px solid #ffffff26;border-radius:10px;margin-top:14px;padding:16px 24px;font-size:15px;display:block}.split-viewport-wrapper{aspect-ratio:16/9;background-color:#000;border-radius:16px;width:100%;position:relative;overflow:hidden;box-shadow:0 20px 40px #0009}.split-viewport-wrapper video{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.split-overlay-layer{z-index:10;border-right:3px solid #3b82f6;width:50%;height:100%;position:absolute;top:0;left:0;overflow:hidden;box-shadow:5px 0 15px #3b82f64d}.split-overlay-layer video{width:100%;max-width:none;height:100%}.comparison-slider-bar{opacity:0;cursor:ew-resize;z-index:20;width:100%;height:100%;position:absolute;top:0;left:0}.cookie-banner-frame{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);color:#f8fafc;z-index:1000;background:#111827e6;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;padding:20px 28px;display:flex;position:fixed;bottom:24px;left:24px;right:24px}.cookie-banner-frame p{color:#d1d5db;font-size:14px}.cookie-banner-frame a{color:#60a5fa;text-decoration:none}#accept-cookies-btn{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-window{border:1px solid var(--border-subtle);background:#0f172a;border-radius:20px;width:100%;max-width:600px;padding:40px;box-shadow:0 25px 50px -12px #00000080}.modal-window h3{color:var(--text-title);margin-bottom:16px;font-size:22px}.modal-body-content{max-height:300px;color:var(--text-body);flex-direction:column;gap:14px;padding-right:8px;font-size:14px;line-height:1.6;display:flex;overflow-y:auto}video::-internal-media-controls-download-button{display:none!important}video::-webkit-media-controls-enclosure{overflow:hidden!important}video::-webkit-media-controls-panel{width:calc(100% + 30px)!important}.loading-content{text-align:center;padding:48px 0}.spinner{border:4px solid #ffffff0d;border-top-color:#3b82f6;border-radius:50%;width:56px;height:56px;margin:0 auto 28px;animation:1s linear infinite spinning}@keyframes spinning{to{transform:rotate(360deg)}}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a.nav-link{color:var(--text-body);font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.nav-links a.nav-link:hover{color:var(--text-title)}.nav-right-actions{align-items:center;gap:12px;display:flex}.content-section{padding:90px 24px}.content-section-alt{background:#0a0b10}.section-inner{text-align:center;max-width:1000px;margin:0 auto}.section-title{color:var(--text-title);margin-bottom:12px;font-size:32px}.section-subtitle{color:var(--text-body);margin-bottom:48px;font-size:16px}.pricing-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.pricing-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:18px;flex-direction:column;padding:32px 28px;display:flex;position:relative}.pricing-card h3{color:var(--text-title);margin-bottom:8px;font-size:20px}.pricing-card-featured{border:1px solid #3b82f6;box-shadow:0 0 0 1px #3b82f6,0 20px 40px #3b82f626}.pricing-badge{background:var(--primary-gradient);color:#fff;border-radius:9999px;padding:5px 14px;font-size:12px;font-weight:600;position:absolute;top:-14px;right:24px}.price{color:var(--text-title);margin-bottom:20px;font-size:34px;font-weight:800}.price span{color:var(--text-muted);font-size:14px;font-weight:500}.pricing-features{flex-direction:column;flex:1;gap:12px;margin-bottom:28px;list-style:none;display:flex}.pricing-features li{color:var(--text-body);padding-left:22px;font-size:14px;position:relative}.pricing-features li:before{content:"✓";color:#3b82f6;font-weight:700;position:absolute;left:0}.pricing-btn{text-align:center}.about-text{color:var(--text-body);max-width:720px;margin:0 auto 20px;font-size:16px;line-height:1.8}.contact-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.contact-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:28px;text-decoration:none;transition:all .2s;display:flex}.contact-card:not(.contact-card-static):hover{border-color:#3b82f6;transform:translateY(-2px)}.contact-icon{margin-bottom:6px;font-size:24px}.contact-label{color:var(--text-muted);font-size:13px}.contact-value{color:var(--text-title);font-size:15px;font-weight:600}.social-proof-section{text-align:center;background:#0a0b10;padding:70px 24px}.stats-row{flex-wrap:wrap;justify-content:center;gap:60px;margin-bottom:56px;display:flex}.stat-item{flex-direction:column;gap:6px;display:flex}.stat-number{color:var(--text-title);font-size:32px;font-weight:800}.stat-label{color:var(--text-muted);font-size:13px}.testimonial-row{flex-wrap:wrap;justify-content:center;gap:24px;max-width:1100px;margin:0 auto;display:flex}.testimonial-card{background:var(--bg-card);border:1px solid var(--border-subtle);text-align:left;border-radius:14px;width:300px;padding:24px}.testimonial-text{color:#d1d5db;margin-bottom:14px;font-size:14px;line-height:1.6}.testimonial-author{color:var(--text-muted);font-size:13px;font-weight:600}.cookie-banner-actions{flex-shrink:0;gap:10px;display:flex}.btn-cookie-manage,.btn-cookie-reject{border:1px solid var(--border-subtle);color:#d1d5db;cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;padding:10px 16px;font-size:13px}.btn-cookie-reject:hover,.btn-cookie-manage:hover{border-color:#ffffff4d}.cookie-pref-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:20px;padding:14px 0;display:flex}.cookie-pref-row strong{color:var(--text-title);font-size:14px}.cookie-pref-row p{margin-top:4px;font-size:13px}.cookie-pref-row input[type=checkbox]{flex-shrink:0;width:20px;height:20px}.app-footer{padding:64px 24px 24px}.footer-inner{text-align:left;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;max-width:1100px;margin:0 auto;padding-bottom:40px;display:grid}.footer-col h4{color:var(--text-title);margin-bottom:16px;font-size:14px}.footer-col{flex-direction:column;gap:10px;display:flex}.footer-col a{color:var(--text-body);font-size:14px;text-decoration:none}.footer-col a:hover{color:var(--text-title)}.footer-logo{margin-bottom:10px}.footer-tagline{color:var(--text-muted);font-size:13px}.footer-bottom{border-top:1px solid var(--border-subtle);text-align:center;max-width:1100px;margin:0 auto;padding-top:24px}.footer-bottom p{color:var(--text-muted);font-size:13px}.card-hidden{display:none!important}.app-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-subtle);margin-top:80px;padding:32px 24px;font-size:13px}@media (width<=640px){.hero-section h1{line-height:1.25;font-size:2rem!important}.hero-section p{font-size:1rem!important}.app-container{margin:32px auto;padding:0 14px}.workspace-card{border-radius:16px;padding:24px 18px}.card-header h2{font-size:22px}.dropzone{min-height:180px;padding:32px 16px}.canvas-toolbar{flex-wrap:wrap}.btn-zoom,.btn-clear{flex:45%;padding:10px 8px;font-size:12px}.export-settings-panel{padding:14px}.cookie-banner-frame{flex-direction:column;align-items:flex-start;padding:16px;bottom:12px;left:12px;right:12px}#accept-cookies-btn{width:100%}.modal-window{padding:24px}.nav-container{padding:14px 16px}.brand-logo{font-size:20px}.nav-links,.nav-badge{display:none}.content-section{padding:56px 16px}.section-title{font-size:24px}.pricing-grid,.contact-grid{grid-template-columns:1fr}.stats-row{gap:32px}.stat-number{font-size:26px}.testimonial-card{width:100%}.footer-inner{grid-template-columns:1fr 1fr;gap:28px}}