*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6366F1;--primary-light: #818CF8;--primary-dark: #4F46E5;--primary-900: #312E81;--primary-950: #1E1B4B;--secondary: #F97316;--accent: #10B981;--gold: #F59E0B;--bg: #0A0A0A;--bg-secondary: #171717;--bg-tertiary: #262626;--text: #FAFAFA;--text-secondary: #A3A3A3;--border: rgba(255, 255, 255, .08);--glass-bg: rgba(0, 0, 0, .52);--glass-border: rgba(255, 255, 255, .12);--radius-card: 16px;--radius-pill: 9999px;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--max-width: 1200px}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img,video{max-width:100%;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.section-header{text-align:center;margin-bottom:64px}.section-header h2{font-size:40px;font-weight:700;letter-spacing:-.5px;margin-bottom:16px}.section-header p{font-size:18px;color:var(--text-secondary);max-width:560px;margin:0 auto}.fade-up{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.fade-up.visible{opacity:1;transform:translateY(0)}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;transition:background .3s,backdrop-filter .3s,padding .3s}.navbar.scrolled{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);padding:10px 0}.navbar-inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width);margin:0 auto;padding:0 24px}.navbar-logo{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700}.navbar-logo img{width:36px;height:36px;border-radius:8px}.navbar-links{display:flex;gap:32px;list-style:none}.navbar-links a{font-size:14px;font-weight:500;color:var(--text-secondary);transition:color .2s}.navbar-links a:hover{color:var(--text)}.navbar-cta{background:var(--primary);color:#fff;padding:10px 22px;border-radius:var(--radius-pill);font-size:14px;font-weight:600;transition:background .2s,transform .1s}.navbar-cta:hover{background:var(--primary-dark)}.navbar-cta:active{transform:scale(.97)}.hamburger{display:none;flex-direction:column;gap:5px;width:24px;padding:4px 0}.hamburger span{display:block;height:2px;background:var(--text);border-radius:2px;transition:transform .3s,opacity .3s}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:99;flex-direction:column;align-items:center;justify-content:center;gap:32px}.mobile-menu.open{display:flex}.mobile-menu a{font-size:24px;font-weight:600;color:var(--text)}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:80px}.hero:before{content:"";position:absolute;top:-30%;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(circle,var(--primary-950) 0%,transparent 70%);pointer-events:none}.hero:after{content:"";position:absolute;top:20%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(249,115,22,.08) 0%,transparent 70%);pointer-events:none;filter:blur(40px)}.hero-inner{display:flex;align-items:center;gap:80px;position:relative;z-index:1}.hero-text{flex:1}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#6366f11f;border:1px solid rgba(99,102,241,.24);border-radius:var(--radius-pill);font-size:14px;font-weight:500;color:var(--primary-light);margin-bottom:24px}.hero h1{font-size:60px;font-weight:800;line-height:1.08;letter-spacing:-1.5px;margin-bottom:20px;background:linear-gradient(135deg,var(--text) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:20px;color:var(--text-secondary);line-height:1.5;margin-bottom:36px;max-width:480px}.hero-actions{display:flex;gap:16px;margin-bottom:20px}.btn-primary{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:var(--primary);color:#fff;border-radius:var(--radius-pill);font-size:16px;font-weight:600;transition:background .2s,transform .1s}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:active{transform:scale(.97)}.btn-secondary{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-pill);font-size:16px;font-weight:600;color:var(--text);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .2s,transform .1s}.btn-secondary:hover{background:#ffffff14}.btn-secondary:active{transform:scale(.97)}.hero-trust{font-size:13px;color:var(--text-secondary)}.hero-phone{flex-shrink:0;position:relative}.phone-mockup{position:relative;width:280px}.phone-mockup:before{content:"";position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,transparent 70%);pointer-events:none;z-index:-1}.phone-frame{background:#1a1a1a;border-radius:40px;padding:12px;border:2px solid var(--bg-tertiary);box-shadow:0 25px 50px #00000080;animation:phoneFloat 6s ease-in-out infinite}.phone-frame img,.phone-frame video{width:100%;border-radius:30px;display:block}@keyframes phoneFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.stats{padding:48px 0;position:relative;z-index:1}.stats-grid{display:flex;justify-content:center;gap:0;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-card);overflow:hidden}.stat-item{flex:1;text-align:center;padding:36px 32px}.stat-item+.stat-item{border-left:1px solid var(--border)}.stat-number{font-size:42px;font-weight:800;color:var(--primary-light);letter-spacing:-1px}.stat-label{font-size:14px;color:var(--text-secondary);margin-top:4px;font-weight:500}.showcase{padding:100px 0}.before-after-wrapper{max-width:800px;margin:0 auto 40px}.before-after{position:relative;width:100%;aspect-ratio:16 / 10;border-radius:var(--radius-card);overflow:hidden;user-select:none;-webkit-user-select:none;cursor:ew-resize;border:1px solid var(--border)}.before-after-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ba-before-layer{position:absolute;top:0;right:0;bottom:0;left:0}.ba-before-layer .before-after-img{display:block}.ba-after-layer{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 0 0 50%)}.ba-after-layer .before-after-img{display:block}.ba-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#ffffff80}.ba-before-layer .ba-placeholder{background:linear-gradient(135deg,#2d1b4e,#1a1a2e,#16213e)}.ba-after-layer .ba-placeholder{background:linear-gradient(135deg,#1e3a5f,#1a3a2e,#2d4a1b)}.ba-divider{position:absolute;top:0;bottom:0;width:2px;background:#fff;left:50%;transform:translate(-50%);z-index:5;pointer-events:none}.ba-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:6;box-shadow:0 2px 12px #0006;pointer-events:none;font-size:14px;color:#333;gap:2px}.ba-label{position:absolute;top:16px;z-index:4;padding:6px 14px;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-pill);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;pointer-events:none}.ba-label-before{left:16px}.ba-label-after{right:16px}.style-chips{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.style-chip{padding:10px 20px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:14px;font-weight:500;color:var(--text-secondary);transition:all .2s}.style-chip:hover{border-color:var(--primary);color:var(--text)}.style-chip.active{border-color:var(--primary);background:#6366f11f;color:var(--primary-light)}.tools{padding:100px 0}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tool-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-card);padding:32px 28px;transition:transform .3s,border-color .3s}.tool-card:hover{transform:scale(1.02);border-color:#ffffff26}.tool-icon{width:48px;height:48px;background:#6366f11f;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:20px}.tool-card h3{font-size:18px;font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:8px}.premium-badge{font-size:11px;font-weight:700;color:var(--gold);background:#f59e0b1f;padding:3px 8px;border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.5px}.tool-card p{font-size:14px;color:var(--text-secondary);line-height:1.5}.tool-cta-card{background:#f59e0b0f;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-card);padding:32px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px}.tool-cta-card p{color:var(--text-secondary);font-size:15px}.tool-cta-card .btn-gold{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:var(--gold);color:#000;border-radius:var(--radius-pill);font-size:14px;font-weight:700;transition:background .2s,transform .1s}.tool-cta-card .btn-gold:hover{background:#d97706}.how-it-works{padding:100px 0}.steps{display:flex;gap:32px;position:relative;margin-bottom:80px}.steps:before{content:"";position:absolute;top:40px;left:calc(16.66% + 16px);right:calc(16.66% + 16px);height:2px;background:linear-gradient(90deg,var(--primary),var(--accent));z-index:0}.step{flex:1;text-align:center;position:relative;z-index:1}.step-number{position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:100px;font-weight:800;color:#6366f10f;pointer-events:none;line-height:1}.step-icon{width:80px;height:80px;background:var(--bg-secondary);border:2px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 24px;position:relative}.step h3{font-size:20px;font-weight:700;margin-bottom:8px}.step p{font-size:14px;color:var(--text-secondary);line-height:1.5;max-width:280px;margin:0 auto}.video-section{text-align:center}.video-section .phone-mockup{margin:0 auto;width:300px}.video-section .phone-frame{animation:none}.video-caption{margin-top:20px;font-size:15px;color:var(--text-secondary);font-weight:500}.final-cta{padding:120px 0 80px;text-align:center;position:relative;overflow:hidden}.final-cta:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:1000px;height:600px;background:radial-gradient(ellipse,var(--primary-950) 0%,transparent 70%);pointer-events:none}.final-cta h2{font-size:48px;font-weight:800;letter-spacing:-1px;margin-bottom:16px;position:relative}.final-cta .subtitle{font-size:18px;color:var(--text-secondary);margin-bottom:40px;position:relative}.final-cta .cta-buttons{display:flex;flex-direction:column;align-items:center;gap:16px;position:relative}.btn-appstore{display:inline-flex;align-items:center;gap:12px;padding:18px 40px;background:#fff;color:#000;border-radius:var(--radius-pill);font-size:17px;font-weight:700;transition:transform .1s}.btn-appstore:hover{transform:scale(1.03)}.btn-appstore:active{transform:scale(.98)}.pro-upsell{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--gold);font-weight:500}footer{padding:40px 0;border-top:1px solid var(--border)}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-brand{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary)}.footer-brand img{width:28px;height:28px;border-radius:6px}.footer-links{display:flex;gap:24px}.footer-links a{font-size:13px;color:var(--text-secondary);transition:color .2s}.footer-links a:hover{color:var(--text)}.footer-copy{font-size:13px;color:var(--text-secondary)}@media(max-width:1024px){.hero h1{font-size:48px}.hero-inner{gap:48px}.tools-grid{grid-template-columns:repeat(2,1fr)}.steps:before{display:none}}@media(max-width:768px){.navbar-links,.navbar-cta{display:none}.hamburger{display:flex}.hero{padding-top:100px;min-height:auto;padding-bottom:60px}.hero-inner{flex-direction:column;text-align:center;gap:48px}.hero h1{font-size:38px;letter-spacing:-1px}.hero-sub{font-size:17px;margin-left:auto;margin-right:auto}.hero-actions{justify-content:center;flex-wrap:wrap}.hero-phone .phone-mockup{width:240px}.stats-grid{flex-direction:column}.stat-item+.stat-item{border-left:none;border-top:1px solid var(--border)}.stat-item{padding:24px}.stat-number{font-size:36px}.section-header h2{font-size:30px}.section-header p{font-size:16px}.tools-grid{grid-template-columns:1fr}.steps{flex-direction:column;gap:48px}.step-number{font-size:60px}.final-cta h2{font-size:34px}.footer-inner{flex-direction:column;gap:20px;text-align:center}.before-after{aspect-ratio:4 / 3}.btn-primary,.btn-secondary{padding:14px 24px;font-size:15px}}