*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary: #9DC3BF;--primary-dark: #7DA9A5;--primary-light: #AECCCA;--secondary: #F6D9A1;--accent: #AECCCA;--accent-dark: #9DC3BF;--accent-bright: #F1EBD9;--warm-accent: #F6D9A1;--dark-text: #3D4246;--gradient-1: linear-gradient(135deg, #9DC3BF 0%, #AECCCA 100%);--gradient-2: linear-gradient(135deg, #AECCCA 0%, #F1EBD9 100%);--gradient-3: linear-gradient(135deg, #F6D9A1 0%, #F1EBD9 100%);--primary-gradient: linear-gradient(135deg, #9DC3BF, #AECCCA);--secondary-gradient: linear-gradient(135deg, #F6D9A1, #F1EBD9);--accent-gradient: linear-gradient(135deg, #AECCCA, #F1EBD9);--warm-gradient: linear-gradient(135deg, #F6D9A1, #F1EBD9);--black: #3D4246;--gray-900: #3D4246;--gray-800: #505559;--gray-700: #6B7075;--gray-600: #858A8E;--gray-500: #9FA3A7;--gray-400: #C4C7CA;--gray-300: #E0E2E4;--gray-200: #F1EBD9;--gray-100: #F8F6F1;--white: #ffffff;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-md: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-glow: 0 0 40px rgba(99, 102, 241, .3);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--container-width: 1280px;--section-padding: 120px}html{scroll-behavior:smooth;font-size:16px}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--dark-text);line-height:1.7;background:var(--white);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Crimson Text,Georgia,serif;font-weight:600;color:var(--dark-text)}.container{max-width:var(--container-width);margin:0 auto;padding:0 2rem}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--gray-200);transition:all var(--transition)}.navbar.scrolled{background:#fffffff2;box-shadow:var(--shadow-sm)}.nav-wrapper{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 0;gap:3rem}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;transition:transform var(--transition)}.logo:hover{transform:translateY(-2px)}.logo-img{height:40px;width:auto;object-fit:contain}.logo-text{font-size:1.5rem;font-weight:600;font-family:Crimson Text,Georgia,serif;color:var(--dark-text);letter-spacing:.01em}.nav-links{display:flex;list-style:none;gap:2.5rem;margin:0}.nav-links a{color:var(--gray-700);text-decoration:none;font-weight:500;font-size:.9375rem;transition:color var(--transition);position:relative}.nav-links a:after{content:"";position:absolute;bottom:-.5rem;left:0;width:0;height:2px;background:var(--gradient-1);transition:width var(--transition)}.nav-links a:hover,.nav-links a.active{color:var(--primary)}.nav-links a.active:after,.nav-links a:hover:after{width:100%}.nav-cta{display:flex;align-items:center;gap:1rem}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem}.mobile-menu-toggle span{width:24px;height:2px;background:var(--gray-900);transition:all var(--transition);border-radius:2px}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--gradient-1);color:var(--white);border:none;border-radius:.75rem;font-weight:600;font-size:.9375rem;text-decoration:none;cursor:pointer;transition:all var(--transition);box-shadow:0 4px 12px #6366f133}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f14d}.btn-primary:active{transform:translateY(0)}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--gray-100);color:var(--gray-900);border:none;border-radius:.75rem;font-weight:600;font-size:.9375rem;text-decoration:none;cursor:pointer;transition:all var(--transition)}.btn-secondary:hover{background:var(--gray-200);transform:translateY(-2px)}.btn-text{color:var(--gray-700);text-decoration:none;font-weight:600;font-size:.9375rem;transition:color var(--transition)}.btn-text:hover{color:var(--primary)}.btn-outline{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;color:var(--primary);border:2px solid var(--primary);border-radius:.75rem;font-weight:600;font-size:.9375rem;text-decoration:none;cursor:pointer;transition:all var(--transition)}.btn-outline:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.btn-outline-white{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.3);border-radius:.75rem;font-weight:600;font-size:.9375rem;text-decoration:none;cursor:pointer;transition:all var(--transition)}.btn-outline-white:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}.btn-large{padding:1rem 2rem;font-size:1rem}.hero-modern{position:relative;min-height:100vh;display:flex;align-items:center;padding:120px 0 80px;overflow:hidden;background:linear-gradient(135deg,#d5ebe8,#f5edce,#fbf0d1)}.hero-bg-effects{position:absolute;inset:0;overflow:hidden;z-index:0}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:float 20s ease-in-out infinite}.orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(130,179,174,.15) 0%,transparent 70%);top:-10%;left:-10%;animation-delay:0s}.orb-2{width:600px;height:600px;background:radial-gradient(circle,rgba(174,204,202,.12) 0%,transparent 70%);top:20%;right:-15%;animation-delay:5s}.orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(246,217,161,.15) 0%,transparent 70%);bottom:-10%;left:40%;animation-delay:10s}.floating-shapes{position:absolute;width:100%;height:100%}.shape{position:absolute;opacity:.1}.shape-1{width:100px;height:100px;background:var(--gradient-1);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;top:20%;left:10%;animation:rotate3d 15s linear infinite}.shape-2{width:80px;height:80px;background:var(--gradient-2);border-radius:50%;top:60%;right:15%;animation:float 12s ease-in-out infinite}.shape-3{width:120px;height:120px;background:var(--gradient-3);border-radius:20% 80% 80% 20%/20% 20% 80% 80%;bottom:15%;left:20%;animation:rotate3d 20s linear infinite reverse}.shape-4{width:60px;height:60px;background:var(--gradient-1);border-radius:50%;top:40%;right:30%;animation:pulse 8s ease-in-out infinite}.hero-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;align-items:center;position:relative;z-index:1}.hero-content-modern{animation:fadeInUp 1s ease-out forwards;opacity:0}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--gray-100);border-radius:2rem;font-size:.875rem;font-weight:500;color:var(--gray-700);margin-bottom:2rem}.badge-dot{width:8px;height:8px;background:var(--gradient-1);border-radius:50%;animation:pulse 2s ease-in-out infinite}.hero-title-modern{font-size:4.5rem;font-weight:900;line-height:1.1;letter-spacing:-.03em;color:var(--gray-900);margin-bottom:1.5rem}.gradient-text-animated{color:#e6c070;font-weight:700}.hero-subtitle-modern{font-size:1.25rem;line-height:1.7;color:var(--gray-600);margin-bottom:2.5rem;max-width:500px}.hero-cta-modern{display:flex;gap:1rem;margin-bottom:3rem}.app-badges{display:flex;gap:1rem}.app-badges img{height:40px;transition:transform var(--transition);cursor:pointer}.app-badges img:hover{transform:translateY(-2px)}.trust-indicators{display:flex;gap:2rem;margin-top:3rem}.trust-item{display:flex;align-items:center;gap:.75rem}.trust-icon{font-size:2rem}.trust-text{display:flex;flex-direction:column;line-height:1.3}.trust-text strong{font-size:1.125rem;color:var(--gray-900)}.trust-text span{font-size:.875rem;color:var(--gray-600)}.hero-phone-3d{position:relative;animation:fadeInRight 1.2s ease-out forwards;margin-left:6rem;opacity:0}.phone-scene{position:relative;perspective:2000px;transform-style:preserve-3d}.phone-mockup-3d{position:relative;transform-style:preserve-3d;animation:float3d 6s ease-in-out infinite}.phone-frame-3d{width:320px;height:660px;background:linear-gradient(145deg,#3d4246,#2d3235);border-radius:2.5rem;padding:.75rem;position:relative;transform:rotateY(-15deg) rotateX(5deg);transition:transform .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 50px 100px #3d424633,0 20px 60px #82b3ae40,0 10px 40px #aeccca26,inset 0 0 0 1px #ffffff1a}.phone-frame-3d:hover{transform:rotateY(-5deg) rotateX(2deg) translateY(-10px)}.phone-notch{position:absolute;top:.75rem;left:50%;transform:translate(-50%);width:130px;height:26px;background:#0f172a;border-radius:0 0 1.25rem 1.25rem;z-index:10}.phone-screen-3d{width:100%;height:100%;background:#000;border-radius:2rem;overflow:hidden;position:relative;box-shadow:inset 0 2px 10px #0000001a}.phone-video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.video-play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0003;opacity:0;transition:opacity .3s ease;z-index:10}.phone-frame-3d:hover .video-play-overlay{opacity:1}.video-play-btn-hero{width:60px;height:60px;border-radius:50%;background:#fffffff2;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #0000004d;color:var(--primary)}.video-play-btn-hero:hover{transform:scale(1.1);background:#fff;box-shadow:0 12px 35px #0006}.video-play-btn-hero svg{margin-left:3px}.app-content{padding:3rem 1.5rem 2rem;height:100%;background:linear-gradient(180deg,#f1f5f9,#fff)}.phone-reflection{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%);pointer-events:none;border-radius:2rem;z-index:20}.phone-shadow-3d{position:absolute;bottom:-60px;left:50%;transform:translate(-50%) rotateX(90deg);width:80%;height:100px;background:radial-gradient(ellipse,rgba(0,0,0,.4) 0%,transparent 70%);filter:blur(30px);z-index:-1}.floating-ui-element{position:absolute;animation:floatAround 8s ease-in-out infinite}.ui-1{top:10%;left:-120px;animation-delay:0s}.ui-2{top:50%;right:-100px;animation-delay:2s}.ui-3{bottom:15%;left:-100px;animation-delay:4s}.ui-card{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.25rem;box-shadow:0 10px 30px #3d424614,0 0 0 1px #82b3ae1f,0 4px 15px #aeccca1a;font-size:.9375rem;font-weight:500;color:var(--dark-text);white-space:nowrap}.ui-icon{font-size:1.5rem}.ui-text{font-weight:600}.ui-card-orange{border-left:4px solid #82B3AE;background:linear-gradient(135deg,#82b3ae08,#fffffffa)}.ui-card-blue{border-left:4px solid #AECCCA;background:linear-gradient(135deg,#aeccca08,#fffffffa)}.ui-card-cyan{border-left:4px solid #F6D9A1;background:linear-gradient(135deg,#f6d9a108,#fffffffa)}.btn-3d{position:relative;transform-style:preserve-3d;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.btn-3d:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);border-radius:.75rem;pointer-events:none}.btn-3d:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 30px #82b3ae59,0 6px 20px #aeccca40,0 0 0 1px #fff3 inset}.scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:.6}.scroll-text{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--gray-600)}.scroll-line{width:1px;height:40px;background:linear-gradient(180deg,var(--gray-400) 0%,transparent 100%);animation:scrollLine 2s ease-in-out infinite}.features-overview{padding:var(--section-padding) 0;background:linear-gradient(180deg,#fbf5e6,#f0f9f7);position:relative;overflow:hidden}.floating-cards-showcase{position:relative;height:1800px;margin-top:4rem;perspective:1000px;contain:layout style;will-change:transform;--merge-progress: 0}.showcase-card{position:absolute;background:#fff;border-radius:1.25rem;padding:1.5rem;box-shadow:0 10px 40px #00000014;opacity:0;transform:translateY(50px) scale(.95);transition:all 2.5s cubic-bezier(.19,1,.22,1);will-change:opacity,transform}.showcase-card.visible{opacity:1;transform:translateY(0) scale(1)}.floating-cards-showcase.merging .showcase-card{transition:transform .3s linear,left .3s linear,top .3s linear,width .3s linear!important}.floating-cards-showcase.merging .task-card{left:calc(5% + (50% - 5%) * var(--merge-progress))!important;top:calc(10% + (50% - 10%) * var(--merge-progress))!important;width:calc(280px + (320px - 280px) * var(--merge-progress))!important;transform:translate(calc(-50% * var(--merge-progress)),calc(-50% * var(--merge-progress))) scale(calc(1 - .18 * var(--merge-progress))) rotateY(calc(0deg - 4deg * var(--merge-progress))) rotate(calc(-4deg * var(--merge-progress)))!important;z-index:1}.floating-cards-showcase.merging .calendar-card{right:calc(8% + (42% * var(--merge-progress)))!important;left:auto!important;top:calc(5% + (50% - 5%) * var(--merge-progress))!important;width:320px!important;transform:translate(50%,calc(-50% * var(--merge-progress))) scale(calc(1 - .14 * var(--merge-progress))) rotateY(0) rotate(calc(3deg * var(--merge-progress)))!important;z-index:2}.floating-cards-showcase.merging .profile-card{left:calc(8% + (50% - 8%) * var(--merge-progress))!important;top:calc(45% + (50% - 45%) * var(--merge-progress))!important;width:calc(260px + (320px - 260px) * var(--merge-progress))!important;transform:translate(calc(-50% * var(--merge-progress)),calc(-50% * var(--merge-progress))) scale(calc(1 - .1 * var(--merge-progress))) rotate(calc(-2deg * var(--merge-progress)))!important;z-index:3}.floating-cards-showcase.merging .photo-card{right:calc(15% + (35% * var(--merge-progress)))!important;left:auto!important;top:50%!important;width:calc(280px + (320px - 280px) * var(--merge-progress))!important;transform:translate(50%,-50%) scale(calc(1 - .06 * var(--merge-progress))) rotate(calc(2deg * var(--merge-progress)))!important;z-index:4}.floating-cards-showcase.merging .notification-card{left:calc(30% + (20% * var(--merge-progress)))!important;right:auto!important;bottom:calc(8% + (42% * var(--merge-progress)))!important;top:auto!important;width:calc(300px + (320px - 300px) * var(--merge-progress))!important;transform:translate(calc(-50% * var(--merge-progress)),50%) scale(calc(1 - .03 * var(--merge-progress))) rotate(calc(-1deg * var(--merge-progress)))!important;z-index:5}.floating-cards-showcase.merging .stats-card{right:calc(10% + (40% * var(--merge-progress)))!important;left:auto!important;bottom:calc(12% + (38% * var(--merge-progress)))!important;top:auto!important;width:calc(260px + (320px - 260px) * var(--merge-progress))!important;transform:translate(50%,50%) scale(calc(1 - 0 * var(--merge-progress))) rotate(0)!important;z-index:6;box-shadow:0 calc(10px + 20px * var(--merge-progress)) calc(40px + 30px * var(--merge-progress)) rgba(0,0,0,calc(.08 + .12 * var(--merge-progress)))!important}.features-overview .showcase-card{animation:fadeInCard .8s ease-out forwards}@keyframes fadeInCard{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.task-card{width:280px;top:10%;left:5%;background:linear-gradient(135deg,#9dc3bf,#7ba8a3);color:#fff;transition-delay:.1s;animation-delay:.1s}.task-card .card-icon{font-size:2rem;margin-bottom:1rem}.task-card h4{font-size:1.5rem;margin:0 0 .5rem;color:#fff;font-family:DM Sans,sans-serif}.card-status{font-size:1rem;opacity:.9;margin-bottom:1rem}.task-preview{display:flex;flex-direction:column;gap:.5rem}.task-line{height:4px;background:#ffffff80;border-radius:2px}.task-line.short{width:60%}.card-badge{position:absolute;top:-10px;right:-10px;background:#fff;color:#4caf50;padding:.4rem 1rem;border-radius:1rem;font-size:.85rem;font-weight:600;box-shadow:0 4px 15px #0000001a}.calendar-card{width:320px;top:5%;right:8%;background:#fff;color:var(--gray-900);transition-delay:.2s;animation-delay:.2s}.card-header-mini{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.calendar-icon{font-size:1.5rem}.card-title-mini{font-size:1.25rem;font-weight:600}.event-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.2)}.event-item:last-child{border-bottom:none}.event-dot{width:10px;height:10px;border-radius:50%}.work-dot{background:gold}.family-dot{background:#ff6b9d}.personal-dot{background:#9c27b0}.event-time{font-size:.875rem;opacity:.9;min-width:65px}.event-name{font-size:.95rem}.profile-card{width:260px;top:45%;left:8%;background:linear-gradient(135deg,#e6c070,#d4a959);color:#fff;text-align:left;transition-delay:.3s;animation-delay:.3s}.profile-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;margin:0 auto 1rem;border:3px solid rgba(255,255,255,.3)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-name{margin:0 0 .25rem;font-size:1.25rem;color:#fff;font-family:DM Sans,sans-serif}.profile-role{font-size:.9rem;opacity:.9;margin-bottom:1.5rem}.profile-stats{display:flex;justify-content:space-around;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2)}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-item strong{font-size:1.5rem}.stat-item span{font-size:.85rem;opacity:.9}.photo-card{width:280px;top:50%;right:15%;background:#fff;color:var(--gray-900);padding:1.5rem;overflow:hidden;transition-delay:.4s;animation-delay:.4s}.photo-card img{width:100%;height:220px;object-fit:cover}.photo-overlay{padding:1rem 1.5rem;background:#fffffff2}.photo-caption{font-size:.95rem;color:var(--gray-900);font-weight:500}.notification-card{width:300px;bottom:8%;left:30%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;transition-delay:.5s;animation-delay:.5s}.notification-icon{font-size:2rem}.notification-content h5{margin:0 0 .25rem;font-size:1.1rem;color:#fff;font-family:DM Sans,sans-serif}.notification-content p{margin:0;font-size:.9rem;opacity:.9}.notification-time{position:absolute;top:1rem;right:1rem;font-size:.8rem;opacity:.8}.stats-card{width:260px;bottom:12%;right:10%;background:#fff;transition-delay:.6s;animation-delay:.6s}.stats-header{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--gray-900)}.stats-chart{display:flex;align-items:flex-end;gap:.5rem;height:100px;margin-bottom:1rem}.chart-bar{flex:1;background:var(--primary-gradient);border-radius:.25rem;min-height:20px;animation:growBar 1s ease-out}@keyframes growBar{0%{height:0}to{height:inherit}}.stats-label{font-size:.9rem;color:var(--gray-700);font-weight:500}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.2)}.message-contact{display:flex;align-items:center;gap:.75rem}.contact-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#9dc3bf,#7ba8a3);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;color:#fff}.contact-avatar.partner{background:linear-gradient(135deg,#e6c070,#d4a959)}.contact-avatar.work{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.contact-info{display:flex;flex-direction:column;gap:.2rem}.contact-name{font-weight:600;font-size:1rem;font-family:DM Sans,sans-serif}.contact-status,.message-time{font-size:.75rem;opacity:.7}.message-bubble{padding:.75rem 1rem;border-radius:1.25rem;margin-bottom:.5rem;max-width:85%;font-size:.95rem;line-height:1.4}.message-bubble.received{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top-left-radius:.25rem}.message-bubble.sent{background:#fff6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-left:auto;border-bottom-right-radius:.25rem;text-align:right}.email-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:1rem}.email-from{display:flex;flex-direction:column;gap:.25rem;flex:1}.email-from strong{font-size:1rem;font-weight:600;color:var(--gray-900);font-family:DM Sans,sans-serif}.email-from span{font-size:.8rem;color:var(--gray-600)}.email-time{font-size:.75rem;color:var(--gray-600);white-space:nowrap}.email-subject{font-weight:600;font-size:1rem;color:var(--gray-900);margin-bottom:.5rem;font-family:DM Sans,sans-serif}.email-preview{font-size:.9rem;color:var(--gray-700);line-height:1.5;margin-bottom:1rem}.email-badge{display:inline-block;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;background:var(--primary-light);color:var(--primary)}.email-badge.family{background:#ffebcc;color:#e6c070}.email-badge.personal{background:#e8f4f3;color:#7ba8a3}.section-header-center{text-align:center;margin-bottom:4rem}.section-title-modern{font-size:3rem;font-weight:800;letter-spacing:-.02em;color:var(--gray-900);margin-bottom:1rem}.section-subtitle-modern{font-size:1.125rem;color:var(--gray-600)}.features-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:4rem;flex-wrap:wrap}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:var(--gray-100);border:2px solid transparent;border-radius:3rem;font-weight:600;font-size:.9375rem;color:var(--gray-700);cursor:pointer;transition:all var(--transition)}.tab-btn:hover{background:var(--gray-200)}.tab-btn.active{background:var(--white);border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow)}.tab-icon{font-size:1.25rem}.tab-content-wrapper{position:relative;min-height:400px}.tab-content{display:none;animation:fadeIn .5s ease-out}.tab-content.active{display:block}.tab-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.tab-text h3{font-size:2rem;font-weight:700;margin-bottom:1rem;color:var(--gray-900)}.tab-text p{font-size:1.125rem;color:var(--gray-600);margin-bottom:2rem;line-height:1.7}.feature-points{list-style:none}.feature-points li{padding-left:2rem;margin-bottom:.75rem;position:relative;color:var(--gray-700)}.feature-points li:before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:700;font-size:1.25rem}.tab-visual{display:flex;justify-content:center;align-items:center;min-height:400px}.floating-card{background:var(--white);border-radius:1.5rem;padding:2rem;box-shadow:var(--shadow-xl);animation:float 3s ease-in-out infinite;min-width:320px}.card-header{font-size:1.125rem;font-weight:700;margin-bottom:1.5rem;color:var(--gray-900)}.calendar-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.75rem;margin-bottom:.75rem}.calendar-item.work{background:#82b3ae14;border-left:3px solid #82B3AE}.calendar-item.family{background:#aeccca14;border-left:3px solid #AECCCA}.calendar-item.personal{background:#f6d9a114;border-left:3px solid #F6D9A1}.calendar-item .time{font-size:.875rem;font-weight:600;color:var(--gray-700);min-width:70px}.calendar-item .title{font-size:.9375rem;color:var(--gray-900)}.task-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--gray-50);border-radius:.75rem;margin-bottom:.75rem}.task-item input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary);cursor:pointer}.task-item span:first-of-type{flex:1;color:var(--gray-900)}.priority{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600}.priority.high{background:#ef44441a;color:#dc2626}.priority.medium{background:#f59e0b1a;color:#d97706}.family-member{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--gray-50);border-radius:.75rem;margin-bottom:.75rem}.avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:700;font-size:1.25rem}.chart-mini{display:flex;align-items:flex-end;gap:.75rem;height:120px;margin-bottom:1.5rem}.chart-mini .bar{flex:1;border-radius:.5rem .5rem 0 0;transition:height var(--transition)}.balance-score{text-align:center;padding:1.5rem;background:var(--gray-50);border-radius:1rem}.balance-score .score{font-size:2.5rem;font-weight:800;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.balance-score .label{font-size:.875rem;color:var(--gray-600);margin-top:.5rem}.how-it-works{padding:var(--section-padding) 0;background:#f8f5ea}.steps-wrapper{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;max-width:1000px;margin:0 auto 3rem}.step-item{text-align:center;padding:2rem;opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease-out forwards}.step-item[data-step="1"]{animation-delay:.1s}.step-item[data-step="2"]{animation-delay:.2s}.step-item[data-step="3"]{animation-delay:.3s}.step-item[data-step="4"]{animation-delay:.4s}.step-number{width:60px;height:60px;margin:0 auto 1rem;background:var(--gradient-1);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;box-shadow:0 8px 20px #6366f14d}.step-content h3{font-size:1.125rem;font-weight:700;margin-bottom:.5rem;color:var(--gray-900)}.step-content p{font-size:.9375rem;color:var(--gray-600)}.step-line{height:2px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);opacity:.3}.cta-center{text-align:center}.testimonials{padding:var(--section-padding) 0;background:linear-gradient(180deg,#fefdfb,#f5f9f8)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.testimonial-card{background:var(--white);padding:2.5rem;border-radius:1.5rem;border:1px solid var(--gray-200);transition:all var(--transition)}.testimonial-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.stars{color:#fbbf24;font-size:1.125rem;margin-bottom:1rem}.testimonial-card h4{font-size:1.125rem;font-weight:700;margin-bottom:1rem;color:var(--gray-900)}.testimonial-card p{color:var(--gray-600);line-height:1.7;margin-bottom:2rem}.reviewer{display:flex;align-items:center;gap:1rem}.reviewer .avatar{width:48px;height:48px;font-size:1rem}.reviewer .name{font-weight:600;color:var(--gray-900)}.reviewer .role{font-size:.875rem;color:var(--gray-600)}.stats-modern{padding:5rem 0;background:#f9f6ed}.stats-grid-modern{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem}.stat-item-modern{text-align:center}.stat-value{font-size:3.5rem;font-weight:800;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;margin-bottom:.5rem}.stat-label{font-size:1rem;color:var(--gray-600);font-weight:500}.final-cta{padding:var(--section-padding) 0;background:linear-gradient(135deg,#82b3ae,#aeccca);position:relative;overflow:hidden}.final-cta:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.1}.cta-box{text-align:center;position:relative;z-index:1}.cta-box h2{font-size:3rem;font-weight:800;color:var(--white);margin-bottom:1rem}.cta-box p{font-size:1.25rem;color:#ffffffe6;margin-bottom:2.5rem}.cta-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.beta-badge-cta{display:inline-block;padding:.5rem 1.5rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:2rem;color:#fff;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em}.launch-info{font-size:1rem;color:#fffffff2;margin-top:1.5rem;font-weight:500}.footer-modern{background:var(--gray-900);color:var(--gray-400);padding:4rem 0 2rem}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:3rem;margin-bottom:3rem}.footer-brand .logo{margin-bottom:1rem}.footer-brand .logo-text{color:var(--white)}.footer-brand p{line-height:1.7;max-width:300px}.footer-links-group h4{color:var(--white);font-weight:600;margin-bottom:1rem}.footer-links-group a{display:block;color:var(--gray-400);text-decoration:none;margin-bottom:.75rem;transition:color var(--transition)}.footer-links-group a:hover{color:var(--white)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid var(--gray-800)}.social-links{display:flex;gap:1.5rem}.social-links a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--gray-800);border-radius:50%;color:var(--gray-400);text-decoration:none;transition:all var(--transition)}.social-links a:hover{background:var(--primary);color:var(--white);transform:translateY(-2px)}@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)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}@keyframes rotate3d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float3d{0%,to{transform:translateY(0) rotateY(-15deg) rotateX(5deg)}50%{transform:translateY(-20px) rotateY(-15deg) rotateX(5deg)}}@keyframes floatAround{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-15px) translate(10px)}50%{transform:translateY(-5px) translate(-5px)}75%{transform:translateY(-20px) translate(5px)}}@media(max-width:1200px){.hero-grid{gap:3rem}.floating-ui-element{display:none}}@media(max-width:1024px){:root{--section-padding: 80px}.hero-grid{grid-template-columns:1fr;gap:4rem;text-align:center}.floating-cards-showcase{height:1000px}.task-card{width:260px;left:2%;top:8%}.calendar-card{width:280px;right:2%;top:5%}.profile-card{width:250px;left:4%;top:38%}.photo-card{width:270px;right:3%;top:42%}.notification-card{width:280px;left:8%;bottom:18%}.stats-card{width:260px;right:4%;bottom:12%}.showcase-card{font-size:.9rem}.message-bubble{font-size:.92rem;padding:.7rem .9rem}.hero-title-modern{font-size:3rem}.hero-content-modern{max-width:100%}.trust-indicators,.hero-cta-modern{justify-content:center}.hero-phone-3d{display:flex;justify-content:center;margin-left:0;margin-top:1rem}.phone-mockup-3d{animation:float3d 8s ease-in-out infinite}.phone-frame-3d{transform:rotateY(0) rotateX(0);width:280px;height:580px}.phone-frame-3d:hover{transform:rotateY(0) rotateX(0) translateY(-10px)}.phone-scene{display:flex;justify-content:center}.tab-grid{grid-template-columns:1fr;gap:2rem}.steps-wrapper{grid-template-columns:1fr;gap:1rem}.step-line{width:2px;height:40px;background:linear-gradient(180deg,var(--primary) 0%,var(--secondary) 100%);margin:0 auto}.testimonials-grid{grid-template-columns:1fr}.stats-grid-modern,.footer-grid{grid-template-columns:repeat(2,1fr)}.product-hero-title{font-size:2.75rem!important}}@media(max-width:768px){.menu-overlay{display:block!important}.hamburger{display:block!important;z-index:1001}.nav-links{position:fixed;top:0;right:-100%;height:100vh;width:70%;max-width:300px;background:#fff;flex-direction:column;padding:5rem 2rem 2rem;gap:2rem;box-shadow:-5px 0 15px #0000001a;transition:right .3s ease-in-out;z-index:999}.nav-links.active{right:0}.nav-links li{width:100%}.nav-links a{font-size:1.1rem;display:block;padding:.5rem 0}.nav-cta{position:fixed;bottom:2rem;right:-100%;width:70%;max-width:260px;flex-direction:column;gap:1rem;padding:0 2rem;transition:right .3s ease-in-out;z-index:999}.nav-cta.active{right:0}.nav-cta button{width:100%}.floating-cards-showcase{height:1600px;padding:0 1rem}.task-card,.calendar-card,.profile-card,.photo-card,.notification-card,.stats-card{width:90%;max-width:340px;left:50%!important;right:auto!important;transform:translate(-50%)}.showcase-card{font-size:.95rem}.showcase-card.visible{transform:translate(-50%) translateY(0) scale(1)}.task-card{top:3%}.calendar-card{top:18%}.profile-card{top:33%}.photo-card{top:48%}.notification-card{top:63%;bottom:auto}.stats-card{top:78%;bottom:auto}.floating-cards-showcase.merging .task-card{top:calc(3% + (42% * var(--merge-progress)))!important;transform:translate(-50%) scale(calc(1 - .1 * var(--merge-progress)))!important;left:50%!important;z-index:6}.floating-cards-showcase.merging .calendar-card{top:calc(18% + (27% * var(--merge-progress)))!important;transform:translate(-50%) scale(calc(1 - .1 * var(--merge-progress)))!important;left:50%!important;z-index:5}.floating-cards-showcase.merging .profile-card{top:calc(33% + (12% * var(--merge-progress)))!important;transform:translate(-50%) scale(calc(1 - .1 * var(--merge-progress)))!important;left:50%!important;z-index:4}.floating-cards-showcase.merging .photo-card{top:calc(48% + (-3% * var(--merge-progress)))!important;transform:translate(-50%) scale(calc(1 - .1 * var(--merge-progress)))!important;left:50%!important;z-index:3}.floating-cards-showcase.merging .notification-card{top:calc(63% + (-18% * var(--merge-progress)))!important;transform:translate(-50%) scale(calc(1 - .1 * var(--merge-progress)))!important;left:50%!important;z-index:2}.floating-cards-showcase.merging .stats-card{top:calc(78% + (-33% * var(--merge-progress)))!important;transform:translate(-50%) scale(calc(1 - .1 * var(--merge-progress)))!important;left:50%!important;z-index:1}.floating-cards-showcase.stacked .showcase-card{top:50%!important}.message-header,.email-header{font-size:.9rem}.message-bubble{font-size:.95rem;padding:.75rem 1rem}.email-subject{font-size:1rem}.email-preview{font-size:.9rem}.mobile-menu-toggle{display:flex}.hero-title-modern{font-size:2.5rem;line-height:1.2}.section-title-modern{font-size:2rem}.features-tabs{flex-direction:column}.footer-bottom{flex-direction:column;gap:1.5rem}.hero-phone-3d{margin-left:0;margin-top:2rem;display:flex;justify-content:center;align-items:center}.phone-scene{display:flex;justify-content:center;align-items:center}.phone-mockup-3d{animation:none}.phone-frame-3d{width:240px;height:500px;transform:none!important}.phone-frame-3d:hover{transform:none!important}.phone-notch{width:120px;height:20px}.phone-screen-3d{border-radius:1.75rem}.video-play-btn-hero{width:50px;height:50px}.hero-grid{gap:2rem}.hero-content-modern{padding:0 1rem}.hero-cta-modern{flex-direction:column;gap:1rem;width:100%}.hero-cta-modern .btn-primary,.hero-cta-modern .btn-secondary{width:100%;justify-content:center}.product-hero-title{font-size:2.5rem!important}.features-grid{grid-template-columns:1fr!important}.feature-card{max-width:500px;margin:0 auto}.section-header-center h2{font-size:2rem}.section-subtitle-modern{font-size:1.1rem}}@media(max-width:480px){.hero-title-modern{font-size:2rem;line-height:1.1}.product-hero-title{font-size:2rem!important}.phone-frame-3d{width:200px;height:420px}.phone-notch{width:100px;height:18px}.hero-cta-modern .btn-primary,.hero-cta-modern .btn-secondary{font-size:.95rem;padding:.85rem 1.5rem}.floating-cards-showcase{height:1500px}.task-card,.calendar-card,.profile-card,.photo-card,.notification-card,.stats-card{width:95%;max-width:320px}.section-header-center h2{font-size:1.75rem}.feature-icon{font-size:1.75rem!important}}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10000;align-items:center;justify-content:center;animation:fadeIn .3s ease}.modal.active{display:flex}.modal-content{background:var(--white);border-radius:1.5rem;padding:3rem;max-width:500px;width:90%;position:relative;box-shadow:0 25px 50px #0000004d;animation:slideUp .4s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;font-size:2rem;color:var(--gray-500);cursor:pointer;transition:color .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--primary)}.modal-title{font-size:2rem;font-weight:700;color:var(--dark-text);margin-bottom:.5rem;font-family:Crimson Text,Georgia,serif}.modal-subtitle{font-size:1.125rem;color:var(--gray-600);margin-bottom:2rem}.signup-form{display:flex;flex-direction:column;gap:1rem}.form-input{padding:.875rem 1.25rem;border:2px solid var(--gray-300);border-radius:.75rem;font-size:1rem;font-family:DM Sans,sans-serif;transition:all .3s ease;background:var(--white);color:var(--dark-text)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #9dc3bf1a}.form-input::placeholder{color:var(--gray-500)}textarea.form-input{resize:vertical;min-height:80px}.form-checkbox{display:flex;align-items:center;gap:.75rem}.form-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary)}.form-checkbox label{font-size:.9375rem;color:var(--gray-700);cursor:pointer}.btn-full{width:100%;justify-content:center}.form-note{text-align:center;font-size:.875rem;color:var(--gray-600);margin-top:1rem}.coming-soon-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:2rem;font-size:.9375rem;font-weight:600;color:#fff;margin-bottom:1.5rem;box-shadow:0 4px 12px #9dc3bf4d}.cta-buttons-pricing{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.pricing-hero{padding:120px 0 80px;background:linear-gradient(135deg,#f0f9f7,#fbf5e6,#fefdfb)}.pricing-content-wrapper{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:start}.pricing-main-title{font-size:3.5rem;font-weight:700;color:#4db8ac;margin-bottom:1.5rem;font-family:Crimson Text,Georgia,serif}.pricing-tagline{background:linear-gradient(135deg,#4db8ac,#6fcfc4);border-radius:2rem;padding:2rem 2.5rem;margin-bottom:2.5rem}.pricing-tagline h2{font-size:2rem;font-weight:400;color:#fff;margin:0;font-family:DM Sans,sans-serif;letter-spacing:-.01em}.pricing-cards-simple{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.simple-pricing-card{background:linear-gradient(135deg,#5dc8bb,#7dd5ca);border-radius:1.5rem;padding:2rem 1.75rem;color:#fff;transition:transform .3s ease,box-shadow .3s ease;position:relative}.simple-pricing-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #5dc8bb4d}.simple-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.simple-card-header h3{font-size:1.5rem;font-weight:600;color:#fff;margin:0;font-family:DM Sans,sans-serif}.simple-price-badge{background:#fff;color:#4db8ac;font-size:1.25rem;font-weight:700;padding:.5rem 1rem;border-radius:50px;min-width:70px;text-align:center}.simple-features{list-style:none;padding:0;margin:0}.simple-features li{font-size:1rem;line-height:1.8;color:#fff;margin-bottom:.5rem;font-weight:400}.trial-note-simple{margin-top:1.5rem;font-size:.875rem;line-height:1.5;color:#fffffff2;font-weight:400}.pricing-note{text-align:center;font-size:1.125rem;color:var(--gray-700);margin-top:2rem;font-weight:500}.pricing-right{position:relative}.pricing-image{width:100%;height:auto;border-radius:2rem;box-shadow:0 20px 60px #00000026;object-fit:cover}@media(max-width:1024px){.pricing-content-wrapper{grid-template-columns:1fr}.pricing-right{order:-1;max-width:400px;margin:0 auto}}@media(max-width:768px){.pricing-cards-simple{grid-template-columns:1fr}.pricing-main-title{font-size:2.5rem}.pricing-tagline h2{font-size:1.5rem}}@media(max-width:480px){.container{padding:0 1rem}.hero-title-modern{font-size:2rem}.hero-cta-modern,.app-badges,.cta-buttons{flex-direction:column}.stat-value{font-size:2.5rem}.pricing-main-title{font-size:2rem}.pricing-tagline{padding:1.5rem}.pricing-tagline h2{font-size:1.25rem}.simple-pricing-card{padding:1.5rem}}.features-section{padding:var(--section-padding) 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.feature-card{background:#fff;padding:2rem;border-radius:1rem;box-shadow:var(--shadow);transition:all var(--transition)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-icon{font-size:3rem;margin-bottom:1rem;display:block}.feature-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--dark-text)}.feature-card p{color:var(--gray-700);line-height:1.7}