:root{--color-background: #f6f8f7;--color-surface: #ffffff;--color-primary: #7bbfa0;--color-primary-soft: #ddefe7;--color-secondary-soft: #e7f0fa;--color-text: #27312d;--color-text-muted: #5c6a66;--color-border: #dbe4df;--color-link: #336e58;--color-link-hover: #275645;--color-header-bg: rgba(246, 248, 247, .92);--color-shadow: rgba(26, 39, 33, .08);--color-hero-surface: #f2f7f4;--color-primary-ink: #163226;--color-icon-google-bg: #e9f4ee;--color-icon-app-bg: #ecf2fb;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--space-8: 2.5rem;--space-9: 3rem;--space-10: 4rem;--font-family-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-sm: .9rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.35rem;--font-size-2xl: clamp(1.75rem, 3.2vw, 2.5rem);--font-size-hero-subtitle: clamp(1.125rem, 2.4vw, 1.5rem);--hero-title-size: clamp(2.4rem, 5.4vw, 3.6rem);--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--shadow-soft: 0 18px 40px -26px var(--color-shadow);--container-width: 1100px;--header-height: 4.25rem;--hero-gap: var(--space-5);--hero-mascot-size: 9rem;--hero-mascot-size-mobile: 6.75rem;--brand-logo-size: 2.25rem;--store-icon-size: 2rem}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 15% 5%,var(--color-primary-soft),transparent 45%),radial-gradient(circle at 88% 18%,var(--color-secondary-soft),transparent 38%),var(--color-background)}a{color:var(--color-link);transition:color .15s ease,opacity .15s ease}a:hover{color:var(--color-link-hover);opacity:.8}p{margin:0}h1,h2,h3{margin:0;line-height:1.2;color:var(--color-text)}ul{margin:0;padding-left:var(--space-5)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.container{width:min(var(--container-width),calc(100% - (var(--space-4) * 2)));margin:0 auto}.site-header{position:sticky;top:0;z-index:30;min-height:var(--header-height);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-header-bg)}.header-inner{min-height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.brand{display:inline-flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-xl);font-weight:700;letter-spacing:.01em;text-decoration:none;color:var(--color-text)}.brand-logo{width:var(--brand-logo-size);height:var(--brand-logo-size);border-radius:.8rem;object-fit:cover;border:1px solid var(--color-border);box-shadow:var(--shadow-soft)}.brand-wordmark{line-height:1}.nav-toggle{display:none;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);padding:var(--space-2) var(--space-3);font:inherit;cursor:pointer}.site-nav{display:flex;align-items:center;gap:var(--space-3)}.site-header nav a{transition:opacity .15s ease}.site-header nav a:hover{opacity:.7}.nav-link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text-muted);font-weight:600;transition:background-color .18s ease,color .18s ease,opacity .15s ease}.nav-link:hover{color:var(--color-text);background:var(--color-primary-soft);opacity:.7}.main-content{flex:1;padding:var(--space-8) 0 var(--space-9)}.page-stack{display:grid;gap:var(--space-6)}.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--hero-gap);align-items:stretch}.hero-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);padding:var(--space-8);display:grid;gap:var(--space-4)}.hero-content--home{gap:var(--space-5)}.hero h1{font-size:var(--hero-title-size);letter-spacing:-.02em}.hero-subtitle{font-size:var(--font-size-hero-subtitle);color:var(--color-text-muted)}.hero-subtitle--home{margin-top:calc(var(--space-4) * -1)}.hero-description{font-size:var(--font-size-lg);max-width:54ch;color:var(--color-text)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.hero-trust-row{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.hero-trust-row li{border-radius:999px;border:1px solid var(--color-border);background:var(--color-primary-soft);color:var(--color-text);font-size:var(--font-size-sm);font-weight:600;padding:var(--space-1) var(--space-3)}.hero-brand-card{border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-hero-surface);box-shadow:0 12px 28px -22px var(--color-shadow);padding:var(--space-6);display:grid;align-content:start;gap:var(--space-4)}.hero-mascot-wrap{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:radial-gradient(circle at 35% 25%,var(--color-primary-soft),transparent 62%),radial-gradient(circle at 72% 68%,var(--color-secondary-soft),transparent 58%),var(--color-surface);min-height:calc(var(--hero-mascot-size) + var(--space-6));display:grid;place-items:center;padding:var(--space-5)}.hero-mascot{width:var(--hero-mascot-size);height:var(--hero-mascot-size);object-fit:cover;border-radius:1.25rem}.hero-brand-label{font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.hero-brand-summary{color:var(--color-text);max-width:30ch}.hero--compact{grid-template-columns:1fr}.section{border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);padding:48px}.section--surface{background:var(--color-surface)}.section--soft{background:linear-gradient(180deg,var(--color-primary-soft) 0%,var(--color-secondary-soft) 100%)}.section-header{margin-bottom:32px;display:grid;gap:var(--space-3)}.section-header h2{font-size:var(--font-size-xl)}.section-header h2,.section-header p{margin-left:0}.section-description{color:var(--color-text-muted);max-width:72ch}.card-grid{display:grid;gap:var(--space-4)}.feature-grid,.download-grid{margin-top:28px}.card-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.store-badge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.store-badge{display:flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);text-decoration:none;padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-soft);transition:transform .18s ease,border-color .18s ease}.store-badge:hover{transform:translateY(-1px);border-color:var(--color-primary);color:var(--color-text)}.store-badge:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.store-badge-icon{width:var(--store-icon-size);height:var(--store-icon-size);border-radius:var(--radius-md);border:1px solid var(--color-border);display:inline-flex;align-items:center;justify-content:center;color:inherit;flex-shrink:0}.store-badge--google-play .store-badge-icon{background:var(--color-icon-google-bg)}.store-badge--app-store .store-badge-icon{background:var(--color-icon-app-bg)}.store-badge-icon svg{width:1.35rem;height:1.35rem}.store-badge-content{display:grid;gap:var(--space-2)}.store-badge-title{font-size:var(--font-size-lg);font-weight:700}.store-badge-status{display:inline-flex;width:fit-content;margin-top:var(--space-2);border-radius:999px;border:1px solid var(--color-border);background:var(--color-primary-soft);color:var(--color-text);font-size:var(--font-size-sm);font-weight:600;padding:var(--space-1) var(--space-3)}.store-badge.is-disabled{cursor:not-allowed}.store-badge.is-disabled:hover{transform:none;border-color:var(--color-border)}.card{height:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px;display:grid;gap:var(--space-2);transition:transform .18s ease,box-shadow .18s ease}.feature-card,.download-section,.privacy-section,.contact-section{padding:32px}.card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000d}.card-title{font-size:var(--font-size-lg)}.card-description{color:var(--color-text-muted)}.button,.button-link{transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.button:hover,.button-link:hover{transform:translateY(-1px);box-shadow:0 6px 14px #0000000f;opacity:1}.button:active,.button-link:active{transform:translateY(0);box-shadow:none}.button-link{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid transparent;padding:var(--space-3) var(--space-5);font-weight:700;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease,background-color .18s ease,color .18s ease}.button-link--primary{background:var(--color-primary);color:var(--color-primary-ink)}.button-link--primary:hover{color:var(--color-primary-ink)}.button-link--secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.inline-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.contact-line{font-size:var(--font-size-lg)}.text-link{font-weight:700}.site-footer{border-top:1px solid var(--color-border);background:var(--color-surface)}.footer-inner{padding:var(--space-6) 0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-5);color:var(--color-text-muted)}.footer-brand{color:var(--color-text);font-weight:700}.footer-link{color:var(--color-link);text-decoration:none;font-weight:600}.footer-link:hover{color:var(--color-link-hover);text-decoration:underline}.footer-copy{margin-left:auto}@media(max-width:1050px){.card-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.hero{grid-template-columns:1fr;gap:var(--space-4)}.main-content{padding:var(--space-6) 0 var(--space-7)}.hero-content,.hero-brand-card{padding:var(--space-6)}.hero-mascot-wrap{min-height:calc(var(--hero-mascot-size-mobile) + var(--space-8))}.footer-copy{width:100%;margin-left:0}}@media(max-width:700px){.nav-toggle{display:inline-flex}.site-nav{position:absolute;top:calc(var(--header-height) - var(--space-1));right:var(--space-4);min-width:11.5rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:var(--color-surface);padding:var(--space-2);display:none;flex-direction:column;align-items:stretch}.site-nav.is-open{display:flex}}@media(max-width:620px){.brand{font-size:var(--font-size-lg)}.brand-logo{width:calc(var(--brand-logo-size) - .25rem);height:calc(var(--brand-logo-size) - .25rem)}.card-grid--two,.card-grid--four,.store-badge-grid{grid-template-columns:1fr}.hero-content,.hero-brand-card{padding:var(--space-5)}.hero-mascot{width:var(--hero-mascot-size-mobile);height:var(--hero-mascot-size-mobile);border-radius:1rem}}.store-badge-row{display:flex;gap:20px;flex-wrap:wrap;align-items:center;justify-content:flex-start;margin-top:32px}.store-badge-link{display:inline-flex;line-height:0;transition:transform .18s ease,opacity .18s ease}.store-badge-link:hover{transform:translateY(-2px);opacity:.95}.store-badge-image{width:260px;height:auto;display:block}@media(max-width:760px){.section{padding:28px}.card,.feature-card,.download-section,.privacy-section,.contact-section{padding:24px}.store-badge-row{flex-direction:column;align-items:flex-start;gap:16px}.store-badge-image{width:220px}}