:root{color-scheme:light;--ink:#17372e;--muted:#536a60;--forest:#176e5b;--forest-dark:#0e5143;--cream:#f5f2e9;--paper:#fffefa;--line:#d9e2d9;--mint:#e6f1e9;--accent:#d8eb91;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);line-height:1.58}
a{color:var(--forest-dark);text-underline-offset:.18em}
a:hover{color:#062d25}
a:focus-visible,button:focus-visible{outline:3px solid #9e722b;outline-offset:4px;border-radius:4px}
img{max-width:100%;height:auto}
.skip{position:absolute;left:1rem;top:-5rem;background:#fff;padding:.5rem 1rem;z-index:20}
.skip:focus{top:1rem}
.site-header{background:rgba(255,254,250,.92);border-bottom:1px solid var(--line)}
.header-inner,.footer-inner,.wrap{width:min(100% - 2.5rem,1120px);margin-inline:auto}
.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.brand{display:inline-flex;align-items:center;gap:.7rem;font-size:1.22rem;font-weight:760;letter-spacing:-.035em;text-decoration:none;color:var(--ink)}
.brand img{width:38px;height:38px;border-radius:10px}
.nav{display:flex;gap:1.4rem;flex-wrap:wrap;font-size:.95rem;font-weight:600}
.nav a{text-decoration:none;color:var(--ink)}
.nav a[aria-current="page"]{color:var(--forest);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.45em}
main{min-height:60vh}
.hero{padding:clamp(3rem,7vw,6.5rem) 0 4rem;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.8fr);align-items:center;gap:clamp(2rem,7vw,6rem)}
.eyebrow{display:inline-block;color:var(--forest-dark);font-size:.75rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
h1,h2,h3{line-height:1.1;letter-spacing:-.045em;margin:0}
h1{font-size:clamp(3.2rem,7.5vw,6.1rem);max-width:11ch;margin:.5rem 0 1.5rem}
h2{font-size:clamp(2rem,4.5vw,3.5rem);margin:.4rem 0 1.25rem}
h3{font-size:1.3rem;margin-bottom:.65rem}
p{margin:.75rem 0 1.1rem}
.lede{font-size:clamp(1.08rem,2vw,1.32rem);max-width:60ch;color:#354d43}
.pill{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .85rem;border:1px solid #bed6c5;border-radius:999px;background:var(--mint);color:var(--forest-dark);font-weight:700;font-size:.82rem}
.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.7rem 1.15rem;border-radius:999px;background:var(--forest);color:white;text-decoration:none;font-weight:750}
.button:hover{background:var(--forest-dark);color:white}
.button.secondary{background:transparent;color:var(--forest-dark);border:1px solid #9db5a4}
.button.secondary:hover{background:var(--mint)}
.hero-art{position:relative;display:flex;justify-content:center;align-items:center;min-height:510px}
.hero-art:before{content:"";position:absolute;inset:4% 0 2%;border-radius:48% 52% 53% 47%;background:#dfeada;transform:rotate(-11deg)}
.phone{position:relative;width:min(74%,310px);height:520px;overflow:hidden;border:9px solid #182820;border-radius:40px;background:#f5f7f5;box-shadow:0 22px 50px #26403230;transform:rotate(4deg)}
.phone img{width:100%;height:100%;object-fit:cover;object-position:top}
.sample-caption{position:absolute;right:0;bottom:2%;padding:.5rem .75rem;background:var(--paper);border:1px solid var(--line);border-radius:12px;font-size:.78rem;font-weight:700;box-shadow:0 12px 24px #26403212}
.section{padding:4rem 0}
.section.alt{background:var(--paper);border-block:1px solid var(--line)}
.intro{max-width:60ch;margin-bottom:2rem;color:var(--muted);font-size:1.08rem}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:1.5rem}
.alt .card{background:var(--cream)}
.card .number{display:block;color:var(--forest);font-size:.85rem;font-weight:800;margin-bottom:1rem}
.feature-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,5rem);align-items:center}
.screenshot{max-width:360px;max-height:560px;overflow:hidden;border:8px solid #17291f;border-radius:35px;box-shadow:0 15px 45px #162f221f;margin-inline:auto;background:#fff}
.screenshot img{display:block;width:100%}
.small{font-size:.9rem;color:var(--muted)}
.plain-list{padding-left:1.25rem}.plain-list li{margin:.55rem 0}
.callout{background:var(--mint);border:1px solid #b9d3c1;border-radius:24px;padding:clamp(1.5rem,4vw,2.5rem)}
.callout h2{font-size:clamp(1.6rem,3.5vw,2.5rem)}
.page-heading{padding:4rem 0 2rem}.page-heading h1{max-width:18ch;font-size:clamp(2.8rem,6vw,4.8rem)}
.legal{max-width:760px;padding-bottom:5rem}.legal h2{font-size:1.65rem;margin:2.5rem 0 .8rem;letter-spacing:-.025em}.legal h3{font-size:1.1rem;margin-top:1.5rem}.legal p,.legal li{color:#2d473c}.legal li{margin:.4rem 0}.legal ul,.legal ol{padding-left:1.4rem}
.footer{border-top:1px solid var(--line);background:var(--paper)}
.footer-inner{padding:2rem 0;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.88rem;color:var(--muted)}
.footer-links{display:flex;gap:1rem;flex-wrap:wrap}
@media(max-width:760px){.header-inner{padding:1rem 0;align-items:flex-start;flex-direction:column}.nav{gap:.9rem}.hero-grid,.feature-grid{grid-template-columns:1fr}.hero{padding-top:3rem}.hero-art{min-height:420px}.phone{height:390px;width:240px}.cards{grid-template-columns:1fr}.section{padding:3rem 0}.feature-grid .visual{order:2}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}