:root{--color-primary: #7c4dff;--color-primary-light: #a78bfa;--color-primary-dark: #5b2ed6;--color-bg-main: #0f0f14;--color-bg-section: #17171f;--color-bg-card: #1f1f2a;--color-text-main: #ffffff;--color-text-muted: #9ca3af;--color-border: rgba(255, 255, 255, .08);--radius-md: 14px;--radius-lg: 22px;--max-width: 1100px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;background:var(--color-bg-main);color:var(--color-text-main);line-height:1.6;-webkit-font-smoothing:antialiased}main{overflow:hidden}section{padding:6rem 2rem}.container{max-width:var(--max-width);margin:0 auto}h1{font-size:3.5rem;line-height:1.1;margin:0 0 1.5rem}h2{font-size:2.4rem;margin-bottom:1rem}h3{font-size:1.3rem;margin-bottom:.5rem}p{color:var(--color-text-muted);font-size:1.05rem;margin:0}.btn{border-radius:var(--radius-md);padding:.9rem 1.6rem;font-weight:600;font-size:1rem;cursor:pointer;border:none;transition:.2s ease}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.btn-secondary{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary-light)}.btn-secondary:hover{background:var(--color-primary);color:#fff}header{position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f14b3;border-bottom:1px solid var(--color-border)}header .container{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 2rem}nav a{margin-left:2rem;text-decoration:none;color:var(--color-text-muted);transition:.2s ease}nav a:hover{color:var(--color-primary-light)}.hero{min-height:90vh;display:flex;align-items:center;background:radial-gradient(circle at top,rgba(124,77,255,.25),transparent 60%)}.hero-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:center;text-align:left}.hero-text h1{margin-bottom:1.5rem}.hero-text p{margin-bottom:2.5rem;max-width:500px}.hero-form{margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;gap:10px;background:var(--color-bg-card);padding:6px;border-radius:var(--radius-md);border:1px solid var(--color-border);transition:border-color .3s ease}.form-group:focus-within{border-color:var(--color-primary)}.hero-form input[type=email]{flex-grow:1;background:transparent;border:none;padding:.8rem 1rem;color:#fff;font-size:1rem;outline:none}.hero-form button[type=submit]{background:var(--color-primary);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;transition:background .2s}.hero-form{margin-bottom:2.5rem;display:flex;flex-direction:column;gap:1.2rem;max-width:500px}.form-group{display:flex;gap:10px;background:var(--color-bg-card);padding:6px;border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all .3s ease;box-shadow:0 4px 20px #0003}.form-group:focus-within{border-color:var(--color-primary);background:#1f1f2acc}.hero-form input[type=email]{flex-grow:1;background:transparent;border:none;padding:.8rem 1.2rem;color:#fff;font-size:1rem;outline:none}.btn-waitlist{background:var(--color-primary);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-waitlist:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #7c4dff4d}.btn-waitlist:disabled{background:#23232e;color:#525263;cursor:not-allowed;opacity:.6;transform:none;border:1px solid var(--color-border)}.btn-waitlist:not(:disabled){animation:readyPulse .5s ease-out}@keyframes readyPulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.checkbox-group{display:flex;gap:12px;align-items:flex-start;padding-left:4px}.checkbox-group input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:4px;cursor:pointer;position:relative;flex-shrink:0;margin-top:3px;transition:all .2s ease}.checkbox-group input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-primary)}.checkbox-group input[type=checkbox]:checked:after{content:"✓";position:absolute;color:#fff;font-size:12px;top:50%;left:50%;transform:translate(-50%,-50%)}.privacy-notice{font-size:.85rem;color:var(--color-text-muted);line-height:1.5;text-align:left}.privacy-notice a{color:var(--color-primary-light);text-decoration:underline;text-underline-offset:2px}.hero-buttons{display:flex;gap:1rem}.hero-image{display:flex;justify-content:center}.phone-mockup-placeholder{width:280px;height:560px;background:var(--color-bg-card);border:8px solid #2a2a35;border-radius:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 50px #00000080;color:var(--color-text-muted);font-weight:500}.features{background:var(--color-bg-section);text-align:center}.features-grid{margin-top:3rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.feature-card{background:var(--color-bg-card);border-radius:var(--radius-md);padding:2rem;border:1px solid var(--color-border);transition:.2s ease}.feature-card:hover{transform:translateY(-6px)}.roadmap{text-align:center}.timeline{margin-top:3rem;display:flex;flex-direction:column;gap:2.5rem;position:relative}.timeline:before{content:"";position:absolute;left:12px;top:0;bottom:0;width:2px;background:var(--color-primary)}.timeline-item{display:flex;gap:1.5rem;align-items:flex-start}.timeline-marker{width:26px;height:26px;border-radius:50%;background:var(--color-primary);flex-shrink:0;margin-top:5px}.timeline-content h3{color:var(--color-primary-light)}.cta{background:var(--color-primary);text-align:center;padding:5rem 2rem;border-radius:var(--radius-lg);margin:4rem auto;max-width:var(--max-width)}.cta p{color:#ffffffd9}footer{background:var(--color-bg-section);border-top:1px solid var(--color-border);padding:4rem 2rem 2rem}footer .container{display:grid;grid-template-columns:1fr 2fr;gap:3rem}.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}footer a{text-decoration:none;color:var(--color-text-muted);display:block;margin-bottom:.6rem}footer a:hover{color:var(--color-primary-light)}.footer-bottom{text-align:center;margin-top:3rem;color:var(--color-text-muted);font-size:.9rem}.brand{display:flex;align-items:center;gap:.8rem;font-weight:600;font-size:1.1rem}.app-icon-placeholder{width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));display:flex;align-items:center;justify-content:center}@media(max-width:900px){h1{font-size:2.5rem}.hero-layout{grid-template-columns:1fr;text-align:center;gap:3rem}.hero-text p{margin:0 auto 2.5rem}.hero-buttons{justify-content:center}.form-group{flex-direction:column;background:transparent;border:none;padding:0}.hero-form input[type=email]{background:var(--color-bg-card);border-radius:var(--radius-md);margin-bottom:10px}.checkbox-group{text-align:left;max-width:500px;margin:0 auto}footer .container{grid-template-columns:1fr}.footer-columns{grid-template-columns:1fr 1fr}}@media(max-width:600px){section{padding:4rem 1.5rem}nav{display:none}.hero-buttons{flex-direction:column;width:100%}.hero-buttons .btn{width:100%}}
