@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');
:root{--navy:#17324D;--navy-dark:#102538;--gold:#B79A62;--gold-light:#D8C28E;--ivory:#F7F5F0;--light:#FAFAF8;--text:#25313C;--muted:#65717C;--border:#E4E6E8;--white:#fff;--green:#25D366;--shadow:0 14px 40px rgba(23,50,77,.08)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'DM Sans',Arial,sans-serif;color:var(--text);line-height:1.7;background:#fff}img{max-width:100%;display:block}a{text-decoration:none;color:inherit;transition:.2s ease}h1,h2{font-family:'Playfair Display',Georgia,serif}h1,h2,h3,h4{color:var(--navy);line-height:1.22}
header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.97);border-bottom:1px solid var(--border);backdrop-filter:blur(10px);box-shadow:0 2px 12px rgba(0,0,0,.025)}
.nav{max-width:1200px;margin:auto;padding:16px 24px;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{font-size:22px;font-weight:700;letter-spacing:2.2px;color:var(--navy)}.logo span{color:var(--gold)}.logo small{display:block;font-size:9px;letter-spacing:3.2px;color:var(--gold);font-weight:600}.navlinks{display:flex;gap:21px;align-items:center}.navlinks>a{font-size:13px;font-weight:700;color:#485766}.navlinks>a:hover{color:var(--gold)}.navcta{background:var(--navy);color:#fff!important;padding:10px 16px;border-radius:4px}
.hero{padding:105px 24px 88px;background:linear-gradient(98deg,rgba(16,37,56,.96),rgba(23,50,77,.80)),url('../../imgs/commercial/commercial-hero.jpg') center/cover;color:#fff}.hero.home{background:linear-gradient(98deg,rgba(16,37,56,.96),rgba(23,50,77,.72)),url('../../imgs/commercial/commercial-hero.jpg') center/cover}.hero.compact{padding:84px 24px 70px}.wrap{max-width:1180px;margin:auto}.eyebrow,.tag{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:var(--gold);margin-bottom:12px}.hero .eyebrow{color:var(--gold-light)}h1{font-size:clamp(39px,5.5vw,66px);margin-bottom:20px;color:#fff}.hero p{max-width:760px;font-size:18px;color:#edf1f3;margin-bottom:28px}h2{font-size:clamp(30px,4vw,45px);margin-bottom:17px}h3{font-size:20px;margin-bottom:9px}.lead{max-width:820px;color:var(--muted);font-size:17px}.small{font-size:13px;color:var(--muted)}
.btns{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 22px;border-radius:4px;font-weight:700;font-size:14px}.primary{background:var(--gold);color:#fff}.primary:hover{background:#a5864f}.secondary{background:var(--navy);color:#fff}.secondary:hover{background:var(--navy-dark)}.outline{border:1px solid rgba(255,255,255,.65);color:#fff}.outline:hover{background:#fff;color:var(--navy)}
section{padding:78px 24px}.light{background:var(--light)}.ivory{background:var(--ivory)}.dark{background:var(--navy-dark);color:#fff}.dark h2,.dark h3{color:#fff}.dark .lead,.dark p{color:#cbd5dc}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:32px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:32px}.card{background:#fff;border:1px solid var(--border);border-radius:8px;padding:26px;transition:.22s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card p{color:var(--muted);font-size:14px}.card .meta{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.pill{display:inline-block;padding:5px 9px;border-radius:20px;background:var(--ivory);font-size:11px;font-weight:700;color:var(--navy)}.link{display:inline-block;margin-top:14px;color:var(--gold);font-weight:700;font-size:14px}.link:hover{color:var(--navy)}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:32px}.step{border:1px solid rgba(255,255,255,.15);padding:22px;border-radius:6px;background:rgba(255,255,255,.025)}.step p{font-size:13px}.num{color:var(--gold-light);font-size:12px;font-weight:700;margin-bottom:8px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.kpi{padding:19px;border-left:3px solid var(--gold);background:#fff}.kpi strong{display:block;color:var(--navy);font-size:17px}.kpi span{color:var(--muted);font-size:13px}.dark .kpi{background:rgba(255,255,255,.05);border-left-color:var(--gold)}.dark .kpi strong{color:#fff}.dark .kpi span{color:#cbd5dc}
.tablewrap{overflow-x:auto;border:1px solid var(--border);border-radius:8px;margin-top:28px;background:#fff;box-shadow:0 4px 18px rgba(23,50,77,.04)}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:15px 17px;border-bottom:1px solid #e7eaed;text-align:left;font-size:14px;vertical-align:top}th{background:var(--navy);color:#fff;font-weight:700}td:first-child{font-weight:700;color:var(--navy)}tr:last-child td{border-bottom:0}.highlight-row td{background:#fbf8f1}
.breadcrumbs{font-size:13px;color:#7a858e;margin-bottom:22px}.breadcrumbs a{color:var(--gold)}.notice{border-left:4px solid var(--gold);background:var(--ivory);padding:18px 20px;margin-top:24px;color:#56636d;font-size:14px}.feature-list{margin:18px 0 0 20px;color:var(--muted)}.feature-list li{margin:7px 0}.building-hero-note{margin-top:18px;padding:15px 18px;border:1px solid rgba(255,255,255,.22);max-width:720px;color:#e8edf0;font-size:14px}.sourcebox{font-size:12px;color:#74808a;margin-top:24px;border-top:1px solid var(--border);padding-top:14px}.sourcebox a{color:var(--gold)}
.cta{background:var(--ivory);text-align:center}.cta .lead{margin:0 auto 24px}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:28px;text-align:left}label{display:block;font-weight:700;font-size:13px;margin-bottom:6px}input,select,textarea{width:100%;padding:12px;border:1px solid #ccd4da;border-radius:4px;font:inherit}textarea{min-height:110px}.full{grid-column:1/-1}.footer{background:#0a1c2c;color:#aab5bd;text-align:center;padding:34px 20px;font-size:13px}.footer a{color:#d8c28e}.whatsapp{position:fixed;right:18px;bottom:18px;background:var(--green);color:#fff;padding:13px 18px;border-radius:40px;font-weight:700;box-shadow:0 6px 20px rgba(0,0,0,.22);z-index:1500;font-size:14px}.price{font-size:28px;font-family:'Playfair Display',Georgia,serif;color:var(--navy);font-weight:700}.price small{font-family:'DM Sans';font-size:12px;color:var(--muted);font-weight:500}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:start}.statbox{background:var(--navy);color:#fff;padding:28px;border-radius:8px}.statbox h3{color:#fff}.statbox p{color:#d6dfe5}.statbox .price{color:var(--gold-light)}
@media(max-width:900px){.navlinks>a:not(.navcta){display:none}.grid4,.grid3,.grid2,.steps,.kpis,.split{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){section{padding:58px 18px}.nav{padding:12px 16px;min-height:70px}.logo{font-size:18px}.hero,.hero.home,.hero.compact{padding:82px 18px 58px}.grid4,.grid3,.grid2,.steps,.kpis,.formgrid,.split{grid-template-columns:1fr}.full{grid-column:auto}.btns{flex-direction:column}.btn{width:100%}.whatsapp{right:11px;bottom:11px;padding:11px 15px}h1{font-size:42px}}

/* Serviced office / media components */
.video-shell{margin-top:30px;background:#0d2234;border-radius:10px;overflow:hidden;box-shadow:0 16px 45px rgba(23,50,77,.16)}
.video-frame{position:relative;width:100%;padding-top:56.25%;background:#0d2234}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-caption{padding:14px 18px;color:#cbd5dc;font-size:12px;background:#102538}.facility-icon{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ivory);color:var(--gold);font-size:20px;margin-bottom:14px}.suite-band{background:linear-gradient(115deg,var(--navy-dark),var(--navy));color:#fff;border-radius:10px;padding:30px;margin-top:30px}.suite-band h3{color:#fff}.suite-band p{color:#d9e1e6}.checkgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 28px;margin-top:18px}.checkitem{position:relative;padding-left:24px;color:#d9e1e6;font-size:14px}.checkitem:before{content:'✓';position:absolute;left:0;color:var(--gold-light);font-weight:700}.mini-note{font-size:12px;color:#7a858e;margin-top:12px}.location-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.location-fact{padding:18px;border:1px solid var(--border);border-radius:7px;background:#fff}.location-fact strong{display:block;color:var(--navy);margin-bottom:4px}.location-fact span{font-size:13px;color:var(--muted)}
@media(max-width:640px){.checkgrid,.location-facts{grid-template-columns:1fr}.video-caption{font-size:11px}}


/* 2026 conversion-focused enhancements */
.photo-card{position:relative;min-height:330px;border-radius:12px;overflow:hidden;background:#17324D center/cover no-repeat;display:flex;align-items:flex-end;box-shadow:var(--shadow)}
.photo-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,28,44,.06) 20%,rgba(10,28,44,.88) 100%)}
.photo-card .photo-copy{position:relative;z-index:1;padding:26px;color:#fff;width:100%}.photo-card h3{color:#fff;font-size:24px}.photo-card p{color:#dce4e9;font-size:14px}.photo-card .tag{color:var(--gold-light)}
.finder{margin-top:-42px;position:relative;z-index:5}.finder-box{background:#fff;padding:26px;border-radius:10px;box-shadow:0 18px 50px rgba(16,37,56,.16);border:1px solid var(--border)}
.finder-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr auto;gap:12px;align-items:end}.finder-grid .btn{min-width:150px}
.choice-card{padding:24px;border:1px solid var(--border);border-radius:10px;background:#fff}.choice-card .icon{font-size:26px;margin-bottom:12px}.choice-card strong{display:block;color:var(--navy);font-size:16px;margin-bottom:6px}.choice-card span{display:block;color:var(--muted);font-size:13px}
.market-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);margin-top:30px}.market-strip>div{padding:18px;background:rgba(255,255,255,.04)}.market-strip strong{display:block;color:#fff;font-size:22px}.market-strip span{font-size:12px;color:#cbd5dc}
.calcbox{border:1px solid var(--border);background:#fff;border-radius:10px;padding:26px;box-shadow:var(--shadow)}.calcresult{margin-top:20px;padding:20px;background:var(--ivory);border-left:4px solid var(--gold)}.calcresult strong{font-family:'Playfair Display';font-size:30px;color:var(--navy);display:block}.calcresult span{font-size:13px;color:var(--muted)}
.feature-photo{border-radius:12px;overflow:hidden;min-height:360px;background:center/cover no-repeat}.section-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.trustline{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px}.trustline span{font-size:13px;color:#dfe6eb}.trustline span:before{content:'✓';color:var(--gold-light);font-weight:700;margin-right:7px}
.quicklinks{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.quicklinks a{border:1px solid var(--border);border-radius:30px;padding:8px 13px;font-size:12px;font-weight:700;color:var(--navy);background:#fff}.quicklinks a:hover{border-color:var(--gold);color:var(--gold)}
@media(max-width:900px){.finder-grid{grid-template-columns:1fr 1fr}.finder-grid .btn{width:100%}.market-strip{grid-template-columns:1fr}.photo-card{min-height:280px}}
@media(max-width:640px){.finder{margin-top:-22px}.finder-box{padding:18px}.finder-grid{grid-template-columns:1fr}.feature-photo{min-height:260px}}