
:root{--ink:#182c27;--muted:#586a63;--green:#244f40;--light:#f6f7f3;--line:#dce3dc;--max:1140px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--light);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}a{color:inherit}.container{max-width:var(--max);margin:auto;padding:0 24px}a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:3px solid #bc803d;outline-offset:3px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:100}
header{background:white;border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:82px}.identity{display:flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0}.logo{display:grid;place-items:center;width:43px;height:43px;background:var(--green);color:white;border-radius:12px;font:700 26px Georgia,serif}.brandname{font-weight:800;white-space:nowrap;font-size:clamp(12px,1.6vw,18px);letter-spacing:-.03em}.identity small{display:block;text-transform:uppercase;letter-spacing:.13em;font-size:10px;color:var(--muted);font-weight:700}.navlinks{display:flex;flex-wrap:wrap;gap:9px 18px}.navlinks a{text-decoration:none;font-size:14px;font-weight:700;color:var(--green)}.navlinks a:hover,.related a:hover{text-decoration:underline}
.hero{background:linear-gradient(115deg,#eaf0e8,#f7f7f1 65%,#f2e7d8);padding:78px 0 82px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:12px;font-weight:800;color:#49725c}.hero h1{font:normal clamp(38px,5.2vw,67px)/1.12 Georgia,serif;letter-spacing:-.035em;max-width:900px;margin:17px 0 22px}.hero p{font-size:19px;color:#465d51;max-width:780px;margin:0 0 28px}.button{display:inline-block;border:0;border-radius:7px;background:var(--green);color:white;padding:13px 23px;text-decoration:none;font-weight:750;cursor:pointer}.button:hover{background:#17382d}.button.secondary{background:#e1eae1;color:var(--green);margin-left:8px}
.section{padding:64px 0}.section.white{background:white}.section h2{font:normal clamp(29px,3.3vw,42px)/1.2 Georgia,serif;margin:0 0 18px}.section p{color:#4e6258}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{border:1px solid var(--line);background:white;border-radius:10px;padding:28px}.white .card{background:var(--light)}.card h3{font-size:19px;margin:0 0 11px}.card p{margin:0;font-size:15px}.related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.related a{background:white;border:1px solid var(--line);border-radius:9px;padding:18px;text-decoration:none;font-weight:750;color:var(--green)}.breadcrumb{font-size:13px;margin-bottom:16px;color:#53695d}.breadcrumb a{text-decoration:underline}.callout{background:#e5eee5;border-left:4px solid var(--green);padding:18px 22px;margin-top:26px}.callout p{margin:0}footer{background:#172d25;color:#d9e6dc;padding:32px 0}.footergrid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px}.footergrid a{color:white}.footerlinks{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:14px}
.signup-form{background:white;border:1px solid var(--line);border-radius:12px;padding:30px;max-width:850px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:700;font-size:14px}.field input,.field select,.field textarea{font:inherit;min-width:0;width:100%;padding:11px 12px;border:1px solid #afc0b4;border-radius:7px;background:white}.field textarea{min-height:100px}.notice{padding:13px 17px;border:1px solid #a9c8aa;background:#e6f1e5;margin:0 0 18px}.notice.error{background:#fff0e8;border-color:#dda18a}.trap{position:absolute;left:-9999px}.privacycheck{font-size:14px;margin:20px 0}.privacycheck input{margin-right:8px}
@media(max-width:850px){.nav{flex-direction:column;align-items:flex-start;padding:16px 0}.cards,.related{grid-template-columns:1fr 1fr}.hero{padding:58px 0}.hero p{font-size:17px}}@media(max-width:560px){.container{padding:0 17px}.brandname{font-size:14px}.logo{width:39px;height:39px}.identity small{font-size:9px}.navlinks{gap:8px 14px}.navlinks a{font-size:13px}.hero{padding:45px 0}.hero h1{font-size:39px}.cards,.related,.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}.signup-form{padding:20px 15px}.section{padding:48px 0}.button.secondary{margin:10px 0 0}.footergrid{display:block}.footergrid>div{margin-bottom:14px}}@media(max-width:380px){.brandname{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
