body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f0f2f5;color:#1a1a1a;}
img{max-width:100%;display:block;}
.site-header{background:#1a3d5c;color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 8px rgba(0,0,0,.15);}
.container{width:min(1100px,92vw);margin:0 auto;}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:20px;}
.logo{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit;}
.logo-mark{display:none !important;}
.logo-text{display:flex;flex-direction:column;}
.logo-title{font-weight:600;font-size:1rem;}
.logo-subtitle{font-size:.76rem;opacity:.9;}
.main-nav{display:flex;gap:18px;font-size:.96rem;}
.main-nav a{color:#b8d4e8;text-decoration:none;padding:8px 14px;border-radius:8px;transition:background .25s,color .25s;}
.main-nav a:hover{background:rgba(255,255,255,.15);color:#fff;}
.hero{position:relative;min-height:78vh;display:flex;align-items:stretch;color:#fff;}

.hero-citywide{background:#000 url('/images/towers/Screenshot_2.jpg') center/cover no-repeat;}

.hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,.2));}
.hero-content{position:relative;padding:90px 0;}
.hero-content h1{font-size:clamp(2.5rem,4.5vw,3.3rem);margin:0 0 12px;font-weight:700;}
.hero-content p{font-size:1.08rem;max-width:640px;margin:0 0 26px;line-height:1.6;}
.hero-buttons{display:flex;flex-wrap:wrap;gap:14px;}
.section{padding:64px 0;}
.section-alt{padding:64px 0;background:#fff;}
.grid{display:grid;gap:36px;}
.two-col{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}
.three-col{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}
.card-list{list-style:none;margin:0;padding:0;}
.card-list li{margin-bottom:10px;line-height:1.6;}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 26px;border-radius:10px;border:none;cursor:pointer;font-weight:600;font-size:.96rem;text-decoration:none;transition:all .3s;}
.btn-primary{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;box-shadow:0 4px 16px rgba(74,144,226,.4);}
.btn-primary:hover{background:linear-gradient(135deg,#357abd,#2a6ba3);transform:translateY(-2px);box-shadow:0 6px 20px rgba(74,144,226,.5);}
.btn-secondary{background:rgba(255,255,255,.18);border:1.5px solid rgba(255,255,255,.8);color:#fff;}
.btn-secondary:hover{background:rgba(255,255,255,.25);}
.section h1,.section h2{margin-top:0;}
.note{font-size:.91rem;color:#666;margin-top:12px;line-height:1.5;}
.why-grid{gap:36px;}
.why-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.1);transition:transform .35s,box-shadow .35s;}
.why-card:hover{transform:translateY(-6px);box-shadow:0 10px 24px rgba(0,0,0,.18);}
.why-img{height:220px;background-size:cover;background-position:center;transition:transform .5s;object-fit:cover;width:100%;}
.why-card:hover .why-img{transform:scale(1.12);}
.why-card h3{padding:20px 20px 8px;margin:0;font-size:1.2rem;}
.why-card p{padding:0 20px 22px;margin:0;font-size:.96rem;color:#555;line-height:1.6;}
.step-list{padding-left:24px;}
.step-list li{margin-bottom:8px;line-height:1.6;}
.faq-list{display:grid;gap:24px;}
.faq-item h2{margin-bottom:8px;font-size:1.15rem;color:#1a3d5c;}
.faq-item p{margin:0;font-size:.96rem;color:#555;line-height:1.6;}
.contact-form{display:flex;flex-direction:column;gap:14px;}
.contact-form label{display:flex;flex-direction:column;font-size:.96rem;gap:6px;font-weight:500;}
.contact-form input,.contact-form textarea{padding:11px 12px;border-radius:8px;border:1.5px solid #ddd;font:inherit;transition:border-color .3s;}
.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#4a90e2;}
.site-footer{background:#0f2538;color:#b8c8d8;margin-top:50px;padding:40px 0 20px;}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:28px;font-size:.91rem;}
.site-footer h3,.site-footer h4{margin-top:0;color:#fff;}
.footer-bottom{margin-top:22px;border-top:1px solid rgba(255,255,255,.1);padding-top:14px;}
.footer-bottom-inner{font-size:.81rem;color:#8fa0b0;}
.site-footer a{color:#d4e4f0;}
.site-footer a:hover{color:#fff;}
@media(max-width:720px){.header-inner{flex-direction:column;align-items:flex-start;}.main-nav{flex-wrap:wrap;}.hero-content{padding:70px 0;}.cookie-banner-inner{flex-direction:column;align-items:flex-start;}}

/* COOKIE SYSTEM */
#cookie-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.6);
    backdrop-filter: blur(3px);
    z-index: 9998;
    display: none;
}

#cookie-box {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #ffffff;
    padding: 28px;
    width: 90%;
    max-width: 440px;
    border-radius: 16px;
    box-shadow: 0 10px 50px rgba(0,0,0,.4);
    z-index: 9999;
    display: none;
}

.cookie-buttons {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 20px;
}

.cookie-btn {
    padding: 11px 20px;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    font-weight: 600;
    transition: all .3s;
}

.cookie-btn.primary {
    background: linear-gradient(135deg,#4a90e2,#357abd);
    color: #fff;
}

.cookie-btn.primary:hover {
    background: linear-gradient(135deg,#357abd,#2a6ba3);
}

.cookie-btn.secondary {
    background: #e8e8e8;
    color: #333;
}

.cookie-btn.secondary:hover {
    background: #ddd;
}

.cookie-footer {
    margin-top: 14px;
    font-size: 0.91rem;
    color: #666;
}

.transparency-block {
    background: #f5f7fa;
    border-left: 5px solid #4a90e2;
    padding: 22px 26px;
    margin-bottom: 28px;
    border-radius: 8px;
}

.transparency-block h2 {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 1.35rem;
    color: #1a3d5c;
}

.transparency-block p {
    margin: 0;
    color: #444;
    line-height: 1.6;
}


.hero-content{position:relative;padding:110px 0 70px;}
.hero-content .kicker{letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;opacity:.9;margin:0 0 10px;}
.feature-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:26px;}
.feature-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s, background .2s;}
.feature-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.12);}
.feature-card img{width:100%;height:140px;object-fit:cover;}
.feature-card .pad{padding:14px 14px 16px;}
.feature-card h3{margin:0 0 6px;font-size:1.02rem;}
.feature-card p{margin:0;opacity:.92;line-height:1.5;font-size:.92rem;}
.site-footer a{color:#b8d4e8;text-decoration:none;}
.site-footer a:hover{text-decoration:underline;}

.muted{opacity:.85;}



/* --- Visual refresh (v3) --- */
:root{
  --bg:#0b1220;
  --surface:#0f1b2e;
  --text:#0b1220;
  --muted:#4b5563;
  --brand:#1a3d5c;
  --white:#ffffff;
  --card:#ffffff;
  --shadow:0 10px 30px rgba(0,0,0,.12);
  --radius:16px;
}

body{background:#f3f6fb;color:#0b1220;}
.site-header{background:rgba(26,61,92,.96);backdrop-filter:saturate(140%) blur(8px);}
.header-inner{padding:14px 0;}
.logo{gap:0;}
.logo-title{font-size:1.05rem;letter-spacing:.2px;}
.logo-subtitle{font-size:.78rem;opacity:.85;max-width:38ch;}
.main-nav{gap:14px;flex-wrap:wrap;justify-content:flex-end;}
.main-nav a{border-radius:999px;padding:8px 12px;transition:.15s ease;}
.main-nav a:hover{background:rgba(255,255,255,.12);color:#fff;}

.hero{
  position:relative;
  min-height:72vh;
  display:flex;
  align-items:center;
  overflow:hidden;
}
.hero.hero-klcc{background: #000 url('/images/planning/Screenshot_4.jpg') center/cover no-repeat;}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(0,0,0,.72), rgba(0,0,0,.25));}
.hero .container{position:relative;z-index:2;}
.hero h1{color:#fff;margin:0 0 10px;font-size:clamp(2.1rem,4.2vw,3.2rem);line-height:1.1;}
.hero p{color:rgba(255,255,255,.92);max-width:62ch;font-size:1.05rem;line-height:1.6;margin:0 0 22px;}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:11px 16px;border-radius:999px;
  text-decoration:none;font-weight:600;
  border:1px solid rgba(255,255,255,.28);
  color:#fff;background:rgba(255,255,255,.10);
}
.btn.primary{background:#ffffff;color:#0b1220;border-color:#ffffff;}
.btn:hover{transform:translateY(-1px);}

.section{padding:56px 0;}
.section .section-title{margin:0 0 18px;font-size:1.55rem;}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
@media (max-width: 900px){.card-grid{grid-template-columns:1fr;} .hero{min-height:64vh;}}

.card{
  background:var(--card);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  overflow:hidden;
  color:inherit;
  text-decoration:none;
}
.card img{width:100%;height:190px;object-fit:cover;display:block;}
.card .pad{padding:16px;}
.card h3{margin:0 0 6px;font-size:1.05rem;}
.card p{margin:0;color:#374151;line-height:1.55;}

.footer{margin-top:40px;}