@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}.finding-ratio{text-align:center;max-width:560px;margin:0 auto;padding:48px 24px}.ratio-text{color:var(--brown-light);margin-bottom:16px;font-size:15px;line-height:1.7}.ratio-text:last-child{margin-bottom:0}.disclaimer{text-align:center;border-top:1px solid var(--separator);max-width:560px;margin:0 auto;padding:32px 24px}.disclaimer-text{color:var(--brown-light);margin-bottom:12px;font-size:13px;line-height:1.7}.disclaimer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;display:flex}.disclaimer-link{color:var(--brown-light);font-size:13px;font-weight:600;text-decoration:underline}.disclaimer-link:hover{color:var(--orange)}.disclaimer-sep{color:var(--separator);font-size:13px}.disclaimer-subtext{color:var(--brown-light);opacity:.7;font-size:12px}.footer{text-align:center;border-top:1px solid var(--separator);margin-top:auto;padding:24px}.footer-text{color:var(--brown-light);margin-bottom:8px;font-size:13px}.footer-links{justify-content:center;align-items:center;gap:8px;display:flex}.footer-link{color:var(--brown-light);font-size:13px;font-weight:600;text-decoration:none}.footer-link:hover{color:var(--orange)}.footer-sep{color:var(--separator);font-size:13px}.page-content{flex:1;max-width:680px;margin:0 auto;padding:48px 24px 64px}.page-header{text-align:center;margin-bottom:48px}.page-mascot{object-fit:contain;width:100px;height:100px;margin-bottom:16px}.page-title{color:var(--brown);margin-bottom:8px;font-family:Gaegu,cursive;font-size:40px;font-weight:700}.page-subtitle{color:var(--brown-light);font-size:16px}.page-back{text-align:center;margin-top:48px}.back-link{color:var(--brown-light);font-size:14px;font-weight:700;text-decoration:none}.back-link:hover{color:var(--orange)}.faq-list{flex-direction:column;gap:0;display:flex}.faq-item{border-bottom:1px solid var(--separator);padding:20px 0}.faq-item:first-child{border-top:1px solid var(--separator)}.faq-q{color:var(--brown);margin-bottom:6px;font-size:16px;font-weight:800}.faq-a{color:var(--brown-light);font-size:14px;line-height:1.6}.changelog-list{flex-direction:column;gap:48px;display:flex}.changelog-entry{border-left:3px solid var(--orange);padding-left:20px}.changelog-meta{align-items:center;gap:12px;margin-bottom:8px;display:flex}.changelog-version{color:#fff;background:var(--orange);border-radius:20px;padding:2px 10px;font-size:13px;font-weight:900}.changelog-date{color:var(--brown-light);font-size:13px;font-weight:600}.changelog-title{color:var(--brown);margin-bottom:8px;font-size:22px;font-weight:900}.changelog-intro{color:var(--brown-light);margin-bottom:16px;font-size:14px;line-height:1.6}.changelog-features{flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.changelog-features li{color:var(--brown-light);padding-left:16px;font-size:14px;line-height:1.5;position:relative}.changelog-features li:before{content:"→";color:var(--orange);font-weight:700;position:absolute;left:0}.legal-content{line-height:1.7}.legal-content h3{color:var(--brown);margin-top:28px;margin-bottom:6px;font-size:16px;font-weight:800}.legal-content p{color:var(--brown-light);margin-bottom:12px;font-size:14px}.legal-content a{color:var(--orange);text-decoration:underline}.contact-form{flex-direction:column;gap:12px;display:flex}.contact-textarea{color:var(--brown);border:1px solid var(--separator);background:var(--card);resize:vertical;border-radius:8px;outline:none;padding:12px;font-family:Nunito,sans-serif;font-size:14px}.contact-textarea:focus{border-color:var(--orange)}.contact-submit{color:#fff;background:var(--orange);cursor:pointer;border:none;border-radius:8px;align-self:flex-start;padding:10px 24px;font-family:Nunito,sans-serif;font-size:14px;font-weight:700}.contact-submit:disabled{opacity:.5;cursor:default}.contact-success{text-align:center;padding:24px 0}.contact-success-text{color:var(--green);font-size:16px;font-weight:700}.contact-error-text{color:var(--orange);font-size:16px;font-weight:700}@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%}}