:root{--navy:#0b1733;--gold:#c9a45c;--ink:#15213b;--muted:#718096;--line:#e6eaf0}*{box-sizing:border-box}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)}.site-header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.navbar{min-height:72px}.brand{display:flex;align-items:center;gap:10px;color:var(--navy);text-decoration:none}.brand b{display:block;letter-spacing:.08em}.brand small{display:block;font-size:8px;letter-spacing:.12em;color:var(--muted)}.brand-mark{width:38px;height:38px;border-radius:11px;background:var(--navy);color:var(--gold);display:grid;place-items:center;font-weight:900;font-size:22px}.nav-link{font-weight:600}.search-hero{background:radial-gradient(circle at 85% 20%,rgba(201,164,92,.18),transparent 32%),linear-gradient(135deg,var(--navy),#182b55);color:#fff}.hero-copy{padding:34px 0 25px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--gold);margin-bottom:8px}.hero-copy h1{font-size:clamp(38px,6vw,72px);line-height:.98;letter-spacing:-.04em;font-weight:800}.hero-copy h1 span{color:#d7b979}.hero-copy p{color:#ccd5e7;font-size:17px}.search-panel{background:#fff;border-radius:22px;padding:12px;box-shadow:0 18px 50px rgba(0,0,0,.2);color:var(--ink);margin-bottom:-34px;position:relative;z-index:2}.search-main{display:flex;align-items:center;gap:10px}.search-main i{font-size:21px;color:var(--muted);margin-left:10px}.search-main input{border:0;outline:0;flex:1;font-size:16px;min-width:0}.search-tabs{display:flex;gap:6px;overflow:auto;padding:9px 4px 1px}.search-tabs a{padding:8px 14px;border-radius:999px;text-decoration:none;color:#667085;font-weight:700;white-space:nowrap}.search-tabs a.active,.search-tabs a:hover{background:#eef1f6;color:var(--navy)}.filter-panel{border:1px solid var(--line);border-radius:18px;background:#fff;padding:18px;position:sticky;top:92px}.filter-panel label:not(.chip){display:block;font-size:12px;font-weight:800;margin:18px 0 7px;color:#4c5870}.filter-control{border-radius:11px;border-color:#dfe4ec}.filter-head{display:flex;justify-content:space-between;font-weight:800}.filter-head a{font-size:12px;color:#657086;text-decoration:none}.chip-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.chip input{display:none}.chip span{display:block;border:1px solid var(--line);border-radius:10px;text-align:center;padding:8px;font-size:12px}.chip input:checked+span{background:var(--navy);border-color:var(--navy);color:#fff}.range-values{display:flex;justify-content:space-between;font-size:12px;font-weight:800}.dual-range{position:relative;height:35px}.dual-range input{position:absolute;left:0;top:8px;width:100%;pointer-events:none;appearance:none;background:none}.dual-range input::-webkit-slider-thumb{appearance:none;width:19px;height:19px;border-radius:50%;background:var(--navy);pointer-events:auto;border:3px solid #fff;box-shadow:0 1px 5px #999}.dual-range input::-webkit-slider-runnable-track{height:5px;background:#dfe4ec;border-radius:5px}.section-title{font-size:26px;font-weight:800;letter-spacing:-.03em}.sort-select{max-width:190px;border-radius:999px}.property-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.property-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;transition:.2s;box-shadow:0 5px 20px rgba(21,33,59,.04)}.property-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(21,33,59,.1)}.property-image{height:205px;background:#e9edf3;position:relative;display:block;overflow:hidden}.property-image img{width:100%;height:100%;object-fit:cover}.image-placeholder,.detail-placeholder{height:100%;display:grid;place-items:center;color:#a7b0c0;font-size:50px}.badge{position:absolute;top:12px;left:12px;border-radius:999px;padding:6px 9px}.badge-fresh{left:auto;right:12px;background:#fff;color:var(--navy)}.badge-verify{background:var(--navy);color:#fff}.property-body{padding:15px}.property-purpose{font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#7a8497}.property-code{font-size:10px;color:#a0a8b6}.property-body h3{font-size:17px;margin:7px 0}.property-body h3 a{color:var(--ink);text-decoration:none}.location{font-size:12px;color:#758097}.property-meta{display:flex;gap:12px;border-block:1px solid var(--line);padding:10px 0;margin:12px 0;font-size:11px;color:#7a8497}.property-price{font-size:19px;font-weight:900}.empty-state{grid-column:1/-1;text-align:center;padding:80px 20px;border:1px dashed var(--line);border-radius:20px;color:var(--muted)}.site-footer{background:var(--navy);color:#fff;margin-top:70px}.footer-brand b{color:#fff}.site-footer a{display:block;color:#c9d2e2;text-decoration:none;margin:8px 0;font-size:14px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:18px 0;color:#9ba8bf;font-size:12px}.city-modal{border:0;border-radius:22px}.city-list{max-height:55vh;overflow:auto}.city-option{width:100%;display:flex;justify-content:space-between;border:0;border-bottom:1px solid var(--line);background:#fff;padding:14px 4px;text-align:left}.city-option span{font-weight:750}.city-option i{margin-right:9px;color:var(--gold)}.city-option small{color:var(--muted)}.property-detail-card{border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 12px 40px rgba(21,33,59,.06)}.gallery-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:220px 160px;gap:4px;background:#eef1f5}.gallery-grid img{width:100%;height:100%;object-fit:cover}.gallery-grid img:first-child{grid-row:span 2}.detail-content{padding:28px}.detail-content h1{font-size:clamp(30px,4vw,48px);letter-spacing:-.04em}.verified-text{font-size:12px;font-weight:800;color:#16734a}.detail-location{color:var(--muted)}.detail-price{font-size:32px;font-weight:900;margin:20px 0}.detail-stats{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);padding:17px 0}.detail-stats div{border-right:1px solid var(--line);padding-left:15px}.detail-stats b,.detail-stats span{display:block}.detail-stats span{font-size:11px;color:var(--muted)}.detail-actions{display:flex;gap:9px;margin-top:20px}.content-card{border:1px solid var(--line);border-radius:20px;padding:25px;background:#fff;margin-bottom:18px}.content-card h2{font-size:25px;font-weight:800}.description{color:#59657b;line-height:1.8}.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:20px}.spec-grid span{display:block;font-size:11px;color:var(--muted)}.amenity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.amenity-grid i{color:#2e7d58;margin-right:6px}.back-link{text-decoration:none;color:#5e6b81;font-weight:700}.contact-card{top:95px}@media(max-width:991px){.property-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-panel{position:static}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:250px 150px}.gallery-grid img:first-child{grid-column:span 2;grid-row:auto}}@media(max-width:575px){.property-grid{grid-template-columns:1fr}.hero-copy h1{font-size:42px}.property-image{height:220px}.detail-content{padding:20px}.detail-stats{grid-template-columns:repeat(2,1fr);gap:15px}.detail-actions{flex-wrap:wrap}.amenity-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-rows:210px 110px}.sort-select{max-width:150px}}

/* Phase 08 — property conversion / decision UI */
.property-hero-card{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);background:#fff;border:1px solid #e8e8e8;border-radius:28px;overflow:hidden;box-shadow:0 18px 60px rgba(20,28,45,.08)}
.property-gallery{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:220px;gap:3px;background:#eef0f4}.property-gallery img{width:100%;height:100%;object-fit:cover}.property-gallery img:first-child{grid-column:span 2;grid-row:span 2}.gallery-empty{grid-column:1/-1;display:grid;place-items:center;font-size:5rem;color:#aab0bb}
.property-hero-copy{padding:clamp(24px,4vw,52px);display:flex;flex-direction:column;justify-content:center}.property-hero-copy h1{font-size:clamp(2rem,4vw,3.7rem);line-height:1.02;letter-spacing:-.04em;margin:.45rem 0}.fresh-pill{background:#eef8f3;color:#17623e;padding:.28rem .65rem;border-radius:999px;font-size:.78rem;font-weight:700}.trust-strip{display:flex;gap:10px;align-items:center;background:#f7f8fa;border-radius:14px;padding:12px;font-size:.85rem;color:#596171}.inquiry-modal{border:0;border-radius:24px;overflow:hidden}.compare-wrap{overflow:auto;border:1px solid #e5e7eb;border-radius:24px;background:#fff}.compare-table{min-width:900px;display:grid;grid-template-columns:180px repeat(4,minmax(180px,1fr))}.compare-labels,.compare-col{display:grid;grid-template-rows:170px repeat(8,58px);border-right:1px solid #e8eaf0}.compare-labels>div,.compare-col>div{padding:14px;border-bottom:1px solid #eef0f4;display:flex;align-items:center}.compare-labels{font-weight:700;background:#f8f9fb}.compare-image{display:block;padding:0!important;overflow:hidden}.compare-image img{width:100%;height:170px;object-fit:cover}.compare-title{font-weight:700}.compare-title a{color:inherit;text-decoration:none}.compare-col{grid-template-rows:170px repeat(8,58px)}
@media(max-width:991px){.property-hero-card{grid-template-columns:1fr}.property-gallery{grid-auto-rows:150px}.property-gallery img:first-child{grid-row:span 1}.property-hero-copy{padding:28px}.compare-table{grid-template-columns:145px repeat(4,minmax(165px,1fr))}.compare-labels,.compare-col{grid-template-rows:145px repeat(8,54px)}}
@media(max-width:575px){.property-gallery{grid-template-columns:1fr;grid-auto-rows:180px}.property-gallery img:first-child{grid-column:auto}.property-hero-copy .btn{width:100%}.detail-stats{grid-template-columns:repeat(2,1fr)}}
.match-score{display:inline-flex;align-items:center;gap:5px;background:var(--navy);color:#fff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.match-reasons{display:flex;flex-wrap:wrap;gap:6px}.match-reasons span{font-size:11px;background:#f3f5f8;border-radius:999px;padding:6px 8px;color:#4e5a70}.match-reasons i{margin-right:3px}.match-mini{border:1px solid var(--line);border-radius:14px;padding:12px 14px}.match-mini span{display:block;color:var(--muted);font-size:12px}.match-mini b{font-size:21px}.match-card{transition:transform .2s,box-shadow .2s}.match-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(21,33,59,.10)!important}