:root{--primary:#ff6b35;--secondary:#7b5ea7;--accent:#ffd166;--mint:#06d6a0;--bg:#fff8f0;--surface:#fff;--text:#2d1b0e;--text2:#7a6055;--border:#e8ddd4;--gradient-1:linear-gradient(135deg, #ff6b35 0%, #ff8b5e 50%, #ffd166 100%);--gradient-2:linear-gradient(135deg, #7b5ea7 0%, #9b7fc7 100%);--gradient-3:linear-gradient(135deg, #06d6a0 0%, #04c490 100%)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--text);font-family:Nunito,sans-serif;overflow-x:hidden}h1,h2,h3,h4{font-family:"Baloo 2",cursive}.container{max-width:1200px;margin:0 auto;padding:0 24px}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.floating-shapes{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.shape{opacity:.06;border-radius:50%;animation:20s ease-in-out infinite floatShape;position:absolute}.shape-1{background:var(--primary);width:400px;height:400px;animation-delay:0s;top:-10%;right:-5%}.shape-2{background:var(--secondary);width:300px;height:300px;animation-delay:-5s;bottom:20%;left:-8%}.shape-3{background:var(--accent);width:250px;height:250px;animation-delay:-10s;top:40%;right:10%}.shape-4{background:var(--mint);width:200px;height:200px;animation-delay:-15s;bottom:-5%;right:30%}@keyframes floatShape{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(30px,-40px)rotate(5deg)}50%{transform:translate(-20px,20px)rotate(-3deg)}75%{transform:translate(15px,30px)rotate(4deg)}}.hero{z-index:1;text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:120px 24px 80px;display:flex;position:relative}.hero-content{max-width:700px}.hero-badge{background:var(--primary);color:#fff;letter-spacing:.5px;border-radius:100px;margin-bottom:24px;padding:6px 20px;font-size:.85rem;font-weight:700;animation:2s infinite pulseGlow;display:inline-block}@keyframes pulseGlow{0%,to{box-shadow:0 0 #ff6b3566}50%{box-shadow:0 0 0 12px #ff6b3500}}.hero-emoji{margin-bottom:16px;font-size:80px;animation:1s cubic-bezier(.34,1.56,.64,1) bounceIn;display:block}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)translateY(40px)}60%{opacity:1;transform:scale(1.1)translateY(-10px)}to{transform:scale(1)translateY(0)}}.hero h1{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(2.8rem,6vw,4.5rem);line-height:1.1}.hero-subtitle{color:var(--text2);margin-bottom:40px;font-size:clamp(1.1rem,2.5vw,1.4rem);line-height:1.6}.hero-cta{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn{cursor:pointer;border:none;border-radius:16px;align-items:center;gap:8px;padding:16px 32px;font-family:Nunito,sans-serif;font-size:1.05rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.btn:hover{transform:translateY(-3px)scale(1.03)}.btn-primary{background:var(--gradient-1);color:#fff;box-shadow:0 8px 30px #ff6b354d}.btn-primary:hover{box-shadow:0 12px 40px #ff6b3573}.btn-secondary{color:var(--text);border:2px solid var(--border);background:#fff;box-shadow:0 4px 20px #00000014}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.hero-scroll-hint{opacity:.4;font-size:1.5rem;animation:2s infinite scrollBounce;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}@keyframes scrollBounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(12px)}}.section{z-index:1;padding:100px 24px;position:relative}.section-dark{background:var(--text);color:#fff}.section-dark .text-muted{color:#fff9}.section-dark .step-card{background:#ffffff14;border-color:#ffffff1a}.section-dark .step-number{background:var(--primary);color:#fff}.section-dark h3{color:#fff}.section-dark p{color:#ffffffb3}.section-header{text-align:center;max-width:600px;margin:0 auto 64px}.section-label{color:var(--primary);letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;font-size:.85rem;font-weight:700}.section-dark .section-label{color:var(--accent)}.section-header h2{margin-bottom:16px;font-size:clamp(2rem,4vw,3rem);line-height:1.2}.text-muted{color:var(--text2);font-size:1.1rem;line-height:1.6}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;max-width:1000px;margin:0 auto;display:grid}.step-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:32px;transition:transform .3s,box-shadow .3s;position:relative}.step-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #0000001a}.step-number{background:var(--bg);width:48px;height:48px;color:var(--primary);border-radius:14px;justify-content:center;align-items:center;margin-bottom:16px;font-family:"Baloo 2",cursive;font-size:1.4rem;font-weight:700;display:flex}.step-card h3{margin-bottom:8px;font-size:1.25rem}.step-card p{color:var(--text2);line-height:1.6}.step-emoji{margin-bottom:12px;font-size:2rem;display:block}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;max-width:1100px;margin:0 auto;display:grid}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:40px 32px;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.feature-card:before{content:"";border-radius:24px 24px 0 0;height:4px;transition:height .3s;position:absolute;top:0;left:0;right:0}.feature-card:first-child:before{background:var(--gradient-1)}.feature-card:nth-child(2):before{background:var(--gradient-2)}.feature-card:nth-child(3):before{background:var(--gradient-3)}.feature-card:nth-child(4):before{background:var(--gradient-1)}.feature-card:nth-child(5):before{background:var(--gradient-2)}.feature-card:nth-child(6):before{background:var(--gradient-3)}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #0000001a}.feature-card:hover:before{height:6px}.feature-emoji{margin-bottom:16px;font-size:2.5rem;display:block}.feature-card h3{margin-bottom:8px;font-size:1.3rem}.feature-card p{color:var(--text2);line-height:1.6}.showcase{flex-wrap:wrap;align-items:center;gap:64px;max-width:1100px;margin:0 auto;display:flex}.showcase-text{flex:1;min-width:300px}.showcase-text h2{margin-bottom:16px;font-size:clamp(1.8rem,3vw,2.5rem)}.showcase-text p{color:var(--text2);margin-bottom:24px;font-size:1.05rem;line-height:1.7}.showcase-list{flex-direction:column;gap:12px;list-style:none;display:flex}.showcase-list li{align-items:center;gap:12px;font-size:1.05rem;display:flex}.showcase-list .check{background:var(--mint);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex}.phone-mockup{flex-shrink:0;position:relative}.phone-frame{background:var(--text);border-radius:40px;width:280px;height:560px;padding:12px;animation:6s ease-in-out infinite phoneFloat;position:relative;box-shadow:0 30px 60px #0003}@keyframes phoneFloat{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-16px)rotate(1deg)}}.phone-screen{background:var(--bg);border-radius:30px;flex-direction:column;gap:12px;width:100%;height:100%;padding:20px 16px;display:flex;overflow:hidden}.phone-notch{background:var(--text);border-radius:12px;width:100px;height:24px;margin:-4px auto 8px}.phone-greeting{font-family:"Baloo 2",cursive;font-size:1rem;font-weight:700}.phone-weather{background:#fff;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-size:.75rem;display:flex;box-shadow:0 2px 8px #0000000f}.phone-btn{background:var(--gradient-1);color:#fff;text-align:center;border-radius:14px;padding:16px;font-family:"Baloo 2",cursive;font-size:1.1rem;font-weight:700;box-shadow:0 6px 20px #ff6b354d}.phone-streak{background:#fff;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;display:flex;box-shadow:0 2px 8px #0000000f}.phone-streak-num{font-family:"Baloo 2",cursive;font-size:1.3rem;font-weight:700}.phone-streak-label{color:var(--text2);font-size:.7rem}.phone-moods{gap:6px;display:flex}.phone-mood-card{text-align:center;background:#fff;border-radius:10px;flex:1;padding:8px 4px;font-size:.6rem;box-shadow:0 2px 6px #0000000d}.phone-mood-emoji{margin-bottom:2px;font-size:1.2rem;display:block}.stats-row{flex-wrap:wrap;justify-content:center;gap:48px;margin:48px 0 0;display:flex}.stat{text-align:center}.stat-number{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:"Baloo 2",cursive;font-size:3rem;font-weight:800;line-height:1}.section-dark .stat-number{background:linear-gradient(135deg, var(--accent) 0%, var(--primary) 100%);-webkit-background-clip:text;background-clip:text}.stat-label{color:var(--text2);margin-top:4px;font-size:.95rem}.section-dark .stat-label{color:#ffffff80}.download-section{z-index:1;text-align:center;background:var(--gradient-1);color:#fff;padding:100px 24px;position:relative}.download-section h2{margin-bottom:16px;font-size:clamp(2rem,4vw,3rem)}.download-section p{opacity:.9;max-width:500px;margin:0 auto 40px;font-size:1.15rem;line-height:1.6}.download-buttons{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:40px;display:flex}.download-btn{color:var(--text);background:#fff;border-radius:16px;align-items:center;gap:12px;padding:16px 28px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 20px #00000026}.download-btn:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000040}.download-btn .icon{font-size:1.5rem}.download-btn small{color:var(--text2);font-size:.7rem;font-weight:400;display:block}.download-info{opacity:.75;font-size:.9rem}.footer{z-index:1;background:var(--text);color:#ffffff80;text-align:center;padding:40px 24px;font-size:.9rem;position:relative}.footer a{color:var(--accent);text-decoration:none}@media (max-width:768px){.showcase{text-align:center;flex-direction:column-reverse}.showcase-text{min-width:auto}.showcase-list{align-items:center}.phone-frame{width:240px;height:480px}.stats-row{gap:32px}.stat-number{font-size:2.2rem}.hero{padding-top:80px}}