:root{--bg: #080e0a;--bg-soft: #0c1410;--bg-card: #111a14;--line: #1c2e20;--line-soft: #162019;--text: #e8f0ea;--text-soft: #8aaa90;--muted: #4a6050;--accent: #5aaa6a;--accent-bright:#6ec87e;--accent-soft: rgba(90,170,106,.14);--link: #6ec87e;--link-hover: #6ec87e;--on-accent: #041008;--max: 1200px;--radius: 12px;--radius-sm: 8px;--transition: .16s ease}[data-theme=light]{color-scheme:light;--bg: #ffffff;--bg-soft: #f1f6f2;--bg-card: #ffffff;--line: #dde8e0;--line-soft: #e8efe9;--text: #0c1710;--text-soft: #45604c;--muted: #7c9585;--accent: #2f7d44;--accent-bright: #266b3a;--accent-soft: rgba(47,125,68,.12);--link: #2f7d44;--link-hover: #266b3a;--on-accent: #ffffff}[data-theme=light] .card{box-shadow:0 1px 3px #1018280a,0 10px 28px #1018280d}ul{list-style:none}section{padding-block:clamp(3.5rem,8vw,6rem)}.section-alt{background:var(--bg-soft)}.section-label{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem}.section-title{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;line-height:1.2;letter-spacing:-.02em;color:var(--text);margin-bottom:1rem}.section-sub{font-size:clamp(1rem,2vw,1.125rem);color:var(--text-soft);line-height:1.65;max-width:560px}.appstore-btn{display:inline-flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;border-radius:14px;background:var(--accent);color:var(--on-accent);font-weight:700;font-size:1rem;text-decoration:none;box-shadow:0 4px 24px #5aaa6a59;transition:background var(--transition),transform var(--transition),box-shadow var(--transition)}.appstore-btn:hover{background:var(--accent-bright);color:var(--on-accent);transform:translateY(-2px);box-shadow:0 8px 32px #5aaa6a73;text-decoration:none}.appstore-btn svg{flex-shrink:0}.feature-block{max-width:720px}.feature-block.reverse{margin-inline-start:auto}.feat-content{min-width:0}.cta-band{background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-soft) 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:clamp(3rem,7vw,5rem);text-align:center}.cta-band .section-title{margin-inline:auto;max-width:600px}.cta-band .section-sub{margin-inline:auto;margin-bottom:2rem}.hero{padding:96px 0 80px;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(90,170,106,.1) 0%,transparent 70%),linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 100%);overflow:hidden}.hero-inner{display:grid;grid-template-columns:1fr;gap:0;align-items:center}.hero-text{max-width:640px}.hero-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;border-radius:999px;background:var(--accent-soft);border:1px solid rgba(90,170,106,.25);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-bright);margin-bottom:1.25rem}.hero-title{font-size:clamp(1.9rem,5vw,3.5rem);font-weight:900;line-height:1.12;letter-spacing:-.03em;margin-bottom:1.125rem}.hero-title em{font-style:normal;color:var(--accent-bright)}.hero-desc{font-size:clamp(1rem,2vw,1.125rem);color:var(--text-soft);line-height:1.65;max-width:540px;margin-bottom:2rem}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-bottom:2rem}.hero-meta{display:flex;flex-wrap:wrap;gap:1.25rem;font-size:.8rem;color:var(--text-soft)}.hero-meta span{display:flex;align-items:center;gap:.375rem}@media(max-width:860px){.hero{padding:64px 0 56px}}.page-hero{padding-block:clamp(3rem,7vw,5rem);background:radial-gradient(ellipse 80% 50% at 50% -5%,rgba(90,170,106,.09) 0%,transparent 65%);text-align:center}.page-hero .section-title,.page-hero .section-sub{margin-inline:auto}.prose{max-width:720px;margin-inline:auto;font-size:.9375rem;color:var(--text-soft);line-height:1.7}.prose h2{font-size:1.25rem;font-weight:800;color:var(--text);margin-top:2.5rem;margin-bottom:.625rem}.prose h3{font-size:1rem;font-weight:700;color:var(--text);margin-top:1.5rem;margin-bottom:.375rem}.prose p{margin-bottom:1rem}.prose ul{margin-bottom:1rem;padding-left:1.25rem;list-style:disc}.prose ul li{margin-bottom:.375rem;color:var(--text-soft)}.prose strong{color:var(--text);font-weight:700}.prose a{color:var(--link)}.prose a:hover{color:var(--link-hover)}.prose hr{border:none;border-top:1px solid var(--line);margin-block:2rem}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
