:root{--background:#fbfaf6;--panel:#fff;--ink:#25231f;--muted:#6f6a60;--line:#e7e0d3;--accent:#2f7d59;--accent-soft:#e4f1e9;--warm:#b8793a;--shadow:0 24px 60px #4032201a}*{box-sizing:border-box}html{background:var(--background);color:var(--ink)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.65}a{color:inherit}.site-shell{min-height:100vh}.topbar{justify-content:space-between;align-items:center;gap:24px;max-width:1120px;margin:0 auto;padding:24px;display:flex}.brand{align-items:center;gap:12px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{border:1px solid color-mix(in srgb, var(--accent), transparent 30%);background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:10px;place-items:center;display:grid}.nav{color:var(--muted);align-items:center;gap:16px;font-size:.95rem;display:flex}.nav a{text-decoration:none}.nav a:hover,.nav a:focus-visible{color:var(--ink)}.hero,.document,.support{max-width:1120px;margin:0 auto;padding:48px 24px 80px}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:48px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;font-weight:700}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:760px;margin-bottom:20px;font-size:clamp(2.75rem,7vw,5.4rem);line-height:.95}h2{letter-spacing:0;margin-bottom:16px;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.08}h3{margin-bottom:8px;font-size:1.05rem;line-height:1.3}.lead{max-width:680px;color:var(--muted);font-size:1.16rem}.actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.button{border:1px solid var(--line);background:var(--panel);min-height:46px;color:var(--ink);border-radius:8px;justify-content:center;align-items:center;padding:0 18px;font-weight:700;text-decoration:none;display:inline-flex}.button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.product-panel{border:1px solid var(--line);background:linear-gradient(135deg, #2f7d591f, transparent 42%), var(--panel);box-shadow:var(--shadow);border-radius:18px;position:relative;overflow:hidden}.phone{background:#24211d;border:1px solid #24211d;border-radius:32px;width:min(300px,78%);margin:36px auto;padding:12px}.phone-screen{background:#fbfaf6;border-radius:24px;padding:20px}.phone-header{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:20px;font-size:.8rem;display:flex}.metric{color:var(--accent);font-weight:800}.habit-list{gap:10px;display:grid}.habit-row{border:1px solid var(--line);background:#fffdf9;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.check{background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:.8rem;display:grid}.habit-copy{min-width:0}.habit-copy strong,.habit-copy span{overflow-wrap:anywhere;display:block}.habit-copy span{color:var(--muted);font-size:.78rem}.section-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:42px;display:grid}.info-card,.policy-card,.contact-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:22px}.info-card p,.policy-card p,.contact-card p,.policy-card li{color:var(--muted)}.document-header,.support-header{max-width:780px;margin-bottom:36px}.document-layout{grid-template-columns:minmax(220px,.32fr) minmax(0,.68fr);align-items:start;gap:36px;display:grid}.meta-panel{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:8px;padding:22px;font-size:.95rem;position:sticky;top:24px}.meta-panel dl{margin:0}.meta-panel dt{color:var(--ink);font-weight:700}.meta-panel dd{margin:0 0 14px}.policy-stack{gap:16px;display:grid}.policy-card ul{margin:0;padding-left:20px}.support-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.footer{border-top:1px solid var(--line);color:var(--muted)}.footer-inner{justify-content:space-between;gap:16px;max-width:1120px;margin:0 auto;padding:28px 24px;font-size:.9rem;display:flex}@media (max-width:780px){.topbar,.footer-inner{flex-direction:column;align-items:flex-start}.hero,.document,.support{padding-top:28px}.hero-grid,.document-layout,.section-grid,.support-grid{grid-template-columns:1fr}.meta-panel{position:static}h1{font-size:clamp(2.6rem,14vw,4.2rem)}}