@font-face{font-family:VimberiaSans;src:url('../fonts/atlas.woff2') format('woff2');font-display:swap}
:root{--ink:#0b2439;--muted:#506d82;--accent:#0b789b;--line:#d4e3ec}*{box-sizing:border-box}
html{scroll-behavior:smooth}body{font-family:VimberiaSans,Arial,sans-serif;margin:0;color:var(--ink);background:#f3f8fb;font-size:16px;line-height:1.65}
a{color:var(--accent)}a:focus-visible{outline:3px solid #19a9d5;outline-offset:3px}img{display:block;max-width:100%}
.site-shell{max-width:1450px;margin:auto;background:white;min-height:100vh;box-shadow:0 18px 55px #092f4813}
.site-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px clamp(20px,5vw,75px);border-bottom:1px solid var(--line);background:#f4f9fc;flex-wrap:wrap}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:#122e43;font-size:17px;font-weight:750;letter-spacing:.26em}.brand img{width:49px;height:31px;object-fit:contain}
.site-nav{display:flex;gap:clamp(14px,2vw,28px);flex-wrap:wrap}.site-nav a{color:#24435a;text-decoration:none;font-weight:650;font-size:13px}.site-nav a:hover,.site-footer a:hover{color:#0088ac;text-decoration:underline}
.hero{padding:clamp(50px,7vw,105px) clamp(22px,6vw,95px);background:linear-gradient(112deg,#f7fbfd,#e3f0f7 72%,#c8deea);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:center;gap:42px}
.hero h1{font-size:clamp(36px,4.1vw,62px);line-height:1.12;font-weight:430;letter-spacing:-.028em;margin:13px 0 20px}.hero p{max-width:710px;color:#405e73;font-size:clamp(15px,1.3vw,19px);margin:0}
.kicker{color:#176681;font-size:11px;letter-spacing:.23em;font-weight:850;text-transform:uppercase}.breadcrumbs{font-size:12px;color:#628095;margin:0 0 15px}.breadcrumbs a{text-decoration:none}
.hero-image{height:310px;width:100%;object-fit:cover;border-radius:18px;box-shadow:0 24px 50px #073d5a24}
main.content{padding:40px clamp(22px,6vw,95px) 75px}.intro-note{padding:18px 23px;border-left:3px solid #2d92af;background:#eff7fa;color:#355568;margin:20px 0 45px}
h2{font-size:clamp(23px,2vw,32px);line-height:1.22;margin:30px 0 15px}h3{font-size:18px;margin:0 0 10px}p{margin:10px 0 16px}.content p,.content li{color:#40596d}.section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0 35px}
.section-card,.directory-card{border:1px solid #d6e6ed;background:linear-gradient(140deg,#fff,#f1f8fc);border-radius:15px;padding:22px;box-shadow:0 6px 18px #0d46670a}
.section-card p{font-size:14px}.directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:27px 0}.directory-card{display:block;text-decoration:none;color:var(--ink)}.directory-card:hover{border-color:#90c7d8;box-shadow:0 14px 28px #0d466719}.directory-card h3{color:#193f55}.directory-card p{font-size:14px;margin-bottom:0}
.directory-card img{width:100%;height:165px;object-fit:cover;border-radius:10px;margin-bottom:15px}.section-overline{font-weight:800;letter-spacing:.1em;color:#2a819a;text-transform:uppercase;font-size:11px}
.check-list{padding-left:22px}.check-list li{padding:4px 0}
.faq details{border-bottom:1px solid var(--line);padding:14px 4px}.faq summary{cursor:pointer;color:#17475e;font-weight:680}.faq p{margin:10px 0 4px}
.action-box{margin-top:36px;padding:25px 28px;background:linear-gradient(110deg,#d9ecf5,#eff9fc);border:1px solid #d0e5ec;border-radius:16px}
.action-box a{display:inline-block;background:#0c3048;border-radius:99px;color:white;padding:10px 20px;text-decoration:none;font-weight:700;margin-top:10px}.action-box a:hover{background:#135d80}
.related-links{display:flex;flex-wrap:wrap;gap:11px;margin-top:12px}.related-links a{background:#e9f4f9;border:1px solid #c6e2ee;border-radius:99px;padding:6px 12px;text-decoration:none;font-size:13px}
.site-footer{background:#e8f3f8;padding:22px clamp(22px,6vw,95px);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px;color:#466477}.site-footer nav{display:flex;gap:15px;flex-wrap:wrap}.site-footer a{text-decoration:none;color:#35586b}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:25px}.hero-image{height:260px}.section-grid,.directory-grid{grid-template-columns:1fr}.site-nav{gap:12px}.hero{padding:44px 24px}.hero h1{font-size:clamp(31px,8vw,48px)}}
