*{margin:0;padding:0;box-sizing:border-box;} :root{--gold:#C9A84C;--dark:#0d0d0d;--blue:#1A5BA6;}
    body.blog{background:#f4f4f4;color:#1a1a1a;font-family:'DM Sans',sans-serif;}
.hero{background:linear-gradient(135deg,#0a1628,#0d0d0d);padding:64px 5% 56px;border-bottom:1px solid rgba(201,168,76,0.2);}
    .hi{max-width:1200px;margin:0 auto;}
    .tag{font-size:11px;color:var(--gold);letter-spacing:4px;text-transform:uppercase;margin-bottom:14px;}
    h1{font-family:'Cormorant Garamond',serif;font-size:clamp(32px,4vw,54px);font-weight:700;color:#fff;line-height:1.2;margin-bottom:16px;}
    .hero p{font-size:16px;color:rgba(255,255,255,0.55);max-width:640px;line-height:1.75;}
    .stats{display:flex;gap:32px;margin-top:32px;flex-wrap:wrap;}
    .stat{text-align:left;}
    .stat-n{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:700;color:var(--gold);}
    .stat-l{font-size:12px;color:rgba(255,255,255,0.4);text-transform:uppercase;letter-spacing:1px;}
    .main{max-width:1200px;margin:0 auto;padding:56px 5%;}
    .section-title{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:700;color:#0d0d0d;margin-bottom:28px;}
    .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;}
    .card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.06);transition:transform .25s,box-shadow .25s;text-decoration:none;display:flex;flex-direction:column;}
    .card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,0.12);}
    .card-body{padding:24px;flex:1;display:flex;flex-direction:column;}
    .card-cat{font-size:10px;color:var(--gold);letter-spacing:3px;text-transform:uppercase;margin-bottom:10px;font-weight:600;}
    .card h2{font-family:'Cormorant Garamond',serif;font-size:19px;font-weight:700;color:#0d0d0d;line-height:1.35;margin-bottom:10px;}
    .card p{font-size:13px;color:#666;line-height:1.7;flex:1;margin-bottom:16px;}
    .card-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#aaa;border-top:1px solid #f0f0f0;padding-top:14px;margin-top:auto;}
    .read-more{font-size:12px;color:var(--blue);font-weight:600;}
    .filter-btn{background:#fff;border:1px solid #e0e0e0;color:#555;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:13px;transition:all .2s;font-family:'DM Sans',sans-serif;}
    .filter-btn.active,.filter-btn:hover{background:var(--gold);color:#0d0d0d;border-color:var(--gold);font-weight:600;}
    .card[data-future]{display:none!important;}
    .cta-section{background:linear-gradient(135deg,#0a1628,#1a2a4a);padding:72px 5%;text-align:center;margin-top:72px;}
    .cta-section h2{font-family:'Cormorant Garamond',serif;font-size:38px;color:#fff;margin-bottom:14px;}
    .cta-section p{font-size:15px;color:rgba(255,255,255,0.6);margin-bottom:28px;}
    .cta-btn{background:var(--gold);color:#0d0d0d;padding:14px 36px;border-radius:4px;font-size:13px;font-weight:700;text-decoration:none;display:inline-block;letter-spacing:.06em;text-transform:uppercase;}
@media(max-width:640px){.nl{display:none;}.grid{grid-template-columns:1fr;}.stats{gap:16px;}}
  
/* NAV OVERRIDE */

nav.main-nav{position:sticky;top:0;z-index:500;background:rgba(10,10,10,.97);border-bottom:2px solid #C9A84C;backdrop-filter:blur(10px);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:1280px;margin:0 auto;padding:0 5%;}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.nav-logo img{height:36px;width:auto;}
.nav-logo-t{font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;font-weight:700;color:#fff;letter-spacing:1px;white-space:nowrap;line-height:1;}
.nav-logo-t span{color:#C9A84C;}
.nav-links{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0;}
.nav-links li{position:relative;}
.nav-links a{font-size:13px;font-weight:500;color:rgba(255,255,255,.72);padding:8px 11px;border-radius:3px;transition:color .2s;white-space:nowrap;display:flex;align-items:center;text-decoration:none;}
.nav-links a:hover{color:#fff;}
.nav-dd-menu{display:none;position:absolute;top:100%;left:0;background:#111;border:1px solid rgba(255,255,255,.1);border-radius:6px;min-width:170px;padding:12px 6px 6px;box-shadow:0 8px 32px rgba(0,0,0,.5);margin-top:0;}
.nav-dd:hover .nav-dd-menu{display:block;}.nav-dd>a{padding-bottom:12px;}
.nav-dd-menu a{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:4px;font-size:13px;color:rgba(255,255,255,.7);}
.nav-dd-menu a:hover{background:rgba(201,168,76,.1);color:#fff;}
.cdot{width:7px;height:7px;border-radius:50%;background:#C9A84C;display:inline-block;flex-shrink:0;}
.nav-right{display:flex;align-items:center;gap:8px;}
.nav-phone{font-size:12px;color:rgba(255,255,255,.6);padding:7px 12px;border:1px solid rgba(255,255,255,.12);border-radius:3px;display:flex;align-items:center;gap:6px;white-space:nowrap;text-decoration:none;transition:color .2s,border-color .2s;}
.nav-phone:hover{color:#C9A84C;border-color:rgba(201,168,76,.4);}
.nav-pdot{width:6px;height:6px;border-radius:50%;background:#22c55e;flex-shrink:0;animation:blink 2s infinite;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:.3;}}
.nav-cta{background:#C9A84C;color:#0d0d0d;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:9px 18px;border-radius:3px;cursor:pointer;border:none;white-space:nowrap;transition:background .2s;text-decoration:none;}
.nav-cta:hover{background:#e0bc5a;}
.hbg{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px;}
.hbg span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;}
.mm{display:none;position:fixed;top:64px;left:0;right:0;background:#0f0f0f;border-top:1px solid rgba(201,168,76,.2);padding:12px 5% 20px;z-index:499;max-height:calc(100vh - 64px);overflow-y:auto;}
.mm.open{display:block;}
.mm a{display:block;padding:11px 0;font-size:15px;color:rgba(255,255,255,.75);border-bottom:1px solid rgba(255,255,255,.06);text-decoration:none;}
.mm a:hover{color:#C9A84C;}
.mm-cta{color:#C9A84C!important;font-weight:700!important;border-bottom:none!important;margin-top:10px!important;}
@media(max-width:768px){.nav-links,.nav-phone{display:none!important;}.hbg{display:flex!important;}}

/* ── COMPREHENSIVE MOBILE FIXES ── */
@media(max-width:768px){
  /* Hero */
  section[style*="min-height:92vh"],section[style*="min-height:60vh"],section[style*="min-height:55vh"],section[style*="min-height:50vh"]{min-height:70vh!important;}
  /* Hero content padding */
  div[style*="padding:80px 5%"]{padding:48px 5% 40px!important;}
  div[style*="padding:60px 5%"]{padding:40px 5% 32px!important;}
  /* All inline 2-col grids → single col */
  div[style*="grid-template-columns:1fr 1fr"],
  div[style*="grid-template-columns: 1fr 1fr"]{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  /* Image grids in why-choose section */
  div[style*="grid-template-columns:1fr 1fr"][style*="gap:10px"],
  div[style*="grid-template-columns:1fr 1fr"][style*="gap:12px"]{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  /* Location city cards min-height */
  div[style*="min-height:300px"],div[style*="min-height:320px"]{min-height:240px!important;}
  /* Process steps row → 2 col */
  div[style*="grid-template-columns:repeat(auto-fill,minmax(220px"]{
    grid-template-columns:1fr 1fr!important;
  }
  /* Services flex pairs */
  div[style*="grid-template-columns:1fr 1fr"][style*="gap:56px"],
  div[style*="grid-template-columns:1fr 1fr"][style*="gap:60px"]{
    grid-template-columns:1fr!important;
  }
  /* CTA band padding */
  .cta-band{padding:48px 5%!important;}
  /* Section padding already handled by .sec */
  /* Footer grid handled by existing rule */
  /* Stats */
  .sn{font-size:28px!important;}
  /* Card images smaller on mobile */
  .ci{height:180px!important;}
  /* Modal padding */
  .mb{padding:16px 16px 20px!important;}
  .mh{padding:16px 16px 14px!important;}
  /* Buttons full width in hero */
  div[style*="display:flex;gap:14px;flex-wrap:wrap"] .btn{width:100%;text-align:center;justify-content:center;}
}
@media(max-width:480px){
  /* Image pair grids → single col on very small */
  div[style*="grid-template-columns:1fr 1fr"][style*="gap:8px"],
  div[style*="grid-template-columns:1fr 1fr"][style*="gap:10px"],
  div[style*="grid-template-columns:1fr 1fr"][style*="gap:12px"]{
    grid-template-columns:1fr!important;
  }
  /* Process steps */
  div[style*="grid-template-columns:1fr 1fr"][style*="border"]{
    grid-template-columns:1fr!important;
  }
  /* Area list grid in coimbatore/chennai pages */
  div[style*="grid-template-columns:1fr 1fr"][style*="gap:6px"]{
    grid-template-columns:1fr!important;
  }
  /* Stat numbers */
  .sn{font-size:32px!important;}
  /* Logo text size */
  .nav-logo-t{font-size:17px!important;}
  /* Hero title */
  .h1{font-size:28px!important;}
  .h2{font-size:22px!important;}
}

/* WordPress Blog/Insights integration */
body.blog .hero, body.blog .main, body.blog .cta-section{width:100%;}
body.blog .main{max-width:1200px;margin:0 auto;}
body.blog .card{color:inherit;}
body.blog .filter-btn{text-decoration:none;display:inline-block;}
body.blog .card-meta span{line-height:1.4;}
body.blog .grid{align-items:stretch;}