:root { --ink:#08314e; --teal:#168d89; --gold:#d99a24; --mist:#f2f7f7; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--mist); color:var(--ink); font-family:Tahoma, Arial, sans-serif; line-height:1.8; }
main { width:min(1120px, calc(100% - 32px)); margin:auto; }
.nav { display:flex; justify-content:space-between; align-items:center; min-height:80px; }
.brand { color:var(--ink); text-decoration:none; font-size:1.1rem; font-weight:800; display:flex; align-items:center; gap:10px; }
.brand img { width:45px; height:45px; object-fit:contain; }
.nav-link { color:var(--teal); font-weight:700; text-decoration:none; }
.hero { display:grid; grid-template-columns:1.05fr .95fr; overflow:hidden; border-radius:30px; background:var(--ink); color:var(--white); box-shadow:0 18px 40px #07314e2b; }
.hero-copy { padding:64px; }
.eyebrow { display:inline-block; color:var(--gold); font-size:.88rem; font-weight:800; margin-bottom:10px; }
h1,h2,h3,p { margin-top:0; } h1 { font-size:clamp(2rem, 4.2vw, 4rem); line-height:1.25; margin-bottom:18px; }
h2 { font-size:clamp(1.55rem, 2.7vw, 2.3rem); line-height:1.35; margin-bottom:13px; }
.hero p { color:#d8e5e7; max-width:52ch; }
.hero-image { width:100%; height:100%; min-height:360px; object-fit:cover; opacity:.86; }
.button { display:inline-block; margin-top:12px; padding:12px 20px; color:#062e48; background:var(--gold); border-radius:12px; text-decoration:none; font-weight:800; }
.section { padding:76px 0; }
.section-heading { max-width:620px; }
.grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:30px; }
.card,.legal { background:var(--white); border-radius:20px; box-shadow:0 8px 26px #07314e12; }
.card { padding:28px; border-top:4px solid var(--teal); }
.card h3 { font-size:1.2rem; }
.card p { color:#486173; margin-bottom:0; }
.legal { padding:38px; }
.legal p { color:#486173; max-width:90ch; }
.contact { padding:48px; margin-bottom:42px; display:flex; justify-content:space-between; gap:32px; border-radius:24px; background:linear-gradient(135deg, #128b88, #06314e); color:#fff; }
.contact .eyebrow { color:#ffd276; }.contact h2 { margin-bottom:4px; }.contact p { color:#dbeeed; margin-bottom:0; }
address { display:flex; flex-direction:column; justify-content:center; gap:8px; font-style:normal; direction:ltr; text-align:left; }
address a { color:#fff; text-decoration:none; font-weight:700; }
footer { padding:24px 16px; text-align:center; color:#627986; font-size:.9rem; }
@media (max-width:720px) { .hero { grid-template-columns:1fr; }.hero-copy { padding:38px 28px; }.hero-image { min-height:230px; max-height:280px; }.grid { grid-template-columns:1fr; }.contact { padding:32px 26px; flex-direction:column; }.nav { min-height:68px; } }