:root{--brand:#5f7a2e;--brand-strong:#4a6123;--brand-soft:#eef3e2;--bg:#fdfdfa;--bg-raised:#fff;--text:#23281c;--text-muted:#5d6355;--border:#e3e5da;--shadow:0 1px 3px #23281c14, 0 8px 24px #23281c0f;--radius-s:8px;--radius-m:14px;--radius-l:24px;--content-width:64rem;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif}@media (prefers-color-scheme:dark){:root{--brand:#a3c163;--brand-strong:#b9d47f;--brand-soft:#2b331d;--bg:#16190f;--bg-raised:#1f2416;--text:#edefe6;--text-muted:#a8ad9d;--border:#333a27;--shadow:0 1px 3px #0006, 0 8px 24px #0000004d}}*{box-sizing:border-box}html{background:var(--bg)}body{min-height:100vh;font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;line-height:1.6;display:flex}body>main{flex:1}img{max-width:100%;height:auto}a{color:var(--brand-strong)}h1,h2,h3{margin-block:0 .5em;line-height:1.2}.container{max-width:var(--content-width);margin-inline:auto;padding-inline:1.25rem}.site-header{border-block-end:1px solid var(--border);background:var(--bg-raised)}.site-header .container{justify-content:space-between;align-items:center;padding-block:.9rem;display:flex}.brand-link{color:var(--text);align-items:center;gap:.55rem;font-size:1.15rem;font-weight:700;text-decoration:none;display:flex}.brand-dot{background:var(--brand);border-radius:50% 50% 50% 0;width:.85rem;height:.85rem;transform:rotate(-45deg)}.site-nav{gap:1.25rem;display:flex}.site-nav a{color:var(--text-muted);font-weight:500;text-decoration:none}.site-nav a:hover{color:var(--brand-strong)}.site-footer{border-block-start:1px solid var(--border);color:var(--text-muted);margin-block-start:4rem;padding-block:2rem;font-size:.9rem}.site-footer .container{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.site-footer nav{flex-wrap:wrap;gap:1rem;display:flex}.site-footer a{color:var(--text-muted)}.hero{text-align:center;padding-block:4rem 3rem}.hero h1{letter-spacing:-.02em;font-size:clamp(2rem,5vw,3rem)}.hero .lede{color:var(--text-muted);max-width:38rem;margin-inline:auto;font-size:1.15rem}.app-hero{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;padding-block:3.5rem 2.5rem;display:flex}.app-hero img.app-icon{width:128px;height:128px;box-shadow:var(--shadow);border-radius:28px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.25rem;padding-block:1rem 2rem;display:grid}.app-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-l);color:var(--text);flex-direction:column;gap:.9rem;padding:1.5rem;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.app-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.app-card img{border-radius:16px;width:64px;height:64px}.app-card h3{margin:0;font-size:1.2rem}.app-card p{color:var(--text-muted);margin:0;font-size:.95rem}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;padding-block:1rem 2rem;display:grid}.feature{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-m);padding:1.1rem 1.25rem}.feature .emoji{font-size:1.5rem}.feature h3{margin-block:.4rem .25rem;font-size:1rem}.feature p{color:var(--text-muted);margin:0;font-size:.92rem}.status-pill{background:var(--brand-soft);color:var(--brand-strong);border-radius:999px;padding:.25rem .8rem;font-size:.85rem;font-weight:600;display:inline-block}.store-badges{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.store-badges img{width:auto;height:60px}.button{background:var(--brand);color:#fff;border-radius:999px;padding:.7rem 1.4rem;font-weight:600;text-decoration:none;display:inline-block}.button:hover{background:var(--brand-strong)}@media (prefers-color-scheme:dark){.button{color:#16190f}}.prose{max-width:44rem;margin-inline:auto;padding-block:2.5rem}.prose h1{font-size:2rem}.prose h2{margin-block-start:2rem}.prose li{margin-block:.25rem}.muted{color:var(--text-muted)}.small{font-size:.9rem}section.block{padding-block:1.5rem}section.block h2{text-align:center;margin-block-end:1rem;font-size:1.5rem}
