:root{--dark:#102033;--accent:#0d8f5b;--gold:#f4b23f;--soft:#f4f7fb;--text:#243244;--muted:#6c7a89}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.6}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto}
.nnt-container{width:min(1180px,92%);margin:auto}
.nnt-header{position:sticky;top:0;z-index:999;background:#fff;border-bottom:1px solid #e7edf3;box-shadow:0 4px 18px rgba(0,0,0,.04)}
.nnt-header-inner{display:flex;align-items:center;gap:22px;min-height:82px}
.nnt-brand{display:flex;align-items:center;font-weight:800;color:var(--dark)}
.custom-logo{max-height:64px;width:auto}
.nnt-brand-text{font-size:24px;letter-spacing:.5px}
.nnt-nav{margin-left:auto}
.nnt-nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0}
.nnt-nav a{font-weight:700;color:var(--dark)}
.nnt-header-wa,.nnt-btn,.nnt-search button,.nnt-lead-form button,.nnt-kpr button{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border:0;border-radius:12px;padding:13px 18px;font-weight:800;cursor:pointer}
.nnt-btn-light{background:#fff;color:var(--dark);border:1px solid #d8e2ec}
.nnt-menu-toggle{display:none;margin-left:auto;background:#fff;border:1px solid #d8e2ec;border-radius:10px;padding:10px 12px;font-size:20px}
.nnt-hero{padding:90px 0;background:linear-gradient(135deg,#102033,#0d8f5b);color:#fff}
.nnt-hero h1{font-size:clamp(34px,6vw,64px);line-height:1.05;margin:18px 0}
.nnt-hero p{font-size:19px;max-width:720px}
.nnt-badge,.nnt-card-badge{display:inline-flex;background:var(--gold);color:#1b2632;border-radius:999px;padding:8px 13px;font-weight:800;font-size:13px}
.nnt-search{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr auto;gap:10px;background:#fff;padding:12px;border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.18);margin-top:28px}
.nnt-search input,.nnt-search select,.nnt-lead-form input,.nnt-kpr input{width:100%;border:1px solid #d7e0ea;border-radius:11px;padding:13px;background:#fff}
.nnt-hero-actions{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}
.nnt-section{padding:70px 0}
.nnt-soft{background:var(--soft)}
.nnt-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.nnt-section h2{font-size:32px;margin:0 0 16px}
.nnt-property-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.nnt-property-card,.nnt-card,.nnt-sidebar,.nnt-kpr,.nnt-lead-form{background:#fff;border:1px solid #e4ebf2;border-radius:20px;overflow:hidden;box-shadow:0 10px 28px rgba(16,32,51,.07)}
.nnt-card-img{position:relative;display:block;min-height:210px;background:#eaf0f6}
.nnt-card-img img{width:100%;height:230px;object-fit:cover}
.nnt-placeholder{display:flex;align-items:center;justify-content:center;height:230px;background:linear-gradient(135deg,#e8eef6,#cbd8e6);font-weight:900;color:#334}
.nnt-card-badge{position:absolute;left:14px;top:14px}
.nnt-status{position:absolute;right:14px;top:14px;border-radius:999px;padding:7px 10px;font-weight:800;color:#fff;font-size:12px}
.nnt-status.available,.unit.available,.nnt-legend .available{background:#19a66a}
.nnt-status.booking,.unit.booking,.nnt-legend .booking{background:#f4b23f;color:#111}
.nnt-status.sold,.unit.sold,.nnt-legend .sold{background:#d94d4d}
.nnt-card-body{padding:18px}
.nnt-card-body h3{margin:0 0 8px;font-size:20px}
.nnt-price{font-size:24px;font-weight:900;color:var(--accent);margin:8px 0}
.nnt-location{color:var(--muted);font-size:14px}
.nnt-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}
.nnt-specs span{background:#f4f7fb;border-radius:10px;padding:8px;text-align:center;font-size:13px;font-weight:700}
.nnt-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.nnt-card-actions a{border:1px solid #d7e0ea;border-radius:10px;padding:10px;text-align:center;font-weight:800}
.nnt-card-actions a:last-child{background:var(--accent);color:#fff;border-color:var(--accent)}
.nnt-two-col,.nnt-single-grid{display:grid;grid-template-columns:1fr 420px;gap:28px;align-items:start}
.nnt-kpr,.nnt-lead-form,.nnt-sidebar{padding:22px}
.nnt-kpr-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.nnt-kpr-result,.nnt-alert{background:#eaf8f1;border-left:4px solid var(--accent);padding:14px;border-radius:12px;margin-top:14px}
.nnt-checklist{padding-left:22px}
.nnt-checklist li{margin:10px 0}
.nnt-siteplan{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#fff;padding:18px;border-radius:20px;border:1px solid #e4ebf2}
.unit{display:flex;align-items:center;justify-content:center;height:70px;border-radius:14px;color:#fff;font-weight:900}
.nnt-legend{display:flex;gap:12px;align-items:center;margin-top:14px;flex-wrap:wrap}
.nnt-legend span{width:18px;height:18px;border-radius:4px;display:inline-block}
.nnt-lead-form{display:grid;gap:10px}
.nnt-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.nnt-timeline div{background:#fff;border-radius:18px;padding:20px;border:1px solid #e4ebf2}
.nnt-single-img{width:100%;border-radius:22px}
.nnt-detail-list{list-style:none;padding:0;margin:18px 0}
.nnt-detail-list li{padding:10px 0;border-bottom:1px solid #e7edf3}
.nnt-full{width:100%;margin-top:10px}
.nnt-footer{background:#0d1724;color:#fff;padding:54px 0 0}
.nnt-footer-grid{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:26px}
.nnt-footer a{display:block;color:#d8e2ec;margin:8px 0}
.nnt-copyright{text-align:center;border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding:16px;color:#aeb9c6}
.nnt-floating-wa{position:fixed;right:18px;bottom:18px;z-index:9999;background:#19a66a;color:#fff;border-radius:999px;padding:14px 18px;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.25)}
@media(max-width:900px){
    .nnt-header-inner{min-height:70px}
    .custom-logo{max-height:48px}
    .nnt-menu-toggle{display:block}
    .nnt-header-wa{display:none}
    .nnt-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;border-bottom:1px solid #e7edf3;padding:18px}
    .nnt-menu-open .nnt-nav{display:block}
    .nnt-nav ul{display:grid;gap:12px}
    .nnt-search,.nnt-property-grid,.nnt-two-col,.nnt-single-grid,.nnt-footer-grid,.nnt-timeline{grid-template-columns:1fr}
    .nnt-hero{padding:54px 0}
    .nnt-section{padding:44px 0}
    .nnt-kpr-grid{grid-template-columns:1fr}
    .nnt-siteplan{grid-template-columns:repeat(2,1fr)}
    .nnt-floating-wa{left:14px;right:14px;text-align:center;justify-content:center;display:flex}
}

.nnt-stats{padding:34px 0;background:#fff}
.nnt-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.nnt-stat-grid div{background:#f4f7fb;border:1px solid #e4ebf2;border-radius:18px;padding:22px;text-align:center}
.nnt-stat-grid strong{display:block;font-size:34px;color:var(--accent)}
.nnt-stat-grid span{font-weight:800;color:var(--dark)}
.nnt-brand-panel,.nnt-map-box{background:linear-gradient(135deg,#102033,#1d334d);color:#fff;border-radius:24px;padding:30px;box-shadow:0 18px 42px rgba(16,32,51,.18)}
.nnt-brand-panel h3{font-size:32px;margin-top:0}
.nnt-brand-panel li{margin:10px 0}
.nnt-business-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.nnt-business-card{background:#fff;border:1px solid #e4ebf2;border-radius:22px;padding:24px;box-shadow:0 10px 28px rgba(16,32,51,.07)}
.nnt-business-card div{font-size:36px}
.nnt-business-card h3{margin:10px 0 6px}
@media(max-width:900px){
    .nnt-stat-grid,.nnt-business-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
    .nnt-stat-grid,.nnt-business-grid{grid-template-columns:1fr}
}

.nnt-siteplan-pro{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#fff;padding:18px;border-radius:20px;border:1px solid #e4ebf2}
.nnt-siteplan-pro .unit{height:86px;flex-direction:column}
.nnt-siteplan-pro small{font-size:11px;text-transform:uppercase;opacity:.85}
.nnt-card-extra{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.nnt-card-extra a{background:#f4f7fb;border-radius:10px;padding:9px;text-align:center;font-weight:800;font-size:13px}
.nnt-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.nnt-gallery-card{background:#fff;border:1px solid #e4ebf2;border-radius:20px;overflow:hidden;box-shadow:0 10px 28px rgba(16,32,51,.07)}
.nnt-gallery-card img{width:100%;height:190px;object-fit:cover}
.nnt-gallery-card h3{padding:16px;margin:0}
.nnt-qr-box{margin-top:16px;text-align:center;background:#f4f7fb;border-radius:16px;padding:16px}
.nnt-qr-box img{width:150px;height:150px}
@media(max-width:900px){.nnt-gallery-grid{grid-template-columns:1fr 1fr}.nnt-siteplan-pro{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.nnt-gallery-grid{grid-template-columns:1fr}}