:root{--bg:#0d0711;--panel:#180d20;--card:#211429;--line:rgba(255,255,255,.12);--ink:#f7f1fa;--muted:#b9a6c9;--lime:#b6ff00;--mint:#54e4b1;--pink:#ff4d8d;--shadow:0 22px 65px rgba(0,0,0,.45)} *{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#7bac00 #130a19}body{margin:0;background:radial-gradient(900px 500px at 90% -5%,rgba(182,255,0,.15),transparent),radial-gradient(760px 520px at 0 34%,rgba(88,36,110,.2),transparent),var(--bg);color:var(--ink);font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#130a19}::-webkit-scrollbar-thumb{background:#668d05;border:2px solid #130a19;border-radius:20px} .top{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1440px)/2));border-bottom:1px solid var(--line);background:rgba(9,6,17,.88);backdrop-filter:blur(16px);position:sticky;top:0;z-index:1000}.top img{height:40px;width:auto}.topactions{display:flex;align-items:center;gap:10px}.btn{border:1px solid var(--line);border-radius:11px;padding:11px 17px;background:rgba(255,255,255,.05);color:var(--ink);font-weight:750}.btn.primary{background:linear-gradient(110deg,#d4ff66,var(--lime) 45%,#86d000);border-color:transparent;color:#160a1d;box-shadow:0 8px 25px rgba(182,255,0,.2)} .partnerHeader{display:flex;align-items:center;gap:11px;min-width:0;text-align:right}.partnerHeaderAvatar{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(182,255,0,.28);border-radius:11px;background:rgba(182,255,0,.10);color:var(--lime);font-weight:950}.partnerHeaderText{min-width:0}.partnerHeaderText small{display:block;color:var(--mint);font-size:9px;font-weight:850;letter-spacing:1px;text-transform:uppercase}.partnerHeaderText b{display:block;max-width:300px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px} .page{max-width:1440px;margin:auto;padding:26px 24px 42px}.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin-bottom:22px}.ey{color:var(--mint);font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.hero h1{font-size:clamp(31px,4vw,58px);letter-spacing:-2.2px;line-height:1.03;margin:10px 0}.hero p{max-width:720px;color:var(--muted);line-height:1.65;margin:0}.heroStats{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.035);overflow:hidden}.heroStat{padding:17px 20px;min-width:135px;border-left:1px solid var(--line)}.heroStat:first-child{border-left:0}.heroStat b{display:block;font-size:25px;color:var(--lime)}.heroStat span{font-size:11px;color:var(--muted)} .toolbar{display:grid;grid-template-columns:minmax(240px,1fr) repeat(4,minmax(135px,180px));gap:10px;padding:14px;border:1px solid var(--line);border-radius:16px 16px 0 0;background:rgba(24,13,32,.92)}.field{height:48px;border:1px solid var(--line);border-radius:10px;background:#160c1d;color:var(--ink);padding:0 14px;min-width:0}.search{position:relative}.search:before{content:'⌕';position:absolute;left:15px;top:11px;color:var(--muted);font-size:20px}.search input{width:100%;padding-left:42px}.content{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);min-height:630px;border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px;overflow:hidden;background:rgba(12,7,17,.65);box-shadow:var(--shadow)} #map{min-height:630px;background:#0a0a0d}.leaflet-container{font-family:inherit}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#211429;color:var(--ink)}.mapEmpty{position:absolute;z-index:500;left:20px;bottom:20px;background:#27122f;border:1px solid var(--line);border-radius:12px;padding:11px 14px;color:var(--muted);font-size:12px} .results{height:630px;overflow:auto;padding:16px}.resultsHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.resultsHead b{font-size:16px}.resultsHead span{font-size:12px;color:var(--muted)}.cards{display:flex;flex-direction:column;gap:12px}.card{display:grid;grid-template-columns:145px 1fr;min-height:150px;border:1px solid var(--line);background:var(--card);border-radius:15px;overflow:hidden;transition:.2s}.card:hover{border-color:rgba(182,255,0,.55);transform:translateY(-2px)}.photo{width:145px;height:100%;min-height:150px;object-fit:cover;background:linear-gradient(145deg,#34203f,#160c1d)}.placeholder{display:grid;place-items:center;color:var(--lime);font-size:12px;font-weight:800;letter-spacing:1px}.cardBody{padding:14px;min-width:0}.cardTop{display:flex;gap:8px;justify-content:space-between}.card h2{font-size:15px;line-height:1.35;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.price{font-size:16px;color:var(--lime);font-weight:850;white-space:nowrap}.meta{font-size:11.5px;color:var(--muted);margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.facts{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.fact,.status{padding:4px 7px;border:1px solid var(--line);border-radius:7px;font-size:10.5px;color:#d9cde0}.status{color:var(--mint);border-color:rgba(84,228,177,.35);text-transform:uppercase;font-weight:800}.status.booked{color:#ffb3cf;border-color:rgba(255,77,141,.4)}.actions{display:flex;gap:7px;margin-top:11px}.actions button{border:1px solid var(--line);border-radius:8px;padding:7px 10px;background:rgba(255,255,255,.04);color:var(--ink);font-size:11px;font-weight:750}.actions .plan{background:var(--lime);color:#160a1d;border-color:var(--lime)} .loading,.empty{display:grid;place-items:center;min-height:300px;color:var(--muted);text-align:center;padding:30px}.spin{width:28px;height:28px;border:3px solid rgba(182,255,0,.2);border-top-color:var(--lime);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px}@keyframes spin{to{transform:rotate(360deg)}} .modal{position:fixed;inset:0;background:rgba(3,2,7,.78);backdrop-filter:blur(7px);z-index:2000;display:grid;place-items:center;padding:20px}.modalBox{width:min(620px,100%);max-height:88vh;overflow:auto;background:#1b0e23;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.modalPhoto{width:100%;max-height:270px;object-fit:cover;background:#120918}.modalBody{padding:22px}.modalHead{display:flex;justify-content:space-between;gap:16px}.modal h2{font-size:21px;margin:0}.close{border:0;background:none;color:var(--muted);font-size:25px}.detailGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.detail{border:1px solid var(--line);border-radius:10px;padding:11px}.detail small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.6px}.detail b{display:block;font-size:13px;margin-top:4px}.enquiry{display:grid;grid-template-columns:1fr 1fr;gap:10px}.enquiry input{width:100%}.enquiry .wide{grid-column:1/-1}.notice{font-size:11px;color:var(--muted);line-height:1.5;margin-top:10px}.toast{position:fixed;right:20px;bottom:20px;background:#24142c;border:1px solid rgba(182,255,0,.45);border-radius:12px;padding:13px 16px;z-index:3000;box-shadow:var(--shadow);font-size:13px} .powered{text-align:center;color:var(--muted);font-size:11px;padding:22px}.powered img{height:23px;vertical-align:middle;margin-left:6px} .campaignCart{position:fixed;z-index:1600;left:50%;bottom:18px;transform:translate(-50%,120px);opacity:0;width:min(760px,calc(100% - 28px));display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid rgba(182,255,0,.45);border-radius:16px;background:rgba(20,10,27,.96);box-shadow:0 20px 60px rgba(0,0,0,.55);transition:.25s}.campaignCart.show{transform:translate(-50%,0);opacity:1}.campaignCart b{color:var(--lime)}.campaignCart .cartSummary{min-width:0;flex:1}.campaignCart .cartSummary small{display:block;color:var(--muted);margin-top:2px}.campaignCart button{white-space:nowrap}.selectedCard{border-color:var(--lime);box-shadow:0 0 0 1px rgba(182,255,0,.18)}.requestSites{display:flex;flex-direction:column;gap:7px;max-height:180px;overflow:auto;margin:14px 0}.requestSite{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:10px;padding:9px 11px;font-size:12px}.requestSite span{color:var(--lime);white-space:nowrap} @media(max-width:1050px){.hero{grid-template-columns:1fr}.heroStats{width:100%}.toolbar{grid-template-columns:1fr 1fr 1fr}.search{grid-column:1/-1}.content{grid-template-columns:1fr;min-height:0}#map{height:450px;min-height:450px}.results{height:auto;max-height:none}} @media(max-width:650px){.top{height:64px;padding:0 14px}.top img{height:34px}.top .btn:not(.primary){display:none}.top .btn{padding:9px 12px;font-size:12px}.page{padding:18px 12px 100px}.hero{margin-bottom:16px}.hero h1{letter-spacing:-1.2px}.heroStats{grid-template-columns:repeat(3,1fr)}.heroStat{min-width:0;padding:12px 9px}.heroStat b{font-size:19px}.toolbar{grid-template-columns:1fr 1fr;padding:10px}.search{grid-column:1/-1}.field{height:44px;font-size:12px}.content{border-radius:0 0 14px 14px}#map{height:390px;min-height:390px}.results{padding:11px}.card{grid-template-columns:105px 1fr}.photo{width:105px;min-height:165px}.cardBody{padding:11px}.cardTop{display:block}.price{margin-top:5px}.detailGrid,.enquiry{grid-template-columns:1fr}.enquiry .wide{grid-column:auto}.campaignCart{bottom:10px;gap:8px;padding:10px}.campaignCart button{padding:9px 10px;font-size:11px}.campaignCart .cartSummary small{display:none}} .formGroup{display:flex;flex-direction:column;gap:6px;min-width:0}.formGroup.wide{grid-column:1/-1}.formGroup label{color:var(--muted);font-size:11px;font-weight:750}.formGroup .field{width:100%}.field.invalid{border-color:var(--pink);box-shadow:0 0 0 2px rgba(255,77,141,.12)}.formError{display:none;color:#ff9dc0;font-size:11px;line-height:1.35}.formGroup.invalid .formError{display:block}.requestError{display:none;grid-column:1/-1;border:1px solid rgba(255,77,141,.38);border-radius:10px;background:rgba(255,77,141,.08);color:#ffc1d8;padding:10px 12px;font-size:12px}.requestError.show{display:block}.partnerFiles{margin-top:22px;border:1px solid var(--line);border-radius:17px;background:rgba(24,13,32,.74);padding:20px}.partnerFilesHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin-bottom:14px}.partnerFilesHead h2{margin:5px 0 0;font-size:22px}.partnerFilesHead p{margin:0;color:var(--muted);font-size:12px}.partnerFileGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:10px}.partnerFile{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:12px;background:rgba(255,255,255,.035)}.partnerFileIcon{width:46px;height:46px;display:grid;place-items:center;border-radius:10px;background:rgba(182,255,0,.12);color:var(--lime);font-size:11px;font-weight:900;flex:none}.partnerFileBody{min-width:0;flex:1}.partnerFileBody b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.partnerFileBody small{display:block;color:var(--muted);margin-top:4px}.partnerFile .btn{padding:8px 10px;font-size:11px}@media(max-width:650px){.formGroup.wide{grid-column:auto}.partnerFiles{padding:15px}.partnerFilesHead{display:block}.partnerFilesHead p{margin-top:5px}} /* Quick Shortlist portfolio */ body{background:radial-gradient(900px 440px at 92% -4%,rgba(182,255,0,.10),transparent 62%),#09070d}.hero{display:none!important} .top{height:68px;background:rgba(8,6,12,.94)}.top img{height:38px}.page{max-width:1420px;padding:22px 22px 110px} .partnerIntro{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 18px;margin-bottom:14px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(105deg,rgba(255,255,255,.035),rgba(182,255,0,.035))}.partnerIdentity{display:flex;align-items:center;gap:12px;min-width:0}.partnerMark{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#17131b;border:1px solid var(--line);color:var(--lime);font-weight:950}.partnerIntro h1{font-size:clamp(20px,2.3vw,30px);letter-spacing:-.7px;margin:3px 0}.partnerIntro p{margin:0;color:var(--muted);font-size:12px}.portfolioSummary{display:flex;gap:24px;align-items:center}.summaryItem{min-width:86px}.summaryItem b{display:block;color:var(--lime);font-size:20px}.summaryItem span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.5px} .discovery{border:1px solid var(--line);border-radius:18px;background:rgba(15,10,19,.86);overflow:hidden;box-shadow:var(--shadow)}.toolbar{grid-template-columns:minmax(270px,1fr) repeat(3,minmax(130px,165px)) auto;padding:13px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:rgba(20,13,25,.97);position:relative;top:auto;z-index:8}.search:before{content:'⌕';top:8px}.viewTabs{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:10px;background:#100b14}.viewTab{min-width:42px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-weight:850}.viewTab.active{background:rgba(182,255,0,.14);color:var(--lime)} .content{display:block;min-height:560px;border:0;border-radius:0;background:transparent;box-shadow:none}.content #map{display:none;min-height:0}.content.view-map #map{display:block;height:620px;min-height:620px}.content.view-map .results{display:none}.results{height:auto;overflow:visible;padding:18px}.resultsHead{margin-bottom:14px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{position:relative;display:flex;flex-direction:column;min-height:0;background:#18111e;border-radius:15px}.card:hover{border-color:rgba(182,255,0,.48);transform:translateY(-3px);box-shadow:0 18px 36px rgba(0,0,0,.28)}.photo{width:100%;height:205px;min-height:205px;object-fit:cover}.cardBody{display:flex;flex-direction:column;flex:1;padding:14px}.cardTop{align-items:flex-start}.price:after{content:'/mo';display:block;text-align:right;font-size:9px;color:var(--muted);font-weight:600}.actions{display:grid;grid-template-columns:1fr 1fr;margin-top:auto;padding-top:13px}.actions button{min-height:37px}.selectedCard:after{content:'✓ Shortlisted';position:absolute;top:11px;right:11px;padding:6px 9px;border-radius:8px;background:var(--lime);color:#101405;font-size:10px;font-weight:900;box-shadow:0 5px 18px rgba(0,0,0,.28)} .campaignCart{width:min(650px,calc(100% - 28px));padding:10px 11px 10px 15px}.campaignCart b{color:var(--ink)}.partnerFiles{margin-top:16px}.powered{display:none!important} @media(max-width:1120px){.toolbar{grid-template-columns:minmax(240px,1fr) repeat(2,minmax(135px,1fr)) auto}.toolbar #availability,.toolbar #sort{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:700px){.top{height:62px;padding:0 13px}.top img{height:32px}.top .btn{padding:8px 11px;font-size:11px}.top .btn.primary{display:none}.page{padding:12px 10px 96px}.partnerIntro{padding:12px;margin-bottom:10px}.partnerMark{width:39px;height:39px}.partnerIntro h1{font-size:18px}.partnerIntro p{font-size:10px}.portfolioSummary{gap:13px}.summaryItem{min-width:0}.summaryItem b{font-size:16px}.summaryItem span{font-size:8px}.summaryItem.value{display:none}.discovery{border-radius:14px}.toolbar{top:62px;display:flex;overflow-x:auto;gap:7px;padding:9px;scrollbar-width:none}.toolbar::-webkit-scrollbar{display:none}.search{min-width:245px;position:sticky;left:0;z-index:2}.field{height:42px;min-width:132px;font-size:12px}.search:before{top:6px}.viewTabs{min-width:99px}.results{padding:10px}.resultsHead{margin-bottom:9px}.cards{display:flex;flex-direction:column;gap:9px}.card{display:grid;grid-template-columns:116px minmax(0,1fr);min-height:166px}.photo{width:116px;height:100%;min-height:166px}.cardBody{padding:11px}.card h2{font-size:13px}.cardTop{display:block}.price{font-size:15px;margin-top:7px}.price:after{display:inline;margin-left:3px}.meta{font-size:10.5px}.facts{margin-top:8px}.fact,.status{font-size:9px;padding:3px 5px}.actions{gap:5px;padding-top:9px}.actions button{min-height:34px;padding:5px;font-size:9.5px}.selectedCard:after{top:7px;right:auto;left:7px;padding:5px 7px}.content.view-map #map{height:67vh;min-height:470px}.campaignCart{bottom:8px;width:calc(100% - 18px);padding:9px;gap:6px}.campaignCart .cartSummary small{display:none}.campaignCart button{padding:7px 9px;font-size:10px}.detailGrid,.enquiry{grid-template-columns:1fr}.enquiry .wide,.formGroup.wide{grid-column:auto}.modal{padding:10px}.modalBody{padding:17px}} @media(max-width:430px){.partnerIntro{align-items:flex-start}.portfolioSummary{display:block;text-align:right}.summaryItem.cities{display:none}.card{grid-template-columns:108px minmax(0,1fr)}.photo{width:108px}.actions{grid-template-columns:1fr}.actions button:first-child{display:none}} @media(max-width:700px){.toolbar{top:auto}} /* Phone discovery controls: no horizontal scroll or sticky overlap. */ @media(max-width:700px){ .toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;overflow:visible;gap:8px;padding:10px;position:static} .search{grid-column:1/-1;min-width:0;position:relative;left:auto;z-index:auto} .toolbar #city,.toolbar #type{display:block;width:100%;min-width:0} .toolbar .viewTabs{min-width:0;width:auto} .viewTab{width:42px;min-width:42px} .cards{display:grid;grid-template-columns:1fr;gap:12px} .card{display:flex;flex-direction:column;min-height:0} .photo{width:100%;height:auto;min-height:0;aspect-ratio:16/10;object-fit:contain;background:#08060b} .cardBody{padding:14px} .cardTop{display:flex;align-items:flex-start} .card h2{font-size:15px} .actions{grid-template-columns:1fr 1.15fr} .actions button{display:block!important;min-height:42px;font-size:11px} } @media(max-width:650px){.partnerHeaderAvatar{width:34px;height:34px}.partnerHeaderText small{font-size:8px}.partnerHeaderText b{max-width:190px;font-size:12px}} @media(max-width:390px){.partnerHeaderText b{max-width:145px}} @media(max-width:430px){ .card{display:flex;min-height:0} .photo{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain} .cardTop{display:block} } /* Flip card: location intelligence lives on the reverse side. */ .card{perspective:1200px;background:transparent;border:0;overflow:visible;transform:none!important;box-shadow:none!important}.card:hover{transform:none!important}.card-flip{position:relative;display:flex;flex-direction:column;min-height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.75,.25,1)}.card.is-flipped .card-flip{transform:rotateY(180deg)}.card-face{width:100%;backface-visibility:hidden;border:1px solid var(--line);background:#18111e;border-radius:15px;overflow:hidden}.card-back{position:absolute;inset:0;transform:rotateY(180deg);padding:16px;background:linear-gradient(145deg,#181021,#0d0812);display:flex;flex-direction:column}.intel-title{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--lime);font-weight:850;font-size:14px}.intel-title small{color:var(--mint);font-size:9px;font-weight:700}.intel-list{display:grid;gap:9px;margin-top:15px}.intel-row{border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:9px 10px}.intel-row b{display:block;color:#d9ff85;font-size:11px}.intel-row span{display:block;color:var(--muted);font-size:10px;line-height:1.35;margin-top:3px}.flip-btn{margin-top:auto;width:100%;border:1px solid rgba(182,255,0,.55);background:rgba(182,255,0,.08);color:var(--lime);border-radius:9px;padding:10px;font-size:11px;font-weight:800} /* Mobile card layout: keep the full card inside the viewport and preserve the complete photo. */ @media (max-width:700px){ .results{overflow:visible;padding:10px 8px 110px} .cards{display:flex!important;flex-direction:column!important;gap:14px;width:100%} .card{display:block!important;width:100%;min-width:0;min-height:0;height:auto;overflow:visible} .card-flip{display:block!important;width:100%;min-height:0;height:auto} .card-face{position:relative;width:100%;height:auto;min-height:0;overflow:hidden} .card-face.card-back{position:absolute;inset:0;height:100%;overflow:auto} .card-front .photo{display:block;width:100%;height:auto;min-height:0;aspect-ratio:4/3;object-fit:contain;background:#08060b} .cardBody{display:flex;flex-direction:column;padding:13px 12px 12px;min-width:0} .cardTop{display:flex!important;gap:8px;align-items:flex-start} .card h2{font-size:15px;line-height:1.3;min-width:0;overflow-wrap:anywhere} .price{font-size:15px;flex:0 0 auto} .meta{max-width:100%;white-space:normal;line-height:1.35} .actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%;gap:8px;margin-top:12px;padding-top:0} .actions button{width:100%;min-width:0;min-height:40px;font-size:11px;padding:8px 6px} .flip-btn{width:100%;min-height:40px;margin-top:9px} .card-back{padding:14px!important} .intel-row{min-height:50px} } @media (max-width:390px){ .cardTop{display:block!important} .price{margin-top:5px} .actions{grid-template-columns:1fr!important} } /* Desktop action rhythm: keep both primary actions balanced and separated. */ @media (min-width:701px){ .card-front .actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;align-items:stretch;width:100%;} .card-front .actions button{width:100%;min-width:0;min-height:40px;padding:9px 10px;white-space:nowrap;} .card-front>.cardBody>.flip-btn{margin-top:10px;} }