:root{--olive:#556b2f;--cream:#faf6ee;--sand:#eadfcb;--ink:#30302d;--muted:#555550;--line:#dedbcc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--cream);color:var(--ink);font-family:ui-rounded,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.6}a{color:inherit;text-underline-offset:5px}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d47a4a;outline-offset:5px}img{max-width:100%;height:auto;display:block}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}header{position:sticky;top:0;z-index:5;background:#faf6eef2;backdrop-filter:blur(16px);border-bottom:1px solid #dedbcc70}.nav{min-height:90px;display:flex;align-items:center;gap:30px;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:750;text-decoration:none;white-space:nowrap}.brand img{width:54px;height:40px;object-fit:contain}.links{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:650}.links a{text-decoration:none}.links a:hover{color:var(--olive)}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:13px 24px;border-radius:100px;background:var(--olive);color:white;text-decoration:none;font-weight:650;border:1px solid transparent}.button:hover{background:#405222;color:white!important}.button.secondary{background:transparent;color:var(--ink);border-color:#b8baaa}.button.secondary:hover{background:var(--sand)}.menu-toggle{display:none}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:750;color:var(--olive)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,5.4vw,72px);line-height:1.06;letter-spacing:-.055em;font-weight:650;margin-bottom:26px}h1 span{color:var(--olive)}h2{font-size:clamp(31px,3.5vw,46px);line-height:1.15;letter-spacing:-.04em;font-weight:650;margin-bottom:18px}h3{font-size:23px;line-height:1.25;letter-spacing:-.025em}.lead{font-size:18px;color:var(--muted);max-width:440px}.hero{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:40px;padding:64px 0 54px}.hero .eyebrow{margin-bottom:22px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 20px}.small{font-size:12px;color:var(--muted)}.hero-art{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center}.halo{position:absolute;inset:40px 0 0;background:#ece8d9;border-radius:48% 48% 40% 40%;transform:rotate(-5deg)}.hero-art>img{position:relative;width:93%;max-height:475px;object-fit:contain}.note{position:absolute;background:white;border:1px solid #f0eddf;border-radius:18px;padding:14px 20px;box-shadow:0 10px 40px #30302d0b;font-size:13px}.note strong{display:block;font-size:15px}.note.one{left:0;bottom:32px}.note.two{right:0;top:70px}.strip{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px;font-weight:600}.strip span:before{content:'✦';color:var(--olive);margin-right:12px}.section{padding:88px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.section-head p{max-width:300px;color:var(--muted)}.audiences{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.audience{display:block;border-radius:26px;background:#eee8da;padding:26px 28px;text-decoration:none;transition:transform .2s}.audience:nth-child(2){background:#e5e9dd}.audience:nth-child(3){background:#f4e4d8}.audience:hover{transform:translateY(-5px)}.audience img{width:100%;height:240px;object-fit:contain;margin-bottom:14px}.audience h3{margin-bottom:8px}.audience p{font-size:14px;margin-bottom:18px}.text-link{font-size:13px;font-weight:700;color:var(--olive)}.product{background:#eeeee4;border-radius:36px;padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.feature-list{display:grid;gap:10px;margin-top:30px}.feature{padding:14px 18px;border-radius:16px;text-align:left;border:1px solid #cdd1be;background:transparent;color:var(--ink);display:flex;justify-content:space-between}.feature[aria-pressed=true]{background:var(--olive);color:white;border-color:var(--olive)}.phone{max-width:320px;width:100%;margin:auto;border:8px solid #30302d;border-radius:42px;background:var(--cream);padding:22px 18px 16px;box-shadow:16px 24px 0 #d6dbc8;min-height:462px}.phone-top{font-size:10px;display:flex;justify-content:space-between;margin-bottom:28px}.phone-title{font-size:25px;font-weight:700;margin-bottom:6px}.phone-caption{font-size:12px;color:var(--muted);margin-bottom:20px}.sample-row{background:white;border:1px solid #e4e4da;border-radius:15px;margin:10px 0;padding:14px;font-size:13px}.sample-row strong{display:block;margin-bottom:4px}.sample-row span{font-size:11px;color:var(--muted)}.sample-label{font-size:10px;text-align:center;color:var(--muted);margin:22px 0 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.step-number{font-size:12px;border:1px solid #bfc5b4;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;margin-bottom:24px;color:var(--olive)}.steps p{color:var(--muted);font-size:15px}.trust{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:38px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust p{font-size:14px;color:var(--muted);margin-bottom:0}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:70px}details{border-bottom:1px solid var(--line);padding:19px 0}summary{font-weight:650;cursor:pointer;min-height:28px}details p{font-size:14px;color:var(--muted);margin:16px 0 0}.download{background:var(--olive);color:white;border-radius:32px;padding:60px;display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:70px}.download p{color:#e8ecdf;max-width:450px}.download .eyebrow{color:#d9e2c6}.download .button{background:var(--cream);color:var(--olive);white-space:nowrap}.download .button:hover{background:var(--sand);color:var(--olive)!important}.availability{font-size:12px!important}footer{padding:30px 0;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-links{display:flex;gap:22px;flex-wrap:wrap;font-size:13px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:25px;font-size:11px;color:var(--muted)}.document{max-width:760px;min-height:65vh;padding:65px 0 80px}.document h1{font-size:48px}.document h2{font-size:26px;margin-top:35px}.document p,.document li{color:var(--muted)}.notice{padding:18px 22px;background:var(--sand);border-radius:16px;margin:25px 0}.document ol{padding-left:24px}.document li{margin-bottom:12px}[hidden]{display:none!important}@media(max-width:800px){.links{gap:15px}.hero{gap:10px}.hero-art{min-height:350px}.note{padding:10px;font-size:11px}.note strong{font-size:12px}.product{gap:25px;padding:30px}.audience{padding:20px}.audience img{height:180px}.faq{gap:30px}.download{padding:36px}}@media(max-width:620px){.wrap{width:calc(100% - 36px)}.nav{min-height:76px;flex-wrap:wrap;gap:0}.brand{font-size:19px}.js .menu-toggle{display:block;background:none;border:1px solid var(--line);border-radius:100px;padding:9px 16px;min-height:44px}.links{width:100%;flex-wrap:wrap;gap:14px 24px;padding:14px 0 20px}.js .links{display:none}.js .links.open{display:flex}.hero{grid-template-columns:1fr;padding-top:38px;gap:12px}.hero-art{min-height:365px}.hero-art>img{height:360px}.hero h1{max-width:400px}.hero .lead{font-size:16px}.note.two{top:42px}.strip{font-size:12px;gap:15px}.section{padding:55px 0}.section-head{display:block}.section-head p{max-width:none}.audiences{grid-template-columns:1fr}.audience{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center;padding:22px}.audience img{height:150px;margin:0}.audience h3{font-size:21px}.audience p{margin-bottom:8px}.product{grid-template-columns:1fr;padding:26px 22px;border-radius:26px;gap:35px}.phone{max-width:300px;margin-bottom:18px}.steps{grid-template-columns:1fr;gap:25px;margin-top:28px}.step-number{margin-bottom:12px}.steps h3{margin-bottom:10px}.trust,.faq{grid-template-columns:1fr;gap:25px}.download{display:block;padding:32px 26px;margin-bottom:40px}.download .button{margin-top:12px}.footer-top,.footer-bottom{flex-direction:column;align-items:start}.footer-links{gap:15px 22px}.document h1{font-size:38px}.document{padding-top:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
html:not(.js) .feature-list{display:none}
@media(max-width:360px){.audience{grid-template-columns:90px 1fr;padding:18px;gap:12px}.audience img{height:130px}.note{max-width:85%}.note.one{bottom:20px}}

/* Text wordmark only, without the illustrated symbol. */
.brand{gap:0;min-height:58px}
.brand-lockup{display:flex;flex-direction:column;gap:5px}
.brand-name{display:flex;align-items:baseline;gap:6px;font-family:Georgia,'Times New Roman',serif;font-size:30px;font-weight:700;line-height:1;letter-spacing:-1px;color:#405522}
.brand-n{position:relative;font-size:24px;font-style:italic;font-weight:400;color:#966130;letter-spacing:-1px;padding:0 2px}
.brand-n:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:5px;border-bottom:1.5px solid #b68146;border-radius:0 0 50% 50%}
.brand-tagline{font-size:8px;font-weight:650;line-height:1.2;letter-spacing:2.1px;text-transform:uppercase;color:#6b705e;padding-left:2px}
@media(max-width:620px){.brand-name{font-size:26px;gap:5px;letter-spacing:-.8px}.brand-n{font-size:21px}.brand-tagline{font-size:7px;letter-spacing:1.8px}}

/* Compact plan preview; purchases remain in the mobile app. */
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0}
.plan-card{padding:28px;border:1px solid #ddd6c6;border-radius:24px;background:#fffdf7}
.plan-card:nth-child(2){background:#566b31;color:#fff}
.plan-card h3{font-size:1.65rem;margin:0 0 20px}
.plan-card ul{list-style:none;padding:0;margin:0;display:grid;gap:16px}
.plan-card li{line-height:1.5}.plan-card li::before{content:"✓";margin-right:10px}
.plan-note{max-width:760px;font-size:.95rem}
@media(max-width:700px){.plan-grid{grid-template-columns:1fr}.plan-card{padding:24px}}

.billing-toggle{display:none;gap:4px;padding:5px;border:1px solid #d8d6cc;border-radius:999px;width:fit-content;background:#f1eadb;margin:20px 0 8px}
.js .billing-toggle{display:flex}
.billing-toggle button{border:0;border-radius:999px;padding:12px 24px;background:transparent;color:#34372f;font:inherit;font-weight:650;cursor:pointer;min-height:44px}
.billing-toggle button[aria-pressed="true"]{background:#566c2e;color:#fff}
.billing-toggle button:focus-visible{outline:3px solid #bc783c;outline-offset:3px}
.billing-hint{font-size:.95rem;color:#555b50}
.plan-prices [hidden]{display:none}

/* Store destinations are configured at build time; unavailable stores are not fake links. */
.download-actions{min-width:0;display:grid;gap:18px;justify-items:start}.store-badges{display:flex;flex-wrap:wrap;gap:12px}.store-badge{display:flex;align-items:center;gap:10px;background:#262923;color:#fff;border:1px solid #454a3f;border-radius:12px;padding:12px 18px;text-decoration:none;min-height:68px;line-height:1.2;white-space:nowrap}.store-badge svg{width:30px;height:30px;fill:currentColor;flex-shrink:0}.store-badge small{display:block;font-size:12px;margin-bottom:3px}.store-badge strong{display:block;font-size:20px}.store-badge.unavailable{background:#414737}.store-badge[href]:hover{background:#161914}.download{gap:28px}.download>div{min-width:0}.document{overflow-wrap:anywhere}.footer-links a{padding-block:10px}
@media(max-width:800px){.download{flex-direction:column;align-items:flex-start}.download-actions{margin-top:16px}}

.download .text-link{color:#fff;text-decoration:underline;text-underline-offset:4px}

#invite-code{display:block;max-width:100%;width:100%;padding:14px;margin:12px 0;font:inherit;border:1px solid #aaa;border-radius:10px}#invite-fallback label{font-weight:600}

#invite-fallback{margin-bottom:24px}

/* Mobile disclosure navigation: explicit colors avoid native blue iOS buttons. */
.menu-toggle{appearance:none;-webkit-appearance:none;color:var(--olive);-webkit-tap-highlight-color:transparent}
.menu-icon{width:22px;height:18px;display:flex;flex-direction:column;justify-content:space-between}
.menu-icon span{display:block;width:22px;height:2px;background:currentColor;border-radius:2px;transition:transform .18s ease,opacity .18s ease}
.menu-toggle[aria-expanded="true"] .menu-icon span:first-child{transform:translateY(8px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] .menu-icon span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] .menu-icon span:last-child{transform:translateY(-8px) rotate(-45deg)}
@media(max-width:800px){
 .nav{min-height:76px;gap:0;flex-wrap:wrap;position:relative}
 .js .menu-toggle{display:flex;align-items:center;justify-content:center;width:48px;height:48px;min-height:48px;padding:0;border:1px solid var(--line);border-radius:14px;background:var(--cream);color:var(--olive)}
 .menu-toggle:hover,.menu-toggle[aria-expanded="true"]{background:var(--sand)}
 .links{width:100%;flex-direction:column;align-items:stretch;gap:4px;padding:12px 0 18px}
 .js .links{display:none}
 .js .links.open{display:flex;max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain}
 .links a{display:flex;align-items:center;min-height:48px;padding:10px 16px;border-radius:12px}
 .links a:not(.button):hover{background:var(--sand)}
 .links .button{margin-top:8px;justify-content:center;color:white}
}