.elementor-17 .elementor-element.elementor-element-6f9876f{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}body.elementor-page-17{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-6f9876f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS */<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sattva KIADB Bangalore 2026 | 2 & 3 BHK Apartments | KIADB Aerospace Park Bagalur</title>
<meta name="description" content="Sattva KIADB Bangalore — Pre-launch 2 & 3 BHK luxury apartments by Sattva Group at KIADB Aerospace Park, Bagalur. 9 Acres, 1961 units, NH-44 Aerospace Corridor.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">

<style>
:root {
  --red: #C8102E;
  --red-dark: #A00D24;
  --red-light: #FFF0F3;
  --red-mid: #FFBDCA;
  --white: #FFFFFF;
  --off-white: #FAFAF9;
  --gray-50: #F8F8F7;
  --gray-100: #F1F0EE;
  --gray-200: #E8E6E3;
  --gray-300: #D4D0CB;
  --gray-500: #9C9690;
  --gray-700: #5A5550;
  --dark: #1C1A17;
  --dark-2: #141210;
  --gold: #B8860B;
  --gold-light: #FFFBF0;
  --green: #1A6B3C;
  --green-light: #F0FAF4;
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, sans-serif;
  --radius: 14px;
  --radius-sm: 8px;
  --radius-xs: 6px;
  --shadow-sm: 0 2px 8px rgba(28,26,23,.06);
  --shadow: 0 4px 20px rgba(28,26,23,.09);
  --shadow-md: 0 8px 36px rgba(28,26,23,.14);
  --shadow-red: 0 6px 24px rgba(200,16,46,.3);
  --nav-h: 66px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:hidden}
body{font-family:var(--font-body);background:var(--white);color:var(--dark);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
ul{list-style:none}

/* ── UTILITY ── */
.wrap{max-width:1220px;margin:0 auto;padding:0 28px}
.sec{padding:72px 0}
@media(max-width:768px){.sec{padding:48px 0}.wrap{padding:0 18px}}

.sec-chip{display:inline-flex;align-items:center;gap:7px;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:10px}
.sec-chip::before{content:'';width:20px;height:2px;background:var(--red);border-radius:2px;flex-shrink:0}
.sec-title{font-family:var(--font-display);font-size:clamp(22px,2.8vw,36px);line-height:1.18;color:var(--dark);margin-bottom:12px}
.sec-body{font-size:15px;color:var(--gray-700);max-width:720px;line-height:1.82}
.divider{border:none;border-top:1px solid var(--gray-200);margin:0}

/* ── BUTTONS ── */
.btn-red{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--red);color:#fff;border:none;border-radius:var(--radius-sm);padding:14px 26px;font-family:var(--font-body);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-red);text-decoration:none;white-space:nowrap;letter-spacing:.01em}
.btn-red:hover{background:var(--red-dark);transform:translateY(-2px);box-shadow:0 8px 28px rgba(200,16,46,.4)}
.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--red);border:2px solid var(--red);border-radius:var(--radius-sm);padding:12px 24px;font-family:var(--font-body);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap}
.btn-outline:hover{background:var(--red);color:#fff}
.btn-white{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:var(--red);border:none;border-radius:var(--radius-sm);padding:14px 26px;font-family:var(--font-body);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:var(--shadow);text-decoration:none;white-space:nowrap}
.btn-white:hover{background:var(--off-white);transform:translateY(-2px)}
.btn-green{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#25D366;color:#fff;border:none;border-radius:var(--radius-sm);padding:14px 26px;font-family:var(--font-body);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap}
.btn-green:hover{background:#1EBF5A;transform:translateY(-2px)}

/* ── FLOATING WIDGETS ── */
.float-cluster{position:fixed;bottom:22px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.float-btn{display:flex;align-items:center;gap:9px;border-radius:50px;padding:12px 18px 12px 14px;font-family:var(--font-body);font-weight:700;font-size:13.5px;color:#fff;border:none;cursor:pointer;transition:all .22s;box-shadow:0 4px 20px rgba(0,0,0,.18);text-decoration:none;white-space:nowrap}
.float-wa{background:#25D366;box-shadow:0 4px 22px rgba(37,211,102,.45);animation:fpulse 3s infinite}
.float-wa:hover{background:#1EBF5A;transform:translateY(-2px)}
.float-call{background:var(--red);box-shadow:0 4px 22px rgba(200,16,46,.35)}
.float-call:hover{background:var(--red-dark);transform:translateY(-2px)}
.float-btn svg{width:20px;height:20px;flex-shrink:0}
@keyframes fpulse{0%,100%{box-shadow:0 4px 22px rgba(37,211,102,.45)}50%{box-shadow:0 4px 32px rgba(37,211,102,.7)}}
@media(max-width:480px){.float-btn span{display:none}.float-btn{padding:13px;border-radius:50%}.float-cluster{bottom:18px;right:14px;gap:10px}}

/* ── STICKY NAV ── */
.sticky-nav{position:sticky;top:0;z-index:900;background:var(--white);border-bottom:1px solid var(--gray-200);box-shadow:0 2px 14px rgba(28,26,23,.07)}
.nav-inner{max-width:1220px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;height:var(--nav-h);gap:12px}
.nav-brand{display:flex;flex-direction:column;gap:1px;flex-shrink:0}
.nav-brand-name{font-family:var(--font-display);font-size:19px;color:var(--dark);line-height:1.1}
.nav-brand-name b{color:var(--red)}
.nav-brand-sub{font-size:10px;color:var(--gray-500);font-weight:500;letter-spacing:.02em}
.nav-links{display:flex;align-items:center;gap:22px;flex:1;justify-content:center}
.nav-links a{font-size:13px;font-weight:600;color:var(--gray-700);transition:color .15s}
.nav-links a:hover{color:var(--red)}
.nav-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.nav-phone-link{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:var(--dark);white-space:nowrap}
.nav-phone-link svg{width:14px;height:14px;color:var(--red);flex-shrink:0}
.nav-ham{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}
.nav-ham span{display:block;width:22px;height:2px;background:var(--dark);border-radius:2px;transition:all .22s}
.nav-ham.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-ham.open span:nth-child(2){opacity:0}
.nav-ham.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-nav{display:none;position:fixed;top:var(--nav-h);left:0;right:0;background:var(--white);border-bottom:2px solid var(--gray-200);box-shadow:0 10px 36px rgba(28,26,23,.13);z-index:899;padding:16px 18px 20px;flex-direction:column;gap:2px}
.mobile-nav.open{display:flex}
.mobile-nav a{font-size:15px;font-weight:600;color:var(--dark);padding:11px 0;border-bottom:1px solid var(--gray-100);display:block}
.mobile-nav a:hover{color:var(--red)}
.mobile-nav .mn-btns{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.mobile-nav .mn-btns a{flex:1;min-width:120px;padding:12px;text-align:center;justify-content:center;border-bottom:none}
@media(max-width:900px){.nav-links{display:none}.nav-ham{display:flex}.nav-phone-link{display:none}}
@media(max-width:768px){.nav-inner{padding:0 18px;height:60px;--nav-h:60px}}

/* ── HERO SLIDER ── */
.slider-wrap{position:relative;overflow:hidden;width:100%;height:90vh;min-height:560px;max-height:900px;background:var(--dark)}
.slider-track{display:flex;height:100%;transition:transform .75s cubic-bezier(.77,0,.175,1);will-change:transform}
.slide{min-width:100%;width:100%;height:100%;position:relative;flex-shrink:0}
.slide-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%}
.slide-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,8,5,.88) 0%,rgba(10,8,5,.5) 50%,rgba(10,8,5,.18) 100%)}
.slide-bg-gradient{position:absolute;inset:0;background:linear-gradient(135deg,#0f1a0a 0%,#1a0a0f 50%,#0a0f1a 100%)}
.slide-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(28px,5vw,60px) clamp(20px,5vw,56px);max-width:800px}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(200,16,46,.92);color:#fff;border-radius:4px;padding:6px 14px;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px;width:fit-content;backdrop-filter:blur(4px)}
.hero-badge::before{content:'●';font-size:7px;opacity:.85;animation:blink 2s infinite}
@keyframes blink{0%,100%{opacity:.85}50%{opacity:.2}}
.hero-h1{font-family:var(--font-display);font-size:clamp(28px,5.5vw,64px);line-height:1.08;color:#fff;margin-bottom:14px;font-weight:900}
.hero-h1 em{color:#FF7B7B;font-style:normal}
.hero-sub{font-size:clamp(13px,1.5vw,16px);color:rgba(255,255,255,.75);margin-bottom:26px;line-height:1.65;max-width:560px}
.hero-btns{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}
.hero-stats{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:0;border-top:1px solid rgba(255,255,255,.14);padding-top:22px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.hero-stats::-webkit-scrollbar{display:none}
.h-stat{flex-shrink:0;padding:0 24px;border-right:1px solid rgba(255,255,255,.14)}
.h-stat:first-child{padding-left:0}
.h-stat:last-child{border-right:none}
.h-stat-val{font-family:var(--font-display);font-size:clamp(18px,2.8vw,28px);color:#fff;line-height:1;font-weight:700}
.h-stat-val span{color:#FF9F9F}
.h-stat-lbl{font-size:10.5px;color:rgba(255,255,255,.48);margin-top:4px;font-weight:500;white-space:nowrap}
.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.13);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22);color:#fff;width:46px;height:46px;border-radius:50%;font-size:0;cursor:pointer;transition:all .2s;z-index:10;display:flex;align-items:center;justify-content:center}
.slider-arrow:hover{background:rgba(200,16,46,.8);border-color:var(--red)}
.slider-arrow.prev{left:18px}
.slider-arrow.next{right:18px}
.slider-arrow svg{width:18px;height:18px}
.slider-dots{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:7px;z-index:10}
.s-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.38);cursor:pointer;transition:all .22s;border:none}
.s-dot.active{background:#fff;width:22px;border-radius:4px}
@media(max-width:768px){.slider-wrap{height:78vh;min-height:520px;max-height:700px}.slider-arrow{display:none}.hero-h1{font-size:clamp(26px,7.5vw,40px)}.hero-btns{flex-direction:column}.hero-btns .btn-red,.hero-btns .btn-white,.hero-btns .btn-outline{width:100%}.h-stat{padding:0 18px}.slide-content{padding:24px 20px 28px}}

/* ── TRUST BAR ── */
.trust-bar{background:var(--gray-50);border-bottom:1px solid var(--gray-200)}
.trust-inner{max-width:1220px;margin:0 auto;padding:13px 28px;display:flex;flex-wrap:wrap;gap:4px;justify-content:center;align-items:center}
.trust-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--gray-700);padding:5px 16px;border-right:1px solid var(--gray-300);white-space:nowrap}
.trust-item:last-child{border-right:none}
.trust-item svg{width:13px;height:13px;color:var(--red);flex-shrink:0}
@media(max-width:600px){.trust-inner{flex-direction:column;align-items:flex-start;padding:10px 18px;gap:0}.trust-item{border-right:none;border-bottom:1px solid var(--gray-200);padding:7px 0;width:100%}.trust-item:last-child{border-bottom:none}}

/* ── URGENT STRIP ── */
.urgent-strip{background:linear-gradient(90deg,var(--dark) 0%,#2A1515 100%);padding:12px 28px;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;text-align:center}
.urgent-text{font-size:13px;font-weight:600;color:rgba(255,255,255,.85);display:flex;align-items:center;gap:7px}
.urgent-text svg{width:15px;height:15px;color:#FF7B7B;flex-shrink:0}
.urgent-strip a.us-cta{background:var(--red);color:#fff;border-radius:var(--radius-xs);padding:8px 20px;font-weight:700;font-size:12.5px;display:inline-flex;align-items:center;gap:6px;flex-shrink:0;transition:background .18s}
.urgent-strip a.us-cta:hover{background:var(--red-dark)}
.urgent-strip a.us-wa{background:#25D366;color:#fff;border-radius:var(--radius-xs);padding:8px 16px;font-weight:700;font-size:12.5px;display:inline-flex;align-items:center;gap:6px;flex-shrink:0}
.urgent-strip a.us-wa svg{width:14px;height:14px}
@media(max-width:600px){.urgent-strip{padding:10px 18px;gap:8px}}

/* ── LEAD FORM ── */
.form-section{background:linear-gradient(135deg,#1C1A17 0%,#2A1215 60%,#141210 100%);padding:64px 0}
.form-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:52px;align-items:start}
.form-eyebrow{display:flex;align-items:center;gap:8px;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#FF9F9F;margin-bottom:10px}
.form-eyebrow::before{content:'';width:18px;height:2px;background:#FF9F9F;border-radius:2px}
.form-title{font-family:var(--font-display);font-size:clamp(22px,2.8vw,32px);color:#fff;margin-bottom:6px;line-height:1.2}
.form-sub{font-size:13.5px;color:rgba(255,255,255,.55);margin-bottom:26px;line-height:1.65}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.ff{display:flex;flex-direction:column;gap:5px}
.ff label{font-size:11px;font-weight:700;color:rgba(255,255,255,.6);letter-spacing:.04em;text-transform:uppercase}
.ff input,.ff select{background:rgba(255,255,255,.09);border:1.5px solid rgba(255,255,255,.16);border-radius:var(--radius-xs);padding:12px 14px;font-family:var(--font-body);font-size:14px;color:#fff;outline:none;transition:border .18s;width:100%}
.ff input::placeholder{color:rgba(255,255,255,.28)}
.ff input:focus,.ff select:focus{border-color:var(--red);background:rgba(255,255,255,.14)}
.ff select option{background:#1C1A17;color:#fff}
.ff-full{grid-column:1/-1}
.form-submit{width:100%;background:var(--red);color:#fff;border:none;border-radius:var(--radius-sm);padding:16px;font-family:var(--font-body);font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-red);margin-top:4px;letter-spacing:.01em}
.form-submit:hover{background:var(--red-dark);transform:translateY(-2px)}
.form-trust-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.ftp{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:20px;padding:4px 12px;font-size:11px;color:rgba(255,255,255,.7)}
.form-disc{font-size:10.5px;color:rgba(255,255,255,.28);margin-top:10px;line-height:1.6}
.contact-side{display:flex;flex-direction:column;gap:18px}
.cs-item{display:flex;gap:12px;align-items:flex-start}
.cs-icon{width:42px;height:42px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cs-icon svg{width:17px;height:17px;color:var(--red)}
.cs-label{font-size:10.5px;color:rgba(255,255,255,.4);margin-bottom:2px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.cs-val{font-size:15.5px;font-weight:700;color:#fff}
.cs-val a{color:#fff}
.cs-val a:hover{color:#FF9F9F}
.cs-note{font-size:11.5px;color:rgba(255,255,255,.32);margin-top:2px}
.why-box{background:rgba(200,16,46,.1);border:1px solid rgba(200,16,46,.28);border-radius:var(--radius);padding:18px;margin-top:22px}
.why-box-title{font-family:var(--font-display);font-size:14.5px;color:#FF9F9F;margin-bottom:10px}
.why-box li{font-size:12.5px;color:rgba(255,255,255,.75);padding:5px 0;display:flex;align-items:flex-start;gap:8px;line-height:1.5}
.why-box li::before{content:'✓';color:var(--red);font-weight:700;flex-shrink:0}
@media(max-width:900px){.form-layout{grid-template-columns:1fr;gap:36px}.fgrid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.fgrid{grid-template-columns:1fr}}

/* ── OVERVIEW ── */
.overview-text{font-size:15px;color:#3D3830;line-height:1.88;max-width:900px}
.overview-text p+p{margin-top:12px}
.overview-text strong{color:var(--dark)}
.alert-box{background:#FFFBF0;border:1px solid #E6C86A;border-left:4px solid var(--gold);border-radius:var(--radius);padding:16px 20px;font-size:13px;color:#6B4F10;line-height:1.75;margin:20px 0}
.alert-box strong{color:#513C0C}
.info-box{background:linear-gradient(135deg,#EEF5FF,#E8F0FF);border:1px solid #BDD0F8;border-radius:var(--radius);padding:20px 22px;margin:20px 0;display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}
.ib-icon{font-size:22px;flex-shrink:0;margin-top:2px}
.ib-text{flex:1 1 240px;font-size:14px;color:#2D3E5F;line-height:1.75}
.ib-text strong{color:var(--dark-2)}
.ib-btns{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}
.advisor-box{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);padding:24px;margin-top:22px;border-left:4px solid var(--red)}
.adv-title{font-family:var(--font-display);font-size:17px;color:var(--dark);margin-bottom:16px;display:flex;align-items:center;gap:8px}
.adv-title svg{width:18px;height:18px;color:var(--red)}
.adv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:13px}
.adv-item{display:flex;gap:11px;align-items:flex-start;font-size:13px;color:#4A4540}
.adv-ic{width:33px;height:33px;background:var(--red);border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.adv-ic svg{width:15px;height:15px;color:#fff}
.adv-item strong{display:block;font-weight:700;color:var(--dark);margin-bottom:2px;font-size:13px}

/* ── FACTS TABLE ── */
.facts-table{width:100%;border-collapse:collapse;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);font-size:14px;margin-top:20px}
.facts-table tr{border-bottom:1px solid var(--gray-200)}
.facts-table tr:last-child{border-bottom:none}
.facts-table td{padding:13px 18px;vertical-align:top}
.facts-table td:first-child{background:var(--gray-50);font-weight:700;color:var(--dark-2);width:36%}
.facts-table td:last-child{background:var(--white);color:#3D3830}
.pill{display:inline-block;background:var(--red-light);color:var(--red);border:1px solid var(--red-mid);padding:2px 10px;border-radius:20px;font-size:11px;font-weight:700}
@media(max-width:520px){.facts-table td{padding:11px 13px;font-size:13px}.facts-table td:first-child{width:42%}}

/* ── PRICE CARDS ── */
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.price-card{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--gray-200);background:var(--white);transition:all .22s}
.price-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}
.price-card.featured{border-color:var(--red);box-shadow:0 6px 28px rgba(200,16,46,.18)}
.pc-head{background:var(--dark);color:#fff;padding:20px 20px 16px}
.pc-head.red{background:var(--red)}
.pc-bhk{font-family:var(--font-display);font-size:20px;font-weight:700}
.pc-type{font-size:11px;color:rgba(255,255,255,.5);margin-top:3px}
.pc-body{padding:16px 20px}
.pc-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--gray-200);font-size:13px}
.pc-row:last-child{border-bottom:none}
.pc-row .lbl{color:var(--gray-500)}
.pc-row .val{font-weight:700;color:var(--dark)}
.pc-cta{display:block;background:var(--red);color:#fff;text-align:center;padding:13px;font-weight:700;font-size:13px;transition:background .18s}
.pc-cta:hover{background:var(--red-dark)}
.price-note{background:var(--gold-light);border-left:4px solid var(--gold);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:13px 16px;font-size:13px;color:var(--gold);margin-top:14px;line-height:1.6}
@media(max-width:900px){.price-grid{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.price-grid{grid-template-columns:1fr}}

/* ── FLOOR PLANS ── */
.fp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:20px}
.fp-card{border-radius:var(--radius);overflow:hidden;border:1px solid var(--gray-200);box-shadow:var(--shadow);background:var(--white);transition:all .22s}
.fp-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.fp-card img{width:100%;height:200px;object-fit:cover}
.fp-label{background:var(--dark);color:#fff;padding:11px 16px;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:13px}
.fp-label span{font-weight:400;font-size:11px;opacity:.5}
.master-plan-wrap{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--gray-200);margin-top:20px}
.master-plan-wrap img{width:100%;max-height:440px;object-fit:cover}
.mp-label{background:var(--dark);color:#fff;padding:12px 18px;font-weight:600;font-size:13px;display:flex;align-items:center;gap:7px}
.mp-label svg{width:14px;height:14px;color:rgba(255,255,255,.5)}

/* ── SPECS ── */
.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
.spec-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);padding:20px;border-top:3px solid var(--red)}
.spec-title{font-weight:700;color:var(--dark);margin-bottom:12px;font-size:14px;display:flex;align-items:center;gap:7px}
.spec-title svg{width:15px;height:15px;color:var(--red);flex-shrink:0}
.spec-li{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:#3D3830;padding:6px 0;border-bottom:1px solid var(--gray-200);line-height:1.5}
.spec-li:last-child{border-bottom:none}
.spec-li .ck{color:var(--red);font-weight:700;flex-shrink:0;margin-top:1px}
@media(max-width:600px){.spec-grid{grid-template-columns:1fr}}

/* ── AMENITIES ── */
.am-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:9px;margin-top:16px}
.am-chip{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;transition:all .2s;box-shadow:var(--shadow-sm)}
.am-chip:hover{border-color:var(--red);box-shadow:0 4px 18px rgba(200,16,46,.1);transform:translateY(-2px)}
.am-iw{width:40px;height:40px;background:var(--red-light);border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center}
.am-iw svg{width:19px;height:19px;color:var(--red)}
.am-lbl{font-size:11px;font-weight:700;color:var(--dark);line-height:1.3}

/* ── PROS & CONS ── */
.pc-wrap{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
.pros-box,.cons-box{border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}
.pros-box{background:var(--green-light);border:1px solid #A7D7BC;border-top:3px solid var(--green)}
.cons-box{background:#FEF2F2;border:1px solid #FECACA;border-top:3px solid var(--red)}
.pc-head-title{font-family:var(--font-display);font-size:17px;margin-bottom:14px;display:flex;align-items:center;gap:7px}
.pros-box .pc-head-title{color:var(--green)}
.cons-box .pc-head-title{color:var(--red)}
.pc-item{display:flex;gap:9px;font-size:13px;color:#3D3830;margin-bottom:11px;line-height:1.6}
.pc-item:last-child{margin-bottom:0}
.pc-item .ic{flex-shrink:0;font-weight:700;margin-top:1px}
.pros-box .ic{color:var(--green)}
.cons-box .ic{color:var(--red)}
@media(max-width:640px){.pc-wrap{grid-template-columns:1fr}}

/* ── LOCATION ── */
.loc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:9px;margin-top:16px}
.loc-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-sm);padding:12px 13px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-sm);transition:all .18s}
.loc-card:hover{border-color:var(--red);transform:translateY(-2px);box-shadow:var(--shadow)}
.loc-ic{width:34px;height:34px;background:var(--red-light);border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.loc-ic svg{width:15px;height:15px;color:var(--red)}
.loc-name{font-size:12px;font-weight:700;color:var(--dark)}
.loc-dist{font-size:11px;color:var(--red);font-weight:600;margin-top:1px}
.map-wrap{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);margin-top:16px;height:360px}
.map-wrap iframe{width:100%;height:100%;border:none;display:block}

/* ── INVESTMENT ── */
.invest-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px;margin-top:20px}
.invest-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);padding:20px;border-left:4px solid var(--red);transition:all .2s}
.invest-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.invest-icon-wrap{width:44px;height:44px;background:var(--red-light);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.invest-icon-wrap svg{width:22px;height:22px;color:var(--red)}
.invest-title{font-family:var(--font-display);font-size:16px;color:var(--dark);margin-bottom:7px}
.invest-text{font-size:13px;color:#4A4540;line-height:1.7}
.invest-disc{margin-top:16px;background:var(--red-light);border:1px solid var(--red-mid);border-radius:var(--radius);padding:14px 18px;font-size:12.5px;color:var(--red-dark)}

/* ── DEVELOPER ── */
.dev-box{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);padding:26px;margin-top:20px;box-shadow:var(--shadow)}
.dev-title{font-family:var(--font-display);font-size:20px;color:var(--dark);margin-bottom:12px}
.dev-text{font-size:14px;color:#3D3830;line-height:1.85;max-width:860px}
.dev-text p+p{margin-top:10px}
.dev-stats{display:flex;flex-wrap:wrap;gap:11px;margin-top:20px}
.dev-stat{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-sm);padding:14px 20px;text-align:center;flex:1 1 100px;border-bottom:3px solid var(--red)}
.dev-stat-val{font-family:var(--font-display);font-size:22px;color:var(--dark)}
.dev-stat-lbl{font-size:10px;color:var(--gray-500);margin-top:3px}

/* ── GALLERY ── */
.gallery-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:200px 200px;gap:8px;margin-top:20px;border-radius:var(--radius);overflow:hidden}
.gal-item{overflow:hidden;cursor:pointer}
.gal-item img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.gal-item:hover img{transform:scale(1.06)}
.gal-item.tall{grid-row:1/3;grid-column:1/2}
@media(max-width:700px){.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:160px 160px 160px}.gal-item.tall{grid-row:auto;grid-column:auto}}
@media(max-width:440px){.gallery-grid{grid-template-columns:1fr;grid-template-rows:auto}.gal-item{height:180px}.gal-item.tall{height:180px;grid-row:auto;grid-column:auto}}

/* ── FAQ ── */
.faq-list{margin-top:20px}
.faq-item{border:1px solid var(--gray-200);border-radius:var(--radius);margin-bottom:8px;overflow:hidden;transition:box-shadow .18s}
.faq-item:hover{box-shadow:var(--shadow-sm)}
.faq-q{width:100%;background:var(--gray-50);border:none;text-align:left;padding:15px 18px;font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--dark);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:background .18s}
.faq-q:hover{background:var(--red-light)}
.faq-q.open{background:var(--red);color:#fff}
.faq-arr{transition:transform .22s;flex-shrink:0;width:16px;height:16px}
.faq-q.open .faq-arr{transform:rotate(180deg)}
.faq-a{display:none;padding:14px 18px;font-size:13px;color:#3D3830;line-height:1.8;background:var(--white);border-top:1px solid var(--gray-200)}
.faq-a a{color:var(--red);font-weight:600}

/* ── SOCIAL PROOF ── */
.sp-strip{background:linear-gradient(90deg,var(--dark) 0%,#1E1510 50%,var(--dark) 100%);padding:36px 0}
.sp-inner{max-width:1220px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.sp-stat{display:flex;flex-direction:column;align-items:center;gap:6px}
.sp-val{font-family:var(--font-display);font-size:clamp(26px,3.5vw,42px);color:#fff;font-weight:700}
.sp-val span{color:#FF9F9F}
.sp-lbl{font-size:12px;color:rgba(255,255,255,.48);font-weight:500;letter-spacing:.05em;text-transform:uppercase}
@media(max-width:640px){.sp-inner{grid-template-columns:1fr 1fr;gap:18px}.sp-strip{padding:28px 0}}
@media(max-width:380px){.sp-inner{grid-template-columns:1fr}}

/* ── CTA BOTTOM ── */
.cta-section{background:linear-gradient(135deg,var(--red) 0%,#8B0A1E 100%);padding:56px 0;text-align:center}
.cta-title{font-family:var(--font-display);font-size:clamp(24px,3.5vw,40px);color:#fff;margin-bottom:10px}
.cta-sub{font-size:15px;color:rgba(255,255,255,.75);margin-bottom:28px;max-width:540px;margin-left:auto;margin-right:auto;line-height:1.65}
.cta-btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
@media(max-width:480px){.cta-btns{flex-direction:column;align-items:center}.cta-btns a{width:100%;max-width:320px}}

/* ── FOOTER ── */
.footer{background:#0D0B09;padding:48px 28px 24px}
.footer-inner{max-width:1220px;margin:0 auto}
.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px;margin-bottom:32px}
.footer-brand-name{font-family:var(--font-display);font-size:19px;color:#fff;margin-bottom:8px}
.footer-brand-name b{color:var(--red)}
.footer-brand-text{font-size:12px;color:rgba(255,255,255,.38);line-height:1.7}
.footer-cta-strip{display:flex;gap:9px;margin-top:14px;flex-wrap:wrap}
.footer-cta-strip a{flex:1;min-width:100px;padding:9px 12px;font-size:12px;border-radius:var(--radius-xs)}
.fcol-title{font-size:10.5px;font-weight:700;color:rgba(255,255,255,.48);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}
.fcol a{display:block;font-size:12px;color:rgba(255,255,255,.37);margin-bottom:8px;transition:color .18s}
.fcol a:hover{color:var(--red)}
.footer-notes{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius);padding:20px 22px;margin-bottom:22px}
.fn-title{font-size:10.5px;font-weight:700;color:rgba(255,255,255,.44);letter-spacing:.1em;text-transform:uppercase;margin-bottom:13px;display:flex;align-items:center;gap:7px}
.fn-title::before{content:'';width:16px;height:1px;background:rgba(255,255,255,.28)}
.fn-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fn-item{display:flex;gap:10px;align-items:flex-start;font-size:11px;color:rgba(255,255,255,.34);line-height:1.65}
.fn-item svg{width:14px;height:14px;color:rgba(255,255,255,.3);flex-shrink:0;margin-top:2px}
.fn-item strong{color:rgba(255,255,255,.52)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.07);padding-top:16px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:9px}
.footer-copy{font-size:11px;color:rgba(255,255,255,.25)}
.footer-links{display:flex;gap:14px;flex-wrap:wrap}
.footer-links a{font-size:11px;color:rgba(255,255,255,.28)}
.footer-links a:hover{color:var(--red)}
.rera-note{font-size:10px;color:rgba(255,255,255,.2);text-align:center;padding:13px 0 0;line-height:1.7}
@media(max-width:900px){.footer-top{grid-template-columns:1fr 1fr;gap:24px}}
@media(max-width:540px){.footer-top{grid-template-columns:1fr}.fn-grid{grid-template-columns:1fr}.footer{padding:36px 18px 20px}}
</style>
</head>
<body>

<!-- ═══════════════════════════════════════ FLOATING BUTTONS ═══ -->
<div class="float-cluster">
  <a href="https://wa.me/919844601308?text=Hi%2C%20I%20want%20to%20know%20more%20about%20Sattva%20KIADB%20Bangalore." class="float-btn float-wa" target="_blank" rel="noopener" aria-label="Chat on WhatsApp">
    <!-- WhatsApp official icon -->
    <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
      <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/>
    </svg>
    <span>WhatsApp Us</span>
  </a>
  <a href="tel:+919844601308" class="float-btn float-call" aria-label="Call now">
    <!-- Phone icon -->
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" aria-hidden="true">
      <path stroke-linecap="round" stroke-linejoin="round" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/>
    </svg>
    <span>Call Now</span>
  </a>
</div>

<!-- ═══════════════════════════════════════ NAV ═══ -->
<nav class="sticky-nav" role="navigation" aria-label="Main navigation">
  <div class="nav-inner">
    <div class="nav-brand">
      <div class="nav-brand-name">Sattva <b>KIADB</b></div>
      <div class="nav-brand-sub">Aerospace Park, Bagalur · Bangalore</div>
    </div>
    <nav class="nav-links">
      <a href="#overview">Overview</a>
      <a href="#price">Pricing</a>
      <a href="#floor-plans">Floor Plans</a>
      <a href="#amenities">Amenities</a>
      <a href="#location">Location</a>
      <a href="#faq">FAQ</a>
    </nav>
    <div class="nav-right">
      <a href="tel:+919844601308" class="nav-phone-link">
        <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
        +91 9844601308
      </a>
      <a href="#lead-form" class="btn-red" style="font-size:13px;padding:10px 18px">Get Details →</a>
      <button class="nav-ham" id="navHam" aria-label="Open menu" aria-expanded="false">
        <span></span><span></span><span></span>
      </button>
    </div>
  </div>
</nav>

<!-- Mobile Nav -->
<div class="mobile-nav" id="mobileNav">
  <a href="#overview" onclick="closeMobNav()">Project Overview</a>
  <a href="#price" onclick="closeMobNav()">Pricing 2026</a>
  <a href="#floor-plans" onclick="closeMobNav()">Floor Plans</a>
  <a href="#amenities" onclick="closeMobNav()">Amenities</a>
  <a href="#location" onclick="closeMobNav()">Location</a>
  <a href="#faq" onclick="closeMobNav()">FAQ</a>
  <div class="mn-btns">
    <a href="tel:+919844601308" class="btn-red" style="font-size:13px">
      <svg width="14" height="14" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
      Call Now
    </a>
    <a href="#lead-form" class="btn-outline" style="font-size:13px" onclick="closeMobNav()">Get Details</a>
  </div>
</div>

<!-- ═══════════════════════════════════════ HERO SLIDER ═══ -->
<section class="slider-wrap" aria-label="Hero slider">
  <div class="slider-track" id="sliderTrack">

    <!-- Slide 1 -->
    <div class="slide">
      <img class="slide-bg-img" src="http://sattvakiadb.com/wp-content/uploads/2026/06/sattva-kiadb-elevation-hero.webp" alt="Sattva KIADB Bangalore elevation" loading="eager" fetchpriority="high">
      <div class="slide-overlay"></div>
      <div class="slide-content">
        <div class="hero-badge">New Pre-Launch 2026 · Bagalur, North Bangalore</div>
        <h1 class="hero-h1">Sattva KIADB<br><em>Bangalore</em></h1>
        <p class="hero-sub">2 &amp; 3 BHK Luxury Apartments · KIADB Aerospace Park · 9 Acres · 1961 Homes · NH-44 Corridor · Possession 2030</p>
        <div class="hero-btns">
          <a href="https://wa.me/919844601308?text=Hi%2C%20I%20am%20interested%20in%20Sattva%20KIADB%20Bangalore." class="btn-red" target="_blank" rel="noopener">
            <svg width="16" height="16" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413z"/></svg>
            WhatsApp for Price
          </a>
          <a href="#lead-form" class="btn-white">
            <svg width="15" height="15" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
            Request Callback
          </a>
          <a href="#floor-plans" class="btn-outline" style="color:#fff;border-color:rgba(255,255,255,.45)">
            <svg width="15" height="15" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M9 3v18M3 9h18M3 15h18M15 3v18"/></svg>
            Floor Plans
          </a>
        </div>
        <div class="hero-stats">
          <div class="h-stat"><div class="h-stat-val">9<span> Ac</span></div><div class="h-stat-lbl">Project Area</div></div>
          <div class="h-stat"><div class="h-stat-val">1961</div><div class="h-stat-lbl">Apartments</div></div>
          <div class="h-stat"><div class="h-stat-val">31</div><div class="h-stat-lbl">Blocks</div></div>
          <div class="h-stat"><div class="h-stat-val">28<span>km</span></div><div class="h-stat-lbl">From Airport</div></div>
          <div class="h-stat"><div class="h-stat-val">2030</div><div class="h-stat-lbl">Possession</div></div>
        </div>
      </div>
    </div>

    <!-- Slide 2 -->
    <div class="slide">
      <img class="slide-bg-img" src="http://sattvakiadb.com/wp-content/uploads/2026/06/sattva-kiadb-amenities-clubhouse.webp" alt="Sattva KIADB Clubhouse" loading="lazy">
      <div class="slide-overlay"></div>
      <div class="slide-content">
        <div class="hero-badge">World-Class Amenities</div>
        <h2 class="hero-h1">Premium Lifestyle<br>Across <em>9 Acres</em></h2>
        <p class="hero-sub">Clubhouse · Swimming Pool · Gymnasium · Jogging Track · Sports Courts · Pet Park · Amphitheatre</p>
        <div class="hero-btns">
          <a href="#amenities" class="btn-red">
            <svg width="15" height="15" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 10h16M4 14h16M4 18h16"/></svg>
            Explore Amenities
          </a>
          <a href="https://wa.me/919844601308?text=Hi%2C%20please%20share%20the%20brochure%20for%20Sattva%20KIADB." class="btn-white" target="_blank" rel="noopener">
            <svg width="15" height="15" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
            Get Brochure
          </a>
        </div>
        <div class="hero-stats">
          <div class="h-stat"><div class="h-stat-val">30<span>+</span></div><div class="h-stat-lbl">Amenities</div></div>
          <div class="h-stat"><div class="h-stat-val">G+15</div><div class="h-stat-lbl">Floors</div></div>
          <div class="h-stat"><div class="h-stat-val">3</div><div class="h-stat-lbl">BHK Types</div></div>
          <div class="h-stat"><div class="h-stat-val">100<span>%</span></div><div class="h-stat-lbl">Power Backup</div></div>
        </div>
      </div>
    </div>

  </div>

  <!-- Arrows -->
  <button class="slider-arrow prev" id="sliderPrev" aria-label="Previous slide">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/></svg>
  </button>
  <button class="slider-arrow next" id="sliderNext" aria-label="Next slide">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/></svg>
  </button>
  <div class="slider-dots" id="sliderDots">
    <button class="s-dot active" data-idx="0" aria-label="Slide 1"></button>
    <button class="s-dot" data-idx="1" aria-label="Slide 2"></button>
  </div>
</section>

<!-- ═══ TRUST BAR ═══ -->
<div class="trust-bar">
  <div class="trust-inner">
    <div class="trust-item">
      <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/></svg>
      RERA Verified Project
    </div>
    <div class="trust-item">
      <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z"/></svg>
      Sattva Group — Trusted Developer
    </div>
    <div class="trust-item">
      <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/><path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/></svg>
      KIADB Aerospace Park, Bagalur
    </div>
    <div class="trust-item">
      <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8"/></svg>
      28 km from KIA Airport
    </div>
    <div class="trust-item">
      <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
      +91 9844601308
    </div>
  </div>
</div>

<!-- ═══ URGENT STRIP ═══ -->
<div class="urgent-strip">
  <div class="urgent-text">
    <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"/></svg>
    Pre-launch prices available now — Talk to an expert before booking
  </div>
  <a href="tel:+919844601308" class="us-cta">
    <svg width="13" height="13" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
    Call +91 9844601308
  </a>
  <a href="https://wa.me/919844601308" target="_blank" rel="noopener" class="us-wa">
    <svg width="14" height="14" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413z"/></svg>
    WhatsApp
  </a>
</div>

<!-- ═══════════════════════════════════════ LEAD FORM ═══ -->
<div class="form-section" id="lead-form">
  <div class="wrap">
    <div class="form-layout">
      <div>
        <div class="form-eyebrow">Free Expert Guidance</div>
        <div class="form-title">Get Full Details — Sattva KIADB</div>
        <div class="form-sub">Price sheet, floor plans &amp; expert guidance — 100% free. Response within 30 minutes.</div>
        <form action="https://formspree.io/f/mlgoognk" method="POST" novalidate id="leadForm">
          <input type="hidden" name="_subject" value="New Lead — Sattva KIADB | sattvakiadb.com">
          <input type="hidden" name="project" value="Sattva KIADB Bangalore">
          <input type="hidden" name="source" value="sattvakiadb.com">
          <div class="fgrid">
            <div class="ff"><label for="fname">Full Name *</label><input type="text" id="fname" name="name" placeholder="Your full name" required autocomplete="name"></div>
            <div class="ff"><label for="fphone">Phone Number *</label><input type="tel" id="fphone" name="phone" placeholder="+91 XXXXX XXXXX" required autocomplete="tel"></div>
            <div class="ff"><label for="femail">Email Address</label><input type="email" id="femail" name="email" placeholder="your@email.com" autocomplete="email"></div>
            <div class="ff">
              <label for="fconfig">Configuration</label>
              <select id="fconfig" name="config">
                <option value="">Select Type</option>
                <option>2 BHK Luxe</option>
                <option>3 BHK Premium</option>
                <option>3 BHK Luxe</option>
                <option>Need Guidance</option>
              </select>
            </div>
            <div class="ff">
              <label for="fbudget">Budget Range</label>
              <select id="fbudget" name="budget">
                <option value="">Select Budget</option>
                <option>Under ₹1 Cr</option>
                <option>₹1 Cr – ₹1.5 Cr</option>
                <option>₹1.5 Cr – ₹2 Cr</option>
                <option>₹2 Cr+</option>
              </select>
            </div>
            <div class="ff">
              <label for="fpurpose">Purpose</label>
              <select id="fpurpose" name="purpose">
                <option value="">Select Purpose</option>
                <option>Self Use / Home</option>
                <option>Investment</option>
                <option>Both</option>
              </select>
            </div>
            <div class="ff ff-full">
              <button type="submit" class="form-submit" id="formBtn">
                Get Free Expert Callback — Within 30 Minutes
              </button>
            </div>
          </div>
        </form>
        <div class="form-trust-pills">
          <span class="ftp">✓ 100% Free Advisory</span>
          <span class="ftp">✓ No Spam Calls</span>
          <span class="ftp">✓ Expert Site Visits</span>
          <span class="ftp">✓ Home Loan Support</span>
        </div>
        <div class="form-disc">By submitting, you agree to be contacted at +91 9844601308. Your information is never shared with third parties.</div>
      </div>
      <div>
        <div class="contact-side">
          <div class="cs-item">
            <div class="cs-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg></div>
            <div>
              <div class="cs-label">Call or WhatsApp</div>
              <div class="cs-val"><a href="tel:+919844601308">+91 9844601308</a></div>
              <div class="cs-note">Mon–Sat, 9am – 8pm IST</div>
            </div>
          </div>
          <div class="cs-item">
            <div class="cs-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/><path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/></svg></div>
            <div>
              <div class="cs-label">Project Location</div>
              <div class="cs-val">KIADB Aerospace Park</div>
              <div class="cs-note">Bagalur, Bengaluru 562157</div>
            </div>
          </div>
          <div class="cs-item">
            <div class="cs-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/></svg></div>
            <div>
              <div class="cs-label">Office Hours</div>
              <div class="cs-val">Mon – Sat</div>
              <div class="cs-note">9:00 AM – 8:00 PM IST</div>
            </div>
          </div>
        </div>
        <div class="why-box">
          <div class="why-box-title">Why Contact Us First?</div>
          <ul>
            <li>Get pre-launch price before it increases</li>
            <li>Expert floor &amp; unit selection guidance</li>
            <li>Free RERA &amp; document verification</li>
            <li>Expert-coordinated free site visit</li>
            <li>Home loan support — SBI, HDFC, ICICI &amp; more</li>
            <li>Zero brokerage, zero extra charges</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- ═══ STATS STRIP ═══ -->
<div class="sp-strip">
  <div class="sp-inner">
    <div class="sp-stat"><div class="sp-val">9<span> Ac</span></div><div class="sp-lbl">Total Project Area</div></div>
    <div class="sp-stat"><div class="sp-val">1,961</div><div class="sp-lbl">Luxury Apartments</div></div>
    <div class="sp-stat"><div class="sp-val">31</div><div class="sp-lbl">Residential Blocks</div></div>
    <div class="sp-stat"><div class="sp-val">30<span>+</span></div><div class="sp-lbl">Amenities</div></div>
  </div>
</div>

<!-- ═══════════════════════════════════════ MAIN CONTENT ═══ -->
<main>
<div class="wrap">

  <!-- OVERVIEW -->
  <section class="sec" id="overview">
    <div class="sec-chip">Project Overview</div>
    <h2 class="sec-title">Sattva KIADB Bangalore — Complete Review 2026</h2>
    <div class="overview-text">
      <p><strong>Sattva KIADB</strong> is a premium upcoming residential project by <strong>Sattva Group</strong> — one of Bangalore's most trusted real estate developers. Located within the regulated <strong>KIADB Aerospace Park zone in Bagalur, North Bangalore</strong>, this project offers thoughtfully designed <strong>2 BHK and 3 BHK luxury apartments</strong> for working professionals, aerospace and defence employees, and families who value shorter commutes, stable infrastructure, and future-proof living.</p>
      <p>What distinguishes Sattva KIADB is its genuine <strong>low-density community planning</strong> within a KIADB-regulated zone — land usage follows defined government norms, infrastructure is pre-aligned, and future development around the site is far more predictable than a typical private layout.</p>
      <p>Strategically positioned — <strong>28 km from Kempegowda International Airport</strong>, <strong>15 km from Devanahalli Business Park</strong>, and <strong>12 km from HAL Aerospace Complex</strong> via NH-44.</p>
    </div>

    <div class="alert-box">
      <strong>Important Notice — Early Pre-Launch Stage:</strong> Sattva KIADB is in a very early pre-launch stage. Official pricing, exact apartment sizes, RERA number, possession date and final specifications have not yet been officially released. Images shown are representative only. <strong>Never make any payment without a confirmed RERA number.</strong> Always verify at <strong>rera.karnataka.gov.in</strong>.
    </div>

    <div class="info-box">
      <div class="ib-icon">
        <svg width="22" height="22" fill="none" viewBox="0 0 24 24" stroke="#2563EB" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
      </div>
      <div class="ib-text">
        <strong>Early Phase Project — Get Accurate Details Directly</strong><br>
        Details on this page are based on early pre-launch information and may be updated at official launch. For exact pricing, verified floor plans, RERA status and possession timeline — get in touch directly.
        <div class="ib-btns">
          <a href="https://wa.me/919844601308?text=Hi%2C%20I%20want%20complete%20verified%20details%20about%20Sattva%20KIADB%20Bangalore." target="_blank" rel="noopener" class="btn-green" style="font-size:13px;padding:10px 16px">
            <svg width="14" height="14" fill="currentColor" viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413z"/></svg>
            WhatsApp for Full Details
          </a>
          <a href="tel:+919844601308" class="btn-red" style="font-size:13px;padding:10px 16px">
            <svg width="14" height="14" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
            Call +91 9844601308
          </a>
        </div>
      </div>
    </div>

    <div class="advisor-box">
      <div class="adv-title">
        <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/></svg>
        How We Help You at Sattva KIADB
      </div>
      <div class="adv-grid">
        <div class="adv-item">
          <div class="adv-ic"><svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/></svg></div>
          <div><strong>Honest Project Guidance</strong>We tell you exactly which block, floor and unit gives best value — we work for you, not the developer.</div>
        </div>
        <div class="adv-item">
          <div class="adv-ic"><svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"/></svg></div>
          <div><strong>Free Site Visit</strong>We coordinate your site visit to Sattva KIADB at zero extra cost so you can evaluate properly.</div>
        </div>
        <div class="adv-item">
          <div class="adv-ic"><svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"/></svg></div>
          <div><strong>RERA &amp; Document Verification</strong>We verify RERA registration and review all documents before you pay a single rupee.</div>
        </div>
        <div class="adv-item">
          <div class="adv-ic"><svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg></div>
          <div><strong>Home Loan Support</strong>We connect you with SBI, HDFC, ICICI &amp; Axis Bank and handle complete loan documentation — free.</div>
        </div>
      </div>
    </div>
  </section>

  <hr class="divider">

  <!-- QUICK FACTS -->
  <section class="sec" id="details">
    <div class="sec-chip">Quick Facts</div>
    <h2 class="sec-title">Sattva KIADB — Project Details at a Glance</h2>
    <p class="sec-body">Everything you need to know before you decide. Verify all details independently before booking.</p>
    <table class="facts-table">
      <tbody>
        <tr><td>Developer</td><td><strong>Sattva Group</strong></td></tr>
        <tr><td>Project Name</td><td>Sattva KIADB Bangalore</td></tr>
        <tr><td>Location</td><td>KIADB Aerospace Park, Yerthiganahalli, Bagalur, Bengaluru 562157</td></tr>
        <tr><td>Project Status</td><td><span class="pill">Pre-Launch 2026</span></td></tr>
        <tr><td>Total Land Area</td><td>9 Acres</td></tr>
        <tr><td>Total Units</td><td>1,961 Apartments</td></tr>
        <tr><td>Towers / Blocks</td><td>31 Blocks · 2B + G + 15 Floors</td></tr>
        <tr><td>Configurations</td><td>2 BHK Luxe · 3 BHK Premium · 3 BHK Luxe</td></tr>
        <tr><td>Apartment Sizes</td><td>On Request — Call +91 9844601308</td></tr>
        <tr><td>Starting Price</td><td>On Request — Call +91 9844601308</td></tr>
        <tr><td>Expected Possession</td><td>2030 Onwards (RERA timeline to be confirmed)</td></tr>
        <tr><td>RERA Registration</td><td>In Process — Verify at rera.karnataka.gov.in before any payment</td></tr>
        <tr><td>Airport Distance</td><td>~28 km from Kempegowda International Airport via NH-44</td></tr>
        <tr><td>Nearest Hub</td><td>KIADB Aerospace Park (immediate) · Devanahalli Business Park (~15 km)</td></tr>
      </tbody>
    </table>
  </section>

  <hr class="divider">

  <!-- PRICING -->
  <section class="sec" id="price">
    <div class="sec-chip">Pricing 2026</div>
    <h2 class="sec-title">Sattva KIADB Price — 2 BHK &amp; 3 BHK Apartments</h2>
    <p class="sec-body">In early pre-launch phase. Official pricing is available on request. Call for the complete cost sheet.</p>
    <div class="price-grid">
      <div class="price-card">
        <div class="pc-head"><div class="pc-bhk">2 BHK Luxe</div><div class="pc-type">2 Bedroom Luxury</div></div>
        <div class="pc-body">
          <div class="pc-row"><span class="lbl">Carpet Area</span><span class="val">On Request</span></div>
          <div class="pc-row"><span class="lbl">Beds / Baths</span><span class="val">2 Bed · 2 Bath</span></div>
          <div class="pc-row"><span class="lbl">Starting Price</span><span class="val">On Request</span></div>
          <div class="pc-row"><span class="lbl">Flooring</span><span class="val">Wooden Bedrooms</span></div>
          <div class="pc-row"><span class="lbl">Windows</span><span class="val">UPVC Frames</span></div>
        </div>
        <a href="https://wa.me/919844601308?text=Hi%2C%20I%20want%202%20BHK%20Luxe%20price%20for%20Sattva%20KIADB." class="pc-cta" target="_blank" rel="noopener">Get 2 BHK Price Details →</a>
      </div>
      <div class="price-card featured">
        <div class="pc-head red"><div class="pc-bhk">3 BHK Premium</div><div class="pc-type">Most Popular</div></div>
        <div class="pc-body">
          <div class="pc-row"><span class="lbl">Carpet Area</span><span class="val">On Request</span></div>
          <div class="pc-row"><span class="lbl">Beds / Baths</span><span class="val">3 Bed · 3 Bath</span></div>
          <div class="pc-row"><span class="lbl">Starting Price</span><span class="val">On Request</span></div>
          <div class="pc-row"><span class="lbl">Flooring</span><span class="val">Wooden Bedrooms</span></div>
          <div class="pc-row"><span class="lbl">Windows</span><span class="val">UPVC Frames</span></div>
        </div>
        <a href="https://wa.me/919844601308?text=Hi%2C%20I%20want%203%20BHK%20Premium%20price%20for%20Sattva%20KIADB." class="pc-cta" target="_blank" rel="noopener">Get 3 BHK Premium Price →</a>
      </div>
      <div class="price-card">
        <div class="pc-head"><div class="pc-bhk">3 BHK Luxe</div><div class="pc-type">3 Bedroom Luxury</div></div>
        <div class="pc-body">
          <div class="pc-row"><span class="lbl">Carpet Area</span><span class="val">On Request</span></div>
          <div class="pc-row"><span class="lbl">Beds / Baths</span><span class="val">3 Bed · 3 Bath</span></div>
          <div class="pc-row"><span class="lbl">Starting Price</span><span class="val">On Request</span></div>
          <div class="pc-row"><span class="lbl">Flooring</span><span class="val">Wooden Bedrooms</span></div>
          <div class="pc-row"><span class="lbl">Windows</span><span class="val">UPVC Frames</span></div>
        </div>
        <a href="https://wa.me/919844601308?text=Hi%2C%20I%20want%203%20BHK%20Luxe%20price%20for%20Sattva%20KIADB." class="pc-cta" target="_blank" rel="noopener">Get 3 BHK Luxe Price →</a>
      </div>
    </div>
    <div class="price-note">Price Disclaimer: Official prices are on request and may change at any stage. Call <strong>+91 9844601308</strong> for the complete cost sheet including GST, registration charges, and all applicable fees.</div>
  </section>

  <hr class="divider">

  <!-- FLOOR PLANS -->
  <section class="sec" id="floor-plans">
    <div class="sec-chip">Floor Plans</div>
    <h2 class="sec-title">Sattva KIADB Floor Plans — 2 &amp; 3 BHK</h2>
    <p class="sec-body">Every apartment features laminated wooden flooring in bedrooms, UPVC windows, vitrified tiles in living areas, and balconies with external-grade wooden flooring.</p>
    <div class="master-plan-wrap">
      <img src="http://sattvakiadb.com/wp-content/uploads/2026/06/sattva-kiadb-master-plan.webp" alt="Sattva KIADB master plan — 9 acres, 31 blocks, Bagalur Bangalore" loading="lazy">
      <div class="mp-label">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7"/></svg>
        Master Plan — 9 Acres, KIADB Aerospace Park, Bagalur
      </div>
    </div>
    <div class="fp-grid">
      <div class="fp-card">
        <img src="http://sattvakiadb.com/wp-content/uploads/2026/06/sattva-kiadb-2bhk-floor-plan.webp" alt="Sattva KIADB 2 BHK Luxe floor plan" loading="lazy">
        <div class="fp-label">2 BHK Luxe Floor Plan <span>Functional Layout</span></div>
      </div>
      <div class="fp-card">
        <img src="http://sattvakiadb.com/wp-content/uploads/2026/06/sattva-kiadb-3bhk-floor-plan.webp" alt="Sattva KIADB 3 BHK floor plan" loading="lazy">
        <div class="fp-label">3 BHK Premium / Luxe Floor Plan <span>On Request</span></div>
      </div>
    </div>
    <div style="margin-top:18px;display:flex;gap:11px;flex-wrap:wrap">
      <a href="https://wa.me/919844601308?text=Hi%2C%20Please%20share%20all%20floor%20plans%20for%20Sattva%20KIADB%20Bangalore." class="btn-red" target="_blank" rel="noopener">
        <svg width="15" height="15" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
        Request Full Floor Plans — Free
      </a>
      <a href="#lead-form" class="btn-outline">Request Callback</a>
    </div>
  </section>

  <hr class="divider">

  <!-- SPECIFICATIONS -->
  <section class="sec" id="specifications">
    <div class="sec-chip">Specifications</div>
    <h2 class="sec-title">Construction Quality &amp; Specifications</h2>
    <p class="sec-body">Premium specifications across flooring, doors, windows, sanitary and electrical — genuinely above average for this corridor.</p>
    <div class="spec-grid">
      <div class="spec-card">
        <div class="spec-title">
          <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"/></svg>
          Flooring
        </div>
        <div class="spec-li"><span class="ck">✓</span><span>Vitrified tiles in Foyer, Living, Dining &amp; Corridors</span></div>
        <div class="spec-li"><span class="ck">✓</span><span>Laminated Wooden Flooring in all Bedrooms</span></div>
        <div class="spec-li"><span class="ck">✓</span><span>External-grade wooden flooring in Balconies</span></div>
        <div class="spec-li"><span class="ck">✓</span><span>Anti-skid ceramic tiles in Bathrooms &amp; Utility</span></div>
      </div>
      <div class="spec-card">
        <div class="spec-title">
          <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M9 3v18M3 9h6"/></svg>
          Doors &amp; Windows
        </div>
        <div class="spec-li"><span class="ck">✓</span><span>Main Door — 8 Feet High Pre-Moulded Flush Shutter with Polish</span></div>
        <div class="spec-li"><span class="ck">✓</span><span>Internal Doors — 7 Feet High Wooden Frames with Flush Shutters</span></div>
        <div class="spec-li"><span class="ck">✓</span><span>External Windows — UPVC Frames with Sliding Shutters &amp; Mosquito Mesh</span></div>
        <div class="spec-li"><span class="ck">✓</span><span>Powder-Coated MS Railings in Balconies</span></div>
      </div>
      <div class="spec-card">
        <div class="spec-title">
          <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z"/></svg>
          Plumbing &amp; Sanitary
        </div>
        <div class="spec-li"><span class="ck">✓</span><span>EWCs with Chrome-Plated Fittings in all toilets</span></div>
        <div class="spec-li"><span class="ck">✓</span><span>Granite Counters in Master Toilet</span></div>
        <div class="spec-li"><span class="ck">✓</span><span>Chrome-Plated Tap with Shower Mixer &amp; Overhead Shower</span></div>
        <div class="spec-li"><span class="ck">✓</span><span>Rainwater Harvesting drain pipes in all towers</span></div>
      </div>
      <div class="spec-card">
        <div class="spec-title">
          <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M13 10V3L4 14h7v7l9-11h-7z"/></svg>
          Electrical &amp; Security
        </div>
        <div class="spec-li"><span class="ck">✓</span><span>BESCOM Grid Power connection for each home</span></div>
        <div class="spec-li"><span class="ck">✓</span><span>100% Power Backup for Elevators, common areas &amp; pumps</span></div>
        <div class="spec-li"><span class="ck">✓</span><span>Concealed Copper Wiring with Modular Switches throughout</span></div>
        <div class="spec-li"><span class="ck">✓</span><span>24/7 Security with Intercom, CCTV &amp; Video Door Phone</span></div>
      </div>
    </div>
  </section>

  <hr class="divider">

  <!-- AMENITIES -->
  <section class="sec" id="amenities">
    <div class="sec-chip">Amenities</div>
    <h2 class="sec-title">Sattva KIADB Amenities — 9 Acres of Lifestyle</h2>
    <p class="sec-body">9 acres of genuine open spaces, real sports facilities, and a community that functions well.</p>
    <div class="am-grid">
      <div class="am-chip"><div class="am-iw"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-2 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/></svg></div><span class="am-lbl">Clubhouse</span></div>
      <div class="am-chip"><div class="am-iw"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="2" y="8" width="20" height="10" rx="2"/><path d="M6 8V6a2 2 0 012-2h8a2 2 0 012 2v2"/><path d="M6 13h12"/></svg></div><span class="am-lbl">Swimming Pool</span></div>
      <div class="am-chip"><div class="am-iw"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/></svg></div><span class="am-lbl">Gymnasium</span></div>
      <div class="am-chip"><div class="am-iw"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="M13 10V3L4 14h7v7l9-11h-7z"/></svg></div><span class="am-lbl">Jogging Track</span></div>
      <div class="am-chip"><div class="am-iw"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 3"/></svg></div><span class="am-lbl">Sports Courts</span></div>
      <div class="am-chip"><div class="am-iw"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg></div><span class="am-lbl">Kids Play Area</span></div>
      <div class="am-chip"><div class="am-iw"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg></div><span class="am-lbl">Landscaped Gardens</span></div>
      <div class="am-chip"><div class="am-iw"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="M12 19c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm0-12C8.69 7 6 9.69 6 13v2h2v-2c0-2.21 1.79-4 4-4s4 1.79 4 4v2h2v-2c0-3.31-2.69-6-6-6z"/></svg></div><span class="am-lbl">Pet Park</span></div>
      <div class="am-chip"><div class="am-iw"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="M7 4v16M17 4v16M3 8h4m10 0h4M3 16h4m10 0h4"/></svg></div><span class="am-lbl">Amphitheatre</span></div>
      <div class="am-chip"><div class="am-iw"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"/></svg></div><span class="am-lbl">Retail Spaces</span></div>
      <div class="am-chip"><div class="am-iw"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg></div><span class="am-lbl">Indoor Games</span></div>
      <div class="am-chip"><div class="am-iw"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0z"/></svg></div><span class="am-lbl">Party Lawns</span></div>
      <div class="am-chip"><div class="am-iw"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/></svg></div><span class="am-lbl">24/7 CCTV</span></div>
      <div class="am-chip"><div class="am-iw"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="M8 9l4-4 4 4m0 6l-4 4-4-4"/></svg></div><span class="am-lbl">High-Speed Lifts</span></div>
      <div class="am-chip"><div class="am-iw"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="M13 10V3L4 14h7v7l9-11h-7z"/></svg></div><span class="am-lbl">100% Power Backup</span></div>
      <div class="am-chip"><div class="am-iw"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z"/></svg></div><span class="am-lbl">Rainwater Harvesting</span></div>
      <div class="am-chip"><div class="am-iw"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="12" cy="12" r="4"/><path stroke-linecap="round" stroke-linejoin="round" d="M12 2v2m0 16v2M4.22 4.22l1.42 1.42m12.72 12.72l1.42 1.42M2 12h2m16 0h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"/></svg></div><span class="am-lbl">Solar-Ready</span></div>
      <div class="am-chip"><div class="am-iw"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"/></svg></div><span class="am-lbl">Creche</span></div>
    </div>
  </section>

  <hr class="divider">

  <!-- GALLERY -->
  <section class="sec" id="gallery">
    <div class="sec-chip">Project Gallery</div>
    <h2 class="sec-title">Sattva KIADB — Project Images</h2>
    <p class="sec-body">Representative images showcasing the project vision. Actual renders will be updated once officially released by the developer.</p>
    <div class="gallery-grid">
      <div class="gal-item tall"><img src="http://sattvakiadb.com/wp-content/uploads/2026/06/sattva-kiadb-elevation-front.webp" alt="Sattva KIADB front elevation" loading="lazy"></div>
      <div class="gal-item"><img src="http://sattvakiadb.com/wp-content/uploads/2026/06/sattva-kiadb-swimming-pool.webp" alt="Sattva KIADB swimming pool" loading="lazy"></div>
      <div class="gal-item"><img src="http://sattvakiadb.com/wp-content/uploads/2026/06/sattva-kiadb-lobby-entranc-1.webp" alt="Sattva KIADB grand entrance lobby" loading="lazy"></div>
      <div class="gal-item"><img src="http://sattvakiadb.com/wp-content/uploads/2026/06/sattva-kiadb-living-room-interior.webp" alt="Sattva KIADB 3 BHK living room" loading="lazy"></div>
      <div class="gal-item"><img src="http://sattvakiadb.com/wp-content/uploads/2026/06/sattva-kiadb-bedroom-interior.webp" alt="Sattva KIADB master bedroom" loading="lazy"></div>
    </div>
    <div style="margin-top:14px">
      <a href="https://wa.me/919844601308?text=Hi%2C%20Please%20share%20the%20project%20gallery%20and%20brochure%20for%20Sattva%20KIADB." class="btn-red" target="_blank" rel="noopener">
        <svg width="15" height="15" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
        Get Project Brochure &amp; Gallery
      </a>
    </div>
  </section>

  <hr class="divider">

  <!-- PROS & CONS -->
  <section class="sec" id="review">
    <div class="sec-chip">Honest Review</div>
    <h2 class="sec-title">Sattva KIADB — Pros &amp; Cons (Unbiased)</h2>
    <p class="sec-body">Real advantages AND real limitations so you can decide wisely.</p>
    <div class="pc-wrap">
      <div class="pros-box">
        <div class="pc-head-title">
          <svg width="18" height="18" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
          Advantages
        </div>
        <div class="pc-item"><span class="ic">✓</span><div><strong>9 Acres — Real Scale:</strong> 31 blocks across 9 acres means actual breathing room between buildings.</div></div>
        <div class="pc-item"><span class="ic">✓</span><div><strong>Sattva Group Track Record:</strong> Process-driven execution, clear land titles, realistic timelines. Among South India's most trusted developers.</div></div>
        <div class="pc-item"><span class="ic">✓</span><div><strong>NH-44 Aerospace Corridor:</strong> Airport proximity, KIADB employment, upcoming metro and PRR all converging here.</div></div>
        <div class="pc-item"><span class="ic">✓</span><div><strong>Premium Specifications:</strong> Wooden flooring, UPVC windows, granite counters, 8-foot main doors — above average for this corridor.</div></div>
        <div class="pc-item"><span class="ic">✓</span><div><strong>Multiple Configurations:</strong> 2 BHK Luxe, 3 BHK Premium, 3 BHK Luxe — choice for different budgets in the same community.</div></div>
        <div class="pc-item"><span class="ic">✓</span><div><strong>Pet Park:</strong> Rare in Bangalore residential projects. A genuine plus for families with pets.</div></div>
        <div class="pc-item"><span class="ic">✓</span><div><strong>KIADB Regulated Land:</strong> Government-regulated zone means predictable future development and well-planned infrastructure.</div></div>
      </div>
      <div class="cons-box">
        <div class="pc-head-title">
          <svg width="18" height="18" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"/></svg>
          Know Before You Buy
        </div>
        <div class="pc-item"><span class="ic">✗</span><div><strong>Possession 2030:</strong> Long timeline. If you need a home in the next 2–3 years or can't sustain rent + EMI simultaneously, plan carefully.</div></div>
        <div class="pc-item"><span class="ic">✗</span><div><strong>Bagalur Is Still Developing:</strong> Retail, schools and hospitals within walking distance are still limited. You'll need a car for most daily needs.</div></div>
        <div class="pc-item"><span class="ic">✗</span><div><strong>1,961 Units Is a Large Community:</strong> It takes years for a community this size to fully populate. Early years may feel underpopulated.</div></div>
        <div class="pc-item"><span class="ic">✗</span><div><strong>Price Transparency:</strong> Early phase means pricing is on request and can change at each launch milestone.</div></div>
        <div class="pc-item"><span class="ic">✗</span><div><strong>RERA Not Yet Registered:</strong> Pre-launch project. Never make any payment before RERA registration is confirmed at rera.karnataka.gov.in.</div></div>
      </div>
    </div>
  </section>

  <hr class="divider">

  <!-- LOCATION -->
  <section class="sec" id="location">
    <div class="sec-chip">Location</div>
    <h2 class="sec-title">Sattva KIADB Location — KIADB Aerospace Park, Bagalur</h2>
    <p class="sec-body">Bagalur on NH-44 Aerospace Corridor — one of North Bangalore's strongest growth areas.</p>
    <div class="loc-grid">
      <div class="loc-card"><div class="loc-ic"><svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8"/></svg></div><div><div class="loc-name">KIA Airport</div><div class="loc-dist">~28 km · NH-44</div></div></div>
      <div class="loc-card"><div class="loc-ic"><svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg></div><div><div class="loc-name">KIADB Aerospace Park</div><div class="loc-dist">Immediate Vicinity</div></div></div>
      <div class="loc-card"><div class="loc-ic"><svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg></div><div><div class="loc-name">Devanahalli Business Park</div><div class="loc-dist">~15 km</div></div></div>
      <div class="loc-card"><div class="loc-ic"><svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg></div><div><div class="loc-name">HAL Aerospace Complex</div><div class="loc-dist">~12 km</div></div></div>
      <div class="loc-card"><div class="loc-ic"><svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M13 10V3L4 14h7v7l9-11h-7z"/></svg></div><div><div class="loc-name">Metro Corridor</div><div class="loc-dist">Upcoming</div></div></div>
      <div class="loc-card"><div class="loc-ic"><svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4"/></svg></div><div><div class="loc-name">Peripheral Ring Road</div><div class="loc-dist">Upcoming Connector</div></div></div>
      <div class="loc-card"><div class="loc-ic"><svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg></div><div><div class="loc-name">Manyata Tech Park</div><div class="loc-dist">~30–35 min drive</div></div></div>
      <div class="loc-card"><div class="loc-ic"><svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/></svg></div><div><div class="loc-name">Yelahanka</div><div class="loc-dist">~15–20 min drive</div></div></div>
      <div class="loc-card"><div class="loc-ic"><svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/></svg></div><div><div class="loc-name">Hospitals</div><div class="loc-dist">~15–20 min drive</div></div></div>
      <div class="loc-card"><div class="loc-ic"><svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"/></svg></div><div><div class="loc-name">Reva University</div><div class="loc-dist">North Bangalore</div></div></div>
    </div>
    <div class="map-wrap">
      <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d15541.0!2d77.6290!3d13.1986!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bae19000b5ef6f1%3A0x5a1f2d3b4e7c8a91!2sBagalur%2C%20Bengaluru%2C%20Karnataka!5e0!3m2!1sen!2sin!4v1711900000010" loading="lazy" referrerpolicy="no-referrer-when-downgrade" title="Sattva KIADB Bangalore location map" allowfullscreen></iframe>
    </div>
    <div style="margin-top:13px">
      <a href="https://maps.google.com/?q=Bagalur+Bengaluru+Karnataka" target="_blank" rel="noopener" class="btn-outline">
        <svg width="15" height="15" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/><path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/></svg>
        Open in Google Maps
      </a>
    </div>
  </section>

  <hr class="divider">

  <!-- INVESTMENT -->
  <section class="sec" id="investment">
    <div class="sec-chip">Investment Potential</div>
    <h2 class="sec-title">Why Invest in Sattva KIADB in 2026?</h2>
    <p class="sec-body">Bagalur on NH-44 Aerospace Corridor has strong investment fundamentals for long-term capital appreciation.</p>
    <div class="invest-grid">
      <div class="invest-card">
        <div class="invest-icon-wrap"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8"/></svg></div>
        <div class="invest-title">Airport Proximity</div>
        <div class="invest-text">Just 28 km from KIA via NH-44 — one of the strongest demand drivers for residential rentals. Aerospace and aviation professionals prefer Bagalur for short commutes.</div>
      </div>
      <div class="invest-card">
        <div class="invest-icon-wrap"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5"/></svg></div>
        <div class="invest-title">KIADB Employment Hub</div>
        <div class="invest-text">KIADB Aerospace Park hosts major aerospace and defence companies with thousands of employees. Rental demand from this employment base is strong and consistent.</div>
      </div>
      <div class="invest-card">
        <div class="invest-icon-wrap"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="M13 10V3L4 14h7v7l9-11h-7z"/></svg></div>
        <div class="invest-title">Upcoming Infrastructure</div>
        <div class="invest-text">Peripheral Ring Road (PRR) and North Bangalore Metro corridor are major upcoming projects that will improve connectivity and property values dramatically.</div>
      </div>
      <div class="invest-card">
        <div class="invest-icon-wrap"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"/></svg></div>
        <div class="invest-title">Pre-Launch Advantage</div>
        <div class="invest-text">Pre-launch pricing is the best entry point. Sattva projects historically see meaningful price appreciation from pre-launch to completion. Early registrations secure the best units and floors.</div>
      </div>
    </div>
    <div class="invest-disc">Investment Disclaimer: Real estate investments are subject to market risks. Past performance is not indicative of future results. This is not financial advice. Please consult a qualified financial advisor before investing. Always verify RERA at <strong>rera.karnataka.gov.in</strong> before booking.</div>
  </section>

  <hr class="divider">

  <!-- DEVELOPER -->
  <section class="sec" id="developer">
    <div class="sec-chip">About Developer</div>
    <h2 class="sec-title">About Sattva Group</h2>
    <div class="dev-box">
      <div class="dev-title">Sattva Group — Planning Discipline &amp; Long-Term Thinking</div>
      <div class="dev-text">
        <p>Sattva Group is one of South India's most respected real estate brands, with a strong portfolio of premium residential and commercial projects across Bangalore. Founded on principles of design excellence and construction quality, Sattva Group has built a reputation for delivering homes that genuinely stand the test of time.</p>
        <p>Their residential projects consistently feature above-average specifications — including premium flooring, quality fittings and thoughtful layouts that make day-to-day living genuinely comfortable. Sattva KIADB is one of their most ambitiously planned residential launches, bringing together scale, quality and location in one of Bangalore's fastest-growing corridors.</p>
        <p>Sattva's delivery track record and strong regulatory compliance makes them one of the safest developers to entrust with a long-term commitment like Bagalur's 2030 possession timeline. Call <strong>+91 9844601308</strong> for a detailed comparison of Sattva KIADB against other projects in this corridor.</p>
      </div>
      <div class="dev-stats">
        <div class="dev-stat"><div class="dev-stat-val">9</div><div class="dev-stat-lbl">Acres — KIADB Bagalur</div></div>
        <div class="dev-stat"><div class="dev-stat-val">1,961</div><div class="dev-stat-lbl">Total Apartments</div></div>
        <div class="dev-stat"><div class="dev-stat-val">31</div><div class="dev-stat-lbl">Residential Blocks</div></div>
        <div class="dev-stat"><div class="dev-stat-val">G+15</div><div class="dev-stat-lbl">Floors per Block</div></div>
        <div class="dev-stat"><div class="dev-stat-val">2030</div><div class="dev-stat-lbl">Expected Possession</div></div>
      </div>
    </div>
  </section>

  <hr class="divider">

  <!-- FAQ -->
  <section class="sec" id="faq">
    <div class="sec-chip">FAQ</div>
    <h2 class="sec-title">Frequently Asked Questions — Sattva KIADB Bangalore</h2>
    <p class="sec-body">Honest answers to real buyer questions about Sattva KIADB.</p>
    <div class="faq-list">

      <div class="faq-item">
        <button class="faq-q" onclick="toggleFaq(this)" aria-expanded="false">
          What is Sattva KIADB Bangalore?
          <svg class="faq-arr" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/></svg>
        </button>
        <div class="faq-a">Sattva KIADB is a premium upcoming residential project by Sattva Group at KIADB Aerospace Park, Bagalur, North Bangalore. It offers 2 BHK Luxe, 3 BHK Premium, and 3 BHK Luxe apartments across 9 acres with 1,961 units in 31 residential blocks. Possession is expected from 2030. Call <a href="tel:+919844601308"><strong>+91 9844601308</strong></a> for complete details.</div>
      </div>

      <div class="faq-item">
        <button class="faq-q" onclick="toggleFaq(this)" aria-expanded="false">
          What is the price of Sattva KIADB 2 BHK and 3 BHK in 2026?
          <svg class="faq-arr" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/></svg>
        </button>
        <div class="faq-a">Sattva KIADB is in early pre-launch phase and the official price list is available on request. Call <a href="tel:+919844601308"><strong>+91 9844601308</strong></a> for the complete cost sheet including GST, registration charges and all other applicable fees.</div>
      </div>

      <div class="faq-item">
        <button class="faq-q" onclick="toggleFaq(this)" aria-expanded="false">
          Where exactly is Sattva KIADB located?
          <svg class="faq-arr" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/></svg>
        </button>
        <div class="faq-a">Sattva KIADB is located at <strong>KIADB Aerospace Park, Yerthiganahalli, Bagalur, Bengaluru, Karnataka 562157</strong>. Approximately 28 km from KIA via NH-44, close to HAL Aerospace Complex and Devanahalli Business Park.</div>
      </div>

      <div class="faq-item">
        <button class="faq-q" onclick="toggleFaq(this)" aria-expanded="false">
          What BHK configurations are available in Sattva KIADB?
          <svg class="faq-arr" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/></svg>
        </button>
        <div class="faq-a">Sattva KIADB offers: <strong>2 BHK Luxe, 3 BHK Premium, and 3 BHK Luxe</strong> apartments. All configurations feature wooden flooring in bedrooms, UPVC windows, vitrified tiles in living areas, and external-grade wooden flooring in balconies. Exact carpet areas available on request — call <a href="tel:+919844601308"><strong>+91 9844601308</strong></a>.</div>
      </div>

      <div class="faq-item">
        <button class="faq-q" onclick="toggleFaq(this)" aria-expanded="false">
          When is the possession date for Sattva KIADB?
          <svg class="faq-arr" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/></svg>
        </button>
        <div class="faq-a">Sattva KIADB possession is expected from <strong>2030 onwards</strong>. The RERA-registered possession timeline will be confirmed upon official launch. Call <a href="tel:+919844601308"><strong>+91 9844601308</strong></a> for the latest update.</div>
      </div>

      <div class="faq-item">
        <button class="faq-q" onclick="toggleFaq(this)" aria-expanded="false">
          Is Sattva KIADB RERA approved?
          <svg class="faq-arr" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/></svg>
        </button>
        <div class="faq-a">Sattva KIADB is in early pre-launch phase and RERA registration is in process. <strong>Always verify the RERA number at rera.karnataka.gov.in before making any payment or booking.</strong></div>
      </div>

      <div class="faq-item">
        <button class="faq-q" onclick="toggleFaq(this)" aria-expanded="false">
          Is Sattva KIADB a good investment in 2026?
          <svg class="faq-arr" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/></svg>
        </button>
        <div class="faq-a">Bagalur on NH-44 has strong fundamentals — airport proximity, KIADB employment hub, upcoming PRR and metro corridor all support capital appreciation. Sattva Group's brand ensures good resale liquidity. However, all investments carry market risk — please verify independently and consult a financial advisor before deciding.</div>
      </div>

      <div class="faq-item">
        <button class="faq-q" onclick="toggleFaq(this)" aria-expanded="false">
          Can I get home loan assistance for Sattva KIADB?
          <svg class="faq-arr" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/></svg>
        </button>
        <div class="faq-a">Yes — call <a href="tel:+919844601308"><strong>+91 9844601308</strong></a> and our team connects you with SBI, HDFC, ICICI, Axis and Kotak Bank, helps you understand loan eligibility, and supports all documentation — completely free of cost.</div>
      </div>

    </div>
  </section>

</div><!-- /wrap -->
</main>

<!-- ═══ CTA SECTION ═══ -->
<div class="cta-section">
  <div class="wrap">
    <div class="cta-title">Ready to Book Your Home at Sattva KIADB?</div>
    <div class="cta-sub">Get pre-launch pricing, floor plans, and expert guidance before the official launch. Zero cost, zero obligation.</div>
    <div class="cta-btns">
      <a href="https://wa.me/919844601308?text=Hi%2C%20I%20am%20ready%20to%20book%20at%20Sattva%20KIADB.%20Please%20share%20price%20details." class="btn-white" target="_blank" rel="noopener">
        <svg width="16" height="16" fill="currentColor" viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413z"/></svg>
        WhatsApp for Pre-Launch Price
      </a>
      <a href="tel:+919844601308" class="btn-white">
        <svg width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
        Call +91 9844601308
      </a>
      <a href="#lead-form" class="btn-outline" style="border-color:rgba(255,255,255,.6);color:#fff">
        <svg width="15" height="15" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"/></svg>
        Request Callback
      </a>
    </div>
  </div>
</div>

<!-- ═══════════════════════════════════════ FOOTER ═══ -->
<footer class="footer">
  <div class="footer-inner">
    <div class="footer-top">
      <div>
        <div class="footer-brand-name">Sattva <b>KIADB</b></div>
        <div class="footer-brand-text">Premium 2 &amp; 3 BHK apartments by Sattva Group at KIADB Aerospace Park, Bagalur, North Bangalore. One of the most anticipated pre-launch residential communities on NH-44 Aerospace Corridor.</div>
        <div class="footer-cta-strip">
          <a href="tel:+919844601308" class="btn-red">
            <svg width="13" height="13" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
            Call Now
          </a>
          <a href="https://wa.me/919844601308" target="_blank" rel="noopener" class="btn-green">
            <svg width="13" height="13" fill="currentColor" viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413z"/></svg>
            WhatsApp
          </a>
        </div>
      </div>
      <div class="fcol">
        <div class="fcol-title">Quick Links</div>
        <a href="#overview">Project Overview</a>
        <a href="#price">Pricing 2026</a>
        <a href="#floor-plans">Floor Plans</a>
        <a href="#specifications">Specifications</a>
        <a href="#amenities">Amenities</a>
        <a href="#location">Location &amp; Map</a>
        <a href="#faq">FAQ</a>
        <a href="#lead-form">Contact Us</a>
      </div>
      <div class="fcol">
        <div class="fcol-title">Project Details</div>
        <a href="#details">Developer: Sattva Group</a>
        <a href="#details">Location: Bagalur</a>
        <a href="#details">Area: 9 Acres</a>
        <a href="#details">Units: 1,961 Apartments</a>
        <a href="#details">Blocks: 31 (2B+G+15)</a>
        <a href="#details">Possession: 2030 Onwards</a>
      </div>
      <div class="fcol">
        <div class="fcol-title">Nearby Areas</div>
        <a href="#location">KIADB Aerospace Park</a>
        <a href="#location">Devanahalli Business Park</a>
        <a href="#location">Kempegowda Airport (KIA)</a>
        <a href="#location">HAL Aerospace Complex</a>
        <a href="#location">Yelahanka</a>
        <a href="#location">Manyata Tech Park</a>
      </div>
    </div>

    <div class="footer-notes">
      <div class="fn-title">Important Notes &amp; Disclaimers</div>
      <div class="fn-grid">
        <div class="fn-item">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"/></svg>
          <span><strong>Pre-Launch Status:</strong> Sattva KIADB is currently in a very early pre-launch phase. All information, including pricing, apartment sizes, floor plans, and specifications, is subject to change at official launch. Please verify all details directly with the developer before making any decisions.</span>
        </div>
        <div class="fn-item">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/></svg>
          <span><strong>RERA Compliance:</strong> RERA registration for Sattva KIADB is currently in process. Under RERA 2016, no advance payment should be made without a valid RERA registration number. Always verify at <strong style="color:rgba(255,255,255,.45)">rera.karnataka.gov.in</strong>.</span>
        </div>
        <div class="fn-item">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2"/><path stroke-linecap="round" stroke-linejoin="round" d="M9 9h.01M15 9h.01M9 15h6"/></svg>
          <span><strong>Images &amp; Renders:</strong> All images, renders, floor plans, and project visuals shown on this website are purely representative and for conceptual illustration purposes only. Actual finishes, layouts, and specifications may differ.</span>
        </div>
        <div class="fn-item">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
          <span><strong>Not Financial Advice:</strong> Nothing on this website constitutes financial, legal, or investment advice. Real estate investments carry inherent risks. Please consult a qualified financial advisor before investing.</span>
        </div>
        <div class="fn-item">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
          <span><strong>Channel Partner:</strong> This website is operated by an authorised channel partner for Sattva KIADB and not directly by Sattva Group. Always confirm all details with Sattva Group directly before booking or making any payment.</span>
        </div>
        <div class="fn-item">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"/></svg>
          <span><strong>Privacy &amp; Data:</strong> Your personal information shared through this website is used solely to provide project information and advisory services. We do not sell or share your data with third parties.</span>
        </div>
      </div>
    </div>

    <div class="footer-bottom">
      <div class="footer-copy">© 2026 Sattva KIADB Bangalore · sattvakiadb.com</div>
      <div class="footer-links">
        <a href="/privacy-policy/">Privacy Policy</a>
        <a href="/disclaimer/">Disclaimer</a>
        <a href="/contact/">Contact</a>
      </div>
    </div>
    <div class="rera-note">⚠️ This website is for information purposes only. Sattva KIADB is in pre-launch phase. All prices are indicative and subject to change without notice. Images shown are representative only. RERA registration is in process — always verify at <strong>rera.karnataka.gov.in</strong> before making any payment. All disputes subject to Bangalore jurisdiction.</div>
  </div>
</footer>

<script>
/* ── SLIDER ── */
const track = document.getElementById('sliderTrack');
const dots = document.querySelectorAll('.s-dot');
let cur = 0, total = dots.length, autoT;

function goTo(idx) {
  cur = (idx + total) % total;
  track.style.transform = `translateX(-${cur * 100}%)`;
  dots.forEach((d, i) => d.classList.toggle('active', i === cur));
}
function startAuto() {
  clearInterval(autoT);
  autoT = setInterval(() => goTo(cur + 1), 5500);
}
document.getElementById('sliderPrev').addEventListener('click', () => { goTo(cur - 1); startAuto(); });
document.getElementById('sliderNext').addEventListener('click', () => { goTo(cur + 1); startAuto(); });
dots.forEach(d => d.addEventListener('click', () => { goTo(+d.dataset.idx); startAuto(); }));
let tx = 0;
track.addEventListener('touchstart', e => { tx = e.touches[0].clientX; }, { passive: true });
track.addEventListener('touchend', e => {
  const dx = e.changedTouches[0].clientX - tx;
  if (Math.abs(dx) > 48) { goTo(dx < 0 ? cur + 1 : cur - 1); startAuto(); }
}, { passive: true });
startAuto();

/* ── MOBILE NAV ── */
const ham = document.getElementById('navHam');
const mnav = document.getElementById('mobileNav');
ham.addEventListener('click', () => {
  const open = mnav.classList.toggle('open');
  ham.classList.toggle('open', open);
  ham.setAttribute('aria-expanded', open);
});
function closeMobNav() {
  mnav.classList.remove('open');
  ham.classList.remove('open');
  ham.setAttribute('aria-expanded', false);
}
document.addEventListener('click', e => {
  if (!ham.contains(e.target) && !mnav.contains(e.target)) closeMobNav();
});

/* ── FAQ ── */
function toggleFaq(btn) {
  const ans = btn.nextElementSibling;
  const isOpen = btn.classList.contains('open');
  document.querySelectorAll('.faq-q').forEach(q => {
    q.classList.remove('open');
    q.setAttribute('aria-expanded', 'false');
    q.nextElementSibling.style.display = 'none';
  });
  if (!isOpen) {
    btn.classList.add('open');
    btn.setAttribute('aria-expanded', 'true');
    ans.style.display = 'block';
    ans.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
  }
}

/* ── FORM ── */
const form = document.getElementById('leadForm');
if (form) {
  form.addEventListener('submit', () => {
    const btn = document.getElementById('formBtn');
    btn.textContent = 'Sending… Expert will call within 30 minutes';
    btn.style.background = '#555';
    btn.disabled = true;
  });
}
</script>
</body>
</html>/* End custom CSS */