:root{--bg-color: #0a0a0f;--bg-surface: #12121a;--bg-elevated: #1a1a24;--bg-card: rgba(255, 255, 255, .03);--border-subtle: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .12);--text-primary: #f5f5f7;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--accent-primary: #ec4899;--accent-secondary: #f472b6;--accent-light: #fda4af;--accent-warm: #fb7185;--accent-gradient: linear-gradient(135deg, #ec4899 0%, #fb7185 50%, #fda4af 100%);--accent-gradient-subtle: linear-gradient(135deg, rgba(236,72,153,.15) 0%, rgba(251,113,133,.08) 100%);--accent-glow: rgba(236, 72, 153, .4);--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", system-ui, sans-serif;--font-mono: "SF Mono", "Fira Code", "JetBrains Mono", monospace;--section-gap: clamp(80px, 10vw, 140px);--content-max: 1120px;--content-narrow: 720px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px;overflow-x:hidden}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}a{text-decoration:none;color:inherit;transition:color .2s ease,opacity .2s ease}a:hover{color:var(--text-primary)}img{max-width:100%;height:auto}#starfield{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.navbar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;height:64px;background:#0a0a0fb3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);z-index:100;border-bottom:1px solid var(--border-subtle);transition:background .3s ease,box-shadow .3s ease}.navbar.scrolled{background:#0a0a0feb;box-shadow:0 1px 24px #0006}.logo-container{display:flex;align-items:center;gap:.625rem;text-decoration:none}.logo-container:hover{opacity:1}.nav-logo{width:32px;height:32px;border-radius:8px}.brand-name{font-weight:700;font-size:1.05rem;letter-spacing:-.02em}.nav-links{display:flex;align-items:center;gap:1.75rem}.nav-links a{font-size:.875rem;color:var(--text-secondary);font-weight:450;transition:color .2s ease}.nav-links a:hover{color:var(--text-primary)}.btn-primary-small{background:var(--text-primary);color:var(--bg-color)!important;padding:.375rem 1rem;border-radius:var(--radius-full);font-weight:600;font-size:.8125rem!important;transition:all .2s var(--ease-out)!important;display:inline-flex;align-items:center;gap:.375rem}.btn-primary-small:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ffffff26;opacity:1!important}.disabled{opacity:.5!important;cursor:not-allowed;pointer-events:none}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;z-index:110}.mobile-menu-btn span{display:block;width:22px;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s ease}.mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{position:fixed;top:64px;left:0;right:0;background:#0a0a0ff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:1rem 2rem 1.5rem;display:flex;flex-direction:column;gap:.25rem;z-index:99;border-bottom:1px solid var(--border-subtle);transform:translateY(-100%);opacity:0;pointer-events:none;transition:all .3s var(--ease-out)}.mobile-menu.open{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-menu a{padding:.75rem 0;font-size:1rem;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle)}.mobile-menu a:last-child{border-bottom:none}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:var(--text-primary);color:var(--bg-color);padding:.875rem 1.75rem;border-radius:var(--radius-full);font-weight:700;font-size:.9375rem;transition:all .25s var(--ease-out);border:none;cursor:pointer}.btn-primary:hover{opacity:.85;color:var(--bg-color)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary:disabled:hover{opacity:.5}.btn-glow{box-shadow:0 0 20px #ec48994d,0 0 60px #ec48991a}.btn-glow:hover{box-shadow:0 0 25px #ec489966,0 0 80px #ec489926}.btn-lg{padding:1rem 2.25rem;font-size:1.0625rem}.pricing-guarantee{font-size:.8125rem;color:var(--text-tertiary);margin-top:.75rem;text-align:center}.mobile-menu-cta{margin-top:.5rem;text-align:center;justify-content:center}.hero-section{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:var(--content-max);margin:0 auto;min-height:100vh;padding:6rem 2rem 4rem;position:relative}.hero-glow-orb{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:-1}.hero-glow-1{width:500px;height:500px;background:#ec489914;top:10%;left:-10%;animation:orb-float-1 8s ease-in-out infinite}.hero-glow-2{width:400px;height:400px;background:#fb71850f;bottom:10%;right:-5%;animation:orb-float-2 10s ease-in-out infinite}@keyframes orb-float-1{0%,to{transform:translate(0)}33%{transform:translate(30px,-20px)}66%{transform:translate(-20px,15px)}}@keyframes orb-float-2{0%,to{transform:translate(0)}33%{transform:translate(-25px,20px)}66%{transform:translate(20px,-15px)}}.hero-content{display:flex;flex-direction:column;gap:0}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#ec489914;border:1px solid rgba(236,72,153,.2);padding:.375rem .875rem;border-radius:var(--radius-full);font-size:.8125rem;font-weight:500;color:var(--accent-secondary);width:fit-content;margin-bottom:1.5rem}.badge-dot{width:6px;height:6px;background:var(--accent-primary);border-radius:50%;animation:pulse-dot 2s infinite ease-in-out}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 #ec489966}50%{opacity:.7;box-shadow:0 0 0 6px #ec489900}}.hero-title{font-size:clamp(2.5rem,5.5vw,4rem);font-weight:800;line-height:1.08;letter-spacing:-.04em;margin-bottom:1.25rem}.accent-text{color:var(--accent-primary);text-shadow:0 0 20px rgba(236,72,153,.5),0 0 40px rgba(236,72,153,.25)}.accent-text-subtle{color:var(--accent-secondary)}.hero-subtitle{font-size:1.125rem;color:var(--text-secondary);line-height:1.7;max-width:480px;margin-bottom:2rem}.hero-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem}.system-requirements{display:flex;align-items:center;justify-content:center;gap:.5rem}.requirement-badge{font-size:.75rem;font-weight:500;color:var(--text-tertiary);background:#ffffff0a;border:1px solid var(--border-subtle);padding:.25rem .625rem;border-radius:var(--radius-full)}.version-info{font-size:.6875rem;color:var(--text-tertiary)}.hero-visual{display:flex;justify-content:center;align-items:center;flex-direction:column}.hero-mockup{position:relative;width:100%;max-width:420px}.mockup-glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle,rgba(236,72,153,.12) 0%,transparent 70%);z-index:-1;animation:glow-breathe 4s ease-in-out infinite}@keyframes glow-breathe{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.video-frame{border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-elevated);border:1px solid var(--border-subtle);box-shadow:0 0 0 1px #ffffff08,0 32px 64px -16px #0009,0 0 80px -40px #ec489926;aspect-ratio:1 / 1}.app-video{width:100%;height:100%;object-fit:cover;display:block}.stats-bar{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:#ffffff03;padding:2.25rem 2rem}.stats-container{max-width:var(--content-max);margin:0 auto;display:flex;justify-content:center;align-items:center;gap:3rem;flex-wrap:wrap}.stat-item{text-align:center;display:flex;flex-direction:column;align-items:center}.stat-item>.stat-number,.stat-item>.stat-suffix{display:inline}.stat-item>:first-child{display:inline}.stat-number,.stat-suffix{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;letter-spacing:-.03em;color:var(--text-primary)}.stat-label{display:block;font-size:.8125rem;color:var(--text-tertiary);margin-top:.25rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em}.stat-divider{width:1px;height:40px;background:var(--border-subtle)}.section-header{text-align:center;max-width:var(--content-narrow);margin:0 auto 4rem}.section-title{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;line-height:1.15;letter-spacing:-.03em;margin-bottom:1rem}.section-lede{font-size:1.0625rem;color:var(--text-secondary);line-height:1.7}.features-section{max-width:var(--content-max);margin:0 auto;padding:var(--section-gap) 2rem;position:relative}.features-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,black 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,black 30%,transparent 100%);pointer-events:none}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;gap:1rem}.bento-card{--mouse-x: 50%;--mouse-y: 50%;position:relative;border-radius:var(--radius-lg);overflow:hidden;transition:transform .3s var(--ease-out),box-shadow .4s var(--ease-out)}.bento-card:hover{transform:translateY(-3px)}.bento-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);padding:1px;background:linear-gradient(135deg,#ec48994d,#ffffff14);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:2}.bento-card:hover:before{opacity:1}.bento-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:var(--radius-lg);background:radial-gradient(350px circle at var(--mouse-x) var(--mouse-y),rgba(236,72,153,.08),transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.bento-card:hover:after{opacity:1}.bento-card-inner{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2rem;height:100%;position:relative;transition:all .4s var(--ease-out)}.bento-card-inner:before{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);border-radius:1px;z-index:3}.bento-card:hover .bento-card-inner{border-color:#ec489940;background:#ffffff0a;box-shadow:inset 0 0 30px #ec48990a,0 8px 32px #0000004d,0 0 60px #ec48990f}.bento-card:hover .bento-card-inner:before{background:linear-gradient(90deg,transparent,rgba(236,72,153,.3),transparent)}.bento-lg{grid-column:span 2}.bento-md,.bento-sm{grid-column:span 1}.bento-accent .bento-card-inner{background:var(--accent-gradient-subtle);border-color:#ec489926}.bento-accent:hover .bento-card-inner{border-color:#ec48994d}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;position:relative;z-index:1}.card-header .card-icon-wrapper{margin-bottom:0}.card-badge{display:inline-block;padding:.25rem .625rem;border-radius:var(--radius-full);background:#ec48991a;color:var(--accent-secondary);font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border:1px solid rgba(236,72,153,.15)}.card-icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);background:#ec489914;color:var(--accent-primary);margin-bottom:1.25rem;position:relative;z-index:1;flex-shrink:0}.bento-card h3{font-size:1.25rem;font-weight:700;margin-bottom:.625rem;position:relative;z-index:1}.bento-card p{color:var(--text-secondary);font-size:.9375rem;line-height:1.65;margin-bottom:1rem;position:relative;z-index:1}.card-format-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem;position:relative;z-index:1}.format-tag{display:inline-block;padding:.25rem .5rem;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);font-size:.75rem;font-family:var(--font-mono);font-weight:500;letter-spacing:.02em;transition:all .2s ease}.bento-card:hover .format-tag{border-color:#ec489933;background:#ec48990f}.format-tag.tag-more{color:var(--accent-secondary);border-color:#ec489933;background:#ec489914}a.format-tag.tag-more{text-decoration:none;color:inherit;color:var(--accent-secondary)}.bento-card-inner--stat{display:flex;flex-direction:column;text-align:center;align-items:center}.bento-card-inner--stat .card-icon-wrapper{margin-bottom:1rem}.card-stat-number{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:200;line-height:1;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1;margin-bottom:.25rem}.card-stat-unit{font-size:.6em;font-weight:400}.card-stat-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:.75rem;position:relative;z-index:1}.bento-card-inner--stat h3{font-size:1.0625rem;margin-bottom:.375rem}.bento-card-inner--stat p{font-size:.8125rem;margin-bottom:0}.dock-section{max-width:var(--content-max);margin:0 auto;padding:var(--section-gap) 2rem;text-align:center}.dock-container{display:flex;justify-content:center;align-items:flex-end;margin-top:24px;height:140px}.dock-bar{display:flex;flex-direction:row;align-items:flex-end;position:relative;padding:10px;gap:8px}.dock-bg{position:absolute;bottom:0;left:0;right:0;height:100px;background:#0c0c0c;border-radius:22px;border:1px solid rgba(255,255,255,.08)}.dock-item{position:relative;z-index:1}.dock-icon-zoom{width:80px;height:80px;zoom:1;display:flex;align-items:center;justify-content:center;transform-origin:center bottom;will-change:zoom}.dock-icon{width:100%;height:100%;object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.dock-dot{width:4px;height:4px;background:#9d98a0;border-radius:50%;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}@media(max-width:600px){.dock-container{height:100px}.dock-bar{padding:8px;gap:6px}.dock-icon-zoom{width:56px;height:56px}.dock-bg{height:72px;border-radius:18px}.dock-dot{bottom:-4px}}.deep-dive-section{max-width:var(--content-max);margin:0 auto;padding:var(--section-gap) 2rem}.deep-dive{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-bottom:var(--section-gap)}.deep-dive:last-child{margin-bottom:0}.deep-dive.reverse{direction:rtl}.deep-dive.reverse>*{direction:ltr}.deep-dive-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-primary);margin-bottom:.75rem}.deep-dive-content h3{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;margin-bottom:1rem}.deep-dive-content p{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.deep-dive-features{list-style:none;display:flex;flex-direction:column;gap:.5rem}.deep-dive-features li{display:flex;align-items:center;gap:.625rem;font-size:.9375rem;color:var(--text-secondary)}.deep-dive-features li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent-primary);flex-shrink:0}.placeholder-media{width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-xl);background:var(--bg-elevated);border:1px dashed rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;position:relative;overflow:hidden;transition:all .3s var(--ease-out)}.placeholder-media:hover{border-color:#ec489933;background:#ffffff05}.placeholder-media:after{content:attr(data-label);font-size:.8125rem;color:var(--text-tertiary);font-weight:500}.placeholder-icon{color:var(--text-tertiary);opacity:.4}.preview-image{width:100%;height:auto;border-radius:var(--radius-lg);display:block;object-fit:cover}.terminal-mock{width:100%;border-radius:var(--radius-lg);background:#0a0a0a;border:1px solid rgba(236,72,153,.15);overflow:hidden;box-shadow:0 0 60px -10px #ec489940,0 0 120px -20px #ec48991a,0 8px 32px #0009}.terminal-titlebar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.04);position:relative}.terminal-dot{width:10px;height:10px;border-radius:50%}.terminal-dot.red{background:#ff5f57}.terminal-dot.yellow{background:#febc2e}.terminal-dot.green{background:#28c840}.terminal-title-center{position:absolute;left:50%;transform:translate(-50%);font-size:.6875rem;color:var(--text-tertiary);font-family:var(--font-mono)}.terminal-copy{margin-left:auto;display:flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:#ffffff0a;color:var(--text-tertiary);font-size:.625rem;font-family:var(--font-mono);cursor:pointer;transition:all .25s ease,min-width .3s ease;min-width:52px;justify-content:center}.terminal-copy:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#ec48990f}.terminal-copy svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:opacity .2s ease,transform .2s ease}.terminal-copy .icon-check{display:none}.terminal-copy.copied{border-color:#28c840;color:#28c840;background:#28c84014;min-width:66px}.terminal-copy.copied .icon-copy{display:none}.terminal-copy.copied .icon-check{display:block;animation:check-pop .3s ease}@keyframes check-pop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.terminal-body{margin:0;padding:1.25rem 1.5rem;font-family:var(--font-mono);font-size:.8125rem;line-height:1.65;color:#e2e8f0;overflow-x:auto}.terminal-body code{font-family:inherit}.json-key{color:#ff6eb4}.json-val{color:#86efac}.terminal-hint{padding:8px 1.5rem 12px;font-size:.75rem;color:var(--text-tertiary);border-top:1px solid rgba(255,255,255,.04)}.terminal-mock.pink{background:linear-gradient(135deg,#3d0f2a,#2e0825,#3a1030);border-color:#ff69b466;box-shadow:0 8px 40px #ff69b433,0 0 80px #ec48990f,inset 0 1px #ffb6df0d}.terminal-mock.pink .terminal-titlebar{background:#ff69b41a;border-bottom-color:#ff69b433}.terminal-mock.pink .terminal-body{color:#ffe4f0}.terminal-mock.pink .json-key{color:#ff6eb4}.terminal-mock.pink .json-val{color:#ffb6dd}.terminal-mock.pink .terminal-hint{border-top-color:#ec48990f}.terminal-mock.pink .terminal-copy{border-color:#ec489933}.terminal-mock.pink .terminal-copy:hover{border-color:var(--accent-primary);background:#ec48991a}.graph-section{padding:var(--section-gap) 2rem;position:relative;overflow:hidden;display:none}.graph-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(236,72,153,.04) 0%,transparent 70%);pointer-events:none}.graph-container{max-width:var(--content-max);margin:0 auto;position:relative}#conversion-graph{width:100%;height:500px;border-radius:var(--radius-xl);background:#ffffff03;border:1px solid var(--border-subtle)}.graph-legend{display:flex;justify-content:center;gap:1.5rem;margin-top:1.5rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-tertiary);font-weight:500}.legend-dot{width:8px;height:8px;border-radius:50%}.whats-inside-section{max-width:var(--content-max);margin:0 auto;padding:var(--section-gap) 2rem}.engines-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.engine-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.5rem;transition:all .3s var(--ease-out)}.engine-card:hover{border-color:var(--border-hover);background:#ffffff0a;transform:translateY(-2px)}.engine-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);background:#ec48990f;color:var(--accent-primary);margin-bottom:.75rem}.engine-name{font-family:var(--font-mono);font-size:.9375rem;font-weight:700;color:var(--accent-primary);margin-bottom:.5rem}.engine-card p{font-size:.8125rem;color:var(--text-secondary);line-height:1.6}.privacy-section{padding:var(--section-gap) 2rem;position:relative;overflow:visible;display:none}.privacy-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:500px;background:radial-gradient(ellipse,rgba(236,72,153,.08) 0%,transparent 70%);filter:blur(80px);pointer-events:none}.privacy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:var(--content-max);margin:0 auto}.privacy-card{--mouse-x: 50%;--mouse-y: 50%;position:relative;border-radius:var(--radius-lg);overflow:hidden;transition:transform .3s var(--ease-out),box-shadow .4s var(--ease-out)}.privacy-card:hover{transform:translateY(-3px);box-shadow:0 0 16px #ec48991f,0 0 32px #ec48990f}.privacy-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);padding:1px;background:linear-gradient(135deg,#ec489966,#ffffff1a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:2}.privacy-card:hover:before{opacity:1}.privacy-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:var(--radius-lg);background:radial-gradient(350px circle at var(--mouse-x) var(--mouse-y),rgba(236,72,153,.08),transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.privacy-card:hover:after{opacity:1}.privacy-card-inner{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2.5rem 2rem;height:100%;position:relative;transition:all .4s var(--ease-out)}.privacy-card-inner:before{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);border-radius:1px;z-index:3}.privacy-card:hover .privacy-card-inner{border-color:#ec489940;background:#ffffff0a;box-shadow:inset 0 0 30px #ec48990a,0 8px 32px #0000004d,0 0 60px #ec48990f}.privacy-card:hover .privacy-card-inner:before{background:linear-gradient(90deg,transparent,rgba(236,72,153,.3),transparent)}.privacy-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-md);background:#ec48990f;color:var(--accent-primary);margin:0 auto 1.5rem;transition:all .3s var(--ease-out)}.privacy-card:hover .privacy-icon{background:#ec48991f;transform:scale(1.05)}.privacy-card h3{font-size:1.125rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary);text-align:center}.privacy-card p{font-size:.9375rem;color:var(--text-secondary);line-height:1.65;text-align:center}.pricing-section{padding:clamp(32px,4vw,56px) 2rem}.pricing-included{max-width:720px;margin:0 auto 2rem;text-align:center}.pricing-included-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:.625rem}.pricing-included-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.375rem}.pricing-included-item{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-tertiary);background:#ffffff05;border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:.3125rem .75rem}.included-icon{width:4px;height:4px;border-radius:50%;background:#10b981;flex-shrink:0}.pricing-cards{display:flex;justify-content:center;gap:1rem;max-width:960px;margin:0 auto 1rem}.pricing-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:2.5rem 2.5rem 2rem;flex:1;max-width:420px;text-align:center;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center}.pricing-card.featured{border-color:#ec489980;background:linear-gradient(180deg,#ec48990f,#fb718508 40%,#ffffff05);box-shadow:0 0 40px -10px #ec489933,0 0 80px -20px #ec48991a}.pricing-card.featured:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:var(--radius-xl);padding:1px;background:linear-gradient(135deg,var(--accent-primary),rgba(251,113,133,.4),rgba(255,255,255,.08),rgba(251,113,133,.4),var(--accent-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1}.pricing-badge{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-primary);background:#ec48991a;padding:.25rem .75rem;border-radius:var(--radius-full);margin:0 0 1rem}.pricing-devices{display:flex;align-items:baseline;justify-content:center;gap:.35rem;margin-bottom:.5rem}.devices-count{font-size:1.125rem;font-weight:700;color:var(--text-primary)}.devices-label{font-size:1.125rem;font-weight:600;color:var(--text-secondary)}.pricing-price{display:flex;align-items:baseline;justify-content:center;gap:.125rem;margin-bottom:.5rem}.price-currency{font-size:1.5rem;font-weight:700;color:var(--text-secondary)}.price-amount{font-size:3.5rem;font-weight:800;letter-spacing:-.04em;line-height:1}.price-period{font-size:.9375rem;color:var(--text-tertiary);margin-left:.25rem}.pricing-savings{font-size:.8125rem;color:var(--text-tertiary);margin-bottom:.5rem}.pricing-savings-original{text-decoration:line-through;text-decoration-color:var(--accent-primary);color:var(--text-secondary)}.pricing-popular{font-weight:500;text-transform:none;letter-spacing:normal;opacity:.7}.pricing-description{font-size:.9375rem;color:var(--text-secondary);margin-bottom:1.25rem;line-height:1.6}.pricing-features{list-style:none;padding:0;margin:.75rem 0 1.5rem;text-align:left;width:100%}.pricing-features li{display:flex;align-items:center;gap:.75rem;font-size:.9375rem;color:var(--text-secondary);padding:.5rem 0}.pricing-features li:before{content:"✓";color:#10b981;font-weight:700;font-size:.875rem;flex-shrink:0}.pricing-card .btn-primary{width:100%;justify-content:center;margin-top:auto}.btn-bold{font-weight:900}.pricing-comparison{text-align:center;max-width:var(--content-narrow);margin:0 auto}.comparison-title{font-size:.875rem;color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}.comparison-items{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;font-size:.875rem;color:var(--text-secondary)}.comp-tool{background:var(--bg-card);border:1px solid var(--border-subtle);padding:.375rem .75rem;border-radius:var(--radius-sm);font-size:.8125rem}.comp-tool em{font-style:normal;color:var(--text-tertiary);font-size:.75rem}.comp-plus,.comp-equals{color:var(--text-tertiary);font-weight:600}.comparison-total{font-weight:800;font-size:1.125rem;color:var(--text-primary);text-decoration:line-through;text-decoration-color:var(--accent-primary)}.roadmap-section{max-width:var(--content-narrow);margin:0 auto;padding:var(--section-gap) 2rem}.roadmap-timeline{position:relative;padding-left:2rem;padding-bottom:3rem;overflow:hidden}.roadmap-timeline:before{display:none}.roadmap-item:last-child:after{content:"";position:absolute;left:calc(-2rem + 7px);top:1.5rem;height:4rem;width:2px;background:repeating-linear-gradient(to bottom,var(--border-subtle) 0px,var(--border-subtle) 4px,transparent 4px,transparent 10px);mask-image:linear-gradient(to bottom,#0009,#0000);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 100%)}.roadmap-item{position:relative;margin-bottom:2.5rem;display:flex;gap:1.5rem}.roadmap-item:last-child{margin-bottom:0}.roadmap-item:not(:last-child):before{content:"";position:absolute;left:calc(-2rem + 7px);top:1.25rem;bottom:-2.5rem;width:2px;background:var(--border-subtle)}.roadmap-marker{width:16px;height:16px;border-radius:50%;background:var(--bg-elevated);border:2px solid var(--border-subtle);flex-shrink:0;position:relative;z-index:1;margin-left:-2rem;margin-top:.25rem;transition:all .3s var(--ease-out)}.roadmap-marker.current{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 0 12px #ec489966}.roadmap-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-primary);margin-bottom:.375rem}.roadmap-content h3{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.roadmap-content p{font-size:.9375rem;color:var(--text-secondary);line-height:1.65}.faq-section{max-width:var(--content-narrow);margin:0 auto;padding:var(--section-gap) 2rem}.faq-list{display:flex;flex-direction:column;gap:0}.faq-item{border-bottom:1px solid var(--border-subtle)}.faq-item summary{padding:1.25rem 0;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:space-between;list-style:none;color:var(--text-primary);transition:color .2s ease}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::marker{display:none;content:""}.faq-item summary:after{content:"+";font-size:1.25rem;font-weight:400;color:var(--text-tertiary);transition:transform .3s var(--ease-out),color .2s ease;flex-shrink:0;margin-left:1rem}.faq-item[open] summary:after{transform:rotate(45deg);color:var(--accent-primary)}.faq-item summary:hover{color:var(--accent-secondary)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease-out),padding .35s var(--ease-out);padding:0;overflow:hidden}.faq-item[open] .faq-answer{grid-template-rows:1fr;padding:0 0 1.25rem}.faq-answer>p{overflow:hidden;font-size:.9375rem;color:var(--text-secondary);line-height:1.7}.final-cta-section{padding:var(--section-gap) 2rem;text-align:center;position:relative}.final-cta-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:80%;max-width:800px;height:1px;background:linear-gradient(90deg,transparent,var(--border-subtle),transparent)}.final-cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:300px;background:radial-gradient(ellipse,rgba(236,72,153,.06) 0%,transparent 70%);filter:blur(80px);pointer-events:none}.final-cta-content{position:relative}.final-cta-content h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.03em;margin-bottom:.75rem}.final-cta-content p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem}.final-cta-content .system-requirements{margin-top:.75rem}footer{border-top:1px solid var(--border-subtle);padding:4rem 2rem 2rem;position:relative;z-index:10;background:#0a0a0fcc}.footer-content{max-width:var(--content-max);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:3rem}.footer-brand{display:flex;align-items:center;gap:.625rem;margin-bottom:.75rem}.footer-logo{width:32px;height:32px;border-radius:8px}.footer-brand-name{font-weight:700;font-size:1rem}.footer-tagline{font-size:.8125rem;color:var(--text-tertiary)}.footer-col h4,.footer-col .footer-heading{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:1rem}.footer-col a{display:block;font-size:.875rem;color:var(--text-secondary);padding:.25rem 0}.footer-col a:hover{color:var(--text-primary)}.footer-bottom{max-width:var(--content-max);margin:3rem auto 0;padding-top:1.5rem;border-top:1px solid var(--border-subtle);text-align:center}.footer-bottom p{font-size:.75rem;color:var(--text-tertiary)}.anim-fade-up{opacity:0;transform:translateY(24px);animation:fade-up .8s var(--ease-out) forwards}.anim-delay-1{animation-delay:.1s}.anim-delay-2{animation-delay:.2s}.anim-delay-3{animation-delay:.35s}@keyframes fade-up{to{opacity:1;transform:translateY(0)}}.anim-scroll{opacity:0;transform:translateY(32px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.anim-scroll.visible{opacity:1;transform:translateY(0)}.bento-grid .anim-scroll:nth-child(2){transition-delay:.08s}.bento-grid .anim-scroll:nth-child(3){transition-delay:.16s}.bento-grid .anim-scroll:nth-child(4){transition-delay:.24s}.engines-grid .anim-scroll:nth-child(2){transition-delay:.04s}.engines-grid .anim-scroll:nth-child(3){transition-delay:.08s}.engines-grid .anim-scroll:nth-child(4){transition-delay:.12s}.engines-grid .anim-scroll:nth-child(5){transition-delay:.16s}.engines-grid .anim-scroll:nth-child(6){transition-delay:.2s}.engines-grid .anim-scroll:nth-child(7){transition-delay:.24s}.engines-grid .anim-scroll:nth-child(8){transition-delay:.28s}.roadmap-timeline .roadmap-item.anim-scroll:nth-child(2){transition-delay:.1s}.roadmap-timeline .roadmap-item.anim-scroll:nth-child(3){transition-delay:.2s}.roadmap-timeline .roadmap-item.anim-scroll:nth-child(4){transition-delay:.3s}.privacy-grid>.anim-scroll:nth-child(2){transition-delay:.1s}.privacy-grid>.anim-scroll:nth-child(3){transition-delay:.2s}.anim-scale{opacity:0;transform:scale(.92);transition:opacity .6s var(--ease-out),transform .6s var(--ease-spring)}.anim-scale.visible{opacity:1;transform:scale(1)}.anim-slide-left{opacity:0;transform:translate(-40px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.anim-slide-left.visible{opacity:1;transform:translate(0)}.anim-slide-right{opacity:0;transform:translate(40px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.anim-slide-right.visible{opacity:1;transform:translate(0)}.btn-primary{position:relative;overflow:hidden}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.section-header .gradient-text{background-size:200% auto;animation:gradient-shift 4s ease-in-out infinite}.bento-card{transition:box-shadow .4s ease,border-color .4s ease}.bento-card:hover{box-shadow:0 0 16px #ec489926,0 0 32px #ec489914}.engine-card{transition:transform .3s var(--ease-out),border-color .3s ease}.engine-card:hover{transform:translateY(-2px);border-color:var(--border-hover)}.hero-glow-orb{transition:transform .3s ease-out;will-change:transform}@media(max-width:960px){.nav-links{display:none}.mobile-menu-btn{display:flex}.hero-section{grid-template-columns:1fr;text-align:center;padding:7rem 1.5rem 4rem;gap:3rem;min-height:auto;overflow-x:clip}.hero-content{align-items:center}.hero-badge{margin-left:auto;margin-right:auto}.hero-subtitle{max-width:560px;margin-left:auto;margin-right:auto}.hero-actions{align-items:center}.system-requirements{justify-content:center}.hero-mockup{max-width:100%}.bento-grid{grid-template-columns:1fr}.bento-lg,.bento-md,.bento-sm{grid-column:span 1}.bento-card:hover{transform:none}.card-stat-number{font-size:2.5rem}.deep-dive{grid-template-columns:1fr;gap:2rem}.deep-dive.reverse{direction:ltr}.engines-grid{grid-template-columns:repeat(2,1fr)}.privacy-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.privacy-card:hover{transform:none}.pricing-included-grid{justify-content:center}.stats-container{gap:1.5rem}.stat-divider{display:none}.footer-content{grid-template-columns:1fr 1fr;gap:2rem}}@media(max-width:640px){.hero-title{font-size:2.25rem}.stats-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.engines-grid{grid-template-columns:1fr}.pricing-included-grid{justify-content:center}.pricing-cards{flex-direction:column;align-items:center}.pricing-card{padding:2rem 1.5rem;max-width:380px;width:100%}.price-amount{font-size:3.25rem}.terminal-body{font-size:.5625rem;padding:.75rem;line-height:1.5;word-break:break-all}.terminal-body code{white-space:pre-wrap}.terminal-titlebar{padding:8px 10px}.terminal-title-center{font-size:.5625rem}.terminal-hint{font-size:.625rem;padding:6px .75rem 10px}.terminal-copy{font-size:.5625rem;min-width:44px;padding:2px 6px}.comparison-items{flex-direction:column;gap:.5rem}.footer-content{grid-template-columns:1fr}.footer-col:first-child{margin-bottom:1rem}#conversion-graph{height:350px}}.purchase-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#000000b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:opacity .3s var(--ease-out),visibility .3s;padding:1rem}.purchase-modal-overlay.active{opacity:1;visibility:visible}.purchase-modal{background:#1c1c1e;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-xl);padding:2.5rem 2.5rem 2rem;max-width:420px;width:100%;position:relative;transform:scale(.95) translateY(10px);transition:transform .3s var(--ease-out);max-height:90vh;overflow-y:auto;text-align:center;display:flex;flex-direction:column;align-items:center;box-shadow:0 25px 50px -12px #00000080}.purchase-modal-overlay.active .purchase-modal{transform:scale(1) translateY(0)}.purchase-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-tertiary);font-size:1.5rem;cursor:pointer;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:color .2s,background .2s;line-height:1}.purchase-modal-close:hover{color:var(--text-primary);background:#ffffff14}.purchase-modal-price{display:flex;align-items:baseline;justify-content:center;gap:.125rem;margin-bottom:.5rem}.purchase-modal-devices{display:flex;align-items:baseline;justify-content:center;gap:.35rem;margin-bottom:.75rem}.purchase-modal-tagline{font-size:.9375rem;color:var(--text-secondary);margin:0 0 .5rem;line-height:1.5}.purchase-modal-guarantee{font-size:.8125rem;color:var(--text-tertiary);margin:.75rem 0 0}.purchase-modal-features{list-style:none;padding:0;margin:.75rem 0 1.5rem;text-align:left;width:100%}.purchase-modal-features li{display:flex;align-items:center;gap:.75rem;font-size:.9375rem;color:var(--text-secondary);padding:.5rem 0}.purchase-modal-features li:before{content:"✓";color:#10b981;font-weight:700;font-size:.875rem;flex-shrink:0}.purchase-modal-buy{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.75rem;background:#fff;color:#0a0a0f;border-radius:var(--radius-full);font-weight:900;font-size:1rem;text-decoration:none;transition:opacity .2s}.purchase-modal-buy:hover{opacity:.9}@media(max-width:600px){.purchase-modal-overlay{padding:1rem}.purchase-modal{padding:2rem 1.5rem 1.5rem;max-height:90vh}.purchase-modal-features li,.purchase-modal-tagline{font-size:.875rem}}.demo-window{--dw-bg-primary: #1c1c1e;--dw-bg-secondary: #2c2c2e;--dw-bg-tertiary: #3a3a3c;--dw-text-primary: #f5f5f7;--dw-text-secondary: #98989d;--dw-text-tertiary: #636366;--dw-border: #38383a;--dw-border-subtle: #2c2c2e;--dw-card-bg: rgba(44, 44, 46, .9);--dw-card-border: rgba(255, 255, 255, .1);--dw-glow-pink: #ff69b4;--dw-glow-pink-rgb: 255, 105, 180;--dw-glow-pink-soft: rgba(255, 105, 180, .3);--dw-glow-pink-medium: rgba(255, 105, 180, .5);--dw-glow-pink-light: #ff94ea;--dw-success: #30d158;--dw-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", sans-serif;--dw-font-mono: "SF Mono", Monaco, "Cascadia Code", "Consolas", monospace;--dw-header-height: 52px;--dw-content-padding: 16px;--dw-radius-sm: 6px;--dw-radius-md: 10px;--dw-radius-lg: 12px;position:relative;width:100%;aspect-ratio:1 / 1;background:var(--dw-bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:0 0 0 1px #ffffff08,0 32px 64px -16px #0009,0 0 80px -40px #ec489926;overflow:hidden;display:flex;flex-direction:column;font-family:var(--dw-font);text-align:left;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.demo-window img{pointer-events:none;-webkit-user-drag:none}.demo-window--fading .demo-app-content{opacity:0;transition:opacity .5s ease}.demo-v2-header{height:var(--dw-header-height);background:linear-gradient(180deg,#2c2c2ed1,#3a3a3cc7);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);position:relative;z-index:10;border-radius:0 0 14px 14px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000a;flex-shrink:0}.demo-header-content{display:flex;justify-content:space-between;align-items:flex-end;height:100%;padding:0 14px}.demo-traffic-lights{width:68px;flex-shrink:0;display:flex;align-items:center;gap:8px;align-self:center}.demo-traffic-dot{width:12px;height:12px;border-radius:50%}.demo-traffic-dot--red{background:#ff5f57}.demo-traffic-dot--yellow{background:#febc2e}.demo-traffic-dot--green{background:#28c840}.demo-logo-area{position:absolute;left:50%;bottom:0;transform:translate(-50%);display:flex;align-items:flex-end}.demo-logo-img{height:42px;object-fit:contain;pointer-events:none}.demo-header-actions{display:flex;gap:4px;padding-bottom:10px}.demo-header-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:9999px;color:var(--dw-text-primary);cursor:default;opacity:.85;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.demo-app-content{flex:1;position:relative;overflow:hidden;background:var(--dw-bg-primary);margin-top:-14px;padding-top:14px;transition:opacity .5s ease}.demo-phase{position:absolute;top:0;right:0;bottom:0;left:0;padding-top:14px;opacity:0;pointer-events:none;transition:opacity .4s ease}.demo-phase.active{opacity:1;pointer-events:auto}#demo-cursor{position:absolute;opacity:0;pointer-events:none;z-index:100;transition:left .6s cubic-bezier(.4,0,.2,1),top .6s cubic-bezier(.4,0,.2,1),opacity .3s ease}#demo-file-card{position:absolute;left:18px;top:4px;background:var(--dw-card-bg);border:1px solid rgba(255,105,180,.3);border-radius:var(--dw-radius-sm);padding:3px 8px;opacity:0;white-space:nowrap;transition:opacity .3s ease;pointer-events:none;display:flex;align-items:center;gap:4px}.demo-file-card-icon{display:flex;align-items:center}.demo-file-card-icon img{display:block}.demo-file-card-label{font-size:9px;color:#fffc;line-height:1}.demo-dropzone-container{display:flex;flex-direction:column;height:100%;padding:var(--dw-content-padding);gap:12px}.demo-sparkle-dropzone{position:relative;flex:1;min-height:220px;display:flex}.demo-dropzone{--demo-active: 0;--demo-drop-radius: 28px;--demo-cut: 4px;--demo-bg: radial-gradient(40% 50% at center 100%, rgba(var(--dw-glow-pink-rgb), calc(var(--demo-active) * .9)), transparent), radial-gradient(80% 120% at center 120%, rgba(var(--dw-glow-pink-rgb), calc(var(--demo-active) * .7)), transparent), linear-gradient(145deg, #3a2a2a 0%, #4a2a3a 50%, #3a2a4a 100%);position:relative;flex:1;border-radius:var(--demo-drop-radius);background:var(--demo-bg);border:2px solid rgba(255,105,180,.3);overflow:hidden;display:flex;align-items:center;justify-content:center;transition:box-shadow .25s,transform .25s,background .25s,border-color .25s;box-shadow:0 0 calc(var(--demo-active) * 3em) calc(var(--demo-active) * 1.5em) rgba(var(--dw-glow-pink-rgb),.75),0 .05em #ffffff14 inset,0 -.05em #0003 inset}.demo-dropzone--active{--demo-active: 1;transform:scale(1.02);border-color:var(--dw-glow-pink)}.demo-spark{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;pointer-events:none}.demo-dropzone--active .demo-spark:before{content:"";position:absolute;width:220%;aspect-ratio:1;top:0;left:50%;translate:-50% -30%;opacity:1;background:conic-gradient(from 0deg,transparent 0 340deg,white 360deg);animation:demo-spark-rotate 2.8s linear infinite both}@keyframes demo-spark-rotate{to{transform:rotate(360deg);opacity:0}}.demo-backdrop{position:absolute;inset:var(--demo-cut);border-radius:calc(var(--demo-drop-radius) - var(--demo-cut));background:var(--demo-bg);transition:background .25s;pointer-events:none}.demo-dropzone-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:2px}.demo-upload-icon{animation:demo-icon-float 3s ease-in-out infinite;filter:drop-shadow(0 0 12px var(--dw-glow-pink-soft)) drop-shadow(0 0 18px var(--dw-glow-pink-soft))}@keyframes demo-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.demo-dropzone-title{font-size:14px;font-weight:600;margin:0;letter-spacing:.01ch;background:linear-gradient(90deg,#ffffffd9,#ffd2f5,#fffffff2);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;background-position:0% 50%;text-shadow:none}.demo-dropzone-subtitle{font-size:12px;color:#ffffffd9;margin:0;text-shadow:0 0 4px rgba(0,0,0,.35)}.demo-action-container{display:flex;flex-direction:column;height:100%;padding:var(--dw-content-padding);padding-bottom:20px;gap:8px;overflow:hidden}.demo-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.demo-back-button{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:none;color:var(--dw-text-secondary);font-size:13px;font-family:var(--dw-font);cursor:default;margin:-8px 0 -8px -8px}.demo-back-arrow{font-size:16px;line-height:1}.demo-file-badge{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--dw-card-bg);border:1px solid var(--dw-border);border-radius:var(--dw-radius-md)}.demo-file-icon{flex-shrink:0;display:block}.demo-file-info{display:flex;flex-direction:column;min-width:0;flex:1}.demo-file-name{font-size:11px;font-weight:500;color:var(--dw-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-file-meta-badges{display:flex;align-items:center;gap:4px;margin-top:4px}.demo-info-badge{display:inline-flex;align-items:center;padding:1px 6px;background:var(--dw-glow-pink-soft);border:1px solid var(--dw-glow-pink);border-radius:var(--dw-radius-md);font-size:9px;font-weight:600;color:var(--dw-glow-pink);line-height:1.4;white-space:nowrap}.demo-upload-btn{display:flex;align-items:center;gap:4px;flex-shrink:0;padding:4px 10px;background:transparent;border:1px solid var(--dw-border);border-radius:var(--dw-radius-md);color:var(--dw-text-secondary);font-size:11px;font-weight:500;font-family:var(--dw-font);cursor:default}.demo-section-label{font-size:13px;font-weight:500;color:var(--dw-text-secondary);margin:0}.demo-convert-autocomplete,.demo-convert-input-wrapper{position:relative}.demo-convert-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);z-index:1;pointer-events:none;color:var(--dw-text-tertiary)}.demo-convert-input{width:100%;height:38px;padding:0 16px 0 44px;background:var(--dw-card-bg);border:1.5px solid var(--dw-border);border-radius:var(--dw-radius-lg);font-size:14px;color:var(--dw-text-primary);outline:none;font-family:var(--dw-font);box-sizing:border-box}.demo-convert-input::placeholder{color:var(--dw-text-tertiary)}.demo-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:1;align-content:start}.demo-action-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 12px;background:var(--dw-card-bg);border:2px solid var(--dw-border);border-radius:var(--dw-radius-lg);cursor:default;transition:all .2s ease;font-family:var(--dw-font)}.demo-action-icon,.demo-action-icon-svg{display:block;flex-shrink:0}.demo-action-label{font-size:13px;font-weight:500;color:var(--dw-text-primary)}.demo-action-btn--hover{border-color:var(--dw-glow-pink);transform:translateY(-2px);box-shadow:0 4px 12px var(--dw-glow-pink-soft)}.demo-action-btn--click{transform:translateY(0) scale(.98)}.demo-resize-panel{display:flex;flex-direction:column;height:100%;padding:var(--dw-content-padding);gap:10px}.demo-panel-header{display:flex;align-items:center;justify-content:space-between}.demo-panel-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--dw-text-primary)}.demo-panel-title svg{color:var(--dw-text-secondary)}.demo-size-row{display:flex;justify-content:space-between;padding:8px 12px;background:var(--dw-bg-secondary);border-radius:var(--dw-radius-md)}.demo-size-label{font-size:12px;color:var(--dw-text-secondary)}.demo-size-value{font-size:12px;font-weight:600;font-family:var(--dw-font-mono);color:var(--dw-text-primary)}.demo-new-size-row .demo-new-size-value{color:var(--dw-glow-pink)}.demo-mode-tabs{display:flex;background:var(--dw-bg-secondary);border-radius:var(--dw-radius-md);padding:4px}.demo-mode-tab{flex:1;padding:8px;background:transparent;border:none;border-radius:var(--dw-radius-sm);font-size:13px;font-weight:500;color:var(--dw-text-secondary);cursor:default;font-family:var(--dw-font);text-align:center;transition:all .2s ease}.demo-mode-tab.active{background:var(--dw-card-bg);color:var(--dw-text-primary);box-shadow:0 1px 3px #0000004d}.demo-option-group{display:flex;flex-direction:column;gap:10px}.demo-option-label{font-size:13px;font-weight:500;color:var(--dw-text-secondary)}.demo-slider-container{display:flex;flex-direction:column;gap:8px}.demo-slider-track{position:relative;width:100%;height:8px;background:var(--dw-bg-tertiary);border-radius:4px}.demo-slider-fill{position:absolute;left:0;top:0;height:100%;background:var(--dw-glow-pink);border-radius:4px;width:47.4%;transition:width .05s linear;pointer-events:none}.demo-slider-thumb{position:absolute;top:50%;left:47.4%;transform:translate(-50%,-50%);width:20px;height:20px;background:var(--dw-glow-pink);border-radius:50%;box-shadow:0 0 10px var(--dw-glow-pink-soft);transition:left .05s linear;z-index:2;pointer-events:none}.demo-slider-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--dw-text-tertiary)}.demo-slider-value{font-weight:600;color:var(--dw-glow-pink)}.demo-preset-buttons{display:flex;gap:6px}.demo-preset-btn{flex:1;padding:6px 4px;background:var(--dw-card-bg);border:2px solid var(--dw-border);border-radius:var(--dw-radius-sm);font-size:11px;font-weight:500;color:var(--dw-text-primary);cursor:default;font-family:var(--dw-font);text-align:center;transition:all .2s ease}.demo-preset-btn--active{border-color:var(--dw-glow-pink);background:var(--dw-glow-pink-soft)}.demo-primary-btn{width:100%;height:44px;background:var(--dw-card-bg);color:var(--dw-text-primary);border:2px solid var(--dw-glow-pink);border-radius:var(--dw-radius-lg);font-size:13px;font-weight:600;cursor:default;transition:all .2s ease;margin-top:auto;font-family:var(--dw-font)}.demo-primary-btn--hover{background:var(--dw-glow-pink-soft);transform:translateY(-2px);box-shadow:0 4px 12px var(--dw-glow-pink-soft)}.demo-primary-btn--click{transform:translateY(0) scale(.97)}.demo-matrix-container{display:flex;flex-direction:column;align-items:center;height:100%;position:relative}.demo-matrix-center{flex:1;display:flex;align-items:center;justify-content:center}.demo-matrix-grid{display:grid;grid-template-columns:repeat(15,6px);grid-template-rows:repeat(15,6px);gap:6px}.demo-matrix-dot{width:6px;height:6px;border-radius:50%;background:var(--dw-glow-pink);opacity:.12;transition:opacity .15s ease}.demo-matrix-bottom{display:flex;flex-direction:column;align-items:center;gap:12px;padding-bottom:24px}.demo-spinner-message{font-size:14px;text-align:center;min-height:24px}.demo-shimmer-text{display:inline-flex;align-items:baseline}.demo-growing-char{display:inline-block;color:var(--dw-text-secondary);animation:demo-char-wave var(--wave-dur) ease-in-out infinite;animation-delay:calc(var(--char-i) * .12s)}@keyframes demo-char-wave{0%,12%,to{transform:scale(1);color:var(--dw-text-secondary, #98989d);text-shadow:none}6%{transform:scale(1.35);color:var(--dw-glow-pink, #ff69b4);text-shadow:0 0 8px rgba(255,105,180,.5),0 0 16px rgba(255,105,180,.3)}}.demo-done-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:12px 16px;gap:8px;position:relative}.demo-done-content{display:flex;flex-direction:column;align-items:center;gap:6px;z-index:1}.demo-done-check{width:44px;height:44px;background:linear-gradient(135deg,var(--dw-glow-pink),var(--dw-glow-pink-light));border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px var(--dw-glow-pink-medium)}.demo-done-check svg{width:22px;height:22px;color:#fff}#demo-phase-done .demo-done-check{transform:scale(0)}#demo-phase-done .demo-check-path{stroke-dasharray:50;stroke-dashoffset:50}#demo-phase-done .demo-done-title,#demo-phase-done .demo-done-subtitle,#demo-phase-done .demo-done-stats,#demo-phase-done .demo-done-actions{opacity:0;transform:translateY(10px)}#demo-phase-done.active .demo-done-check{animation:demo-check-bounce .6s cubic-bezier(.68,-.55,.265,1.55) both}#demo-phase-done.active .demo-check-path{animation:demo-check-draw .5s ease-out .3s forwards}#demo-phase-done.active .demo-done-title{animation:demo-fade-up .4s ease-out .3s both}#demo-phase-done.active .demo-done-subtitle{animation:demo-fade-up .4s ease-out .4s both}#demo-phase-done.active .demo-done-stats{animation:demo-fade-up .4s ease-out .5s both}#demo-phase-done.active .demo-done-actions{animation:demo-fade-up .4s ease-out .6s both}.demo-done-title{font-size:16px;font-weight:700;color:var(--dw-text-primary);margin:0}.demo-done-subtitle{font-size:14px;color:var(--dw-text-secondary);text-align:center;margin:0;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-done-stats{font-size:11px;color:var(--dw-success);font-weight:600}.demo-done-actions{display:flex;flex-direction:column;gap:4px;width:100%;max-width:250px;margin-top:4px;z-index:1}.demo-done-actions-row{display:flex;gap:8px;width:100%;margin-top:4px}.demo-done-actions-row .demo-done-action-btn{flex:1;min-width:0}.demo-done-action-btn{display:flex;align-items:center;justify-content:center;gap:6px;height:36px;background:var(--dw-card-bg);color:var(--dw-text-primary);border:2px solid var(--dw-glow-pink);border-radius:var(--dw-radius-md);font-size:12px;font-weight:600;cursor:default;font-family:var(--dw-font)}.demo-done-secondary{border-color:var(--dw-border);color:var(--dw-text-secondary)}.demo-detail-panel{display:flex;flex-direction:column;height:100%;padding:var(--dw-content-padding);gap:10px}.demo-speed-presets{display:flex;gap:6px}.demo-speed-btn{flex:1;padding:8px 4px;background:var(--dw-card-bg);border:2px solid var(--dw-border);border-radius:var(--dw-radius-sm);font-size:11px;font-weight:500;color:var(--dw-text-primary);cursor:default;font-family:var(--dw-font);text-align:center;transition:all .2s ease}.demo-speed-btn--active{border-color:var(--dw-glow-pink);background:var(--dw-glow-pink-soft)}.demo-codec-toggle{display:flex;background:var(--dw-bg-secondary);border-radius:var(--dw-radius-md);padding:4px}.demo-codec-btn{flex:1;padding:8px;background:transparent;border:none;border-radius:var(--dw-radius-sm);font-size:13px;font-weight:500;color:var(--dw-text-secondary);cursor:default;font-family:var(--dw-font);text-align:center;transition:all .2s ease}.demo-codec-btn.active{background:var(--dw-card-bg);color:var(--dw-text-primary);box-shadow:0 1px 3px #0000004d}.demo-mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-mode-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:var(--dw-card-bg);border:2px solid var(--dw-border);border-radius:var(--dw-radius-lg);cursor:default;font-family:var(--dw-font);transition:all .2s ease}.demo-mode-card--active{border-color:var(--dw-glow-pink);background:var(--dw-glow-pink-soft)}.demo-mode-card-label{font-size:13px;font-weight:600;color:var(--dw-text-primary)}.demo-mode-card-desc{font-size:11px;color:var(--dw-text-secondary)}.demo-info-banner{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--dw-bg-secondary);border-radius:var(--dw-radius-md);border:1px solid var(--dw-border)}.demo-info-banner-icon{font-size:14px;flex-shrink:0}.demo-info-banner-text{font-size:12px;color:var(--dw-text-secondary)}.demo-dot-nav{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:16px}.demo-dot-nav-row{display:flex;align-items:center;gap:12px}.demo-dot-nav-arrow{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:50%;background:#ffffff14;color:#ffffff80;cursor:pointer;transition:all .2s ease;padding:0;flex-shrink:0}.demo-dot-nav-arrow:hover{background:#ffffff24;color:#fffc}.demo-dot-nav-arrow svg{width:14px;height:14px}.demo-dot-nav-dots{display:flex;align-items:center;gap:10px}.demo-dot-nav-dot{width:10px;height:10px;border-radius:50%;background:#ffffff4d;border:none;padding:0;cursor:pointer;transition:all .3s ease}.demo-dot-nav-dot--active{background:var(--accent-primary);box-shadow:0 0 8px #ec489966}.demo-dot-nav-label{font-size:11px;font-weight:500;color:#98989d;font-family:var(--font-family);white-space:nowrap}.demo-tts-player{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:100%;padding:16px 20px}.demo-tts-waveform{display:flex;align-items:center;justify-content:center;gap:2px;height:48px;width:100%;max-width:340px;padding:0 4px}.demo-tts-bar{width:3px;min-height:4px;border-radius:2px;background:#ff69b42e;flex-shrink:0;transition:background .15s ease}.demo-tts-bar--played{background:#ff69b4}.demo-tts-controls{display:flex;align-items:center;justify-content:center}.demo-tts-play-btn{width:52px;height:52px;border:2px solid #ff69b4;border-radius:50%;background:transparent;color:#f5f5f7;display:flex;align-items:center;justify-content:center;box-shadow:0 0 16px #ff69b44d;cursor:default}.demo-tts-time{display:flex;align-items:center;gap:4px;font-size:13px;font-family:var(--dw-font-mono, "SF Mono", Monaco, monospace);color:var(--dw-text-secondary, #98989d)}.demo-tts-time-current{color:#ff69b4;font-weight:600}.demo-tts-time-sep{color:var(--dw-text-tertiary, #636366)}.demo-tts-time-total{color:var(--dw-text-secondary, #98989d)}@keyframes demo-check-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes demo-check-draw{to{stroke-dashoffset:0}}@keyframes demo-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:960px){.hero-mockup{max-width:420px;contain:inline-size;overflow:visible}.demo-window{width:420px;scale:min(1,(100vw - 3rem) / 420px);transform-origin:top left;margin-bottom:calc(-420px + 420px*min(1,(100vw - 3rem) / 420px))}.demo-dot-nav{margin-top:8px}}