:root{--mom-primary:#ffb7b2;--mom-secondary:#ffdac1;--mom-accent:#ff9aa2;--mom-surface:#fff5f5;--dad-primary:#90caf9;--dad-secondary:#bbdefb;--dad-accent:#42a5f5;--dad-surface:#f3f8ff;--preparation-primary:#ffadad;--pregnancy-primary:#ffb7b2;--parenting-primary:#b5ead7;--parenting-secondary:#e2f0cb;--parenting-accent:#c7ceea;--cream-white:#fbfaf5;--warm-grey:#ebe9e4;--text-primary:#4a4a4a;--text-secondary:#8e8e93;--emergency-red:#ff6b6b;--success-green:#a3e635;--warning-yellow:#ffd93d;--gradient-primary:linear-gradient(135deg,#ffb7b2,#ffdac1 50%,#b5ead7);--gradient-warm:linear-gradient(135deg,#ffb7b2,#ff9aa2);--gradient-soft:linear-gradient(180deg,hsla(4,100%,85%,.2),rgba(255,218,193,.1));--shadow-soft:0 4px 20px rgba(255,154,162,.15);--shadow-medium:0 8px 32px rgba(255,154,162,.2);--shadow-large:0 16px 48px rgba(255,154,162,.25);--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:6rem;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--font-family:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--cream-white);color:var(--text-primary);font-family:var(--font-family);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img{display:block;height:auto;max-width:100%}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:800}h2{font-size:clamp(2rem,4vw,3rem);font-weight:700}h3{font-size:clamp(1.5rem,3vw,2rem);font-weight:600}p{color:var(--text-secondary);font-size:1.125rem}.container{margin:0 auto;max-width:1200px;padding:0 var(--space-md);width:100%}.nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fbfaf4d9;border-bottom:1px solid hsla(4,100%,85%,.2);left:0;padding:var(--space-sm) 0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.nav-container{justify-content:space-between}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{color:var(--text-primary);font-size:1.5rem;font-weight:700;gap:var(--space-xs)}.nav-logo-icon{align-items:center;background:var(--gradient-warm);border-radius:var(--radius-md);display:flex;font-size:1.25rem;height:40px;justify-content:center;width:40px}.nav-links{display:flex;gap:var(--space-lg)}.nav-link{color:var(--text-secondary);font-weight:500;position:relative;transition:color .3s ease}.nav-link:after{background:var(--mom-accent);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after{width:100%}.nav-cta{display:flex;gap:var(--space-sm)}.btn{align-items:center;border:none;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:1rem;font-weight:600;gap:var(--space-xs);justify-content:center;padding:.875rem 1.75rem;transition:all .3s ease}.btn-primary{background:var(--gradient-warm);box-shadow:var(--shadow-soft);color:#fff}.btn-primary:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.btn-secondary{background:#fff;border:2px solid var(--warm-grey);color:var(--text-primary)}.btn-secondary:hover{background:var(--mom-surface);border-color:var(--mom-primary)}.btn-store{background:#1a1a1a;border-radius:var(--radius-md);color:#fff;gap:var(--space-sm);padding:.75rem 1.5rem}.btn-store:hover{background:#333;transform:translateY(-2px)}.btn-store-icon{font-size:1.5rem}.btn-store-text{align-items:flex-start;display:flex;flex-direction:column;line-height:1.2}.btn-store-label{font-size:.7rem;font-weight:400;opacity:.8}.btn-store-name{font-size:1rem;font-weight:600}.hero{align-items:center;background:var(--gradient-soft);display:flex;min-height:100vh;overflow:hidden;padding-top:80px;position:relative}.hero:before{animation:float 8s ease-in-out infinite;background:radial-gradient(ellipse,hsla(4,100%,85%,.3) 0,transparent 70%);height:150%;right:-20%;top:-50%;width:80%}.hero:after,.hero:before{content:"";position:absolute}.hero:after{animation:float 10s ease-in-out infinite reverse;background:radial-gradient(ellipse,rgba(181,234,215,.25) 0,transparent 70%);bottom:-30%;height:120%;left:-10%;width:60%}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(3deg)}}.hero-container{align-items:center;display:grid;gap:var(--space-3xl);grid-template-columns:1fr 1fr;position:relative;z-index:1}.hero-content{max-width:600px}.hero-badge{align-items:center;animation:fadeInUp .8s ease;background:var(--mom-surface);border-radius:var(--radius-full);color:var(--mom-accent);display:inline-flex;font-size:.875rem;font-weight:500;gap:var(--space-xs);margin-bottom:var(--space-md);padding:var(--space-xs) var(--space-md)}.hero-badge-dot{animation:pulse 2s ease-in-out infinite;background:var(--mom-accent);border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.hero-title{animation:fadeInUp .8s ease .1s both;margin-bottom:var(--space-md)}.hero-title-highlight{background:var(--gradient-warm);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{animation:fadeInUp .8s ease .2s both;font-size:1.25rem;margin-bottom:var(--space-xl)}.hero-actions{animation:fadeInUp .8s ease .3s both;display:flex;flex-wrap:wrap;gap:var(--space-sm)}.hero-visual{animation:fadeInRight 1s ease .4s both;display:flex;justify-content:center;position:relative}.hero-phone{background:linear-gradient(180deg,var(--mom-surface) 0,#fff 100%);border:8px solid #2a2a2a;border-radius:40px;box-shadow:var(--shadow-large);height:600px;padding:16px;position:relative;width:300px}.hero-phone:before{background:#2a2a2a;border-radius:12px;content:"";height:24px;left:50%;position:absolute;top:16px;transform:translate(-50%);width:80px}.hero-phone-screen{background:var(--cream-white);border-radius:28px;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:var(--space-md);padding-top:40px;width:100%}.phone-header{gap:var(--space-xs);margin-bottom:var(--space-md)}.phone-avatar,.phone-header{align-items:center;display:flex}.phone-avatar{background:var(--gradient-warm);border-radius:50%;font-size:1.5rem;height:48px;justify-content:center;width:48px}.phone-user-info{flex:1}.phone-greeting{color:var(--text-secondary);font-size:.875rem}.phone-name{color:var(--text-primary);font-weight:600}.phone-card{background:#fff;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000a;margin-bottom:var(--space-sm);padding:var(--space-md)}.phone-card-header{align-items:center;display:flex;font-size:.9rem;font-weight:600;gap:var(--space-xs);margin-bottom:var(--space-sm)}.phone-card-icon{align-items:center;background:var(--mom-surface);border-radius:var(--radius-sm);display:flex;height:28px;justify-content:center;width:28px}.phone-card-content{color:var(--text-secondary);font-size:.8rem;line-height:1.5}.phone-progress{background:var(--warm-grey);border-radius:var(--radius-full);height:6px;margin-top:var(--space-sm);overflow:hidden}.phone-progress-bar{animation:progressGrow 2s ease-out;background:var(--gradient-warm);border-radius:var(--radius-full);height:100%;width:65%}@keyframes progressGrow{0%{width:0}}.hero-decoration{animation:floatBubble 6s ease-in-out infinite;border-radius:50%;position:absolute}.hero-decoration-1{animation-delay:0s;background:#ffb8b380;height:60px;right:15%;top:10%;width:60px}.hero-decoration-2{animation-delay:2s;background:#b5ead780;bottom:20%;height:40px;right:5%;width:40px}.hero-decoration-3{animation-delay:4s;background:#ffdac166;height:80px;right:-5%;top:30%;width:80px}@keyframes floatBubble{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.features{background:#fff;padding:var(--space-3xl) 0}.section-header{margin:0 auto var(--space-3xl);max-width:700px;text-align:center}.section-badge{background:var(--gradient-warm);border-radius:var(--radius-full);color:#fff;display:inline-block;font-size:.875rem;font-weight:600;margin-bottom:var(--space-md);padding:var(--space-xs) var(--space-md)}.section-title{margin-bottom:var(--space-sm)}.section-description{font-size:1.125rem}.features-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(3,1fr)}.feature-card{background:var(--cream-white);border:1px solid transparent;border-radius:var(--radius-xl);padding:var(--space-xl);transition:all .3s ease}.feature-card:hover{border-color:var(--mom-primary);box-shadow:var(--shadow-medium);transform:translateY(-8px)}.feature-icon{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:2rem;height:64px;justify-content:center;margin-bottom:var(--space-md);width:64px}.feature-icon-pink{background:var(--mom-surface)}.feature-icon-mint{background:#b5ead74d}.feature-icon-peach{background:#ffdac166}.feature-icon-blue{background:var(--dad-surface)}.feature-icon-yellow{background:#ffd54f4d}.feature-icon-purple{background:#c7ceea66}.feature-title{font-size:1.25rem;margin-bottom:var(--space-sm)}.feature-description{color:var(--text-secondary);font-size:1rem}.phases{background:var(--gradient-soft);padding:var(--space-3xl) 0}.phases-container{display:flex;flex-direction:column;gap:var(--space-3xl)}.phase-item{align-items:center;display:grid;gap:var(--space-3xl);grid-template-columns:1fr 1fr}.phase-item:nth-child(2n){direction:rtl}.phase-item:nth-child(2n)>*{direction:ltr}.phase-content{max-width:500px}.phase-number{align-items:center;border-radius:50%;color:#fff;display:inline-flex;font-size:1.25rem;font-weight:700;height:48px;justify-content:center;margin-bottom:var(--space-md);width:48px}.phase-number-prep{background:var(--preparation-primary)}.phase-number-preg{background:var(--pregnancy-primary)}.phase-number-parent{background:var(--parenting-primary);color:var(--text-primary)}.phase-title{margin-bottom:var(--space-sm)}.phase-description{margin-bottom:var(--space-md)}.phase-features{flex-direction:column}.phase-feature,.phase-features{display:flex;gap:var(--space-sm)}.phase-feature{align-items:center;color:var(--text-primary);font-size:1rem}.phase-feature-icon{align-items:center;background:var(--success-green);border-radius:50%;color:#fff;font-size:.75rem;height:24px;width:24px}.phase-feature-icon,.phase-image-wrapper,.phase-visual{display:flex;justify-content:center}.phase-image-wrapper{align-items:center;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-medium);flex-direction:column;height:380px;padding:var(--space-md);position:relative;width:280px}.phase-emoji{font-size:4rem;margin-bottom:var(--space-md)}.phase-visual-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-xs);text-align:center}.phase-visual-desc{color:var(--text-secondary);font-size:.9rem;text-align:center}.cta{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);color:#fff;padding:var(--space-3xl) 0}.cta-container{margin:0 auto;max-width:800px;text-align:center}.cta-title{color:#fff;margin-bottom:var(--space-md)}.cta-title-highlight{background:var(--gradient-warm);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-description{color:#ffffffb3;font-size:1.25rem;margin-bottom:var(--space-xl)}.cta-buttons{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center}.footer{background:#1a1a1a;color:#fff9;padding:var(--space-xl) 0}.footer-container{flex-wrap:wrap;gap:var(--space-md);justify-content:space-between}.footer-container,.footer-logo{align-items:center;display:flex}.footer-logo{color:#fff;font-size:1.25rem;font-weight:600;gap:var(--space-xs)}.footer-logo-icon{font-size:1.5rem}.footer-links{display:flex;gap:var(--space-lg)}.footer-link{color:#fff9;transition:color .3s ease}.footer-link:hover{color:#fff}.footer-copyright{font-size:.875rem}@media(max-width:1024px){.hero-container{gap:var(--space-xl);grid-template-columns:1fr;text-align:center}.hero-content{max-width:100%}.hero-actions{justify-content:center}.hero-visual{order:-1}.hero-phone{height:520px;width:260px}.features-grid{grid-template-columns:repeat(2,1fr)}.phase-item,.phase-item:nth-child(2n){direction:ltr;grid-template-columns:1fr;text-align:center}.phase-content{max-width:100%}.phase-visual{order:-1}}@media(max-width:768px){.nav-links{display:none}.features-grid{grid-template-columns:1fr}.hero-phone{height:480px;width:240px}.cta-buttons{align-items:center;flex-direction:column}.footer-container{flex-direction:column;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}}@media(max-width:480px){.hero-actions{flex-direction:column;width:100%}.btn-store{justify-content:center;width:100%}}#app{min-height:100vh}