:root{--ink:#13232E;--chalk:#EDF0EF;--verdigris:#2C7A73;--slate:#51646F;--line:#C9D2D2;--white:#FFFFFF}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--chalk);color:var(--ink);font-family:"Public Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:18px;line-height:1.6}
a{color:var(--verdigris);text-underline-offset:3px}
a:focus-visible,button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.wrap{max-width:960px;margin:0 auto;padding:0 24px}
header.top{padding:28px 0}
header.top .wrap{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
.brand{font-family:"Archivo",Impact,"Arial Narrow",sans-serif;font-weight:800;font-size:22px;letter-spacing:.01em;color:var(--ink);text-decoration:none}
header.top a.mail{font-size:16px}
.hero{padding:64px 0 72px}
h1{font-family:"Archivo",Impact,"Arial Narrow",sans-serif;font-weight:800;font-size:clamp(38px,7vw,72px);line-height:1.02;letter-spacing:-.015em;margin:0 0 28px;max-width:14em}
.lede{font-size:clamp(19px,2.4vw,22px);color:var(--slate);max-width:38em;margin:0 0 32px}
.btn{display:inline-block;background:var(--ink);color:var(--white);padding:15px 26px;font-weight:700;text-decoration:none;border-radius:2px}
.btn:hover{background:var(--verdigris)}
.shingle{height:22px;background:radial-gradient(circle at 50% 0,var(--verdigris) 0 11px,transparent 11.5px) 0 0/28px 22px repeat-x}
section{padding:72px 0}
h2{font-family:"Archivo",Impact,"Arial Narrow",sans-serif;font-weight:800;font-size:clamp(28px,4vw,40px);line-height:1.1;margin:0 0 32px}
.services{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.services li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:8px 40px;padding:26px 0;border-bottom:1px solid var(--line)}
.services strong{font-family:"Archivo",Impact,"Arial Narrow",sans-serif;font-weight:700;font-size:21px}
.services span{color:var(--slate)}
.contact{background:var(--ink);color:var(--chalk)}
.contact h2{color:var(--chalk)}
.contact p{max-width:34em;margin:0 0 20px;color:#CBD5D5}
.contact a{color:var(--white)}
.contact .big{font-family:"Archivo",Impact,sans-serif;font-weight:700;font-size:clamp(22px,3.4vw,30px);margin:0 0 8px}
footer{padding:32px 0 48px;font-size:15px;color:var(--slate)}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.doc{padding:40px 0 72px;max-width:720px}
.doc h1{font-size:clamp(32px,5vw,48px);margin-bottom:8px}
.doc h2{font-size:22px;margin:36px 0 8px}
.doc p{margin:0 0 16px}
.doc .date{color:var(--slate);font-size:16px;margin-bottom:32px}
@media (max-width:640px){.services li{grid-template-columns:1fr}.hero{padding:40px 0 48px}section{padding:56px 0}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}