*{margin:0;padding:0;box-sizing:border-box}.spand-landing{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#2d3748;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}@keyframes float-up{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.02)}}@keyframes float-left{0%,to{transform:translate(0) translateY(0) rotate(0)}33%{transform:translate(-15px) translateY(-10px) rotate(-2deg)}66%{transform:translate(-5px) translateY(5px) rotate(1deg)}}@keyframes float-right{0%,to{transform:translate(0) translateY(0) rotate(0)}33%{transform:translate(15px) translateY(-10px) rotate(2deg)}66%{transform:translate(5px) translateY(5px) rotate(-1deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.5)}}@keyframes glow-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.animate-float-up{animation:float-up 4s ease-in-out infinite}.animate-float-left{animation:float-left 6s ease-in-out infinite}.animate-float-right{animation:float-right 5s ease-in-out infinite}.animate-float-up-delay{animation:float-up 4s ease-in-out infinite;animation-delay:2s}.hero-section{background:linear-gradient(135deg,#0f172a,#1e293b 30%,#334155 70%,#475569);background-size:400% 400%;animation:gradient-shift 12s ease infinite;color:#fff;padding:100px 0 140px;text-align:center;position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center}.hero-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(236,72,153,.1) 0%,transparent 50%);z-index:1}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.float-element{position:absolute;background:linear-gradient(45deg,#3b82f633,#8b5cf633);border-radius:50%;animation:float 8s ease-in-out infinite;backdrop-filter:blur(1px)}.float-1{width:120px;height:120px;top:15%;left:8%;animation-delay:0s}.float-2{width:80px;height:80px;top:70%;right:12%;animation-delay:3s}.float-3{width:200px;height:200px;bottom:20%;left:15%;animation-delay:6s}.hero-content{position:relative;z-index:2}.hero-showcase{display:flex;flex-direction:column;align-items:center;gap:40px;max-width:1400px;margin:0 auto;padding:0 20px}@media (min-width: 768px){.hero-showcase{flex-direction:row;gap:100px;padding:0}}.screenshots-container{position:relative;flex-shrink:0}.screenshot-main{position:relative;transform:perspective(1000px) rotateY(-15deg) rotateX(5deg);animation:float-up 6s ease-in-out infinite}.app-screenshot{width:280px;height:auto;border-radius:24px;box-shadow:0 40px 120px #00000080,0 20px 60px #3b82f64d,inset 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.1);transition:all .8s cubic-bezier(.175,.885,.32,1.275)}@media (min-width: 768px){.app-screenshot{width:350px}}.app-screenshot:hover{transform:scale(1.05) rotateY(0);box-shadow:0 60px 180px #0009,0 30px 90px #3b82f666}.screenshot-glow{position:absolute;inset:-20px;background:linear-gradient(45deg,#3b82f6,#8b5cf6,#ec4899);border-radius:32px;opacity:.3;filter:blur(30px);z-index:-1;animation:glow-pulse 4s ease-in-out infinite}.screenshot-reflection{position:absolute;top:100%;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.1) 0%,transparent 100%);border-radius:0 0 24px 24px;transform:scaleY(-1);opacity:.3;z-index:-2}.floating-ui-elements{position:absolute;inset:0;pointer-events:none;z-index:2}.floating-card{position:absolute;background:#ffffffe6;backdrop-filter:blur(10px);border-radius:12px;padding:8px 12px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 16px #00000026;border:1px solid rgba(255,255,255,.2)}.floating-card.task-complete{top:10%;left:-20%;background:linear-gradient(135deg,#10b981e6,#059669e6);color:#fff}.floating-card.task-complete .card-title,.floating-card.task-complete .card-subtitle{color:#fff}.floating-card.focus-mode{top:30%;right:-25%;background:linear-gradient(135deg,#3b82f6e6,#2563ebe6);color:#fff}.floating-card.focus-mode .card-title,.floating-card.focus-mode .card-subtitle{color:#fff}.floating-card.break-reminder{bottom:40%;left:-15%;background:linear-gradient(135deg,#8b5cf6e6,#7c3aede6);color:#fff}.floating-card.break-reminder .card-title,.floating-card.break-reminder .card-subtitle{color:#fff}.floating-card.streak{bottom:15%;right:-20%;background:linear-gradient(135deg,#f59e0be6,#d97706e6);color:#fff}.floating-card.streak .card-title,.floating-card.streak .card-subtitle{color:#fff}.card-icon{font-size:16px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#ffffff4d}.card-text{display:flex;flex-direction:column}.card-title{font-size:11px;font-weight:600;line-height:1.3;color:#1e293b}.card-subtitle{font-size:9px;opacity:.7;font-weight:400;color:#64748b}.hero-text{flex:1;text-align:left;max-width:600px}.impact-badge{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,#8b5cf626,#3b82f626);backdrop-filter:blur(20px);padding:12px 24px;border-radius:50px;margin-bottom:32px;border:1px solid rgba(139,92,246,.3);box-shadow:0 8px 32px #8b5cf633}.impact-icon{font-size:20px}.impact-text{font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:1.5px;color:#c4b5fd}.hero-title{font-size:4.5rem;font-weight:900;margin-bottom:32px;line-height:1.1;color:#fff}.title-highlight{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.title-accent{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.hero-subtitle{font-size:1.3rem;margin-bottom:40px;opacity:.9;font-weight:400;line-height:1.6;color:#e2e8f0}.hero-subtitle strong{color:#fff;font-weight:700}.power-stats{display:flex;flex-direction:column;gap:24px;margin:50px 0}.power-stat{display:flex;align-items:center;gap:20px;background:#ffffff0d;backdrop-filter:blur(10px);padding:20px;border-radius:16px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.power-stat:hover{background:#ffffff14;transform:translate(8px)}.stat-visual{width:60px;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;position:relative}.stat-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#10b981);border-radius:4px;transition:width 2s ease;position:relative}.stat-bar:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}.stat-content{flex:1}.stat-number{display:block;font-size:2rem;font-weight:900;color:#fff;margin-bottom:4px;line-height:1}.stat-label{font-size:.95rem;font-weight:700;color:#e2e8f0;margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px}.stat-sublabel{font-size:.8rem;color:#94a3b8;font-weight:500}.hero-cta{margin-top:50px}.cta-main{text-align:center}.download-buttons{display:flex;flex-direction:column;gap:16px;justify-content:center;margin-bottom:30px;width:100%}@media (min-width: 640px){.download-buttons{flex-direction:row;gap:20px;flex-wrap:wrap}}.universal-link{margin-bottom:20px}.store-button-content{display:flex;align-items:center;gap:16px;padding:4px 0}.store-logo{width:28px;height:28px;object-fit:contain;filter:brightness(0) invert(1);opacity:.9}.store-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.store-subtitle{font-size:12px;font-weight:400;line-height:1;margin-bottom:2px;opacity:.7;color:#e2e8f0}.store-title{font-size:20px;font-weight:600;line-height:1;color:#fff}.cta-button.apple,.cta-button.android{display:inline-flex;align-items:center;justify-content:flex-start;color:#fff;text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:100%;max-width:280px;margin:0 auto;position:relative;overflow:hidden}.cta-button.apple:before,.cta-button.android:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.cta-button.apple:hover:before,.cta-button.android:hover:before{left:100%}@media (min-width: 640px){.cta-button.apple,.cta-button.android{width:auto;margin:0;min-width:220px}}.cta-button.universal{display:inline-flex;align-items:center;gap:12px;color:#fff;padding:16px 32px;border-radius:50px;font-weight:700;font-size:1rem;text-decoration:none;box-shadow:0 10px 40px #3b82f666;transition:all .3s ease;cursor:pointer;border:none;text-transform:uppercase;letter-spacing:1px;width:100%;max-width:280px;margin:0 auto;justify-content:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8)}@media (min-width: 640px){.cta-button.universal{font-size:1.2rem;padding:20px 40px;width:auto;margin:0;min-width:200px}}.cta-button.apple{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;padding:16px 24px;font-size:16px;font-weight:400;text-transform:none;letter-spacing:0;min-width:auto;backdrop-filter:blur(20px)}.cta-button.apple:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0006,inset 0 1px #ffffff26;background:linear-gradient(135deg,#2d2d2d,#404040);border-color:#fff3}.cta-button.android{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;padding:16px 24px;font-size:16px;font-weight:400;text-transform:none;letter-spacing:0;min-width:auto;backdrop-filter:blur(20px)}.cta-button.android:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0006,inset 0 1px #ffffff26;background:linear-gradient(135deg,#2d2d2d,#404040);border-color:#fff3}.cta-button.universal:hover{transform:translateY(-2px);box-shadow:0 15px 50px #3b82f680;background:linear-gradient(135deg,#1d4ed8,#1e3a8a)}.cta-icon{font-size:1.3rem}.cta-arrow{font-size:1.2rem;transition:transform .3s ease}.cta-button:hover .cta-arrow{transform:translate(4px)}.universal-subtitle{margin-top:8px;font-size:.8rem;color:#94a3b8;font-weight:500;font-style:italic}.cta-subtitle{font-size:.9rem;color:#94a3b8;font-weight:500}.transformation-section{background:linear-gradient(180deg,#f8fafc,#fff,#f1f5f9);padding:140px 0;position:relative;overflow:hidden}.transformation-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(59,130,246,.05) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(139,92,246,.05) 0%,transparent 40%);z-index:0}.transformation-header{text-align:center;margin-bottom:80px;position:relative;z-index:2}.section-badge{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);backdrop-filter:blur(20px);padding:12px 24px;border-radius:50px;margin-bottom:24px;border:1px solid rgba(59,130,246,.2);box-shadow:0 8px 32px #3b82f626}.badge-icon{font-size:18px}.badge-text{font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:1.5px;color:#3b82f6}.transformation-header .section-title{font-size:3.5rem;font-weight:900;margin-bottom:20px;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.transformation-header .section-subtitle{font-size:1.3rem;color:#64748b;font-weight:500;max-width:600px;margin:0 auto;line-height:1.6}.transformation-showcase{position:relative;z-index:2;margin-bottom:100px}.transformation-timeline{display:grid;grid-template-columns:1fr auto 1fr;gap:40px;align-items:center;max-width:1400px;margin:0 auto}.timeline-state{position:relative}.state-indicator{display:flex;flex-direction:column;align-items:center;position:absolute;left:50%;top:0;transform:translate(-50%);z-index:3}.indicator-circle{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 8px 32px #00000026;border:4px solid #FFFFFF;margin-bottom:20px;position:relative;z-index:4}.indicator-circle.before{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.indicator-circle.after{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.indicator-line{width:3px;height:100px;background:linear-gradient(180deg,currentColor,transparent);opacity:.3}.indicator-circle.before .indicator-line{color:#ef4444}.indicator-circle.after .indicator-line{color:#10b981}.state-content{padding-top:120px}.state-card{background:#fff;border-radius:24px;padding:40px;box-shadow:0 20px 60px #00000014,0 8px 25px #0000000d;border:1px solid #F1F5F9;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.state-card:hover{transform:translateY(-8px);box-shadow:0 32px 80px #0000001f,0 12px 40px #00000014}.before-card{border-left:6px solid #EF4444}.before-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(239,68,68,.3),transparent)}.after-card{border-left:6px solid #10B981}.after-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(16,185,129,.3),transparent)}.card-header{text-align:center;margin-bottom:32px;position:relative}.card-emoji{font-size:3.5rem;margin-bottom:16px;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.card-title{font-size:2rem;font-weight:800;margin-bottom:8px;color:#1e293b}.card-subtitle{font-size:1rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:1px}.pain-points,.success-points{display:flex;flex-direction:column;gap:16px}.pain-point,.success-point{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:12px;transition:all .3s ease}.pain-point{background:#ef44440d;border:1px solid rgba(239,68,68,.1)}.pain-point:hover{background:#ef444414;transform:translate(8px)}.success-point{background:#10b9810d;border:1px solid rgba(16,185,129,.1)}.success-point:hover{background:#10b98114;transform:translate(8px)}.pain-icon,.success-icon{font-size:1.2rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0;margin-top:2px}.pain-icon{background:#ef44441a}.success-icon{background:#10b9811a}.pain-text,.success-text{display:flex;flex-direction:column;gap:4px;flex:1}.pain-text strong,.success-text strong{font-size:1rem;font-weight:700;color:#0f172a;line-height:1.3}.pain-text span,.success-text span{font-size:.9rem;color:#475569;line-height:1.5}.transformation-bridge{display:flex;justify-content:center;align-items:center;position:relative;z-index:5}.bridge-visual{display:flex;flex-direction:column;align-items:center;gap:16px;position:relative}.magic-spark{position:absolute;font-size:1.5rem;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.spark-1{top:-30px;left:-20px;animation-delay:0s}.spark-2{top:-40px;right:-15px;animation-delay:1s}.spark-3{bottom:-25px;left:10px;animation-delay:2s}.transformation-arrow{display:flex;align-items:center;position:relative}.arrow-shaft{width:60px;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px;position:relative}.arrow-shaft:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 2s infinite}.arrow-head{width:0;height:0;border-left:12px solid #8B5CF6;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:-2px}.bridge-text{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 16px #3b82f64d;margin-top:8px}.transformation-stats{margin-bottom:80px;position:relative;z-index:2}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1000px;margin:0 auto}.transformation-stats .stat-card{background:#fff;border-radius:20px;padding:32px;box-shadow:0 8px 32px #00000014;border:1px solid #F1F5F9;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.transformation-stats .stat-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0000001f}.transformation-stats .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#10b981)}.transformation-stats .stat-visual{height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.transformation-stats .stat-chart{display:flex;align-items:end;gap:8px;height:60px}.transformation-stats .chart-bar{width:12px;border-radius:6px;transition:height 2s ease}.transformation-stats .before-bar{background:linear-gradient(180deg,#ef4444,#dc2626)}.transformation-stats .after-bar{background:linear-gradient(180deg,#10b981,#059669)}.transformation-stats .focus-ring{position:relative;width:60px;height:60px}.transformation-stats .ring-progress{width:60px;height:60px;border-radius:50%;background:conic-gradient(#3b82f6,#8b5cf6 100deg,#f1f5f9 100deg);position:relative}.transformation-stats .ring-progress:before{content:"";position:absolute;inset:8px;background:#fff;border-radius:50%}.transformation-stats .ring-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;font-size:.9rem;color:#1e293b;z-index:2}.transformation-stats .satisfaction-stars{display:flex;gap:4px;justify-content:center;align-items:center}.transformation-stats .star{font-size:1.5rem;color:#fcd34d;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.transformation-stats .stat-content{text-align:center}.transformation-stats .stat-number{font-size:2.5rem;font-weight:900;color:#1e293b;margin-bottom:8px;line-height:1}.transformation-stats .stat-label{font-size:1.1rem;font-weight:700;color:#475569;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.transformation-stats .stat-description{font-size:.9rem;color:#64748b;line-height:1.4}.transformation-testimonial{position:relative;z-index:2}.testimonial-card{max-width:900px;margin:0 auto;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:60px;border-radius:32px;position:relative;overflow:hidden;box-shadow:0 20px 60px #667eea4d}.testimonial-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.1) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 40%);z-index:0}.quote-mark{font-size:4rem;font-weight:900;color:#ffffff4d;position:absolute;top:20px;left:30px;z-index:1}.testimonial-quote{font-size:1.5rem;line-height:1.7;margin:0 0 40px;font-style:italic;font-weight:500;position:relative;z-index:2;padding-left:40px}.testimonial-author{display:flex;align-items:center;gap:20px;position:relative;z-index:2}.author-avatar{position:relative;width:60px;height:60px}.avatar-image{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.3)}.avatar-fallback{width:60px;height:60px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;color:#fff;border:3px solid rgba(255,255,255,.3)}.author-info{flex:1}.author-name{font-size:1.3rem;font-weight:700;margin-bottom:4px;color:#fff}.author-title{font-size:1rem;opacity:.9;margin-bottom:8px;color:#fffc}.author-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff26;backdrop-filter:blur(10px);padding:6px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.2)}.badge-emoji{font-size:.9rem}.badge-label{font-size:.8rem;font-weight:600;color:#ffffffe6}@keyframes pulse-gentle{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(5deg)}66%{transform:translateY(5px) rotate(-3deg)}}@media (max-width: 1200px){.transformation-timeline{max-width:1000px;gap:30px}.state-card{padding:32px}.testimonial-card{padding:40px}.floating-card{padding:6px 10px;border-radius:10px}.card-icon{font-size:14px;width:24px;height:24px;border-radius:5px}.card-title{font-size:10px}.card-subtitle{font-size:8px}}@media (max-width: 968px){.transformation-timeline{grid-template-columns:1fr;gap:60px;max-width:600px}.transformation-bridge{order:2;margin:40px 0}.before-state{order:1}.after-state{order:3}.state-indicator{position:static;transform:none;margin-bottom:30px}.state-content{padding-top:0}.bridge-visual{transform:rotate(90deg)}.transformation-header .section-title{font-size:2.5rem}.transformation-header .section-subtitle{font-size:1.1rem}}@media (max-width: 640px){.transformation-section{padding:80px 0}.transformation-header{margin-bottom:60px}.transformation-header .section-title{font-size:2rem}.stats-grid{grid-template-columns:1fr;gap:20px}.testimonial-card{padding:30px;border-radius:20px}.testimonial-quote{font-size:1.2rem;padding-left:20px}.testimonial-author{flex-direction:column;text-align:center;gap:16px}.pain-point,.success-point{padding:16px;text-align:center}.card-title{font-size:1.5rem}}@media (max-width: 480px){.state-card{padding:24px}.pain-point,.success-point{flex-direction:column;text-align:center;align-items:center;gap:12px}.pain-text,.success-text{align-items:center}}.magic-section{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;padding:120px 0;position:relative;overflow:hidden}.magic-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(59,130,246,.15) 0%,transparent 50%)}.magic-header{text-align:center;margin-bottom:80px;position:relative;z-index:2}.magic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;margin-bottom:80px;position:relative;z-index:2}.magic-card{background:#ffffff0d;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px;text-align:center;transition:all .3s ease}.magic-card:hover{transform:translateY(-8px);background:#ffffff14;box-shadow:0 20px 60px #0000004d}.magic-visual{height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:30px;position:relative}.brain-waves{display:flex;gap:8px;align-items:end}.wave{width:6px;height:20px;background:linear-gradient(180deg,#3b82f6,#8b5cf6);border-radius:3px;animation:wave 1.5s ease-in-out infinite}.wave-1{animation-delay:0s}.wave-2{animation-delay:.3s}.wave-3{animation-delay:.6s}.community-hearts{position:relative}.heart{font-size:2rem;position:absolute;animation:heartbeat 2s ease-in-out infinite}.heart-1{top:0;left:0;animation-delay:0s}.heart-2{top:-10px;right:-10px;font-size:1.5rem;animation-delay:.5s}.heart-3{bottom:-10px;left:20px;font-size:1.2rem;animation-delay:1s}.empathy-glow{position:relative}.glow-center{font-size:3rem;position:relative;z-index:3}.glow-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid rgba(139,92,246,.3);border-radius:50%;animation:glow-pulse 3s ease-in-out infinite}.ring-1{width:80px;height:80px;animation-delay:0s}.ring-2{width:120px;height:120px;animation-delay:1.5s}.magic-content h3{font-size:1.5rem;font-weight:700;margin-bottom:16px;color:#fff}.magic-content p{line-height:1.7;color:#cbd5e1}.magic-manifesto{background:#ffffff14;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:50px;text-align:center;position:relative;z-index:2}.manifesto-content h3{font-size:2rem;font-weight:800;margin-bottom:24px;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.manifesto-content p{font-size:1.2rem;line-height:1.8;color:#e2e8f0;max-width:800px;margin:0 auto}.features-section{padding:120px 0;background:linear-gradient(180deg,#f8f9ff,#fff,#f0f4ff);position:relative}.section-title{text-align:center;font-size:3rem;font-weight:800;margin-bottom:20px;color:#2d3748;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{text-align:center;font-size:1.2rem;margin-bottom:80px;color:#4a5568;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.7}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;max-width:1200px;margin:0 auto}.feature-card{background:#fff;padding:50px 40px;border-radius:24px;text-align:center;box-shadow:0 10px 40px #667eea1a;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:2px solid transparent;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);transform:scaleX(0);transition:transform .3s ease}.feature-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 25px 60px #667eea33;border-color:#667eea33}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{font-size:3.5rem;margin-bottom:25px;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.feature-card h3{font-size:1.6rem;font-weight:700;margin-bottom:20px;color:#2d3748;line-height:1.3}.feature-card p{color:#4a5568;line-height:1.8;font-size:1.05rem}.adhd-testimonial{margin-top:100px;text-align:center}.testimonial-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:60px 50px;border-radius:30px;max-width:800px;margin:0 auto;position:relative;box-shadow:0 20px 60px #667eea4d}.quote-icon{font-size:4rem;opacity:.3;position:absolute;top:20px;left:30px}.testimonial-content p{font-size:1.3rem;line-height:1.7;margin-bottom:30px;font-style:italic}.testimonial-author{font-size:1.1rem;opacity:.9}.notification-section{padding:120px 0;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-size:200% 200%;animation:gradient-shift 8s ease infinite;color:#fff;text-align:center;position:relative;overflow:hidden}.notification-section:before{content:"";position:absolute;inset:0;background:#0000001a;z-index:1}.notification-content{position:relative;z-index:2}.notification-icon{font-size:4rem;margin-bottom:30px;display:block}.notification-content h2{font-size:3rem;font-weight:800;margin-bottom:25px;line-height:1.2}.notification-content>p{font-size:1.3rem;margin-bottom:50px;opacity:.95;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.7}.email-form{max-width:600px;margin:0 auto}.email-input-group{display:flex;gap:0;margin-bottom:30px;border-radius:60px;overflow:hidden;box-shadow:0 15px 50px #0000004d;border:2px solid rgba(255,255,255,.2)}.email-input{flex:1;padding:22px 35px;border:none;font-size:18px;outline:none;background:#fffffff2;color:#2d3748;font-weight:500}.email-input::placeholder{color:#a0aec0}.submit-button{padding:22px 40px;background:linear-gradient(135deg,#2d3748,#1a202c);color:#fff;border:none;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-size:18px;text-transform:uppercase;letter-spacing:1px}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#1a202c,#2d3748);transform:scale(1.05)}.submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.privacy-note{font-size:1rem;opacity:.9;margin-bottom:30px;line-height:1.6}.waitlist-benefits{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:40px}.benefit-item{background:#ffffff26;backdrop-filter:blur(10px);padding:15px 25px;border-radius:25px;font-size:.95rem;font-weight:600;border:1px solid rgba(255,255,255,.2)}.success-message{background:#ffffff1a;backdrop-filter:blur(20px);border-radius:30px;padding:60px 50px;border:2px solid rgba(255,255,255,.2);box-shadow:0 20px 60px #0003;max-width:600px;margin:0 auto}.success-icon{font-size:4rem;margin-bottom:25px}.success-message h3{font-size:2.2rem;margin-bottom:20px;font-weight:800}.success-message p{opacity:.95;font-size:1.2rem;line-height:1.7;margin-bottom:30px}.next-steps{text-align:left;background:#ffffff1a;padding:30px;border-radius:20px;margin-top:30px}.next-steps>p{font-weight:700;margin-bottom:20px;text-align:center;font-size:1.1rem}.step-item{margin-bottom:12px;padding-left:10px;font-size:1rem;opacity:.9}.footer{background:linear-gradient(135deg,#2d3748,#1a202c);color:#fff;padding:80px 0 40px}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:50px;gap:50px}.footer-brand{flex:1}.footer-logo{display:flex;align-items:center;gap:15px;margin-bottom:20px}.footer-icon{width:50px;height:50px;border-radius:12px}.footer-brand h3{font-size:2rem;font-weight:800;color:#667eea;margin:0}.footer-brand>p{opacity:.9;font-size:1.1rem;margin-bottom:20px;line-height:1.6}.footer-mission{background:#667eea1a;padding:20px;border-radius:15px;border-left:4px solid #667eea}.footer-mission p{margin:0;font-style:italic;opacity:.9}.footer-links{display:flex;gap:60px}.footer-section h4{font-size:1.2rem;font-weight:700;margin-bottom:20px;color:#f093fb}.footer-section{display:flex;flex-direction:column;gap:15px}.footer-section a{color:#fff;text-decoration:none;opacity:.8;transition:all .3s ease;font-weight:500}.footer-section a:hover{opacity:1;color:#667eea;transform:translate(5px)}.footer-bottom{border-top:2px solid #4a5568;padding-top:40px;text-align:center}.footer-bottom p{opacity:.8;font-size:1rem;margin:0}@media (max-width: 1024px){.app-showcase{flex-direction:column;gap:50px;text-align:center}.hero-text{text-align:center}.hero-stats{justify-content:center}}@media (max-width: 768px){.hero-section{padding:80px 0 100px;min-height:90vh}.app-showcase{gap:40px}.phone-mockup{width:280px;height:560px;padding:10px}.hero-title{font-size:2.8rem}.hero-subtitle{font-size:1.1rem}.hero-stats{gap:20px;flex-wrap:wrap}.stat-item{padding:15px 20px;min-width:100px}.stat-number{font-size:2rem}.features-grid{grid-template-columns:1fr;gap:30px}.feature-card{padding:40px 30px}.section-title{font-size:2.2rem}.section-subtitle{font-size:1.1rem}.notification-content h2{font-size:2.2rem}.notification-content>p{font-size:1.1rem}.email-input-group{flex-direction:column;border-radius:25px}.email-input,.submit-button{border-radius:0;padding:20px 30px}.email-input{border-radius:25px 25px 0 0}.submit-button{border-radius:0 0 25px 25px}.waitlist-benefits{flex-direction:column;align-items:center;gap:15px}.testimonial-content{padding:40px 30px;margin:0 20px}.testimonial-content p{font-size:1.1rem}.footer-content{flex-direction:column;gap:40px;text-align:center}.footer-links{justify-content:center;gap:40px}.footer-logo{justify-content:center}}@media (max-width: 480px){.container{padding:0 15px}.hero-section{padding:60px 0 80px}.phone-mockup{width:240px;height:480px;padding:8px}.app-interface{padding:16px 12px}.header-avatar{width:36px;height:36px;border-radius:12px}.header-title{font-size:14px}.header-subtitle{font-size:10px}.task-card{padding:12px;margin-bottom:12px}.task-title{font-size:12px}.task-subtitle{font-size:9px}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1rem}.platform-badge{padding:12px 24px}.platform-text{font-size:12px}.features-section,.notification-section{padding:80px 0}.feature-card{padding:30px 25px}.feature-icon{font-size:3rem}.section-title,.notification-content h2{font-size:1.8rem}.success-message{padding:40px 30px;margin:0 10px}.footer-links{flex-direction:column;gap:30px}.hero-stats,.download-buttons{flex-direction:column;align-items:center;gap:15px}.cta-button{min-width:250px}.float-element{display:none}}@media (prefers-reduced-motion: no-preference){.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all .6s ease-out}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.floating-elements,.float-element{display:none}}