@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary-red: #D04437;--dark-red: #B03A2E;--light-red: #FFEBEE;--secondary-green: #4CAF50;--accent-orange: #FF9800;--text-primary: #1F1F1F;--text-secondary: #757575;--text-tertiary: #9E9E9E;--background-light: #FAFAFA;--background-white: #FFFFFF;--border-color: #E0E0E0;--gradient-primary: linear-gradient(135deg, #D04437 0%, #B03A2E 100%);--gradient-hero: linear-gradient(180deg, #FFFFFF 0%, #FFF5F4 50%, #FFEBEE 100%);--gradient-glass: rgba(255, 255, 255, .85);--shadow-sm: 0 2px 8px rgba(208, 68, 55, .08);--shadow-md: 0 4px 20px rgba(208, 68, 55, .12);--shadow-lg: 0 8px 40px rgba(208, 68, 55, .16);--shadow-xl: 0 20px 60px rgba(208, 68, 55, .2);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--spacing-4xl: 96px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 999px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--gradient-hero);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text-primary)}p{color:var(--text-secondary)}a{color:var(--primary-red);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--dark-red)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fade-in-up{animation:fadeInUp .8s ease-out forwards}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}.animate-delay-500{animation-delay:.5s}::selection{background:var(--light-red);color:var(--primary-red)}.header{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--spacing-md) 0;background:var(--gradient-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(224,224,224,.3);transition:all var(--transition-normal)}.header.scrolled{padding:var(--spacing-sm) 0;box-shadow:var(--shadow-sm)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:var(--spacing-sm)}.logo-icon{width:42px;height:42px}.logo-text{font-size:1.5rem;font-weight:800;color:var(--text-primary)}.logo-text span{color:var(--primary-red)}.nav-badge{background:var(--light-red);color:var(--primary-red);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:.85rem;font-weight:600;animation:pulse 2s ease-in-out infinite}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg) var(--spacing-lg);padding-top:80px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle at center,var(--light-red) 0%,transparent 70%);opacity:.5;pointer-events:none}.hero-content{text-align:center;max-width:900px;z-index:1}.coming-soon-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:var(--gradient-primary);color:#fff;padding:6px var(--spacing-md);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:var(--spacing-md);box-shadow:var(--shadow-md);animation:bounceIn .8s ease-out,pulse 3s ease-in-out 1s infinite}.coming-soon-badge .dot{width:6px;height:6px;background:#4caf50;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.hero-title{font-size:clamp(2rem,5vw,3.25rem);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-sm);letter-spacing:-1px;opacity:0;animation:fadeInUp .8s ease-out .2s forwards}.hero-title .highlight{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(.95rem,2vw,1.1rem);color:var(--text-secondary);max-width:550px;margin:0 auto var(--spacing-lg);line-height:1.6;opacity:0;animation:fadeInUp .8s ease-out .4s forwards}.features-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg);opacity:0;animation:fadeInUp .8s ease-out .6s forwards}@media(max-width:768px){.features-preview{grid-template-columns:1fr}}.feature-card{background:var(--background-white);padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--spacing-sm)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary-red)}.feature-icon{width:40px;height:40px;background:var(--light-red);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-icon svg{width:20px;height:20px;color:var(--primary-red)}.feature-text h3{font-size:.9rem;font-weight:600;margin-bottom:1px}.feature-text p{font-size:.75rem;color:var(--text-tertiary);margin:0}.waitlist-section{opacity:0;animation:fadeInUp .8s ease-out .8s forwards;margin-bottom:var(--spacing-md)}.waitlist-form{display:flex;gap:var(--spacing-md);max-width:500px;margin:0 auto;background:var(--background-white);padding:var(--spacing-sm);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);transition:all var(--transition-normal)}.waitlist-form:focus-within{box-shadow:var(--shadow-xl);border-color:var(--primary-red)}@media(max-width:500px){.waitlist-form{flex-direction:column;padding:var(--spacing-md)}}.waitlist-input{flex:1;padding:var(--spacing-md) var(--spacing-lg);border:none;outline:none;font-size:1rem;font-family:inherit;background:transparent;color:var(--text-primary)}.waitlist-input::placeholder{color:var(--text-tertiary)}.waitlist-button{padding:var(--spacing-md) var(--spacing-xl);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;position:relative;overflow:hidden}.waitlist-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.waitlist-button:hover:before{left:100%}.waitlist-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.waitlist-button:active{transform:translateY(0)}.waitlist-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.waitlist-success{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);background:var(--background-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:bounceIn .6s ease-out}.success-icon{width:64px;height:64px;background:var(--secondary-green);border-radius:50%;display:flex;align-items:center;justify-content:center}.success-icon svg{width:32px;height:32px;color:#fff}.waitlist-success h3{font-size:1.25rem;color:var(--text-primary)}.waitlist-success p{color:var(--text-secondary);text-align:center}.social-proof{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap;opacity:0;animation:fadeIn .8s ease-out 1s forwards}.joined-users{display:flex;align-items:center;gap:var(--spacing-sm)}.avatar-stack{display:flex}.avatar{width:30px;height:30px;border-radius:50%;border:2px solid var(--background-white);margin-left:-8px;background:var(--light-red);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:var(--primary-red)}.avatar:first-child{margin-left:0}.joined-text{font-size:.85rem;color:var(--text-secondary)}.joined-text strong{color:var(--text-primary)}.divider{width:4px;height:4px;background:var(--border-color);border-radius:50%}.rating{display:flex;align-items:center;gap:4px}.stars{display:flex;gap:1px}.star{color:#ffb800}.star svg{width:14px;height:14px}.rating-text{font-size:.85rem;color:var(--text-secondary)}.phone-section{padding:var(--spacing-xl) var(--spacing-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#ffebee,#fff5f4,#fafafa);min-height:100vh;overflow:hidden}.phone-section-header{text-align:center;margin-bottom:var(--spacing-lg)}.phone-section-header h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;margin-bottom:var(--spacing-xs);color:var(--text-primary)}.phone-section-header p{font-size:1rem;color:var(--text-secondary)}.phones-container{position:relative;width:100%;max-width:1100px;height:580px;display:flex;align-items:center;justify-content:center}.phone-mockup{position:absolute;display:flex;flex-direction:column;align-items:center;transition:all var(--transition-normal);opacity:0;animation:fadeInUp .6s ease-out forwards}.phone-frame{background:linear-gradient(145deg,#2d2d2d,#1a1a1a);border-radius:28px;padding:8px;box-shadow:0 25px 50px #00000026,0 10px 20px #0000001a,inset 0 1px 2px #ffffff1a;position:relative}.phone-frame:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:60px;height:18px;background:#1a1a1a;border-radius:0 0 12px 12px;z-index:10}.phone-screen{border-radius:20px;overflow:hidden;background:#fff}.phone-mockup-image{display:block;width:100%;height:auto}.phone-mockup.small .phone-frame{width:130px;border-radius:22px;padding:6px}.phone-mockup.small .phone-frame:before{width:45px;height:14px;top:6px}.phone-mockup.small .phone-screen{border-radius:16px}.phone-mockup.featured .phone-frame{width:200px;border-radius:32px;padding:10px;box-shadow:0 40px 80px #d0443740,0 20px 40px #00000026,inset 0 2px 4px #ffffff1a}.phone-mockup.featured .phone-frame:before{width:75px;height:22px;top:10px}.phone-mockup.featured .phone-screen{border-radius:24px}.phone-mockup.featured{z-index:10;animation-delay:.1s}.phone-mockup:nth-child(1){left:0%;top:10%;animation-delay:.15s}.phone-mockup:nth-child(2){left:5%;top:55%;animation-delay:.2s}.phone-mockup:nth-child(3){left:18%;top:30%;animation-delay:.25s}.phone-mockup:nth-child(4){right:0%;top:10%;animation-delay:.3s}.phone-mockup:nth-child(5){right:5%;top:55%;animation-delay:.35s}.phone-mockup:nth-child(6){right:18%;top:30%;animation-delay:.4s}.phone-mockup:nth-child(7){left:35%;top:0%;animation-delay:.45s}.phone-mockup:nth-child(8){right:35%;bottom:0%;top:auto;animation-delay:.5s}.phone-mockup:hover{transform:translateY(-10px) scale(1.05);z-index:20}.phone-mockup:hover .phone-frame{box-shadow:0 35px 70px #d0443733,0 15px 30px #00000026,inset 0 1px 2px #ffffff1a}.phone-mockup.featured:hover{transform:translateY(-12px) scale(1.03)}@media(max-width:1024px){.phones-container{height:500px}.phone-mockup.small .phone-frame{width:110px}.phone-mockup.featured .phone-frame{width:170px}}@media(max-width:768px){.phones-container{height:450px}.phone-mockup.small .phone-frame{width:90px;border-radius:18px;padding:5px}.phone-mockup.small .phone-frame:before{width:35px;height:12px}.phone-mockup.featured .phone-frame{width:140px}}@media(max-width:500px){.phones-container{height:400px}.phone-mockup.small .phone-frame{width:70px;border-radius:14px;padding:4px}.phone-mockup.small .phone-frame:before{width:28px;height:10px;top:4px}.phone-mockup.small .phone-screen{border-radius:10px}.phone-mockup.featured .phone-frame{width:110px;border-radius:24px}}.footer{padding:var(--spacing-2xl) 0;text-align:center;margin-top:auto}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.footer-logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.25rem;font-weight:700;color:var(--text-primary)}.footer-logo svg{width:32px;height:32px}.footer-links{display:flex;gap:var(--spacing-lg);flex-wrap:wrap;justify-content:center}.footer-links a{color:var(--text-secondary);font-size:.9rem;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--primary-red)}.footer-copyright{font-size:.85rem;color:var(--text-tertiary)}.how-it-works{padding:var(--spacing-4xl) 0;background:var(--background-white);position:relative}.how-it-works:before{content:"";position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(180deg,transparent 0%,var(--background-white) 100%);pointer-events:none;transform:translateY(-99px)}.section-header{text-align:center;margin-bottom:var(--spacing-3xl)}.section-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;margin-bottom:var(--spacing-md)}.section-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:500px;margin:0 auto}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);max-width:900px;margin:0 auto}@media(max-width:768px){.steps-grid{grid-template-columns:1fr;max-width:400px}}.step-card{text-align:center;padding:var(--spacing-xl)}.step-number{width:56px;height:56px;background:var(--gradient-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;margin:0 auto var(--spacing-lg);box-shadow:var(--shadow-md)}.step-card h3{font-size:1.15rem;margin-bottom:var(--spacing-sm)}.step-card p{font-size:.95rem;color:var(--text-secondary)}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:#d32f2f;font-size:.85rem;margin-top:var(--spacing-sm);text-align:center}