*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}
body{background:#f4f6f9;color:#111;line-height:1.5}

/* NAVBAR */
.navbar{background:#1f3b5d;position:sticky;top:0;z-index:999;padding:14px 0;box-shadow:0 6px 18px rgba(0,0,0,.08)}
.nav-container{width:92%;max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between}
.logo{font-size:24px;font-weight:900;color:#fff;letter-spacing:.2px}
.logo span{color:#f9b000}
.nav-links a{margin-left:20px;color:#fff;text-decoration:none;font-weight:700;font-size:14px}
.nav-links a:hover{text-decoration:underline}

/* HERO */
.hero{position:relative;height:520px;background-image:url("image/hero-drehero-dreamy-commercial-kolkata.jpg");background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}
.hero-overlay{position:absolute;inset:0;background:rgba(10,18,35,.68)}
.hero-content{position:relative;text-align:center;color:#fff;padding:0 16px;max-width:900px;z-index:2}
.hero-content h1{font-size:44px;font-weight:900;line-height:1.2}
.hero-content p{margin-top:14px;font-size:16px;opacity:.95}
.hero-search{margin-top:20px;width:min(720px,95%);padding:14px 16px;border-radius:10px;border:none;outline:none;font-size:14px;background:rgba(255,255,255,.15);color:rgba(255,255,255,.85)}
.hero-search::placeholder{color:rgba(255,255,255,.65)}

/* FILTERS */
.filters{margin-top:18px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.filter-btn{border:none;padding:10px 18px;border-radius:8px;background:#f9b000;color:#111;font-weight:800;cursor:pointer;transition:.2s}
.filter-btn:hover{background:#ffbf2f}
.filter-btn.active{background:#ffcc4d;outline:2px solid rgba(255,255,255,.35)}

/* QUICK ACTIONS */
.quick-actions{margin-top:18px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.qa-btn{display:inline-block;padding:10px 14px;border-radius:999px;font-weight:900;text-decoration:none;color:#fff;box-shadow:0 10px 25px rgba(0,0,0,.18)}
.qa-call{background:#2563eb}
.qa-wa{background:#22c55e}
.qa-form{background:#1f3b5d;border:1px solid rgba(255,255,255,.35)}
.qa-loan{background:#111827}

/* TRUST SECTION */
.trust-section{padding:35px 0}
.trust-wrap{width:92%;max-width:1200px;margin:auto}
.trust-wrap h2{text-align:center;font-size:28px;font-weight:900;margin-bottom:18px}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.trust-card{background:#fff;border-radius:16px;padding:16px;border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 25px rgba(0,0,0,.08)}
.trust-card h3{font-size:16px;font-weight:900;margin-bottom:6px;color:#1f3b5d}
.trust-card p{font-size:13px;color:#333}

/* LEAD FORM */
.lead-section{width:92%;max-width:1200px;margin:-45px auto 30px auto;position:relative;z-index:3}
.lead-box{background:#fff;border-radius:16px;box-shadow:0 12px 35px rgba(0,0,0,.10);padding:18px;display:grid;grid-template-columns:1.1fr 1fr;gap:18px;border:1px solid rgba(0,0,0,.06)}
.lead-left h2{font-size:22px;font-weight:900;color:#1f3b5d}
.lead-left p{margin-top:8px;color:#444;font-size:14px}
.trust-points{margin-top:12px;padding-left:18px;color:#1f3b5d;font-weight:900}
.trust-points li{margin:6px 0}
.lead-form{display:grid;gap:10px}
.lead-form input,.lead-form select{width:100%;padding:12px;border-radius:10px;border:1px solid #dce2ea;outline:none;font-size:14px}
.lead-form input:focus,.lead-form select:focus{border-color:#1f3b5d;box-shadow:0 0 0 3px rgba(31,59,93,.12)}
.lead-submit{background:#1f3b5d;border:none;color:#fff;padding:12px;border-radius:10px;font-weight:900;cursor:pointer;font-size:15px}
.lead-submit:hover{background:#162c45}
.lead-msg{margin-top:6px;font-size:13px;font-weight:900}

/* LANDING LINKS */
.landing-links{padding:18px 0 35px}
.landing-wrap{width:92%;max-width:1200px;margin:auto}
.landing-wrap h2{text-align:center;font-size:26px;font-weight:900;margin-bottom:16px}
.landing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.landing-card{background:#fff;border-radius:16px;padding:16px;text-decoration:none;border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 25px rgba(0,0,0,.08)}
.landing-card h3{font-size:16px;font-weight:900;color:#1f3b5d;margin-bottom:6px}
.landing-card p{font-size:13px;color:#333}

/* PROPERTIES */
.properties-section{width:92%;max-width:1200px;margin:0 auto 40px auto;text-align:center;padding-top:20px}
.properties-section h2{font-size:32px;margin:10px 0 22px;font-weight:900}
.loading-text{margin-top:12px;color:#666;font-size:14px;font-weight:700}
.error-text{margin-top:12px;color:#d32f2f;font-size:14px;font-weight:900}
.property-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.property-card{background:#fff;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.10);overflow:hidden;border:1px solid rgba(0,0,0,.06);text-align:left;display:flex;flex-direction:column}
.property-image{width:100%;height:190px;background:#e6e6e6;position:relative}
.property-image img{width:100%;height:100%;object-fit:cover;display:block}
.property-badge{position:absolute;top:12px;left:12px;background:rgba(0,0,0,.65);color:#fff;font-size:12px;padding:6px 10px;border-radius:999px;font-weight:900}
.property-body{padding:16px}
.property-body h3{font-size:18px;margin-bottom:8px;font-weight:900}
.property-body p{margin:5px 0;font-size:13px;color:#222}
.btn-row{display:flex;gap:10px;margin-top:12px}
.btn-row a,.btn-row button{flex:1}
.btn-primary{display:block;text-align:center;padding:12px;background:#22c55e;color:#fff;border-radius:10px;font-weight:900;text-decoration:none;border:none;cursor:pointer}
.btn-primary:hover{background:#16b54e}
.btn-outline{display:block;text-align:center;padding:12px;background:transparent;border:2px solid #1f3b5d;color:#1f3b5d;border-radius:10px;font-weight:900;text-decoration:none}
.btn-outline:hover{background:rgba(31,59,93,.06)}
.btn-dark{display:block;text-align:center;padding:12px;background:#1f3b5d;color:#fff;border-radius:10px;font-weight:900;text-decoration:none}
.btn-dark:hover{background:#162c45}
.btn-copy{padding:12px;border-radius:10px;border:2px solid #2563eb;background:#2563eb;color:#fff;font-weight:900;cursor:pointer}
.btn-copy:hover{opacity:.92}
.btn-loan{display:block;text-align:center;padding:12px;background:#111827;color:#fff;border-radius:10px;font-weight:900;text-decoration:none}
.btn-loan2{display:block;text-align:center;padding:12px;background:#f59e0b;color:#111;border-radius:10px;font-weight:900;text-decoration:none}
.mini-actions{margin-top:10px;display:flex;justify-content:space-between}
.mini-call{font-weight:900;text-decoration:none;color:#2563eb}
.mini-call:hover{text-decoration:underline}

/* CONTACT */
.contact-section{width:92%;max-width:1200px;margin:0 auto 35px auto;padding:25px 0}
.contact-section h2{text-align:center;font-size:28px;font-weight:900;margin-bottom:10px}
.contact-section p{text-align:center;color:#444;margin-bottom:18px}
.contact-card{background:#fff;border-radius:16px;padding:18px;display:flex;justify-content:space-between;gap:20px;border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 25px rgba(0,0,0,.10);flex-wrap:wrap}
.contact-link{color:#1f3b5d;font-weight:900;text-decoration:none}
.contact-link:hover{text-decoration:underline}

/* FOOTER */
.footer{background:#1f3b5d;color:#fff;text-align:center;padding:18px;font-size:14px;margin-top:20px}

/* FLOATING BUTTONS */
.floating-btn{position:fixed;bottom:18px;padding:12px 16px;border-radius:999px;color:#fff;font-weight:900;text-decoration:none;box-shadow:0 10px 25px rgba(0,0,0,.22);z-index:9999;font-size:14px}
.floating-call{left:18px;background:#2563eb}
.floating-call:hover{background:#1d4ed8}
.floating-wa{right:18px;background:#22c55e}
.floating-wa:hover{background:#16b54e}

/* RESPONSIVE */
@media(max-width:1100px){
  .property-grid{grid-template-columns:repeat(3,1fr)}
  .trust-grid{grid-template-columns:repeat(2,1fr)}
  .landing-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){.lead-box{grid-template-columns:1fr}}
@media(max-width:820px){
  .hero-content h1{font-size:32px}
  .property-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
  .property-grid{grid-template-columns:1fr}
  .nav-links a{margin-left:12px;font-size:13px}
  .btn-row{flex-direction:column}
  .trust-grid{grid-template-columns:1fr}
  .landing-grid{grid-template-columns:1fr}
}