:root{--ink:#123338;--muted:#53666a;--cream:#f5f3ec;--line:#d7ddd7;--green:#126a56}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.65 Arial,sans-serif}a{color:inherit}header,main,footer{max-width:1180px;margin:auto;padding:28px 6%}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-weight:800;letter-spacing:-1px;font-size:24px}.brand span{color:var(--green)}nav{display:flex;gap:25px;font-size:14px}nav a{text-decoration:none}section{padding:65px 0;border-bottom:1px solid var(--line)}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:var(--green);font-size:12px;font-weight:bold}h1,h2,h3{line-height:1.12;letter-spacing:-1.5px}h1{font-size:clamp(42px,6.5vw,76px);max-width:850px;margin:20px 0 28px}h2{font-size:36px}h3{font-size:23px;letter-spacing:-.5px}.lead{font-size:21px;color:var(--muted);max-width:720px}.button{display:inline-block;background:var(--green);color:white;border-radius:5px;padding:13px 22px;text-decoration:none;font-size:15px;font-weight:bold;margin:15px 0}.quiet{font-size:14px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.card{background:white;padding:28px;border:1px solid var(--line);border-radius:8px}.number{font:14px monospace;color:var(--green)}.flow{display:flex;align-items:stretch;gap:12px;margin-top:35px}.flow div{flex:1;background:#e5ece3;padding:20px;border-radius:5px}.flow span{align-self:center;color:var(--green)}.split{display:grid;grid-template-columns:1fr 1.3fr;gap:55px}.article{max-width:780px;margin:auto}.article h1{font-size:clamp(35px,5vw,54px)}.article h2{font-size:28px;margin-top:42px}.article li{margin:10px 0}footer{font-size:13px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}.contact{background:var(--ink);color:white;padding:40px;border-radius:8px}.contact a{color:white}.contact .eyebrow{color:#a9d5b8}a:focus-visible{outline:3px solid #c98c19;outline-offset:5px}html{scroll-behavior:smooth;scroll-padding-top:20px}@media(max-width:720px){header{align-items:flex-start;gap:20px;flex-direction:column}nav{flex-wrap:wrap;gap:18px}.grid,.split{grid-template-columns:1fr}.flow{flex-direction:column}.flow span{transform:rotate(90deg)}section{padding:40px 0}footer{flex-direction:column}.contact{padding:26px}}
