@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--deep:#204e5a;--ink:#173b44;--muted:#65777d;--coral:#ca4e39;--aqua:#7fe7dc;--line:#ccd7d8;--paper:#f8f8f8;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:3px}
h1,h2,h3,.brand{font-family:Manrope,system-ui,sans-serif}
h1{max-width:850px;margin:14px 0 22px;font-size:clamp(38px,7vw,74px);line-height:1.04;letter-spacing:-2.6px}
h2{margin:0 0 18px;font-size:clamp(28px,4vw,42px);line-height:1.15;letter-spacing:-1.2px}
h3{margin:0 0 8px;font-size:19px}
.wrap{width:min(1160px,calc(100% - 40px));margin:auto}
.topbar{display:flex;align-items:center;gap:28px;min-height:78px}
.brand{display:inline-flex;align-items:center;gap:7px;font-size:29px;font-weight:800;text-decoration:none}
.brand svg,.site-footer-brand svg{width:32px;height:32px;flex:none;fill:none;stroke:currentColor;stroke-width:2.4;color:var(--deep)}
.brand .brand-domain,.site-footer-brand .brand-domain{color:var(--coral)}
nav{display:flex;gap:22px;margin-left:auto;font-size:14px}
nav a{text-decoration:none}
.language{padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:white;text-decoration:none;font-size:13px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;border:1px solid var(--deep);border-radius:7px;background:var(--deep);color:white;text-decoration:none;font-weight:700}
.button.alt{background:white;color:var(--ink);border-color:var(--line)}
.hero,.seo-hero{padding:70px 0 78px;background:linear-gradient(145deg,#eff4ec 0,#f8f8f8 58%,#d8f1ed 100%);border-block:1px solid var(--line)}
.seo-hero{margin-top:24px;padding-block:54px}
.eyebrow{color:var(--coral);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase}
.lead{max-width:720px;color:var(--muted);font-size:20px}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.trust{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:36px;color:var(--muted);font-size:13px}
.trust strong{color:var(--ink)}
section{padding:72px 0}
.intro{max-width:720px;color:var(--muted);font-size:18px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.card{padding:26px;border:1px solid var(--line);border-radius:12px;background:white}
.card p{margin:0;color:var(--muted)}
.band{background:var(--deep);color:white}
.band .intro,.band .card p{color:#c8d9d8}
.band .card{background:#ffffff0a;border-color:#ffffff2b}
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.checklist{padding:0;list-style:none}
.checklist li{position:relative;padding:10px 0 10px 30px;border-bottom:1px solid var(--line)}
.checklist li:before{content:'✓';position:absolute;left:0;color:var(--coral);font-weight:800}
.notice{padding:18px 20px;border-left:4px solid var(--coral);background:#fff;color:var(--ink)}
.cta{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:34px;border-radius:14px;background:#e6f2ef}
.cta h2{margin-bottom:4px;font-size:30px}
.cta p{margin:0;color:var(--muted)}
footer{padding:40px 0 52px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}
.footer-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px}
.footer-links{display:flex;flex-wrap:wrap;gap:12px 22px}
.breadcrumbs{width:min(1160px,calc(100% - 40px));margin:25px auto 0;color:var(--muted);font-size:13px}
.breadcrumbs a{color:var(--deep)}
.seo-facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.seo-fact{display:flex;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}
.seo-fact:nth-child(odd){padding-right:18px}
.seo-fact span{color:var(--muted)}
.seo-fact strong{text-align:right}
.contact-list,.amenity-list{padding-left:20px}
.contact-list li,.amenity-list li{margin:8px 0}
.coordinate{color:var(--muted);font-size:13px}
.directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}
.directory-card{padding:20px;border:1px solid var(--line);border-radius:10px;background:white}
.directory-card h3{font-size:17px}
.directory-card p{margin:6px 0;color:var(--muted);font-size:13px}
.directory-card small{color:var(--muted)}
.area-links{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 42px}
.area-chip{padding:8px 12px;border:1px solid var(--line);border-radius:20px;background:white;text-decoration:none;font-size:13px}
.pagination{display:flex;justify-content:space-between;gap:12px;margin-top:28px}
@media(max-width:760px){.topbar{min-height:66px;flex-wrap:wrap;padding:10px 0}
.brand{font-size:25px}
nav{order:3;width:100%;gap:14px;overflow:auto;padding-bottom:4px}
.language{margin-left:auto}
.hero,.seo-hero{padding:52px 0 58px}
h1{letter-spacing:-1.8px}
.lead{font-size:17px}
.grid,.split,.directory-grid{grid-template-columns:1fr}
.split{gap:28px}
section{padding:54px 0}
.cta{display:block;padding:26px}
.cta .button{margin-top:20px}
.wrap,.breadcrumbs{width:min(100% - 28px,1160px)}
.seo-facts{grid-template-columns:1fr}
.seo-fact:nth-child(odd){padding-right:0}
}

.site-footer,.marketing-footer{margin-top:0;padding:0;border-top:1px solid #31505a;background:var(--ink);color:white}
.marketing-footer-inner{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(0,2fr);gap:70px;padding-block:54px 42px}
.marketing-footer-brand a{font:800 30px/1 Manrope,system-ui,sans-serif;letter-spacing:-1.2px;text-decoration:none}
.marketing-footer-brand a span{color:var(--coral)}
.marketing-footer-brand p{max-width:280px;margin:17px 0 0;color:#b9c9cc;font-size:12px;line-height:1.7}
.marketing-footer-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin:0}
.marketing-footer-map section{display:flex;flex-direction:column;gap:11px;padding:0}
.marketing-footer-map h2{margin:0 0 6px;color:var(--aqua);font-size:10px;letter-spacing:1.4px;text-transform:uppercase}
.marketing-footer-map a{width:max-content;max-width:100%;color:#d8e2e4;text-decoration:none;font-size:12px;line-height:1.45}
.marketing-footer-map a:hover{text-decoration:underline}
.marketing-footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-block:18px;border-top:1px solid #ffffff1f;color:#91a8ad;font-size:10px}
@media(max-width:900px){.marketing-footer-inner{grid-template-columns:1fr;gap:35px}.marketing-footer-map{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.marketing-footer-inner{padding-block:38px 32px}.marketing-footer-map{grid-template-columns:1fr 1fr;gap:28px 18px}.marketing-footer-bottom{align-items:flex-start;flex-direction:column;padding-block:16px}}
.site-footer-inner{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(0,2fr);gap:70px;max-width:1500px;margin:auto;padding:54px 40px 42px}.site-footer-brand>a{display:inline-flex;align-items:center;gap:7px;color:white;font:800 30px/1 Manrope,system-ui,sans-serif;letter-spacing:-1.2px;text-decoration:none}.site-footer-brand svg{color:var(--aqua)}.site-footer-brand p{max-width:280px;margin:17px 0 0;color:#b9c9cc;font-size:12px;line-height:1.7}.site-footer-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-self:auto;gap:30px;margin:0}.site-footer-map section{display:flex;flex-direction:column;gap:11px;padding:0}.site-footer-map h2{margin:0 0 6px;color:var(--aqua);font-size:10px;letter-spacing:1.4px;text-transform:uppercase}.site-footer-map a{width:max-content;max-width:100%;color:#d8e2e4;text-decoration:none;font-size:12px;line-height:1.45}.site-footer-map a:hover{text-decoration:underline;text-underline-offset:3px}.site-footer-bottom{display:flex;justify-content:space-between;gap:20px;max-width:1500px;margin:auto;padding:18px 40px;border-top:1px solid #ffffff1f;color:#91a8ad;font-size:10px}
@media(max-width:900px){.site-footer-inner{grid-template-columns:1fr;gap:35px}.site-footer-map{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.site-footer-inner{padding:38px 22px 32px}.site-footer-map{grid-template-columns:1fr 1fr;gap:28px 18px}.site-footer-bottom{align-items:flex-start;flex-direction:column;padding:16px 22px}.brand svg{width:28px;height:28px}}
.marina-location-note{display:block;margin:-10px 0 25px;color:#d8b37b;font-size:11px;line-height:1.5}