:root{--green:#59c800;--green-dark:#348900;--ink:#171a17;--muted:#737a73;--line:#e6e9e5;--soft:#f5f7f4;--white:#fff;--shadow:0 18px 50px rgba(25,40,21,.12);font-family:Montserrat,Inter,Arial,sans-serif;color:var(--ink);background:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink)}button,input,select{font:inherit}button{color:inherit}.app-shell{min-height:100vh}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,72px);border-bottom:1px solid var(--line);background:#fff}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--green);color:#fff;font:700 28px/1 Georgia}.brand b,.brand small{display:block}.brand small{margin-top:2px;color:var(--muted);font-size:12px}.phone{font-weight:700;color:var(--green-dark);text-decoration:none}.tabs{position:sticky;top:0;z-index:20;display:flex;gap:34px;align-items:center;padding:0 clamp(18px,5vw,72px);height:64px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.tab{height:100%;padding:0 2px;border:0;border-bottom:3px solid transparent;background:none;cursor:pointer;font-weight:600}.tab:hover,.tab.is-active{color:var(--green-dark);border-bottom-color:var(--green)}.badge{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:5px;padding:0 6px;border-radius:10px;background:var(--soft);font-size:11px;color:var(--muted)}main{max-width:1440px;margin:auto;padding:38px clamp(18px,5vw,72px) 72px}.view{display:none}.view.is-active{display:block}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.section-heading.compact{align-items:center}.eyebrow{margin:0 0 8px;color:var(--green-dark);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}h1{margin:0;font-size:clamp(27px,4vw,48px);line-height:1.05}.text-button,.back-link{border:0;background:none;color:var(--green-dark);font-weight:700;cursor:pointer;padding:8px 0}.map-card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--soft);box-shadow:var(--shadow)}.image-map{position:relative;overflow:hidden;background:#dfe6da}.image-map>img{display:block;width:100%;height:auto}.image-map>svg{position:absolute;inset:0;width:100%;height:100%}.image-map path{fill:rgba(89,200,0,.24);stroke:rgba(255,255,255,.9);stroke-width:4;cursor:pointer;transition:.18s}.image-map path:hover,.image-map path:focus{fill:rgba(89,200,0,.58);outline:none}.map-label{position:absolute;border:0;border-radius:22px;padding:10px 14px;background:var(--green);color:#fff;font-weight:800;box-shadow:0 8px 22px rgba(36,104,0,.25);cursor:pointer}.label-phase-1{left:30%;top:48%}.label-phase-2{left:13%;top:13%}.map-help{margin:0;padding:14px 20px;background:#fff;color:var(--muted);font-size:13px}.segmented,.floor-buttons{display:flex;flex-wrap:wrap;gap:7px}.segmented button,.floor-buttons button{min-width:42px;border:1px solid var(--line);border-radius:12px;padding:10px 14px;background:#fff;cursor:pointer;font-weight:700}.segmented button.is-active,.floor-buttons button:hover{background:var(--green);border-color:var(--green);color:#fff}.floor-buttons{padding:14px;background:#fff}.facade-card{position:relative}.facade-map path{fill:rgba(89,200,0,.12);stroke-width:2}.filters{display:grid;grid-template-columns:1.4fr 1.2fr .8fr .8fr;gap:14px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--soft)}fieldset{min-width:0;margin:0;padding:0;border:0}legend,.select-filter>span{display:block;margin-bottom:9px;font-size:12px;font-weight:800;color:var(--muted)}.chips{display:flex;gap:7px}.chip{display:inline-flex}.chip input{position:absolute;opacity:0;pointer-events:none}.chip span{display:grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;font-weight:700}.chip input:checked+span{background:var(--green);border-color:var(--green);color:#fff}.range-inputs{display:flex;gap:8px}.range-inputs label{display:flex;align-items:center;gap:6px;min-width:0;padding:0 10px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--muted)}.range-inputs input{width:100%;height:40px;border:0;outline:0;background:transparent}.select-filter select{width:100%;height:42px;padding:0 10px;border:1px solid var(--line);border-radius:12px;background:#fff}.results-head{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px}.view-switch{display:flex;gap:4px}.view-switch button{width:38px;height:34px;border:1px solid var(--line);background:#fff;cursor:pointer}.view-switch button:first-child{border-radius:9px 0 0 9px}.view-switch button:last-child{border-radius:0 9px 9px 0}.view-switch button.is-active{background:var(--ink);color:#fff}.apartment-list{display:grid;gap:10px}.apartment-card{position:relative;display:grid;grid-template-columns:110px 1fr;gap:18px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff;cursor:pointer;transition:.18s}.apartment-card:hover{border-color:#b7d8a4;box-shadow:0 12px 30px rgba(30,60,20,.09);transform:translateY(-1px)}.apartment-card img{width:110px;height:92px;object-fit:contain}.card-main{min-width:0}.card-title{margin:0 0 12px;font-size:20px}.facts{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:14px}.facts b{color:var(--ink)}.favorite-button{position:absolute;right:12px;top:10px;width:38px;height:38px;border:0;border-radius:50%;background:var(--soft);font-size:24px;line-height:1;cursor:pointer;color:#9ba09a}.favorite-button.is-active{color:var(--green-dark);background:#ecf8e6}.list-layout .apartment-card{grid-template-columns:84px minmax(150px,1.2fr) repeat(4,minmax(70px,.5fr)) 46px;align-items:center}.list-layout .apartment-card img{width:76px;height:62px}.list-layout .card-main{display:contents}.list-layout .card-title{margin:0;font-size:16px}.list-layout .facts{display:contents}.list-layout .fact{color:var(--muted)}.list-layout .fact b{display:block;margin-bottom:3px;font-size:11px;text-transform:uppercase;color:#9ba09a}.list-layout .favorite-button{position:static}.cards-layout{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cards-layout .apartment-card{grid-template-columns:120px 1fr}.show-more,.primary-button{display:block;margin:24px auto 0;padding:13px 24px;border:0;border-radius:12px;background:var(--green);color:#fff;font-weight:800;cursor:pointer}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:70px 20px;text-align:center;color:var(--muted)}.empty-state b{font-size:22px;color:var(--ink)}footer{display:flex;justify-content:space-between;gap:20px;padding:26px clamp(18px,5vw,72px);border-top:1px solid var(--line);color:var(--muted)}footer a{color:var(--green-dark);font-weight:700;text-decoration:none}.detail-dialog{width:min(980px,calc(100% - 28px));max-height:calc(100vh - 28px);padding:0;border:0;border-radius:22px;box-shadow:0 24px 90px rgba(0,0,0,.24)}.detail-dialog::backdrop{background:rgba(16,20,15,.58);backdrop-filter:blur(4px)}.dialog-close{position:sticky;float:right;top:12px;right:12px;z-index:3;width:42px;height:42px;border:0;border-radius:50%;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.12);font-size:28px;cursor:pointer}.detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;padding:34px}.detail-plan{display:grid;place-items:center;min-height:410px;padding:20px;border-radius:18px;background:var(--soft)}.detail-plan img{max-width:100%;max-height:440px}.detail-info h2{margin:10px 0 22px;font-size:32px}.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-fact{padding:13px;border-radius:12px;background:var(--soft)}.detail-fact small{display:block;color:var(--muted);margin-bottom:5px}.detail-floor{position:relative;margin-top:20px}.detail-floor img{display:block;width:100%;height:auto}.detail-floor svg{position:absolute;inset:0;width:100%;height:100%}.detail-floor path{fill:rgba(89,200,0,.48);stroke:#fff;stroke-width:5}.detail-cta{display:block;margin-top:18px;padding:14px;border-radius:12px;background:var(--green);color:#fff;text-align:center;text-decoration:none;font-weight:800}.loading{padding:90px 20px;text-align:center;color:var(--muted)}
@media(max-width:900px){main{padding-top:26px}.filters{grid-template-columns:1fr 1fr}.cards-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.list-layout .apartment-card{grid-template-columns:80px 1fr 46px}.list-layout .card-main{display:block}.list-layout .facts{display:flex;margin-top:8px}.list-layout .fact b{display:inline;margin-right:4px}.detail-grid{grid-template-columns:1fr}.detail-plan{min-height:300px}}
@media(max-width:600px){.topbar{height:62px;padding:0 14px}.brand-mark{width:34px;height:34px;font-size:22px}.brand b{font-size:13px}.brand small{display:none}.phone{font-size:12px}.tabs{height:54px;gap:0;justify-content:space-around;padding:0 8px}.tab{font-size:13px}.desktop-only{display:none}main{padding:22px 12px 46px}.section-heading{align-items:start;margin-bottom:18px}.section-heading .text-button{font-size:12px;text-align:right;max-width:120px}h1{font-size:28px}.map-card{border-radius:14px}.genplan-map{min-height:330px}.genplan-map>img,.genplan-map>svg{width:auto;height:100%;max-width:none;position:absolute;left:50%;transform:translateX(-50%)}.map-label{font-size:11px;padding:8px 10px}.label-phase-1{left:38%;top:53%}.label-phase-2{left:5%;top:19%}.filters{grid-template-columns:1fr;gap:16px;padding:14px}.chips{width:100%}.chip{flex:1}.chip span{width:100%}.view-switch{display:none}.apartment-list,.cards-layout,.list-layout{grid-template-columns:1fr;gap:10px}.apartment-card,.cards-layout .apartment-card,.list-layout .apartment-card{grid-template-columns:88px 1fr;padding:12px;gap:12px}.apartment-card img,.cards-layout .apartment-card img,.list-layout .apartment-card img{width:84px;height:88px}.list-layout .card-main{display:block}.card-title{font-size:17px;margin:2px 30px 8px 0}.facts,.list-layout .facts{display:flex;gap:5px 12px;font-size:12px}.fact b,.list-layout .fact b{display:inline;margin-right:3px;font-size:inherit;text-transform:none;color:var(--ink)}.favorite-button,.list-layout .favorite-button{position:absolute;right:8px;top:6px;width:34px;height:34px}.segmented{margin-top:4px}.facade-map{min-height:270px}.facade-map img,.facade-map svg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.detail-dialog{width:100%;max-height:94vh;margin:auto 0 0;border-radius:22px 22px 0 0}.detail-grid{padding:20px 16px 30px;gap:12px}.detail-plan{min-height:260px}.detail-info h2{font-size:25px}.detail-facts{grid-template-columns:1fr 1fr}footer{flex-direction:column;padding:22px 16px;font-size:13px}}

/* Accurate interactive maps */
.map-label{transform:translate(-50%,-50%)}
.label-phase-1{left:69%;top:41%}
.label-phase-2{left:39%;top:19%}
.map-tooltip{position:absolute;z-index:8;min-width:190px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 15px 40px rgba(0,0,0,.2);pointer-events:none}
.map-tooltip h3{margin:0 0 10px;font-size:16px}.tooltip-row{display:flex;justify-content:space-between;gap:18px;padding:5px 0;border-top:1px solid #edf0ec;font-size:13px}.tooltip-row b{color:var(--green-dark)}
.genplan-tooltip[data-phase="1"]{left:58%;top:22%}.genplan-tooltip[data-phase="2"]{left:30%;top:7%}
.facade-tooltip,.apartment-map-tooltip{transform:translate(-50%,-115%)}
.floor-buttons button.is-active{background:var(--green);border-color:var(--green);color:#fff}
.floor-stage{position:relative;padding:20px 58px 0;background:#fff}.floor-plan-scroll{overflow:auto;overscroll-behavior-x:contain}.floor-plan-map{min-width:760px;background:#fff}
.floor-plan-map path{fill:rgba(89,200,0,.18);stroke:#56bb00;stroke-width:4;cursor:pointer}.floor-plan-map path:hover,.floor-plan-map path:focus{fill:rgba(89,200,0,.55)}
.floor-plan-map path.is-sold{fill:rgba(197,198,198,.62);stroke:#b8baba;cursor:default;pointer-events:none}.floor-plan-map path.is-booked{fill:rgba(245,235,143,.72);stroke:#ded274;cursor:default;pointer-events:none}.floor-plan-map path.is-sold:hover,.floor-plan-map path.is-booked:hover{fill:rgba(197,198,198,.62)}
.floor-arrow{position:absolute;top:50%;z-index:4;display:grid;place-items:center;width:42px;height:64px;margin-top:-32px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--green-dark);font-size:38px;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.08)}.floor-arrow-left{left:10px}.floor-arrow-right{right:10px}.apartment-map-tooltip{min-width:145px}
@media(max-width:600px){.section-heading.compact{display:block}.genplan-map{min-width:760px;min-height:0}.genplan-map>img{position:static;width:100%;height:auto;transform:none}.genplan-map>svg{width:100%;height:100%;left:0;transform:none}.map-tooltip{min-width:160px;padding:10px;font-size:12px}.segmented{margin-top:12px}.floor-stage{padding:12px 0 0}.floor-plan-map{min-width:900px}.floor-arrow{display:none}.floor-stage .map-help{position:sticky;left:0}}
@media(max-width:600px){#genplanView .map-card{overflow-x:auto}}

.floor-apartment-choices{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}
.floor-choice-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.floor-choice-heading span,.floor-choice-empty span{color:var(--muted);font-size:13px}
.floor-choice-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px}.floor-choice-list button{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--soft);text-align:left;cursor:pointer}.floor-choice-list button:hover,.floor-choice-list button:focus{border-color:var(--green);background:#eff9ea;outline:none}.floor-choice-list button b{grid-row:1/3;font-size:20px;color:var(--green-dark)}.floor-choice-list button span{font-size:12px;color:var(--muted)}
.floor-choice-empty{display:flex;flex-direction:column;gap:5px;text-align:center}
.floor-legend{display:flex;flex-wrap:wrap;gap:10px 22px}.floor-legend span{display:inline-flex;align-items:center;gap:7px}.floor-legend i{width:14px;height:14px;border-radius:4px;border:1px solid}.legend-free{background:rgba(89,200,0,.35);border-color:#56bb00!important}.legend-sold{background:rgba(197,198,198,.72);border-color:#b8baba!important}.legend-booked{background:rgba(245,235,143,.8);border-color:#ded274!important}
@media(max-width:600px){.floor-choice-heading{display:block}.floor-choice-heading span{display:block;margin-top:5px}.floor-choice-list{grid-template-columns:1fr 1fr}.floor-choice-list button{padding:10px}.floor-choice-list button b{font-size:17px}}
@media(max-width:600px){.facade-map{min-height:0;aspect-ratio:2.2/1}.facade-map img,.facade-map svg{width:100%;height:100%;object-fit:fill}}