:root{--p:#0f4c5c;--a:#e36414;--bg:#f6f8fa;--t:#1f2937;--m:#6b7280;--r:12px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--t);line-height:1.6;background:#fff}
img{max-width:100%;display:block}a{color:var(--p);text-decoration:none}a:hover{color:var(--a)}
.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}
h1,h2,h3,h4{line-height:1.25;margin:0 0 10px}
.btn{display:inline-block;background:var(--a);color:#fff;border:0;border-radius:8px;padding:11px 22px;font-size:15px;font-weight:600;cursor:pointer;text-align:center}
.btn:hover{background:#c4520c;color:#fff}.btn.sm{padding:7px 14px;font-size:14px}.btn.block{display:block;width:100%;margin-top:10px}
.btn.outline{background:transparent;color:var(--p);border:2px solid var(--p)}.btn.outline:hover{background:var(--p);color:#fff}.btn.dark{background:var(--p)}
.topbar{background:var(--p);color:#fff;font-size:13px;padding:6px 0}.topbar .wrap{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.topbar a{color:#fff}
.header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 2px 10px #0001; padding-bottom:20px;padding-top:20px;}
.nav-row{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-size:22px;font-weight:800;color:var(--p)}
.nav{display:flex;align-items:center;gap:20px}.nav>a,.dd>a{color:var(--t);font-weight:600;font-size:15px}
.dd{position:relative}.dd-menu{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:180px;box-shadow:0 8px 24px #0002;border-radius:8px;padding:6px;z-index:5}
.dd:hover .dd-menu{display:block}.dd-menu a{display:block;padding:8px 12px;color:var(--t);border-radius:6px}.dd-menu a:hover{background:var(--bg)}
.burger{display:none;background:none;border:0;font-size:28px;cursor:pointer;color:var(--p)}
/* hero */
.hero{position:relative;height:560px;overflow:hidden;background:#0f4c5c}
.slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .8s;display:flex;align-items:center}
.slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000a,#0003)}
.slide.active{opacity:1}.slide-txt{position:relative;color:#fff;padding-bottom:70px}
.slide-txt h1{font-size:44px;max-width:720px}.slide-txt p{font-size:19px;max-width:600px}
.dots{position:absolute;left:0;right:0;bottom:115px;display:flex;justify-content:center;gap:8px;z-index:3}
.dot{width:11px;height:11px;border-radius:50%;border:0;background:#fff8;cursor:pointer}.dot.on{background:#fff;width:28px;border-radius:6px}
.filter-wrap{position:absolute;left:50%;transform:translateX(-50%);bottom:24px;z-index:4}
.filter{background:#fff;border-radius:var(--r);padding:14px;box-shadow:0 10px 30px #0003;display:grid;grid-template-columns:auto repeat(4,1fr) auto;gap:10px;align-items:center}
.filter select,.filter input,.eform input,.eform textarea,.chat-form input{width:100%;padding:11px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:15px;font-family:inherit;background:#fff}
.tabs{display:flex;gap:4px;background:var(--bg);padding:4px;border-radius:8px;font-size:14px}.tabs label{padding:6px 10px;border-radius:6px;cursor:pointer;white-space:nowrap}.tabs input{display:none;width:auto}.tabs label:has(input:checked){background:var(--p);color:#fff}
.filter.side{display:block;position:sticky;top:80px;border:1px solid #e5e7eb;box-shadow:none}.filter.side select,.filter.side input{margin-bottom:10px}.reset{display:block;text-align:center;margin-top:10px;font-size:14px}
/* sections */
.section{padding:56px 0}.section.alt{background:var(--bg)}.sec-head{text-align:center;margin-bottom:30px}.sec-head.left{text-align:left}.sec-head h2{font-size:32px}.sec-head p{color:var(--m);margin:0}
.center{text-align:center;margin-top:26px}
.grid2,.grid3,.grid4,.grid2c{display:grid;gap:22px}.grid3{grid-template-columns:repeat(3,1fr)}.grid4{grid-template-columns:repeat(4,1fr)}.grid2,.grid2c{grid-template-columns:repeat(2,1fr)}
.card{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:0 2px 14px #0001;transition:.25s}.card:hover{transform:translateY(-4px);box-shadow:0 10px 26px #0002}
.card-img{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:#e5e7eb}.card-img img{width:100%;height:100%;object-fit:cover}
.card-body{padding:16px}.card h3{font-size:18px}.card h3 a{color:var(--t)}.muted{color:var(--m)}.loc{color:var(--m);margin:4px 0 8px;font-size:14px}
.meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.meta span{background:var(--bg);padding:3px 10px;border-radius:20px;font-size:13px}
.card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee;padding-top:10px}.card-foot strong{color:var(--a);font-size:18px}
.badge{position:absolute;top:10px;left:10px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:700;color:#fff}h1 .badge{position:static;vertical-align:middle;font-size:13px;display:inline-block}
.badge.new{background:#16a34a}.badge.resale{background:#7c3aed}
.cat-tile{display:flex;flex-direction:column;justify-content:flex-end;min-height:220px;border-radius:var(--r);padding:20px;color:#fff;background-size:cover;background-position:center}.cat-tile h3{font-size:24px;margin:0}.cat-tile p{margin:4px 0 0;font-size:14px;opacity:.9}.cat-tile:hover{color:#fff}
.two-cta{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.cta-card{display:block;padding:22px;border-radius:var(--r);color:#fff}.cta-card strong{display:block;font-size:20px}.cta-card.new{background:#16a34a}.cta-card.resale{background:#7c3aed}.cta-card:hover{color:#fff;opacity:.92}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.ticks{list-style:none;padding:0}.ticks li:before{content:"✔ ";color:#16a34a}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stats div{background:var(--p);color:#fff;border-radius:var(--r);padding:26px;text-align:center}.stats b{display:block;font-size:34px}
.icons>div{background:#fff;border-radius:var(--r);padding:22px;text-align:center;box-shadow:0 2px 12px #0001}.icons i{font-style:normal;font-size:34px}
.vm{margin-top:26px}.vm>div{background:#fff;border-left:5px solid var(--a);padding:20px;border-radius:var(--r)}
.testi{margin:0;background:var(--bg);padding:24px;border-radius:var(--r)}.testi footer small{display:block;color:var(--m)}
.brands{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.brand{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:18px 28px;font-weight:700;color:var(--p);min-width:150px;text-align:center}.brand img{max-height:50px;margin:auto}
.cta-band{background:linear-gradient(135deg,var(--p),#1b3a4b);color:#fff}.cta-band a{color:#ffd59e}
.eform{background:#fff;color:var(--t);padding:22px;border-radius:var(--r);box-shadow:0 4px 20px #0002}.eform input,.eform textarea{margin-bottom:10px}.eform h3{margin-bottom:14px}.form-msg{margin:10px 0 0;font-weight:600}.form-msg.ok{color:#16a34a}.form-msg.err{color:#dc2626}
.hp{position:absolute!important;left:-9999px!important;height:0;width:0;opacity:0}
.page-head{background:linear-gradient(135deg,var(--p),#1b3a4b);color:#fff;padding:40px 0}.page-head.sm{padding:16px 0;background:var(--bg);color:var(--t)}.page-head h1{font-size:34px}.crumbs{font-size:14px}
.pill-nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.pill-nav a{background:#fff2;color:#fff;padding:7px 16px;border-radius:30px;font-size:14px}.pill-nav a.on{background:var(--a)}
.list-layout{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start}
.pager{display:flex;gap:6px;justify-content:center;margin-top:26px;flex-wrap:wrap}.pager a{padding:8px 14px;border:1px solid #d1d5db;border-radius:8px}.pager a.on{background:var(--p);color:#fff;border-color:var(--p)}
.empty{text-align:center;padding:40px;background:var(--bg);border-radius:var(--r)}
.detail{display:grid;grid-template-columns:1fr 360px;gap:30px;align-items:start}.d-img{width:100%;border-radius:var(--r);margin:14px 0;aspect-ratio:16/9;object-fit:cover}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.gallery img{border-radius:8px;aspect-ratio:4/3;object-fit:cover}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:16px 0}.facts div{background:var(--bg);padding:12px 14px;border-radius:10px}.facts small{display:block;color:var(--m)}
.amen{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.rich img{height:auto;border-radius:8px}.d-side{position:sticky;top:80px}.d-side .eform{border:1px solid #e5e7eb;box-shadow:none}
.box{background:var(--bg);padding:18px;border-radius:var(--r);margin-top:16px}.rl{display:block;padding:6px 0;border-bottom:1px solid #e5e7eb;font-size:14px}
.footer{background:#0b1f26;color:#cbd5e1;padding-top:44px}.footer h4{color:#fff}.footer a{display:block;color:#cbd5e1;padding:3px 0}.footer .social a{display:inline-block;margin-right:10px}.footer a:hover{color:#ffd59e}
.copy{text-align:center;border-top:1px solid #ffffff22;margin-top:30px;padding:16px;font-size:14px}.copy a{display:inline}
/* floating buttons + chat */
.fab{position:fixed;right:16px;bottom:16px;z-index:90;display:flex;flex-direction:column;gap:10px}
.fab-btn{width:52px;height:52px;border-radius:50%;border:0;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;box-shadow:0 4px 14px #0004;cursor:pointer}
.fab-btn.call{background:var(--p)}.fab-btn.wa{background:#25d366}.fab-btn.chat{background:var(--a)}.fab-btn:hover{color:#fff;transform:scale(1.07)}
.chatbox{position:fixed;right:80px;bottom:16px;width:330px;max-width:calc(100vw - 32px);background:#fff;border-radius:14px;box-shadow:0 10px 40px #0004;z-index:95;overflow:hidden}
.chatbox[hidden]{display:none}.chat-head{background:#075e54;color:#fff;padding:12px 14px;display:flex;justify-content:space-between;align-items:center}.chat-head small{display:block;font-size:12px;opacity:.85}.chat-head button{background:none;border:0;color:#fff;font-size:18px;cursor:pointer}
.chat-body{background:#ece5dd;padding:14px;min-height:90px;max-height:200px;overflow:auto}.msg{background:#fff;padding:9px 12px;border-radius:0 10px 10px 10px;font-size:14px;max-width:90%;margin-bottom:8px}.msg.me{background:#dcf8c6;margin-left:auto;border-radius:10px 0 10px 10px}
.chat-form{padding:12px;display:grid;gap:8px}
/* tablet */
@media(max-width:1024px){.grid3{grid-template-columns:repeat(2,1fr)}.grid4{grid-template-columns:repeat(2,1fr)}.filter{grid-template-columns:1fr 1fr 1fr}.filter .tabs,.filter .btn{grid-column:span 3}.hero{height:620px}.slide-txt h1{font-size:36px}.detail{grid-template-columns:1fr}.d-side{position:static}.list-layout{grid-template-columns:240px 1fr}.grid2c{grid-template-columns:1fr}}
/* mobile */
@media(max-width:768px){
 .topbar span:last-child{display:none}.burger{display:block}
 .nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:10px 16px 16px;box-shadow:0 10px 20px #0002;max-height:80vh;overflow:auto}
 .menu-open .nav{display:flex}.nav>a,.dd>a{padding:11px 0;display:block;border-bottom:1px solid #eee}.dd-menu{display:block;position:static;box-shadow:none;padding:0 0 0 12px;min-width:0}.dd-menu a{padding:6px 10px;font-size:14px}.nav .btn{margin-top:10px}
 .hero{height:auto;min-height:0;display:flex;flex-direction:column}.slide{position:relative;display:none;min-height:300px}.slide.active{display:flex}.slide-txt{padding-bottom:20px}.slide-txt h1{font-size:26px}.slide-txt p{font-size:15px}
 .dots{position:static;padding:10px 0;background:#0f4c5c}.filter-wrap{position:static;transform:none;padding:0;max-width:none}.filter{border-radius:0;grid-template-columns:1fr 1fr}.filter .tabs,.filter .btn{grid-column:span 2}
 .section{padding:36px 0}.sec-head h2{font-size:24px}.grid3,.grid4,.grid2,.grid2c,.two-col,.two-cta{grid-template-columns:1fr}.list-layout{grid-template-columns:1fr}.filter.side{position:static}.gallery{grid-template-columns:repeat(2,1fr)}.page-head h1{font-size:26px}.stats b{font-size:26px}
 .chatbox{right:8px;left:8px;bottom:80px;width:auto;max-width:none}.fab{right:10px;bottom:10px}.fab-btn{width:46px;height:46px}
}