:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#183b43;background:#f6faf8}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;line-height:1.65}
a{color:#086b7e}
a:focus-visible{outline:3px solid #e7bd5c;outline-offset:3px}
.site-header{background:linear-gradient(135deg,#06445a,#073747 62%,#116b61);color:#fff;padding:24px max(24px,calc((100vw - 940px)/2))}
.site-header a{color:inherit;text-decoration:none}
.brand{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:800;letter-spacing:.11em}
.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#0b96a2;color:#fff;font-size:18px;letter-spacing:0}
.site-header nav{display:flex;gap:22px;flex-wrap:wrap;margin-top:18px}
.site-header nav a{color:#d9f1ed;font-size:14px}
main{max-width:940px;margin:0 auto;padding:48px 24px 72px}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#08758a;font-weight:800;font-size:12px}
h1,h2{line-height:1.25;color:#103d47}
h1{font-size:clamp(31px,5vw,45px);margin:10px 0 16px}
h2{font-size:23px;margin:0 0 13px}
.intro{font-size:18px;max-width:760px}
.updated{color:#5b747a;font-size:14px}
.card{background:#fff;border:1px solid #d9e7e4;border-radius:16px;padding:26px 30px;margin-top:24px;box-shadow:0 8px 25px #0b5f6710}
p{margin:0 0 13px}
p:last-child{margin-bottom:0}
ul,ol{margin:10px 0 0;padding-left:23px}
li+li{margin-top:8px}
.contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px}
.contact div{overflow-wrap:anywhere}
.contact dt{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#5b747a;font-weight:800}
.contact dd{margin:2px 0 0}
.note{border-left:4px solid #d7a742;background:#fff9e8;padding:15px 18px;margin-top:18px;border-radius:0 10px 10px 0}
.site-footer{border-top:1px solid #d9e7e4;padding:25px 24px;text-align:center;color:#5b747a;font-size:13px}
@media(max-width:620px){main{padding:34px 18px 52px}.card{padding:22px 19px}.contact{grid-template-columns:1fr}.site-header{padding:20px 18px}}