:root{--navy:#0B2A4A;--teal:#0E7C8A;--ice:#7FD0DA;--bg:#F5F8FA;--ink:#13273B;--muted:#4A5B6C;--line:#D5DEE6}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;line-height:1.6;font-size:18px}
a{color:var(--teal)}
:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:8px 12px;z-index:10}
.skip:focus{left:8px}
.top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 6vw;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.mark{width:52px;height:30px}
.mark .arcs{fill:none;stroke:var(--navy);stroke-width:6;stroke-linecap:round}
.mark .dot{fill:var(--teal)}
.words{display:flex;flex-direction:column;line-height:1}
.name{font-size:28px;font-weight:500;color:var(--navy);letter-spacing:.02em}
.sub{font-size:10px;letter-spacing:.5em;color:var(--teal);margin-top:5px}
nav{display:flex;align-items:center;gap:24px}
nav a{text-decoration:none;color:var(--navy);font-weight:500}
.btn{display:inline-block;background:var(--teal);color:#fff;padding:14px 28px;border-radius:6px;text-decoration:none;font-weight:600}
.btn:hover{background:var(--navy)}
.btn.small{padding:9px 18px;color:#fff}
.btn.ghost{background:transparent;color:#fff;border:2px solid #fff}
.btn.ghost:hover{background:#fff;color:var(--navy)}
.hero{background:var(--navy);color:#fff;padding:12vh 6vw 11vh}
.hero h1{font-size:clamp(44px,8vw,96px);line-height:1.02;font-weight:500;margin:0 0 24px;letter-spacing:-.01em;max-width:12ch}
.hero p{max-width:34em;font-size:clamp(18px,2.2vw,22px);color:#D6E3EE;margin:0 0 20px}
.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:6vw;padding:9vh 6vw}
.services article{border-top:4px solid var(--teal);padding-top:20px}
h2{font-size:clamp(26px,3.5vw,36px);line-height:1.15;font-weight:500;color:var(--navy);margin:0 0 14px}
ul{padding-left:1.2em;margin:18px 0 0}
li{margin-bottom:8px}
.area{background:var(--bg);padding:8vh 6vw}
.area p,.contact>p{max-width:36em;color:var(--muted)}
.contact{padding:10vh 6vw}
dl{display:grid;grid-template-columns:max-content 1fr;gap:10px 28px;margin:28px 0}
dt{font-weight:600;color:var(--navy)}
dd{margin:0}
footer{background:var(--navy);color:#C9D6E2;padding:28px 6vw;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:15px}
footer p{margin:0}
@media (max-width:560px){nav a:not(.btn){display:none}.name{font-size:24px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}