:root{
  --primary:#176B87;
  --primary-dark:#0D3B4C;
  --primary-light:#49A6A8;
  --btn-button: #5bddefde;
  --accent:#D79A3B;
  --accent-light:#F0C477;
  --bg:#F4F7F8;
  --bg-soft:#EAF1F3;
  --surface:#FFFFFF;
  --surface-2:#F8FAFB;
  --text:#18323D;
  --text-muted:#62757E;
  --line:#D9E3E7;
  --dark:#102B36;
  --dark-2:#163B49;
  --charcoal:#204A59;
  --cream:#F4F7F8;
  --max-width:1180px;
  --radius:14px;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'Helvetica Neue',Arial,sans-serif;
  background:var(--dark);
  color:#fff;
  line-height:1.6;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
.container{max-width:var(--max-width);margin:0 auto;padding:0 24px;}
section{padding:90px 0;position:relative;}
.section-label{
  color:var(--gold);
  letter-spacing:3px;
  text-transform:uppercase;
  font-size:13px;
  font-weight:600;
  margin-bottom:14px;
  display:block;
}
h1,h2,h3,h4{
  font-family:Georgia,'Times New Roman',serif;
  font-weight:400;
  line-height:1.2;
}
h2{font-size:38px;margin-bottom:18px;color:#fff;}
h2 .accent{color:var(--gold);}
p.lead{color:var(--text-muted);font-size:17px;max-width:680px;}
.btn{
  display:inline-block;
  background:var(--gold);
  color:#0e0e10;
  padding:15px 34px;
  border-radius:2px;
  font-weight:700;
  letter-spacing:1px;
  text-transform:uppercase;
  font-size:13px;
  border:none;
  cursor:pointer;
  transition:.3s;
}
.btn:hover{background:var(--gold-light);}
.btn-outline{
  background:transparent;
  border:1px solid var(--gold);
  color:var(--gold);
}
.btn-outline:hover{background:var(--gold);color:#0e0e10;}

/* HEADER */
header{
  position:fixed;top:0;left:0;right:0;
  z-index:1000;
  background:rgba(14,14,16,.85);
  backdrop-filter:blur(8px);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.nav-wrap{
  max-width:var(--max-width);
  margin:0 auto;
  /*padding:16px 24px;*/
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.logo{font-family:Georgia,serif;font-size:22px;letter-spacing:1px;}
.logo span{color:var(--gold);}
nav ul{display:flex;gap:32px;list-style:none;}
nav ul li a{font-size:14px;letter-spacing:.5px;color:#e8e6e1;transition:.25s;}
nav ul li a:hover{color:var(--gold);}
.header-cta{display:flex;align-items:center;gap:18px;}
.phone-dropdown{position:relative;}
.header-call{
  font-size:14px;font-weight:600;color:var(--gold);
  display:flex;align-items:center;gap:6px;
  cursor:pointer;
  background:none;border:none;font-family:inherit;
  padding:0;
}
.header-call .caret{font-size:10px;transition:.25s;}
.phone-dropdown.open .header-call .caret{transform:rotate(180deg);}
.phone-dropdown-menu{
  position:absolute;
  top:calc(100% + 14px);
  right:0;
  background:var(--charcoal);
  border:1px solid rgba(184,145,90,.3);
  border-radius:var(--radius);
  min-width:210px;
  box-shadow:0 14px 30px rgba(0,0,0,.4);
  opacity:0;
  visibility:hidden;
  transform:translateY(-6px);
  transition:.2s;
  z-index:1100;
}
.phone-dropdown.open .phone-dropdown-menu{
  opacity:1;visibility:visible;transform:translateY(0);
}
.phone-dropdown-menu a{
  display:block;
  padding:13px 18px;
  font-size:14px;
  color:#e8e6e1;
  border-bottom:1px solid rgba(255,255,255,.07);
  transition:.2s;
}
.phone-dropdown-menu a:last-child{border-bottom:none;}
.phone-dropdown-menu a:hover{background:rgba(184,145,90,.1);color:var(--gold);}
.menu-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;}
.menu-toggle span{width:24px;height:2px;background:#fff;}

/* Reusable phone list block (hero / cards / footer) */
.phone-block{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.phone-pill{
  display:flex;
  align-items:center;
  gap:8px;
  background:rgba(184,145,90,.08);
  border:1px solid rgba(184,145,90,.35);
  border-radius:30px;
  padding:9px 18px 9px 14px;
  font-size:14px;
  font-weight:600;
  color:#fff;
  transition:.25s;
}
.phone-pill:hover{background:var(--gold);color:#0e0e10;}
.phone-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--gold);flex-shrink:0;}
.phone-pill:hover .dot{background:#0e0e10;}
.phone-stack{display:flex;flex-direction:column;gap:10px;}
.phone-stack a{
  font-family:Georgia,serif;
  font-size:26px;
  color:var(--gold);
  display:block;
}
.phone-stack a:hover{color:var(--gold-light);}

/* HERO */
.hero{
  position:relative;
  min-height:100vh;
  display:flex;
  align-items:center;
  background:#000;
}
.hero-bg{
  position:absolute;inset:0;
  background-image:url('../banner.html');
  background-size:cover;
  background-position:center;
  filter:brightness(.55);
}
.hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.25) 40%,rgba(14,14,16,1) 100%);
}
.hero-content{
  position:relative;z-index:2;
  max-width:var(--max-width);
  margin:0 auto;
  padding:160px 24px 100px;
  width:100%;
}
.hero-content .section-label{font-size:14px;}
.hero-content .location{
  color:var(--text-muted);
  font-size:14px;
  margin-bottom:18px;
}
.hero-content h1{
  font-size:64px;
  color:#fff;
  margin-bottom:6px;
}
.hero-content h1 small{
  display:block;
  font-size:22px;
  color:var(--gold);
  letter-spacing:2px;
  margin-top:10px;
}
.hero-content p.lead{margin:22px 0 36px;color:#d8d5cf;}
.hero-stats{
  display:flex;
  gap:50px;
  margin-top:50px;
  flex-wrap:wrap;
}
.hero-stats div{border-left:2px solid var(--gold);padding-left:16px;}
.hero-stats .num{font-family:Georgia,serif;font-size:34px;color:var(--gold);}
.hero-stats .label{font-size:13px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;}
.hero-buttons{display:flex;gap:16px;flex-wrap:wrap;margin-top:36px;}

/* HIGHLIGHTS GRID */
.highlights-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  margin-top:50px;
}
.highlight-card{
  position:relative;
  border-radius:var(--radius);
  overflow:hidden;
  height:300px;
  background:#111;
}
.highlight-card img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .5s;
}
.highlight-card:hover img{transform:scale(1.08);}
.highlight-overlay{
  position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.85) 100%);
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:22px;
}
.highlight-overlay .tag{color:var(--gold);font-size:12px;letter-spacing:2px;text-transform:uppercase;}
.highlight-overlay h3{color:#fff;font-size:24px;margin-top:4px;}

/* ZONING */
.zoning-list{margin-top:50px;border-top:1px solid rgba(255,255,255,.1);}
.zoning-row{
  display:grid;
  grid-template-columns:200px 1fr;
  gap:30px;
  padding:26px 0;
  border-bottom:1px solid rgba(255,255,255,.1);
  align-items:baseline;
}
.zoning-row .floor{color:var(--gold);font-size:14px;letter-spacing:1px;text-transform:uppercase;}
.zoning-row .desc{font-size:20px;font-family:Georgia,serif;color:#fff;}
.zoning-row .desc small{display:block;font-size:14px;color:var(--text-muted);font-family:Arial,sans-serif;margin-top:4px;}

/* AMENITIES */
.amenities-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:18px;
  margin-top:50px;
}
.amenity-card{
  background:var(--charcoal);
  border-radius:var(--radius);
  overflow:hidden;
  transition:.3s;
}
.amenity-card:hover{transform:translateY(-6px);}
.amenity-card img{height:160px;width:100%;object-fit:cover;}
.amenity-body{padding:18px;}
.amenity-body .tag{color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:1.5px;}
.amenity-body h4{color:#fff;font-size:18px;margin:6px 0;}
.amenity-body p{color:var(--text-muted);font-size:13px;}

/* DESIGN PHILOSOPHY */
.philosophy-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items:center;
  margin-bottom:70px;
}
.philosophy-row.reverse .img-col{order:2;}
.philosophy-row img{border-radius:var(--radius);width:100%;height:380px;object-fit:cover;}
.philosophy-num{color:var(--gold);font-family:Georgia,serif;font-size:18px;letter-spacing:2px;}
.philosophy-row h3{font-size:30px;margin:10px 0 16px;color:#fff;}
.philosophy-row p{color:var(--text-muted);margin-bottom:18px;}
.philosophy-row ul{list-style:none;}
.philosophy-row ul li{
  color:#e8e6e1;font-size:15px;padding:8px 0;
  border-top:1px solid rgba(255,255,255,.08);
}
.philosophy-row ul li::before{content:"— ";color:var(--gold);}

/* ATTRACTIONS */
.attractions-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:30px;
  margin-top:50px;
}
.attraction-item{
  border-left:2px solid var(--gold);
  padding-left:20px;
}
.attraction-item h4{font-size:20px;color:#fff;margin-bottom:8px;}
.attraction-item p{color:var(--text-muted);font-size:14px;}

/* LOCATION */
.location-section{background:var(--dark-2);}
.location-wrap{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:50px;
  margin-top:40px;
  align-items:center;
}
.connectivity-list{list-style:none;margin-top:20px;}
.connectivity-list li{
  display:flex;justify-content:space-between;
  padding:16px 0;
  border-bottom:1px solid rgba(255,255,255,.1);
  font-size:15px;
}
.connectivity-list li span.time{color:var(--gold);font-weight:600;}
.map-frame{border-radius:var(--radius);overflow:hidden;height:380px;}
.map-frame iframe{width:100%;height:100%;border:0;}

/* INVESTMENT */
.investment-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:20px;
  margin-top:50px;
}
.invest-card{
  background:var(--charcoal);
  padding:26px 20px;
  border-radius:var(--radius);
  border-top:3px solid var(--gold);
}
.invest-card h4{color:#fff;font-size:16px;margin-bottom:8px;}
.invest-card p{color:var(--text-muted);font-size:13px;}
.roi-banner{
  margin-top:50px;
  background:linear-gradient(120deg,var(--charcoal),var(--dark-2));
  border:1px solid rgba(184,145,90,.3);
  border-radius:var(--radius);
  padding:40px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:20px;
}
.roi-banner .roi-num{font-family:Georgia,serif;font-size:48px;color:var(--gold);}
.roi-banner .roi-text{max-width:520px;color:var(--text-muted);}

/* PRICING */
.pricing-tabs{
  display:flex;
  gap:10px;
  margin-top:50px;
  flex-wrap:wrap;
  border-bottom:1px solid rgba(255,255,255,.1);
  padding-bottom:0;
}
.pricing-tab-btn{
  background:transparent;
  border:none;
  color:var(--text-muted);
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
  padding:14px 22px;
  cursor:pointer;
  border-bottom:2px solid transparent;
  transition:.25s;
  font-family:inherit;
}
.pricing-tab-btn:hover{color:#fff;}
.pricing-tab-btn.active{color:var(--gold);border-bottom-color:var(--gold);}
.pricing-panel{display:none;margin-top:36px;}
.pricing-panel.active{display:block;}
.price-table{
  width:100%;
  border-collapse:collapse;
  background:var(--charcoal);
  border-radius:var(--radius);
  overflow:hidden;
}
.price-table caption{
  text-align:left;
  color:#fff;
  font-family:Georgia,serif;
  font-size:18px;
  padding:18px 22px;
  background:rgba(184,145,90,.12);
  border-bottom:1px solid rgba(184,145,90,.25);
}
.price-table th,.price-table td{
  padding:14px 22px;
  text-align:left;
  font-size:14px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.price-table th{
  color:var(--gold);
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:12px;
  font-weight:700;
  background:rgba(255,255,255,.03);
}
.price-table td{color:#e8e6e1;}
.price-table tr:last-child td{border-bottom:none;}
.price-table td.amt{color:var(--gold-light);font-weight:600;text-align:right;}
.price-table th:last-child,.price-table td:last-child{text-align:right;}
.price-grid-2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px;
}
.price-note{
  margin-top:30px;
  color:var(--text-muted);
  font-size:13px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radius);
  padding:18px 22px;
}
.price-note strong{color:#fff;}
.additional-charges-strip{
  margin-top:30px;
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}
.charge-chip{
  background:var(--dark-2);
  border:1px solid rgba(184,145,90,.3);
  border-radius:30px;
  padding:9px 18px;
  font-size:13px;
  color:#e8e6e1;
}
.charge-chip strong{color:var(--gold);}
.plan-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:24px;
  margin-top:36px;
}
.plan-card{
  background:var(--charcoal);
  border-radius:var(--radius);
  overflow:hidden;
  border-top:3px solid var(--gold);
}
.plan-card h4{
  color:#fff;font-size:17px;
  padding:18px 22px 0;
}
.plan-card table{width:100%;border-collapse:collapse;margin-top:12px;}
.plan-card td{
  padding:11px 22px;
  font-size:14px;
  color:#d8d5cf;
  border-top:1px solid rgba(255,255,255,.06);
}
.plan-card td:last-child{text-align:right;color:var(--gold-light);font-weight:600;}
.plan-card tr:first-child td{border-top:none;}
.terms-box{
  margin-top:50px;
  background:var(--dark-2);
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radius);
  padding:30px;
}
.terms-box h4{color:#fff;font-size:16px;margin-bottom:14px;}
.terms-box ol{padding-left:20px;color:var(--text-muted);font-size:13px;}
.terms-box ol li{margin-bottom:10px;}
.price-asof{
  display:inline-block;
  background:rgba(184,145,90,.15);
  border:1px solid rgba(184,145,90,.35);
  color:var(--gold-light);
  font-size:12px;
  letter-spacing:1px;
  text-transform:uppercase;
  padding:6px 14px;
  border-radius:30px;
  margin-bottom:24px;
}

/* RERA */
.rera-box{
  background:var(--charcoal);
  border-radius:var(--radius);
  padding:40px;
  margin-top:50px;
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:40px;
}
.rera-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.rera-grid div .lbl{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:1px;}
.rera-grid div .val{color:#fff;font-size:15px;margin-top:4px;}
.bank-details{margin-top:24px;border-top:1px solid rgba(255,255,255,.1);padding-top:20px;font-size:14px;color:var(--text-muted);}
.bank-details strong{color:#fff;}

/* CONTACT / ENQUIRY */
.contact-section{
  background:linear-gradient(180deg,var(--dark-2),var(--dark));
}
.contact-wrap{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  margin-top:40px;
}
.contact-info-card{
  background:var(--charcoal);
  border-radius:var(--radius);
  padding:36px;
}
.contact-info-card .big-phone{
  font-family:Georgia,serif;
  font-size:36px;
  color:var(--gold);
  margin:14px 0 6px;
  display:block;
}
.contact-info-card .row{
  display:flex;gap:14px;align-items:flex-start;
  padding:16px 0;
  border-top:1px solid rgba(255,255,255,.08);
}
.contact-info-card .row:first-of-type{border-top:none;}
.icon-dot{
  width:8px;height:8px;border-radius:50%;background:var(--gold);margin-top:8px;flex-shrink:0;
}
form.enquiry-form{
  background:var(--charcoal);
  border-radius:var(--radius);
  padding:36px;
}
form.enquiry-form input,form.enquiry-form textarea{
  width:100%;
  background:var(--dark-2);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  padding:14px 16px;
  border-radius:3px;
  margin-bottom:16px;
  font-size:14px;
  font-family:inherit;
}
form.enquiry-form input::placeholder,form.enquiry-form textarea::placeholder{color:#75726c;}
form.enquiry-form textarea{resize:vertical;min-height:100px;}
.form-group{margin-bottom:0;}
.field-error{
  display:block;
  color:#f3a8a8;
  font-size:12px;
  margin:-12px 0 14px;
  min-height:0;
}
form.enquiry-form input.invalid{
  border-color:#dc5a5a;
  background:rgba(220,90,90,.06);
}
.main_button{
  display:inline-block;
  background:var(--gold);
  color:#0e0e10;
  padding:15px 34px;
  border-radius:2px;
  font-weight:700;
  letter-spacing:1px;
  text-transform:uppercase;
  font-size:13px;
  border:none;
  cursor:pointer;
  transition:.3s;
  font-family:inherit;
}
.main_button:hover{background:var(--gold-light);}
.form-msg{padding:14px 18px;border-radius:4px;margin-bottom:16px;font-size:14px;}
.form-msg.success{background:rgba(80,180,100,.15);border:1px solid rgba(80,180,100,.4);color:#9fe3ad;}
.form-msg.error{background:rgba(220,90,90,.15);border:1px solid rgba(220,90,90,.4);color:#f3a8a8;}
.consent-text{font-size:12px;color:var(--text-muted);margin-bottom:18px;}

/* STICKY CONTACT BAR (mobile) */
.sticky-bar{
  position:fixed;bottom:0;left:0;right:0;
  background:var(--gold);
  display:none;
  z-index:999;
}
.sticky-bar a{
  flex:1;text-align:center;padding:14px 4px;
  color:#0e0e10;font-weight:700;font-size:11px;
  text-transform:uppercase;letter-spacing:.5px;
  border-right:1px solid rgba(0,0,0,.15);
}
.sticky-bar a:last-child{border-right:none;}
.sticky-bar{display:flex;}

/* FOOTER */
footer{
  background:#0a0a0b;
  padding:60px 0 30px;
  border-top:1px solid rgba(255,255,255,.07);
}
.footer-grid{
  display:grid;
  grid-template-columns:1.3fr 1fr 1fr 1.3fr;
  gap:40px;
  margin-bottom:40px;
}
.footer-grid h4{color:#fff;font-size:15px;margin-bottom:16px;letter-spacing:1px;text-transform:uppercase;}
.footer-grid p{color:var(--text-muted);font-size:14px;}
.footer-grid ul{list-style:none;}
.footer-grid ul li{margin-bottom:10px;}
.footer-grid ul li a{color:var(--text-muted);font-size:14px;}
.footer-grid ul li a:hover{color:var(--gold);}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.07);
  padding-top:24px;
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;
  font-size:13px;
  color:#6f6c66;
}

/* RESPONSIVE */
@media(max-width:980px){
  .highlights-grid,.amenities-grid,.investment-grid,.attractions-grid{grid-template-columns:repeat(2,1fr);}
  .philosophy-row,.contact-wrap,.location-wrap,.rera-box,.price-grid-2,.plan-grid{grid-template-columns:1fr;}
  .philosophy-row.reverse .img-col{order:0;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .hero-content h1{font-size:44px;}
}
@media(max-width:680px){
  nav,.header-call span.txt{display:none;}
  .menu-toggle{display:flex;}
  .highlights-grid,.amenities-grid,.investment-grid,.attractions-grid,.footer-grid{grid-template-columns:1fr;}
  .hero-content h1{font-size:34px;}
  .hero-stats{gap:30px;}
  .roi-banner{flex-direction:column;text-align:center;}
  section{padding:60px 0;}
  body{padding-bottom:56px;}
  .phone-pill{flex:1 1 100%;justify-content:center;}
  .phone-stack a{font-size:21px;}
}
@media(min-width:681px){.sticky-bar{display:none;}}

/* =========================
   NEW PROFESSIONAL VISUAL THEME
   Content and functionality intentionally unchanged
   ========================= */
body{
  font-family:"Inter","Segoe UI",Arial,sans-serif;
  background:var(--bg);
  color:var(--text);
}
header{
  background:rgba(16,43,54,.96);
  border-bottom:1px solid rgba(255,255,255,.12);
  box-shadow:0 5px 24px rgba(13,59,76,.14);
}
.logo{font-family:"Segoe UI",Arial,sans-serif;font-weight:800;letter-spacing:.2px;color:#fff;}
.logo span{color:var(--accent-light);}
nav ul li a{color:#E8F1F4;}
nav ul li a:hover{color:var(--accent-light);}
.header-call{color:var(--accent-light);}
.phone-dropdown-menu{
  background:#fff;
  border:1px solid var(--line);
  box-shadow:0 16px 35px rgba(13,59,76,.18);
}
.phone-dropdown-menu a{color:var(--text);border-bottom:1px solid var(--line);}
.phone-dropdown-menu a:hover{background:var(--bg-soft);color:var(--primary);}
.menu-toggle span{background:#fff;}

section{padding:88px 0;}
.section-label{
  color:var(--primary);
  font-weight:800;
  letter-spacing:2.4px;
}
h1,h2,h3,h4{font-family:"Georgia","Times New Roman",serif;color:var(--text);}
h2{color:var(--text);}
h2 .accent{color:var(--primary);}
p.lead{color:var(--text-muted);}

.btn,.main_button{
  background:var(--accent);
  color:#172B31;
  border-radius:8px;
  box-shadow:0 8px 20px rgba(215,154,59,.20);
}
.btn:hover,.main_button:hover{background:var(--accent-light);transform:translateY(-1px);}
.btn-outline{
  background:transparent;
  border:1px solid var(--primary);
  color:var(--primary);
  box-shadow:none;
}
.btn-outline:hover{background:var(--primary);color:#fff;}

.hero{background:var(--dark);}
.hero-bg{filter:brightness(.62) saturate(.88);}
.hero-overlay{
  background:linear-gradient(180deg,rgba(13,59,76,.58) 0%,rgba(13,59,76,.30) 45%,rgba(16,43,54,.96) 100%);
}
.hero-content h1{color:#fff;}
.hero-content h1 small{color:var(--accent-light);}
.hero-content .location{color:#D5E2E6;}
.hero-content p.lead{color:#E4EEF1;}
.hero-stats div{border-left:2px solid var(--accent);}
.hero-stats .num{color:var(--accent-light);}
.hero-stats .label{color:#C5D5DA;}

.highlights-grid{gap:22px;}
.highlight-card{
  border-radius:14px;
  box-shadow:0 12px 30px rgba(16,43,54,.12);
}
.highlight-overlay{
  background:linear-gradient(180deg,transparent 34%,rgba(13,59,76,.92) 100%);
}
.highlight-overlay .tag{color:var(--accent-light);}

#vision{background:var(--bg-soft)!important;}
.zoning-list{border-top:1px solid var(--line);}
.zoning-row{border-bottom:1px solid var(--line);}
.zoning-row .floor{color:var(--primary);font-weight:700;}
.zoning-row .desc{color:var(--text);}
.zoning-row .desc small{color:var(--text-muted);}

.amenity-card{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:14px;
  box-shadow:0 10px 28px rgba(16,43,54,.08);
}
.amenity-body .tag{color:var(--primary);}
.amenity-body h4{color:var(--text);}
.amenity-body p{color:var(--text-muted);}

section[style*="var(--dark-2)"]{background:var(--bg-soft)!important;}
.philosophy-row img{
  box-shadow:0 15px 35px rgba(16,43,54,.14);
}
.philosophy-num{color:var(--primary);}
.philosophy-row h3{color:var(--text);}
.philosophy-row p{color:var(--text-muted);}
.philosophy-row ul li{color:var(--text);border-top:1px solid var(--line);}
.philosophy-row ul li::before{color:var(--accent);}

.attraction-item{border-left:3px solid var(--accent);}
.attraction-item h4{color:var(--text);}
.attraction-item p{color:var(--text-muted);}

.location-section{background:var(--dark-2);}
.location-section .section-label{color:var(--accent-light);}
.location-section h2{color:#fff;}
.location-section h2 .accent{color:var(--accent-light);}
.location-section p.lead{color:#C9D9DE;}
.connectivity-list li{border-bottom:1px solid rgba(255,255,255,.14);color:#EDF4F6;}
.connectivity-list li span.time{color:var(--accent-light);}
.map-frame{box-shadow:0 15px 35px rgba(0,0,0,.22);}

#pricing{background:var(--bg-soft)!important;}
.price-asof{
  background:rgba(23,107,135,.09);
  border:1px solid rgba(23,107,135,.25);
  color:var(--primary);
}
.pricing-tabs{border-bottom:1px solid var(--line);}
.pricing-tab-btn{color:var(--text-muted);}
.pricing-tab-btn:hover{color:var(--primary);}
.pricing-tab-btn.active{color:var(--primary);border-bottom-color:var(--primary);}
.price-table{
  background:var(--surface);
  border:1px solid var(--line);
  box-shadow:0 10px 26px rgba(16,43,54,.07);
}
.price-table caption{
  color:var(--text);
  background:rgba(23,107,135,.07);
  border-bottom:1px solid var(--line);
}
.price-table th{color:var(--primary);background:#F0F5F7;}
.price-table th,.price-table td{border-bottom:1px solid var(--line);}
.price-table td{color:var(--text);}
.price-table td.amt{color:var(--primary-dark);}
.price-note{
  color:var(--text-muted);
  background:var(--surface);
  border:1px solid var(--line);
}
.price-note strong{color:var(--text);}
.charge-chip{
  background:var(--surface);
  border:1px solid var(--line);
  color:var(--text);
}
.charge-chip strong{color:var(--primary);}
.plan-card{
  background:var(--surface);
  border:1px solid var(--line);
  border-top:3px solid var(--primary);
  box-shadow:0 10px 28px rgba(16,43,54,.07);
}
.plan-card h4{color:var(--text);}
.plan-card td{color:var(--text-muted);border-top:1px solid var(--line);}
.plan-card td:last-child{color:var(--primary-dark);}
.terms-box{
  background:var(--surface);
  border:1px solid var(--line);
}
.terms-box h4{color:var(--text);}
.terms-box ol{color:var(--text-muted);}

.invest-card{
  background:var(--surface);
  border:1px solid var(--line);
  border-top:3px solid var(--primary);
  box-shadow:0 10px 26px rgba(16,43,54,.07);
}
.invest-card h4{color:var(--text);}
.invest-card p{color:var(--text-muted);}
.roi-banner{
  background:linear-gradient(120deg,#0D3B4C,#176B87);
  border:0;
  border-radius:14px;
  box-shadow:0 16px 35px rgba(13,59,76,.20);
}
.roi-banner .roi-num{color:var(--accent-light);}
.roi-banner .roi-text{color:#DDEBED;}

.rera-box{
  background:var(--surface);
  border:1px solid var(--line);
  box-shadow:0 10px 26px rgba(16,43,54,.07);
}
.rera-grid div .lbl{color:var(--text-muted);}
.rera-grid div .val{color:var(--text);}
.bank-details{border-top:1px solid var(--line);color:var(--text-muted);}
.bank-details strong{color:var(--text);}

.contact-section{background:linear-gradient(180deg,#EAF1F3,#F4F7F8);}
.contact-info-card,form.enquiry-form{
  background:var(--surface);
  border:1px solid var(--line);
  box-shadow:0 12px 30px rgba(16,43,54,.08);
}
.contact-info-card .big-phone{color:var(--primary);}
.contact-info-card .row{border-top:1px solid var(--line);}
.icon-dot{background:var(--accent);}
form.enquiry-form input,form.enquiry-form textarea{
  background:#F7FAFB;
  border:1px solid var(--line);
  color:var(--text);
}
form.enquiry-form input::placeholder,form.enquiry-form textarea::placeholder{color:#8A9AA1;}
.consent-text{color:var(--text-muted);}

.phone-pill{
  background:rgba(23,107,135,.07);
  border:1px solid rgba(23,107,135,.22);
  color:var(--text);
}
.phone-pill:hover{background:var(--primary);color:#fff;}
.phone-pill .dot{background:var(--accent);}
.phone-pill:hover .dot{background:var(--accent-light);}
.phone-stack a{color:var(--primary);}
.phone-stack a:hover{color:var(--primary-light);}

.sticky-bar{background:var(--primary);}
.sticky-bar a{color:#fff;border-right:1px solid rgba(255,255,255,.18);}

footer{
  background:#0D303D;
  border-top:1px solid rgba(255,255,255,.10);
}
.footer-grid h4{color:#fff;}
.footer-grid p,.footer-grid ul li a{color:#B8CDD3;}
.footer-grid ul li a:hover{color:var(--accent-light);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);color:#89A2AA;}

@media(max-width:680px){
  section{padding:64px 0;}
  .hero-content h1{font-size:34px;}
  .highlight-card,.amenity-card,.invest-card,.plan-card,.price-table,.contact-info-card,form.enquiry-form{border-radius:12px;}
}


/* PREMIUM WINE + IVORY + COPPER THEME */
:root{
--primary:#7A263A;--primary-dark:#4E1827;--primary-light:#A84B61;
--accent:#B9824B;--accent-light:#D8AE7B;
--bg:#F7F3EE;--bg-soft:#EEE7DF;--surface:#FFFDF9;--surface-2:#F9F5F0;
--text:#2B2525;--text-muted:#716766;--line:#DED4CC;
--dark:#211B1D;--dark-2:#302528;--charcoal:#3B3033;
--cream:#F7F3EE;--max-width:1180px;--radius:14px;
}
body{font-family:"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);}
section{padding:92px 0;}
.section-label{color:var(--primary);letter-spacing:2.8px;font-weight:800;}
h1,h2,h3,h4{font-family:Georgia,"Times New Roman",serif;color:var(--text);}
h2{color:var(--text)} h2 .accent{color:var(--primary)}
p.lead{color:var(--text-muted)}
header{background:rgba(33,27,29,.97);border-bottom:1px solid rgba(216,174,123,.18);box-shadow:0 6px 25px rgba(33,27,29,.18)}
.logo{font-family:Georgia,"Times New Roman",serif;color:#fff}.logo span{color:var(--accent-light)}
nav ul li a{color:#EEE6E1}nav ul li a:hover{color:var(--accent-light)}
.header-call{color:var(--accent-light)}.menu-toggle span{background:#fff}
.phone-dropdown-menu{background:#FFFDF9;border:1px solid var(--line);box-shadow:0 16px 35px rgba(33,27,29,.20)}
.phone-dropdown-menu a{color:var(--text);border-bottom:1px solid var(--line)}
.phone-dropdown-menu a:hover{background:var(--bg-soft);color:var(--primary)}
.btn,.main_button{background:var(--primary);color:#fff;border-radius:7px;box-shadow:0 8px 20px rgba(122,38,58,.20)}
.btn:hover,.main_button:hover{background:var(--primary-light);transform:translateY(-1px)}
.btn-outline{background:transparent;border:1px solid var(--accent);color:var(--accent);box-shadow:none}
.btn-outline:hover{background:var(--accent);color:#fff}
.hero{background:var(--dark)}.hero-bg{filter:brightness(.55) saturate(.78)}
.hero-overlay{background:linear-gradient(180deg,rgba(33,27,29,.60),rgba(33,27,29,.32) 45%,rgba(33,27,29,.98))}
.hero-content h1{color:#fff}.hero-content h1 small{color:var(--accent-light)}
.hero-content .location{color:#D9CFCA}.hero-content p.lead{color:#E9E1DC}
.hero-stats div{border-left:2px solid var(--accent)}.hero-stats .num{color:var(--accent-light)}.hero-stats .label{color:#CBBDB7}
.highlight-card{border-radius:15px;box-shadow:0 14px 32px rgba(60,42,45,.13)}
.highlight-overlay{background:linear-gradient(180deg,transparent 32%,rgba(33,27,29,.94))}
.highlight-overlay .tag{color:var(--accent-light)}
#vision,section[style*="var(--dark-2)"]{background:var(--bg-soft)!important}
.zoning-list{border-top:1px solid var(--line)}.zoning-row{border-bottom:1px solid var(--line)}
.zoning-row .floor{color:var(--primary);font-weight:700}.zoning-row .desc{color:var(--text)}.zoning-row .desc small{color:var(--text-muted)}
.amenity-card{background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:0 10px 28px rgba(60,42,45,.08)}
.amenity-body .tag{color:var(--primary)}.amenity-body h4{color:var(--text)}.amenity-body p{color:var(--text-muted)}
.philosophy-row img{box-shadow:0 15px 35px rgba(60,42,45,.15)}.philosophy-num{color:var(--primary)}
.philosophy-row h3{color:var(--text)}.philosophy-row p{color:var(--text-muted)}
.philosophy-row ul li{color:var(--text);border-top:1px solid var(--line)}.philosophy-row ul li::before{color:var(--accent)}
.attraction-item{border-left:3px solid var(--accent)}.attraction-item h4{color:var(--text)}.attraction-item p{color:var(--text-muted)}
.location-section{background:var(--dark)}.location-section .section-label{color:var(--accent-light)}
.location-section h2{color:#fff}.location-section h2 .accent{color:var(--accent-light)}
.location-section p.lead{color:#D8CDCA}.connectivity-list li{color:#F2EAE5;border-bottom:1px solid rgba(255,255,255,.14)}
.connectivity-list li span.time{color:var(--accent-light)}.map-frame{box-shadow:0 15px 35px rgba(0,0,0,.25)}
#pricing{background:var(--bg-soft)!important}.price-asof{background:rgba(122,38,58,.08);border:1px solid rgba(122,38,58,.22);color:var(--primary)}
.pricing-tabs{border-bottom:1px solid var(--line)}.pricing-tab-btn{color:var(--text-muted)}
.pricing-tab-btn:hover{color:var(--primary)}.pricing-tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}
.price-table{background:var(--surface);border:1px solid var(--line);box-shadow:0 10px 26px rgba(60,42,45,.07)}
.price-table caption{color:var(--text);background:rgba(122,38,58,.065);border-bottom:1px solid var(--line)}
.price-table th{color:var(--primary);background:#F2ECE6}.price-table th,.price-table td{border-bottom:1px solid var(--line)}
.price-table td{color:var(--text)}.price-table td.amt{color:var(--primary-dark)}
.price-note{color:var(--text-muted);background:var(--surface);border:1px solid var(--line)}.price-note strong{color:var(--text)}
.charge-chip{background:var(--surface);border:1px solid var(--line);color:var(--text)}.charge-chip strong{color:var(--primary)}
.plan-card{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--primary);box-shadow:0 10px 28px rgba(60,42,45,.07)}
.plan-card h4{color:var(--text)}.plan-card td{color:var(--text-muted);border-top:1px solid var(--line)}.plan-card td:last-child{color:var(--primary-dark)}
.terms-box{background:var(--surface);border:1px solid var(--line)}.terms-box h4{color:var(--text)}.terms-box ol{color:var(--text-muted)}
.invest-card{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--primary);box-shadow:0 10px 26px rgba(60,42,45,.07)}
.invest-card h4{color:var(--text)}.invest-card p{color:var(--text-muted)}
.roi-banner{background:linear-gradient(120deg,#4E1827,#7A263A);border:0;border-radius:15px;box-shadow:0 16px 35px rgba(78,24,39,.22)}
.roi-banner .roi-num{color:var(--accent-light)}.roi-banner .roi-text{color:#EADFDA}
.rera-box{background:var(--surface);border:1px solid var(--line);box-shadow:0 10px 26px rgba(60,42,45,.07)}
.rera-grid div .lbl{color:var(--text-muted)}.rera-grid div .val{color:var(--text)}
.bank-details{border-top:1px solid var(--line);color:var(--text-muted)}.bank-details strong{color:var(--text)}
.contact-section{background:linear-gradient(180deg,#EEE7DF,#F7F3EE)}
.contact-info-card,form.enquiry-form{background:var(--surface);border:1px solid var(--line);box-shadow:0 12px 30px rgba(60,42,45,.08)}
.contact-info-card .big-phone{color:var(--primary)}.contact-info-card .row{border-top:1px solid var(--line)}
.icon-dot{background:var(--accent)}form.enquiry-form input,form.enquiry-form textarea{background:#FBF8F4;border:1px solid var(--line);color:var(--text)}
form.enquiry-form input::placeholder,form.enquiry-form textarea::placeholder{color:#958A85}.consent-text{color:var(--text-muted)}
.phone-pill{background:rgba(122,38,58,.06);border:1px solid rgba(122,38,58,.20);color:var(--text)}
.phone-pill:hover{background:var(--primary);color:#fff}.phone-pill .dot{background:var(--accent)}
.phone-pill:hover .dot{background:var(--accent-light)}.phone-stack a{color:var(--primary)}.phone-stack a:hover{color:var(--primary-light)}
.sticky-bar{background:var(--primary)}.sticky-bar a{color:#fff;border-right:1px solid rgba(255,255,255,.18)}
footer{background:#211B1D;border-top:1px solid rgba(216,174,123,.14)}
.footer-grid h4{color:#fff}.footer-grid p,.footer-grid ul li a{color:#C2B5B0}.footer-grid ul li a:hover{color:var(--accent-light)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);color:#94847F}
@media(max-width:680px){section{padding:64px 0}.highlight-card,.amenity-card,.invest-card,.plan-card,.price-table,.contact-info-card,form.enquiry-form{border-radius:12px}}


/* ==========================================================
   LIGHT PREMIUM THEME — NO DARK PAGE BACKGROUNDS
   ========================================================== */
:root{
  --primary:#8A3D50;
  --primary-dark:#67283A;
  --primary-light:#B56578;
  --accent:#B47A43;
  --accent-light:#D3A16B;
  --bg:#FBF9F6;
  --bg-soft:#F4EEE8;
  --surface:#FFFFFF;
  --surface-2:#FCFAF8;
  --text:#2E2928;
  --text-muted:#706967;
  --line:#E7DED7;
  --dark:#F2ECE6;
  --dark-2:#F7F3EF;
  --charcoal:#FFFFFF;
  --cream:#FBF9F6;
}

/* Global light background */
html,body{
  background:#FBF9F6!important;
  color:var(--text)!important;
}

/* Header */
header{
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid #E7DED7!important;
  box-shadow:0 5px 22px rgba(90,65,55,.08)!important;
}
.logo{color:var(--text)!important;}
.logo span{color:var(--primary)!important;}
nav ul li a{color:#514847!important;}
nav ul li a:hover{color:var(--primary)!important;}
.header-call{color:var(--primary)!important;}
.menu-toggle span{background:var(--primary)!important;}
.phone-dropdown-menu{
  background:#fff!important;
  border:1px solid var(--line)!important;
  box-shadow:0 15px 35px rgba(70,50,45,.12)!important;
}
.phone-dropdown-menu a{color:var(--text)!important;}
.phone-dropdown-menu a:hover{background:var(--bg-soft)!important;color:var(--primary)!important;}

/* Hero remains visually rich, but not black */
.hero{
  background:#EEE5DC!important;
}
.hero-bg{
  filter:brightness(.78) saturate(.78)!important;
}
.hero-overlay{
  background:linear-gradient(
    180deg,
    rgba(255,250,245,.16) 0%,
    rgba(255,250,245,.05) 48%,
    rgba(244,235,226,.90) 100%
  )!important;
}
.hero-content h1{color:#302728!important;text-shadow:0 1px 2px rgba(255,255,255,.35);}
.hero-content h1 small{color:var(--primary)!important;}
.hero-content .location{color:#514847!important;}
.hero-content p.lead{color:#4E4644!important;}
.hero-content .section-label{color:var(--primary)!important;}
.hero-stats div{border-left:2px solid var(--primary)!important;}
.hero-stats .num{color:var(--primary)!important;}
.hero-stats .label{color:#665D5A!important;}

/* Buttons */
.btn,.main_button{
  background:var(--primary)!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(138,61,80,.16)!important;
}
.btn:hover,.main_button:hover{background:var(--primary-light)!important;}
.btn-outline{
  background:#fff!important;
  border:1px solid var(--primary)!important;
  color:var(--primary)!important;
}
.btn-outline:hover{background:var(--primary)!important;color:#fff!important;}

/* Phone pills */
.phone-pill{
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(138,61,80,.20)!important;
  color:var(--text)!important;
  box-shadow:0 4px 12px rgba(70,50,45,.05);
}
.phone-pill:hover{background:var(--primary)!important;color:#fff!important;}
.phone-pill .dot{background:var(--accent)!important;}
.phone-pill:hover .dot{background:#fff!important;}
.phone-stack a{color:var(--primary)!important;}

/* All sections light */
section,
#vision,
#pricing,
section[style*="var(--dark-2)"],
.location-section,
.contact-section{
  background:var(--bg)!important;
  color:var(--text)!important;
}

/* Alternate sections */
#vision,
#pricing,
section[style*="var(--dark-2)"]{
  background:var(--bg-soft)!important;
}

/* Location — soft warm instead of dark */
.location-section{
  background:#F1E9E1!important;
}
.location-section .section-label{color:var(--primary)!important;}
.location-section h2{color:var(--text)!important;}
.location-section h2 .accent{color:var(--primary)!important;}
.location-section p.lead{color:var(--text-muted)!important;}
.connectivity-list li{
  color:var(--text)!important;
  border-bottom:1px solid var(--line)!important;
}
.connectivity-list li span.time{color:var(--primary)!important;}

/* Cards */
.highlight-card,.amenity-card,.invest-card,.plan-card,
.price-table,.rera-box,.contact-info-card,form.enquiry-form{
  background:#fff!important;
  border-color:var(--line)!important;
  box-shadow:0 9px 25px rgba(70,50,45,.07)!important;
}
.highlight-overlay{
  background:linear-gradient(180deg,transparent 35%,rgba(60,39,45,.72) 100%)!important;
}
.highlight-overlay .tag{color:#F2CFA7!important;}
.amenity-body .tag{color:var(--primary)!important;}
.amenity-body h4,.invest-card h4,.plan-card h4{color:var(--text)!important;}
.amenity-body p,.invest-card p{color:var(--text-muted)!important;}

/* Zoning / philosophy */
.zoning-list{border-top:1px solid var(--line)!important;}
.zoning-row{border-bottom:1px solid var(--line)!important;}
.zoning-row .floor{color:var(--primary)!important;}
.zoning-row .desc{color:var(--text)!important;}
.zoning-row .desc small{color:var(--text-muted)!important;}
.philosophy-num{color:var(--primary)!important;}
.philosophy-row h3{color:var(--text)!important;}
.philosophy-row p{color:var(--text-muted)!important;}
.philosophy-row ul li{color:var(--text)!important;border-top:1px solid var(--line)!important;}
.philosophy-row ul li::before{color:var(--accent)!important;}
.attraction-item{border-left-color:var(--primary)!important;}
.attraction-item h4{color:var(--text)!important;}
.attraction-item p{color:var(--text-muted)!important;}

/* Pricing */
.price-asof{
  background:rgba(138,61,80,.07)!important;
  border-color:rgba(138,61,80,.18)!important;
  color:var(--primary)!important;
}
.pricing-tabs{border-bottom-color:var(--line)!important;}
.pricing-tab-btn{color:var(--text-muted)!important;}
.pricing-tab-btn.active{color:var(--primary)!important;border-bottom-color:var(--primary)!important;}
.price-table caption{
  color:var(--text)!important;
  background:#F5EEE8!important;
  border-bottom-color:var(--line)!important;
}
.price-table th{
  color:var(--primary)!important;
  background:#FAF6F2!important;
}
.price-table th,.price-table td{border-bottom-color:var(--line)!important;}
.price-table td{color:var(--text)!important;}
.price-table td.amt{color:var(--primary-dark)!important;}
.price-note{
  background:#fff!important;
  border-color:var(--line)!important;
  color:var(--text-muted)!important;
}
.charge-chip{
  background:#fff!important;
  border-color:var(--line)!important;
  color:var(--text)!important;
}
.charge-chip strong{color:var(--primary)!important;}
.plan-card{border-top-color:var(--primary)!important;}
.plan-card td{color:var(--text-muted)!important;border-top-color:var(--line)!important;}
.plan-card td:last-child{color:var(--primary-dark)!important;}
.terms-box{background:#fff!important;border-color:var(--line)!important;}
.terms-box h4{color:var(--text)!important;}
.terms-box ol{color:var(--text-muted)!important;}

/* Investment */
.roi-banner{
  background:linear-gradient(120deg,#8A3D50,#A65368)!important;
  box-shadow:0 12px 28px rgba(138,61,80,.16)!important;
}
.roi-banner .roi-num{color:#F3D3AA!important;}
.roi-banner .roi-text{color:#FFF5EE!important;}
.rera-grid div .lbl{color:var(--text-muted)!important;}
.rera-grid div .val{color:var(--text)!important;}
.bank-details{border-top-color:var(--line)!important;color:var(--text-muted)!important;}
.bank-details strong{color:var(--text)!important;}

/* Contact */
.contact-section{
  background:linear-gradient(180deg,#F4EEE8,#FBF9F6)!important;
}
.contact-info-card .big-phone{color:var(--primary)!important;}
.contact-info-card .row{border-top-color:var(--line)!important;}
.icon-dot{background:var(--accent)!important;}
form.enquiry-form input,
form.enquiry-form textarea{
  background:#FCFAF8!important;
  border-color:var(--line)!important;
  color:var(--text)!important;
}
form.enquiry-form input::placeholder,
form.enquiry-form textarea::placeholder{color:#99908C!important;}
.consent-text{color:var(--text-muted)!important;}

/* Footer — light, not black */
footer{
  background:#F0E8E1!important;
  border-top:1px solid var(--line)!important;
}
.footer-grid h4{color:var(--text)!important;}
.footer-grid p,.footer-grid ul li a{color:#716765!important;}
.footer-grid ul li a:hover{color:var(--primary)!important;}
.footer-bottom{
  border-top-color:#DCD1C9!important;
  color:#817672!important;
}

/* Mobile bar */
.sticky-bar{background:#fff!important;border-top:1px solid var(--line);}
.sticky-bar a{
  color:var(--primary)!important;
  border-right:1px solid var(--line)!important;
}

@media(max-width:680px){
  body{background:#FBF9F6!important;}
  section{padding:64px 0;}
  .hero-content h1{font-size:34px;}
}


/* HERO READABILITY FIX */
.hero{
  background:#EEE8E1!important;
}
.hero-bg{
  filter:brightness(.88) saturate(.82)!important;
}
.hero-overlay{
  background:
    linear-gradient(
      90deg,
      rgba(255,250,246,.94) 0%,
      rgba(255,250,246,.82) 34%,
      rgba(255,250,246,.42) 57%,
      rgba(255,250,246,.08) 82%,
      rgba(255,250,246,0) 100%
    )!important;
}
.hero-content{
  text-shadow:none!important;
}
.hero-content .section-label{
  color:#8A3D50!important;
  text-shadow:none!important;
}
.hero-content .location{
  color:#4A4140!important;
  text-shadow:none!important;
}
.hero-content h1{
  color:#292324!important;
  text-shadow:0 1px 1px rgba(255,255,255,.65)!important;
}
.hero-content h1 small{
  color:#8A3D50!important;
  text-shadow:none!important;
}
.hero-content p.lead{
  color:#4B4442!important;
  text-shadow:none!important;
  max-width:700px;
}
.hero-stats{
  position:relative;
}
.hero-stats div{
  border-left:2px solid #8A3D50!important;
}
.hero-stats .num{
  color:#7A3045!important;
  text-shadow:0 1px 1px rgba(255,255,255,.6)!important;
}
.hero-stats .label{
  color:#514947!important;
}
.hero-buttons{
  position:relative;
}
@media(max-width:680px){
  .hero-overlay{
    background:linear-gradient(
      180deg,
      rgba(255,250,246,.88) 0%,
      rgba(255,250,246,.72) 55%,
      rgba(255,250,246,.30) 100%
    )!important;
  }
}


/* ==========================================================
   KB WEST WALK — LOGO + LIGHT PREMIUM SEO THEME OVERRIDES
   ========================================================== */
.logo-image{
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:82px;
  height:82px;
  flex:0 0 82px;
}
.logo-image img{
  width:72px!important;
  height:72px!important;
  object-fit:contain;
  display:block;
}
.footer-logo{
  width:88px!important;
  height:88px!important;
}
.footer-logo img{
  width:82px!important;
  height:82px!important;
}
@media(max-width:980px){
  .logo-image{width:72px;height:72px;flex-basis:72px;}
  .logo-image img{width:64px!important;height:64px!important;}
}
@media(max-width:680px){
  .logo-image{width:58px;height:58px;flex-basis:58px;}
  .logo-image img{width:54px!important;height:54px!important;}
}
/* Keep the requested enquiry-button burgundy as the main brand accent. */
:root{
  --primary:#8A3D50!important;
  --primary-dark:#67283A!important;
  --primary-light:#B56578!important;
  --accent:#8A3D50!important;
  --accent-light:#B56578!important;
}


/* ==========================================================
   KB WEST WALK — BLUE + RED BRAND THEME
   Brand colors:
   Light Blue  #BFE3E9
   Dark Blue   #0C2742
   Dark Red    #BE2428
   ========================================================== */
:root{
  --primary:#0C2742!important;
  --primary-dark:#081B2E!important;
  --primary-light:#164A72!important;
  --accent:#BE2428!important;
  --accent-light:#BFE3E9!important;
  --bg:#F7FBFC!important;
  --bg-soft:#52c6d9 !important;
  --surface:#FFFFFF!important;
  --surface-2:#F8FCFD!important;
  --text:#0C2742!important;
  --text-muted:#5B6D78!important;
  --line:#D5E5E9!important;
  --dark:#0C2742!important;
  --dark-2:#123A5A!important;
  --charcoal:#123A5A!important;
  --cream:#F7FBFC!important;
}

/* Global */
html,body{
  background:#F7FBFC!important;
  color:#0C2742!important;
}

/* Header */
header{
  background:rgba(12,39,66,.97)!important;
  border-bottom:1px solid rgba(191,227,233,.20)!important;
  box-shadow:0 5px 22px rgba(12,39,66,.18)!important;
}
.logo{color:#fff!important;}
.logo span{color:#BFE3E9!important;}
nav ul li a{color:#EAF7F9!important;}
nav ul li a:hover{color:#BFE3E9!important;}
.header-call{color:#BFE3E9!important;}
.menu-toggle span{background:#BFE3E9!important;}

.phone-dropdown-menu{
  background:#fff!important;
  border:1px solid #D5E5E9!important;
  box-shadow:0 15px 35px rgba(12,39,66,.18)!important;
}
.phone-dropdown-menu a{
  color:#0C2742!important;
  border-bottom:1px solid #D5E5E9!important;
}
.phone-dropdown-menu a:hover{
  background:#52c6d9 !important;
  color:#BE2428!important;
}

/* Buttons */
.btn,.main_button{
  background:#5bddefde!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(190,36,40,.18)!important;
}
.btn:hover,.main_button:hover{
  background:#0C2742!important;
  color:#fff!important;
}
.btn-outline{
  background:#fff!important;
  border:1px solid #0C2742!important;
  color:#0C2742!important;
  box-shadow:none!important;
}
.btn-outline:hover{
  background:#0C2742!important;
  color:#fff!important;
}

/* Hero */
.hero{background:#DDEFF2!important;}
.hero-bg{filter:brightness(.82) saturate(.88)!important;}
.hero-overlay{
  background:
    linear-gradient(
      90deg,
      rgba(247,251,252,.95) 0%,
      rgba(247,251,252,.82) 34%,
      rgba(247,251,252,.40) 57%,
      rgba(247,251,252,.08) 82%,
      rgba(247,251,252,0) 100%
    )!important;
}
.hero-content h1{
  color:#0C2742!important;
  text-shadow:0 1px 1px rgba(255,255,255,.65)!important;
}
.hero-content h1 small{color:#BE2428!important;}
.hero-content .section-label{color:#BE2428!important;}
.hero-content .location{color:#304D60!important;}
.hero-content p.lead{color:#304D60!important;}
.hero-stats div{border-left:2px solid #BE2428!important;}
.hero-stats .num{color:#0C2742!important;}
.hero-stats .label{color:#486272!important;}

/* Sections */
section,
#vision,
#pricing,
section[style*="var(--dark-2)"],
.location-section,
.contact-section{
  background:#F7FBFC!important;
  color:#0C2742!important;
}
#vision,#pricing,section[style*="var(--dark-2)"]{
  background:#52c6d9 !important;
}
.location-section{
  background:#52c6d9 !important;
}
.location-section .section-label,
.location-section h2 .accent,
.location-section .connectivity-list li span.time{
  color:#BE2428!important;
}
.location-section h2{color:#0C2742!important;}
.location-section p.lead{color:#486272!important;}
.connectivity-list li{
  color:#0C2742!important;
  border-bottom:1px solid #C9DEE3!important;
}

/* Section headings */
.section-label{color:#BE2428!important;}
h1,h2,h3,h4{color:#0C2742!important;}
h2 .accent{color:#BE2428!important;}
p.lead{color:#5B6D78!important;}

/* Cards */
.highlight-card,.amenity-card,.invest-card,.plan-card,
.price-table,.rera-box,.contact-info-card,form.enquiry-form{
  background:#fff!important;
  border-color:#D5E5E9!important;
  box-shadow:0 9px 25px rgba(12,39,66,.08)!important;
}
.highlight-overlay{
  background:linear-gradient(180deg,transparent 35%,rgba(12,39,66,.84) 100%)!important;
}
.highlight-overlay .tag{color:#BFE3E9!important;}
.amenity-body .tag{color:#BE2428!important;}
.amenity-body h4,.invest-card h4,.plan-card h4{color:#0C2742!important;}
.amenity-body p,.invest-card p{color:#5B6D78!important;}

/* Zoning / philosophy / attractions */
.zoning-list{border-top:1px solid #D5E5E9!important;}
.zoning-row{border-bottom:1px solid #D5E5E9!important;}
.zoning-row .floor{color:#BE2428!important;}
.zoning-row .desc{color:#0C2742!important;}
.zoning-row .desc small{color:#5B6D78!important;}
.philosophy-num{color:#BE2428!important;}
.philosophy-row h3{color:#0C2742!important;}
.philosophy-row p{color:#5B6D78!important;}
.philosophy-row ul li{
  color:#0C2742!important;
  border-top:1px solid #D5E5E9!important;
}
.philosophy-row ul li::before{color:#BE2428!important;}
.attraction-item{border-left-color:#BE2428!important;}
.attraction-item h4{color:#0C2742!important;}
.attraction-item p{color:#5B6D78!important;}

/* Pricing */
.price-asof{
  background:rgba(191,227,233,.45)!important;
  border-color:#9FCED6!important;
  color:#0C2742!important;
}
.pricing-tabs{border-bottom-color:#D5E5E9!important;}
.pricing-tab-btn{color:#5B6D78!important;}
.pricing-tab-btn:hover{color:#0C2742!important;}
.pricing-tab-btn.active{
  color:#BE2428!important;
  border-bottom-color:#BE2428!important;
}
.price-table caption{
  color:#0C2742!important;
  background:#52c6d9 !important;
  border-bottom-color:#D5E5E9!important;
}
.price-table th{
  color:#0C2742!important;
  background:#E5F2F4!important;
}
.price-table th,.price-table td{border-bottom-color:#D5E5E9!important;}
.price-table td{color:#0C2742!important;}
.price-table td.amt{color:#BE2428!important;}
.price-note{
  background:#fff!important;
  border-color:#D5E5E9!important;
  color:#5B6D78!important;
}
.charge-chip{
  background:#fff!important;
  border-color:#D5E5E9!important;
  color:#0C2742!important;
}
.charge-chip strong{color:#BE2428!important;}
.plan-card{border-top-color:#BE2428!important;}
.plan-card td{color:#5B6D78!important;border-top-color:#D5E5E9!important;}
.plan-card td:last-child{color:#BE2428!important;}
.terms-box{
  background:#fff!important;
  border-color:#D5E5E9!important;
}
.terms-box h4{color:#0C2742!important;}
.terms-box ol{color:#5B6D78!important;}

/* Investment */
.invest-card{border-top-color:#BE2428!important;}
.roi-banner{
  background:linear-gradient(120deg,#0C2742,#164A72)!important;
  box-shadow:0 12px 28px rgba(12,39,66,.18)!important;
}
.roi-banner .roi-num{color:#BFE3E9!important;}
.roi-banner .roi-text{color:#EAF7F9!important;}
.rera-grid div .lbl{color:#5B6D78!important;}
.rera-grid div .val{color:#0C2742!important;}
.bank-details{
  border-top-color:#D5E5E9!important;
  color:#5B6D78!important;
}
.bank-details strong{color:#0C2742!important;}

/* Contact */
.contact-section{
  background:linear-gradient(180deg,#52c6d9 ,#F7FBFC)!important;
}
.contact-info-card .big-phone{color:#0C2742!important;}
.contact-info-card .row{border-top-color:#D5E5E9!important;}
.icon-dot{background:#BE2428!important;}
form.enquiry-form input,
form.enquiry-form textarea{
  background:#F8FCFD!important;
  border-color:#D5E5E9!important;
  color:#0C2742!important;
}
form.enquiry-form input::placeholder,
form.enquiry-form textarea::placeholder{color:#82949E!important;}
.consent-text{color:#5B6D78!important;}

/* Phone */
.phone-pill{
  background:rgba(191,227,233,.28)!important;
  border:1px solid rgba(12,39,66,.18)!important;
  color:#0C2742!important;
}
.phone-pill:hover{background:#0C2742!important;color:#fff!important;}
.phone-pill .dot{background:#BE2428!important;}
.phone-pill:hover .dot{background:#BFE3E9!important;}
.phone-stack a{color:#0C2742!important;}
.phone-stack a:hover{color:#BE2428!important;}

/* Footer */
footer{
  background:#0C2742!important;
  border-top:1px solid rgba(191,227,233,.20)!important;
}
.footer-grid h4{color:#fff!important;}
.footer-grid p,.footer-grid ul li a{color:#BFE3E9!important;}
.footer-grid ul li a:hover{color:#fff!important;}
.footer-bottom{
  border-top-color:rgba(191,227,233,.20)!important;
  color:#9FC2CC!important;
}

/* Mobile bar */
.sticky-bar{
  background:#fff!important;
  border-top:1px solid #D5E5E9!important;
}
.sticky-bar a{
  color:#0C2742!important;
  border-right:1px solid #D5E5E9!important;
}
.sticky-bar a:last-child{
  background:#BE2428!important;
  color:#fff!important;
}

/* Logo image */
.logo-image img,.footer-logo img{
  object-fit:contain;
}

/* Footer address visibility fix */
.footer-grid ul li {
    color: #BFE3E9 !important;
    font-size: 14px;
    line-height: 1.7;
}

/* Mobile */
@media(max-width:680px){
  body{background:#F7FBFC!important;}
}