:root{
  --navy:#061b32;--navy2:#0b3156;--blue:#104a76;--gold:#d9b55f;--gold2:#f3d781;
  --ink:#142235;--muted:#5f6f82;--soft:#f4f7fa;--line:#dce5ee;--white:#fff;
  --shadow:0 18px 48px rgba(5,25,48,.14);--radius:22px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}
.site-header{position:sticky;top:0;z-index:70;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px clamp(16px,4vw,58px);background:rgba(255,255,255,.95);backdrop-filter:blur(16px);box-shadow:0 1px 0 rgba(8,33,61,.08)}
.brand{display:flex;align-items:center;gap:10px;font-weight:900}.brand-mark{display:grid;place-items:center;background:var(--navy);color:#fff;border:2px solid var(--gold);height:42px;width:52px;border-radius:13px;letter-spacing:-.05em}.brand-text{font-size:1.03rem;color:var(--navy);font-weight:900}.main-nav{display:flex;align-items:center;gap:17px;font-size:.9rem;font-weight:800}.main-nav a{color:#26384e}.main-nav a:hover{color:var(--blue)}.nav-cta{background:var(--navy);color:#fff!important;padding:9px 15px;border-radius:999px}.menu-toggle{display:none;border:0;background:var(--navy);color:#fff;border-radius:999px;padding:9px 14px;font-weight:800}
.section-pad{padding:clamp(42px,5.2vw,74px) clamp(18px,5vw,70px)}
.hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:linear-gradient(135deg,#06182d 0%,#0a2b4d 50%,#0f4b78 100%);padding:clamp(34px,4.5vw,64px) clamp(18px,5vw,70px) clamp(42px,6vw,82px)}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 12%,rgba(217,181,95,.32),transparent 24%),radial-gradient(circle at 8% 92%,rgba(255,255,255,.12),transparent 30%);z-index:-2}.hero:after{content:"";position:absolute;right:-120px;top:-150px;width:520px;height:520px;border-radius:50%;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 70px rgba(255,255,255,.03),0 0 0 145px rgba(255,255,255,.018);z-index:-1}
.hero-shell{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,.82fr);gap:clamp(22px,4vw,56px);align-items:center}.hero-copy{max-width:720px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-weight:950;font-size:.74rem;color:var(--gold2);margin:0 0 9px}.hero h1{font-size:clamp(2.55rem,5vw,5.35rem);line-height:.98;margin:0 0 16px;letter-spacing:-.06em;text-wrap:balance}.hero-sub{font-size:clamp(1rem,1.35vw,1.18rem);max-width:690px;color:#dbe8f3;margin:0 0 22px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 20px;font-weight:950;border:1px solid transparent;transition:.18s ease;cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#06182d;box-shadow:0 12px 25px rgba(217,181,95,.24)}.btn.ghost{border-color:rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.07)}.btn.full{width:100%;border:0}.hero-media{margin:0;background:rgba(255,255,255,.96);padding:9px;border-radius:24px;box-shadow:0 24px 60px rgba(0,0,0,.24);color:#647386;transform:translateY(5px)}.hero-media img{border-radius:18px;aspect-ratio:16/10;object-fit:cover}.hero-media figcaption{font-size:.72rem;line-height:1.35;padding:8px 5px 1px;color:#69798b}.hero-facts{max-width:1320px;margin:20px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.hero-facts span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:12px 14px;font-weight:850;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.notice-bar{padding:13px clamp(18px,5vw,70px);background:#fff7e4;border-top:1px solid #ecdcb7;border-bottom:1px solid #ecdcb7;color:#55421e;font-size:.94rem}.notice-bar strong{color:#2f250f}
.split-section{display:grid;grid-template-columns:1.05fr .82fr;gap:clamp(22px,4vw,54px);align-items:center}.split-section.reverse{grid-template-columns:.86fr 1fr}.split-section h2,.section-head h2{font-size:clamp(1.85rem,3.1vw,3.2rem);line-height:1.06;margin:0 0 14px;letter-spacing:-.045em;color:var(--navy)}.split-section p,.section-head p{color:var(--muted);font-size:1rem;margin-top:0}.muted-section{background:linear-gradient(180deg,#f6f8fb,#fff)}.fact-card,.price-card,.lead-form{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius);padding:clamp(22px,3vw,32px)}.fact-card h3,.price-card h3{font-size:1.38rem;line-height:1.15;margin:0 0 14px;color:var(--navy)}
.check-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.check-list li{position:relative;padding-left:25px}.check-list li:before{content:"";position:absolute;left:0;top:.48em;width:13px;height:13px;border-radius:50%;background:var(--gold);box-shadow:inset 0 0 0 4px #fff}.check-list.light li{color:#d8e3ee}.check-list.light li:before{box-shadow:inset 0 0 0 4px var(--navy)}
.section-head{text-align:center;max-width:900px;margin:0 auto 26px}.section-head.left{text-align:left;margin-left:0}.cards{display:grid;gap:16px}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.two{grid-template-columns:repeat(2,1fr)}.unit-card,.small-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;transition:.18s ease;box-shadow:0 10px 28px rgba(6,27,50,.05)}.unit-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.unit-card span{display:inline-flex;background:#eaf0f5;color:var(--navy);font-weight:950;padding:6px 12px;border-radius:999px}.unit-card h3{font-size:1.26rem;color:var(--navy);margin:15px 0 8px}.unit-card p,.small-card span{color:var(--muted);margin-top:0}.unit-card a{font-weight:900;color:var(--navy);border-bottom:2px solid var(--gold)}.compact{margin-top:16px}.small-card{padding:17px}.small-card strong{display:block;color:var(--navy);margin-bottom:3px}
.map-card{min-height:360px;border-radius:24px;background:linear-gradient(135deg,#dfe8f0,#f9fbfd);border:1px solid var(--line);position:relative;overflow:hidden;box-shadow:var(--shadow)}.map-card:before,.map-card:after{content:"";position:absolute;background:rgba(6,27,50,.12);border-radius:999px}.map-card:before{height:52px;width:125%;left:-12%;top:48%;transform:rotate(-18deg)}.map-card:after{width:58px;height:126%;left:50%;top:-12%;transform:rotate(22deg)}.map-pin{position:absolute;z-index:2;background:#fff;border:1px solid rgba(8,33,61,.12);box-shadow:0 8px 22px rgba(8,33,61,.13);padding:8px 11px;border-radius:999px;font-weight:900;font-size:.82rem;color:var(--navy)}.pin-main{left:38%;top:45%;background:var(--navy);color:#fff;border-color:var(--gold)}.pin-one{left:12%;top:28%}.pin-two{right:10%;top:22%}.pin-three{left:16%;bottom:18%}.pin-four{right:13%;bottom:17%}.location-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.location-grid div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px}.location-grid strong{display:block;color:var(--navy)}.location-grid span{color:var(--muted);font-size:.9rem}
.amenity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.amenity-grid div,.link-cloud a{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px;font-weight:850;color:var(--navy);box-shadow:0 10px 28px rgba(6,27,50,.05)}.price-card{background:linear-gradient(135deg,#fff,#f3f7fb)}.internal-links{background:#f8fafc}.link-cloud{display:flex;flex-wrap:wrap;gap:10px}.link-cloud a{padding:10px 14px;border-radius:999px}.faq-section{background:#fff}.faq-section details{border:1px solid var(--line);border-radius:16px;padding:15px 18px;margin:10px 0;background:#fff;box-shadow:0 8px 22px rgba(6,27,50,.04)}.faq-section summary{font-weight:900;color:var(--navy);cursor:pointer}.faq-section p{color:var(--muted);margin-bottom:0}
.enquiry-section{display:grid;grid-template-columns:1fr .82fr;gap:clamp(22px,4vw,54px);background:linear-gradient(135deg,var(--navy),#0e416d);color:#fff}.enquiry-section h2{font-size:clamp(1.9rem,3.2vw,3.4rem);line-height:1.07;margin:0 0 14px;letter-spacing:-.045em}.enquiry-copy p{color:#d8e3ee}.lead-form label{display:grid;gap:5px;margin-bottom:12px;color:#20334b;font-weight:850}.lead-form input,.lead-form select,.lead-form textarea{width:100%;border:1px solid var(--line);border-radius:13px;padding:12px 13px;font:inherit;color:var(--ink);background:#fff}.form-note{font-size:.78rem;color:#6a7788;margin:10px 0 0}.optional{font-weight:600;color:#7a8796;font-size:.86rem}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.site-footer{padding:28px clamp(18px,5vw,70px) 100px;background:#061524;color:#fff;display:grid;grid-template-columns:1fr auto;gap:20px}.site-footer p{color:#bdc9d6;margin:6px 0 0}.footer-actions{display:flex;flex-wrap:wrap;gap:10px}.footer-actions a{border:1px solid rgba(255,255,255,.2);padding:9px 13px;border-radius:999px}.disclaimer{grid-column:1/-1;font-size:.78rem;max-width:1120px}
.floating-pill{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:90;display:flex;gap:8px;background:rgba(6,27,50,.95);backdrop-filter:blur(15px);padding:8px;border:1px solid rgba(216,178,92,.5);border-radius:999px;box-shadow:0 18px 50px rgba(0,0,0,.28)}.floating-pill a{display:flex;align-items:center;gap:7px;color:#fff;padding:9px 13px;border-radius:999px;font-weight:900;font-size:.88rem}.floating-pill a:hover{background:rgba(255,255,255,.12)}.floating-pill svg{width:19px;height:19px;fill:var(--gold)}
@media(max-width:1080px){.main-nav{gap:11px;font-size:.84rem}.hero-shell{grid-template-columns:1fr .8fr}.hero h1{font-size:clamp(2.45rem,4.8vw,4.2rem)}.section-pad{padding-top:50px;padding-bottom:50px}}
@media(max-width:920px){.menu-toggle{display:block}.main-nav{position:fixed;left:16px;right:16px;top:68px;display:none;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:16px}.main-nav.open{display:flex}.hero-shell,.split-section,.split-section.reverse,.enquiry-section,.site-footer{grid-template-columns:1fr}.hero{padding-bottom:44px}.hero-media{max-width:680px}.hero-facts,.cards.three,.cards.two,.amenity-grid{grid-template-columns:repeat(2,1fr)}.site-footer{padding-bottom:112px}}
@media(max-width:620px){.section-pad{padding:38px 16px}.hero{padding:34px 16px 108px}.hero h1{font-size:2.45rem}.hero-actions .btn{width:100%}.hero-facts,.cards.three,.cards.two,.amenity-grid,.location-grid{grid-template-columns:1fr}.notice-bar{font-size:.88rem;padding:12px 16px}.map-card{min-height:320px}.floating-pill{left:10px;right:10px;bottom:10px;transform:none;justify-content:space-between;border-radius:20px}.floating-pill a{flex:1;justify-content:center;flex-direction:column;gap:2px;padding:8px 6px;font-size:.74rem}.floating-pill svg{width:18px;height:18px}.site-header{padding:11px 14px}.brand-mark{height:39px;width:48px}.brand-text{font-size:.98rem}}
