:root{--ink:#0a1416;--teal:#103f41;--lime:#dfff37;--line:#dbe3df;--muted:#6c7977;--paper:#f5f7f3}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--paper)}button,input,select{font:inherit}.app-shell{height:100dvh;display:flex;flex-direction:column}.topbar{height:70px;flex:0 0 70px;display:grid;grid-template-columns:350px 1fr 350px;align-items:center;padding:0 22px;background:#fffffff2;border-bottom:1px solid var(--line);z-index:30}.brand{border:0;background:none;display:flex;align-items:center;gap:9px;padding:0;font-size:21px;font-weight:900;cursor:pointer}.brand small{font-size:8px;letter-spacing:.15em;color:#76817e;border-left:1px solid #c9d1cd;padding-left:10px}.brand-mark{width:27px;height:29px;background:var(--ink);display:flex;align-items:flex-end;gap:2px;padding:4px;clip-path:polygon(0 12%,100% 0,100% 88%,0 100%)}.brand-mark i{display:block;flex:1;background:var(--lime)}.brand-mark i:nth-child(1){height:42%}.brand-mark i:nth-child(2){height:68%}.brand-mark i:nth-child(3){height:100%}.main-nav{display:flex;justify-content:center}.main-nav button{border:0;border-bottom:2px solid transparent;background:none;padding:12px 17px;color:#6d7977;font-size:12px;cursor:pointer}.main-nav button.active{color:var(--ink);border-color:var(--ink)}.top-actions{display:flex;justify-content:flex-end;gap:10px;align-items:center}.saved-button{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:24px;position:relative;cursor:pointer}.saved-button b{position:absolute;top:-5px;right:-4px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--lime);font-size:9px;border:2px solid #fff}.agent-button{border:1px solid var(--line);background:#fff;border-radius:26px;padding:4px 10px 4px 5px;display:flex;align-items:center;gap:8px;cursor:pointer}.agent-button>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:var(--lime);font-size:10px;font-weight:800}.agent-button i{font-style:normal;font-size:11px;font-weight:800;text-align:left}.agent-button small{display:block;font-size:8px;font-weight:500;color:#75827f}.agent-button>b{width:8px;height:8px;border-radius:50%;background:#21d68c;box-shadow:0 0 0 3px #d9f8ea}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(430px,42%) 1fr}.results-panel{min-width:0;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:3;overflow:hidden}.panel-head{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:24px 26px 14px}.eyebrow{font-size:8px;letter-spacing:.17em;color:#5f7470;font-weight:900;margin:0 0 7px}.panel-head h1{font:25px/1.06 Georgia,serif;letter-spacing:-.035em;max-width:390px;margin:0}.result-count{text-align:right;color:#76827f;font-size:10px;margin:0}.result-count strong{display:block;color:var(--ink);font-size:23px}.search-row{padding:0 26px 15px;display:flex;gap:9px}.search-box{height:46px;display:flex;align-items:center;gap:9px;flex:1;border:1px solid var(--line);background:#f9faf7;border-radius:10px;padding:0 13px;color:#6f7e7b}.search-box:focus-within{background:#fff;border-color:#a4bc32;box-shadow:0 0 0 3px #dfff3730}.search-box span{font-size:20px}.search-box input{width:100%;min-width:0;border:0;outline:0;background:none;color:var(--ink);font-size:12px}.filter-button{height:46px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:#fff;font-weight:800;font-size:11px;cursor:pointer;position:relative}.filter-button.active{background:var(--ink);color:#fff}.filter-button b{display:none;position:absolute;width:7px;height:7px;border-radius:50%;background:var(--lime);right:-3px;top:-3px;box-shadow:0 0 0 2px white}.filter-button.changed b{display:block}.filter-drawer{padding:0 26px 17px;border-bottom:1px solid var(--line);animation:drop .18s ease}.filter-drawer[hidden]{display:none}@keyframes drop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.filter-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px;font-size:11px}.filter-title button{border:0;background:none;color:#668200;font-size:9px;font-weight:800;cursor:pointer}.filter-drawer>label{display:block;font-size:8px;letter-spacing:.11em;text-transform:uppercase;color:#6f7f7c;font-weight:800;margin-bottom:7px}.type-tabs{display:flex;gap:5px;overflow:auto}.type-tabs button{border:1px solid var(--line);border-radius:18px;background:#fff;padding:6px 10px;font-size:9px;white-space:nowrap;cursor:pointer}.type-tabs button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:14px}.filter-grid label{display:grid;grid-template-columns:1fr auto;gap:6px;color:#71807d;font-size:9px}.filter-grid strong{color:var(--ink)}.filter-grid input,.mortgage input[type=range]{grid-column:1/-1;width:100%;accent-color:#86a900}.list-toolbar{height:39px;flex:0 0 39px;border-block:1px solid #edf0ee;padding:0 26px;display:flex;align-items:center;justify-content:space-between;color:#72817e;font-size:9px}.list-toolbar strong{color:var(--ink)}.list-toolbar select{border:0;background:#fff;outline:0;font-size:9px;font-weight:800}.property-list{flex:1;min-height:0;overflow:auto;padding:14px 16px 105px;scrollbar-width:thin;scrollbar-color:#bdc8c4 transparent}.property-card{display:grid;grid-template-columns:41% 1fr;border:1px solid var(--line);background:#fff;min-height:187px;margin-bottom:12px;cursor:pointer;transition:.18s}.property-card:hover,.property-card.selected{border-color:#9bb32c;transform:translateY(-2px);box-shadow:0 12px 28px #173b3b14}.property-image,.drawer-hero,.compare-thumb{background-image:linear-gradient(150deg,#02101208,#02101218),url('./property-sprite.png');background-repeat:no-repeat;background-size:400% 200%;background-color:#dfe7e1}.sprite-0{background-position:0 0}.sprite-1{background-position:33.333% 0}.sprite-2{background-position:66.666% 0}.sprite-3{background-position:100% 0}.sprite-4{background-position:0 100%}.sprite-5{background-position:33.333% 100%}.sprite-6{background-position:66.666% 100%}.sprite-7{background-position:100% 100%}.property-image{position:relative;min-height:187px}.featured-tag{position:absolute;left:10px;top:10px;background:var(--lime);padding:5px 7px;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.heart-button{position:absolute;right:9px;top:9px;width:31px;height:31px;border:0;border-radius:50%;background:#fffffff0;font-size:18px;cursor:pointer}.heart-button.active{background:#e83f64;color:#fff}.property-score{position:absolute;left:9px;bottom:9px;background:#0a181ad9;color:#fff;padding:5px 7px;font-size:7px}.property-score b{color:var(--lime);font-size:10px;margin-left:4px}.property-copy{padding:14px 14px 11px;display:flex;flex-direction:column;min-width:0}.property-title{display:flex;gap:8px;justify-content:space-between}.property-title p{margin:0 0 5px;font-size:7px;color:#73827f;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.property-title h2{font:16px/1.1 Georgia,serif;margin:0}.property-title>strong{color:var(--teal);font-size:14px;white-space:nowrap}.property-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 0;font-size:8px;color:#657572}.property-meta .growth{margin-left:auto;color:#638100;font-weight:900}.card-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0ee;margin-top:auto;padding-top:10px;font-size:9px}.card-actions button{border:0;background:none;padding:0;font-weight:900;cursor:pointer}.card-actions label{color:#6c7977;cursor:pointer}.card-actions input{accent-color:#88aa00}.empty-state{text-align:center;padding:50px 20px;color:#6e7b79}.empty-state h2{font:20px Georgia,serif;color:var(--ink)}.empty-state button{border:0;background:var(--ink);color:#fff;padding:10px 14px;font-size:9px;cursor:pointer}.map-panel{min-width:0;position:relative;background:#e1e9e6;overflow:hidden}.map-canvas{position:absolute;inset:0}.maplibregl-map{font-family:Inter,Arial,sans-serif}.maplibregl-ctrl-group{border-radius:10px!important;overflow:hidden}.price-marker{border:0;background:#102426;color:#fff;border-radius:15px;padding:6px 9px;font-size:9px;font-weight:900;cursor:pointer;box-shadow:0 5px 15px #07171840;white-space:nowrap;position:relative}.price-marker:after{content:"";position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #102426}.price-marker:hover,.price-marker.active{background:var(--lime);color:var(--ink);transform:translateY(-2px)}.price-marker:hover:after,.price-marker.active:after{border-top-color:var(--lime)}.map-loading,.map-error{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;background:#e4ece9;color:#60706d;font-size:9px;letter-spacing:.1em;text-transform:uppercase;z-index:8}.map-loading[hidden],.map-error[hidden]{display:none}.map-loading span{width:31px;height:31px;border:3px solid #c0ccc8;border-top-color:#82a500;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.map-error span{font-size:9px;text-transform:none;letter-spacing:0}.map-top-controls{position:absolute;z-index:7;top:18px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.view-switcher{display:flex;background:#ffffffee;border:1px solid #b9c5c1;border-radius:11px;padding:4px;box-shadow:0 7px 20px #122b2b1a}.view-switcher button{border:0;background:none;border-radius:7px;padding:8px 10px;font-size:9px;cursor:pointer}.view-switcher button.active{background:var(--ink);color:#fff}.market-button{border:0;background:var(--lime);border-radius:10px;padding:0 12px;font-size:9px;font-weight:900;box-shadow:0 7px 20px #122b2b1a;cursor:pointer}.map-tools{position:absolute;z-index:7;right:16px;top:78px;display:flex;flex-direction:column;align-items:flex-end;gap:7px}.map-tools button{height:41px;min-width:41px;border:1px solid #b9c5c1;border-radius:10px;background:#fffffff0;padding:0 11px;font-size:9px;font-weight:800;cursor:pointer;box-shadow:0 6px 18px #122b2b17}.map-tools button span{display:none}.map-tools button:hover span{display:inline}.map-tools button.active{background:var(--ink);color:var(--lime)}.map-tools button:disabled{opacity:.45;cursor:not-allowed}.map-legend{position:absolute;z-index:7;right:16px;bottom:21px;width:165px;padding:10px 12px;background:#0a1819e8;color:#fff}.map-legend>b{font-size:7px;letter-spacing:.13em}.map-legend>i{display:block;height:5px;background:linear-gradient(90deg,#22d3ee,#a3e635,#facc15,#fb7185);margin:7px 0 4px}.map-legend>div{display:flex;justify-content:space-between;color:#adb9b6;font-size:7px}.workspace.view-map{grid-template-columns:0 1fr}.view-map .results-panel{opacity:0;pointer-events:none}.workspace.view-list{grid-template-columns:1fr 0}.view-list .map-panel{opacity:0;pointer-events:none}.view-list .results-panel{width:min(980px,100%);margin:auto;border-left:1px solid var(--line)}.view-list .property-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.view-list .property-card{margin:0}.drawer-backdrop,.modal-backdrop{position:fixed;inset:0;z-index:80;background:#06151660;backdrop-filter:blur(3px)}.drawer-backdrop[hidden],.modal-backdrop[hidden]{display:none}.property-drawer{position:relative;width:min(470px,100%);height:100%;margin-left:auto;overflow:auto;background:#fff;box-shadow:-20px 0 60px #04151533;animation:slide .22s ease}@keyframes slide{from{transform:translateX(100%)}to{transform:none}}.drawer-close{position:absolute;right:14px;top:14px;z-index:4;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fffffff0;font-size:23px;cursor:pointer}.drawer-hero{height:280px;position:relative}.drawer-hero>span{position:absolute;left:18px;bottom:18px;background:var(--lime);padding:6px 8px;font-size:8px;font-weight:900;text-transform:uppercase}.drawer-hero>button{position:absolute;right:18px;bottom:18px;width:40px;height:40px;border:0;border-radius:50%;background:#fff;font-size:21px;cursor:pointer}.drawer-hero>button.active{background:#e83f64;color:#fff}.drawer-content{padding:24px 26px 42px}.drawer-content h2,.market-modal h2{font:31px/1.05 Georgia,serif;letter-spacing:-.04em;margin:0}.drawer-price{font-size:18px;color:var(--teal);font-weight:900;margin-top:8px}.drawer-facts{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);padding:14px 0;margin:19px 0}.drawer-facts span{text-align:center;border-right:1px solid var(--line);font-size:12px;font-weight:900}.drawer-facts span:last-child{border:0}.drawer-facts small{display:block;color:#75827f;font-size:7px;font-weight:500;margin-top:4px}.intelligence-card{display:flex;justify-content:space-between;align-items:center;background:#102829;color:#fff;padding:17px 19px}.intelligence-card p{color:#b4c1bf;font-size:9px;margin:0 0 5px}.intelligence-card strong{font-size:31px;color:var(--lime)}.score-ring{width:61px;height:61px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--lime) 0deg,#345052 0)}.score-ring:before{content:"";grid-area:1/1;width:45px;height:45px;border-radius:50%;background:#102829}.score-ring span{grid-area:1/1;z-index:1;font-weight:900}.metric-list{padding:13px 0}.metric-list>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf0ee;font-size:9px;color:#6c7977}.metric-list b{color:var(--ink)}.mortgage{background:#f2f5f0;padding:16px}.section-heading{display:flex;justify-content:space-between;font-size:11px;margin-bottom:13px}.section-heading small{color:#788481;font-size:7px}.mortgage>label{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:9px}.mortgage>label input{grid-column:1/-1}.mortgage-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.mortgage-grid label{font-size:8px;color:#72807d}.mortgage-grid select,.mortgage-grid input{display:block;width:100%;margin-top:4px;padding:7px;border:1px solid var(--line);background:#fff;font-size:9px}.payment{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #d4ded8;margin-top:13px;padding-top:11px}.payment span{font-size:8px;color:#71807d}.payment strong{font-size:14px;color:var(--teal)}.primary-action{width:100%;display:flex;justify-content:space-between;border:0;background:var(--lime);padding:13px 16px;margin-top:14px;font-size:10px;font-weight:900;cursor:pointer}.demo-note{text-align:center;color:#85908e;font-size:7px}.compare-bar{position:fixed;z-index:70;left:50%;bottom:18px;transform:translateX(-50%);min-width:540px;background:#102829;color:#fff;padding:10px 12px 10px 15px;display:flex;align-items:center;gap:14px;box-shadow:0 15px 45px #06151545}.compare-bar[hidden]{display:none}.compare-bar>div:first-child{display:flex;gap:9px;align-items:center}.compare-bar p{margin:0}.compare-bar b,.compare-bar small{display:block}.compare-bar b{font-size:9px}.compare-bar small{font-size:7px;color:#9eacab}.compare-thumbs{margin-left:auto;display:flex;gap:5px}.compare-thumb{width:37px;height:37px;position:relative}.compare-thumb button{position:absolute;right:-5px;top:-5px;width:15px;height:15px;border:0;border-radius:50%;background:#fff;font-size:9px;cursor:pointer}.compare-bar>button{border:0;background:var(--lime);padding:10px 12px;font-size:8px;font-weight:900;cursor:pointer}.modal-backdrop{display:grid;place-items:center;padding:20px}.market-modal{position:relative;width:min(700px,100%);max-height:90vh;overflow:auto;background:#fff;padding:32px;box-shadow:0 18px 60px #07191933}.modal-intro{font-size:11px;color:#6c7977}.market-stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);margin:22px 0}.market-stats article{padding:17px;border-right:1px solid var(--line)}.market-stats article:first-child{padding-left:0}.market-stats article:last-child{border:0}.market-stats span,.market-stats small{display:block;font-size:7px;color:#75827f}.market-stats strong{display:block;font:27px Georgia,serif;color:var(--teal);margin:5px 0}.market-bars>div{display:grid;grid-template-columns:140px 1fr 28px;align-items:center;gap:10px;margin:11px 0}.market-bars span b,.market-bars span small{display:block}.market-bars span b{font-size:9px}.market-bars span small{font-size:7px;color:#76827f}.market-bars>div>i{display:block;height:7px;background:#edf0ed}.market-bars>div>i b{display:block;height:100%;background:linear-gradient(90deg,#1b5555,var(--lime))}.market-bars>strong{font-size:9px}.signal-note{display:flex;gap:11px;background:#eff7d5;padding:13px;margin-top:20px;color:#304500;font-size:9px;line-height:1.45}.signal-note p{margin:0}.mobile-switch{display:none}
@media(max-width:1050px){.topbar{grid-template-columns:1fr auto}.main-nav{display:none}.workspace{grid-template-columns:minmax(380px,47%) 1fr}.brand small,.agent-button i{display:none}.agent-button{padding-right:5px}.property-title{display:block}.property-title>strong{display:block;margin-top:6px}.view-list .property-list{grid-template-columns:1fr}}
@media(max-width:720px){.topbar{height:60px;flex-basis:60px;padding:0 13px}.brand{font-size:18px}.agent-button{display:none}.workspace,.workspace.view-map,.workspace.view-list{grid-template-columns:1fr}.results-panel,.map-panel{grid-area:1/1}.workspace:not(.view-list) .results-panel{opacity:0;pointer-events:none}.workspace:not(.view-list) .map-panel{opacity:1;pointer-events:auto}.workspace.view-list .results-panel{opacity:1;pointer-events:auto;border:0}.workspace.view-list .map-panel{opacity:0;pointer-events:none}.panel-head{padding:17px 15px 11px}.search-row{padding:0 15px 12px}.filter-drawer{padding-inline:15px}.list-toolbar{padding-inline:15px}.property-list{padding:11px 10px 100px}.property-card{grid-template-columns:40% 1fr;min-height:164px}.property-image{min-height:164px}.view-switcher{display:none}.map-top-controls{top:14px}.market-button{height:39px}.map-tools{top:65px}.map-tools button span{display:none!important}.map-legend{bottom:75px}.mobile-switch{display:flex;position:fixed;z-index:50;bottom:13px;left:50%;transform:translateX(-50%);padding:4px;border-radius:12px;background:#102829;box-shadow:0 10px 30px #0719194d}.mobile-switch button{border:0;border-radius:8px;background:none;color:#b4c1bf;padding:9px 17px;font-size:9px}.mobile-switch button.active{background:var(--lime);color:var(--ink);font-weight:900}.compare-bar{min-width:0;width:calc(100% - 20px);bottom:66px}.compare-thumbs,.compare-bar small{display:none}.drawer-hero{height:225px}.market-modal{padding:25px 18px}.market-stats{grid-template-columns:1fr}.market-stats article{padding:11px 0;border-right:0;border-bottom:1px solid var(--line)}.market-bars>div{grid-template-columns:85px 1fr 25px}}
@media(max-width:430px){.panel-head h1{font-size:19px}.result-count{display:none}.filter-button{font-size:0}.filter-button span{font-size:16px}.property-card{grid-template-columns:42% 1fr}.property-meta span:nth-child(3),.property-meta .growth,.card-actions label{display:none}.drawer-content{padding:21px 17px}.drawer-content h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}