:root{color-scheme:light;--ink:#173f35;--muted:#5c6b63;--paper:#f8f9f5;--line:#dce3da;--green:#d9edb9}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid #557932;outline-offset:5px}img{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.05;letter-spacing:-.045em}p{color:var(--muted)}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:28px}.brand{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:700;letter-spacing:-.04em;text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:28px;font-size:14px}nav a{text-decoration:none}nav a:hover,.text-link:hover{text-decoration:underline}.hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-block:68px 100px}.eyebrow{font-family:monospace;font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--ink)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#477240;margin-right:7px}h1{font-size:clamp(54px,6.7vw,88px);margin-block:24px}h1 span{color:#54844b}.intro{font-size:18px;line-height:1.65}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:32px}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;padding:15px 22px;background:var(--ink);color:white;border-radius:7px;font-size:14px;font-weight:700;text-decoration:none}.button:hover{background:#275b49}.text-link{font-size:14px;font-weight:700;text-decoration:none}.small{font-size:12px;margin-top:17px}.demo{margin:0;padding:18px;background:#e6ebdf;border:1px solid #d8dfd0;border-radius:14px;box-shadow:0 24px 60px #173f3510;transform:rotate(-2deg)}.demo-bar{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#586652;padding:0 2px 16px}.demo-bar i{display:inline-block;width:6px;height:6px;background:#a1ae98;border-radius:50%;margin-right:3px}.demo-body{background:white;border:1px solid #d9dfd4;border-radius:8px;padding:22px}.demo-heading{display:flex;align-items:center;gap:8px;font-size:16px}.tag{margin-left:auto;background:#f0f4e9;padding:3px 9px;border-radius:4px;font-size:10px}.demo-label{font-size:9px;letter-spacing:.1em;margin-top:24px}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-block:10px 20px}.chips span{background:#f0f5e8;padding:5px 9px;border:1px solid #dce6cc;border-radius:4px;font-size:11px}.sheet{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:11px;text-align:left}th{background:#f0f4e9;font-weight:700}th,td{padding:13px 10px;border:1px solid #e4e8df}td{color:#59645b}.demo-bottom{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-top:22px;font-size:9px}.export-label{background:var(--ink);color:white;padding:9px 13px;border-radius:4px;font-size:11px}figcaption{font-size:10px;text-align:center;color:#53634f;margin-top:14px}.strip{border-block:1px solid var(--line)}.strip .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;padding-block:21px;font-family:monospace;font-size:10px;letter-spacing:.08em;color:var(--muted)}.section{padding-block:90px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-block:22px 44px}h2{font-size:clamp(34px,4vw,50px)}.section-heading p{font-size:14px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px}.steps article{border-top:1px solid var(--line);padding-top:24px}.step-number{font-family:monospace;font-size:11px;color:#68745e}.steps h3{font-size:23px;margin-block:24px 16px}.steps p{font-size:14px}.privacy-section{background:#e9efdf;border-block:1px solid #dce5d1;padding-block:65px}.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.privacy-grid h2{margin-top:20px}.privacy-grid p:not(.eyebrow){font-size:16px;margin-bottom:16px}.plans{display:grid;grid-template-columns:1fr 1fr;gap:22px}.plan{border:1px solid var(--line);border-radius:10px;padding:32px}.pro{background:var(--ink);color:white;border-color:var(--ink)}.pro p,.pro .eyebrow{color:#d4e1d8}.plan h3{font-size:48px;margin-block:23px 14px}.plan h3 span{font-size:16px;letter-spacing:0;font-weight:400}.plan p{font-size:14px}.plan ul{padding-left:20px;font-size:14px;line-height:2;margin-block:24px}.plan-note{display:block;border-top:1px solid var(--line);padding-top:20px;font-size:12px}.pro .plan-note{border-color:#3e6052;color:#d4e1d8}.faq{display:grid;grid-template-columns:1fr 1.25fr;gap:64px;padding-top:10px}.faq h2{font-size:36px}.faq details{border-bottom:1px solid var(--line);padding-block:17px}.faq summary{cursor:pointer;font-size:16px;font-weight:700;padding-right:12px}.faq p{font-size:14px;padding-top:15px}.closing{text-align:center;border-top:1px solid var(--line);padding-block:75px 85px}.closing h2{margin-block:24px 30px}footer{display:flex;flex-wrap:wrap;align-items:center;gap:24px;padding-block:28px;border-top:1px solid var(--line)}footer .brand{font-size:18px}footer>span{font-size:12px;color:var(--muted)}footer nav{margin-left:auto;font-size:12px}.skip{position:absolute;top:10px;left:10px;transform:translateY(-150%);background:white;padding:10px;z-index:2}.skip:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:clip;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:850px){.hero{gap:32px}.demo{transform:none}.demo-body{padding:14px}.privacy-grid{gap:40px}.hero h1{font-size:60px}.steps{gap:24px}.faq{gap:32px}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.topbar{flex-wrap:wrap;padding-block:20px;gap:15px}.topbar nav{gap:24px;font-size:12px}.hero{grid-template-columns:1fr;padding-block:35px 48px;gap:40px}.hero h1{font-size:64px}.intro{font-size:17px}.demo{max-width:480px;width:100%;justify-self:center}.strip .wrap{display:grid;grid-template-columns:1fr 1fr;font-size:9px;gap:16px}.section{padding-block:55px}.section-heading{align-items:start;flex-direction:column;margin-bottom:30px}.steps,.privacy-grid,.plans,.faq{grid-template-columns:1fr}.steps{gap:32px}.steps h3{margin-top:16px}.privacy-section{padding-block:45px}.privacy-grid{gap:28px}.faq{padding-top:0;gap:20px}.closing{padding-block:50px}footer nav{margin-left:0;width:100%}footer>span{margin-left:auto}.actions{gap:20px}}
.hero>*{min-width:0}
@media(max-width:650px){.hero h1{font-size:clamp(38px,12.5vw,64px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}