@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--paper:#f7f5ed;--ink:#202b27;--green:#344c3d;--muted:#647167;--line:#d9ded2;--accent:#d6e6a5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'DM Sans',system-ui,sans-serif}h1,h2,h3{font-family:Manrope,system-ui,sans-serif;line-height:1.12;letter-spacing:-.04em}a{color:inherit}nav,main,footer{max-width:1240px;margin:auto;padding:24px 36px}nav{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{font-size:27px;font-weight:800;text-decoration:none;letter-spacing:-1px}.mark{display:inline-grid;place-items:center;background:var(--green);color:var(--paper);width:38px;height:38px;border-radius:12px;margin-right:9px}.links{display:flex;align-items:center;gap:24px}.links a{text-decoration:none;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;background:var(--green);color:white;border:1px solid var(--green);border-radius:8px;text-decoration:none;font-weight:600}.button.light{background:transparent;color:var(--green)}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;padding:88px 0 72px;align-items:center}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.17em;color:var(--muted)}h1{font-size:clamp(46px,5.5vw,74px);margin:18px 0 24px;line-height:1.02}h1 em{font-style:normal;color:#647a48}.lead{max-width:510px;font-size:18px;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.note{font-size:12px;color:var(--muted)}.preview{background:#e7ebdf;border:1px solid #d6dece;padding:28px;border-radius:20px;transform:rotate(-2deg);box-shadow:20px 24px 0 #edf0e5}.window{background:#fffef9;border:1px solid var(--line);border-radius:12px;padding:22px;transform:rotate(2deg);box-shadow:0 16px 36px #344c3d12}.window-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px}.pill{font-size:11px;background:#e5edcf;padding:4px 10px;border-radius:20px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.stat{border:1px solid var(--line);padding:18px;border-radius:8px}.stat strong{display:block;font-size:25px}.stat small{color:var(--muted)}.row{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line);font-size:13px}.section{padding:64px 0;border-top:1px solid var(--line)}h2{font-size:clamp(30px,4vw,44px);max-width:650px;margin:12px 0 30px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.grid article{padding-right:20px}h3{font-size:21px}.grid p{color:var(--muted);font-size:15px}.number{font-size:12px;font-weight:700;color:#647a48}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan{border:1px solid var(--line);padding:28px;border-radius:12px;background:#fffef8;display:flex;flex-direction:column}.plan.featured{background:var(--green);color:var(--paper)}.plan.featured .eyebrow,.plan.featured .note{color:#d7e3cb}.price{font-size:43px;letter-spacing:-2px;font-weight:700;margin:20px 0}.price small{font-size:13px;letter-spacing:0;font-weight:400}.plan p{font-size:14px}.plan .button{margin-top:auto}.featured .button{background:var(--accent);color:var(--ink);border-color:var(--accent)}.trust{display:grid;grid-template-columns:1fr 1fr;gap:60px}.trust p{color:var(--muted)}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:600;min-height:32px}details p{max-width:800px;color:var(--muted)}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;font-size:13px;color:var(--muted)}a:focus-visible,summary:focus-visible{outline:3px solid #7b963f;outline-offset:5px}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;background:white;padding:15px;z-index:5}@media(max-width:850px){.hero,.trust{grid-template-columns:1fr;gap:38px}.hero{padding:48px 0}.preview{max-width:540px}.pricing{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.links .optional{display:none}nav,main,footer{padding-left:22px;padding-right:22px}.section{padding:44px 0}.plan{min-height:340px}.links{gap:12px}footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
