@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Gaegu:wght@700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#faf5ef;--brown:#4e342e;--brown-light:#8d6e63;--orange:#f57c00;--orange-deep:#e65100;--green:#43a047;--green-deep:#1b5e20;--amber:#f9a825;--separator:#f0e6d9;--card:#fff}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--brown);-webkit-font-smoothing:antialiased;font-family:Nunito,sans-serif;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 24px 48px;display:flex}.hero-mascot{object-fit:contain;width:160px;height:160px;margin-bottom:16px}.hero-title{color:var(--brown);letter-spacing:3px;margin-bottom:8px;font-family:Gaegu,cursive;font-size:56px;font-weight:700}.hero-tagline{color:var(--brown-light);margin-bottom:12px;font-size:22px;font-weight:700}.hero-subtitle{color:var(--brown-light);max-width:400px;margin-bottom:32px;font-size:16px}.hero-cta{color:#fff;cursor:pointer;background:linear-gradient(#ff9800,#e65100);border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 40px;font-family:Nunito,sans-serif;font-size:18px;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 12px #e651004d}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 6px 16px #e6510066}.hero-cta:active{transform:translateY(0)}.hero-secondary-cta{color:var(--brown-light);margin-top:12px;font-size:14px;font-weight:600}.how-it-works{text-align:center;padding:48px 24px}.section-title{color:var(--brown);margin-bottom:32px;font-size:28px;font-weight:900}.steps{flex-wrap:wrap;justify-content:center;gap:32px;max-width:800px;margin:0 auto;display:flex}.step{flex:1;min-width:200px;max-width:240px}.step-mascot{object-fit:contain;width:100px;height:100px;margin-bottom:12px}.step-label{margin-bottom:4px;font-size:18px;font-weight:800}.step-label.green{color:var(--green)}.step-label.orange{color:var(--orange)}.step-label.amber{color:var(--amber)}.step-desc{color:var(--brown-light);font-size:14px}.features{text-align:center;padding:48px 24px}.feature-grid{flex-wrap:wrap;justify-content:center;gap:24px;max-width:700px;margin:0 auto;display:flex}.feature{background:var(--card);border-radius:16px;flex:1;min-width:180px;max-width:300px;padding:24px;box-shadow:0 2px 8px #0000000d}.feature-icon{margin-bottom:8px;font-size:32px}.feature-title{color:var(--brown);margin-bottom:4px;font-size:16px;font-weight:800}.feature-desc{color:var(--brown-light);font-size:13px}.cta-bottom{text-align:center;padding:64px 24px}.cta-bottom .hero-mascot{width:120px;height:120px}.cta-heading{color:var(--brown);margin-bottom:8px;font-size:28px;font-weight:900}.cta-sub{color:var(--brown-light);margin-bottom:24px;font-size:16px}.store-buttons{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;display:flex}.store-badge{color:var(--brown-light);background:var(--separator);cursor:default;border:none;border-radius:8px;padding:10px 20px;font-family:Nunito,sans-serif;font-size:14px;font-weight:700}.footer{text-align:center;border-top:1px solid var(--separator);margin-top:auto;padding:24px}.footer-text{color:var(--brown-light);font-size:13px}@media (width<=600px){.hero{padding:48px 20px 32px}.hero-title{font-size:40px}.hero-tagline{font-size:18px}.steps{flex-direction:column;align-items:center}.step{max-width:100%}}