:root{--ink:#10231d;--muted:#68736f;--green:#176b52;--pale:#eef5f1;--line:#dfe6e2;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fbfcfb}button,input,select{font:inherit}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-weight:800;text-decoration:none;color:var(--ink)}.mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--green);color:white}.nav nav{display:flex;gap:30px}.nav nav a{text-decoration:none;color:#33443e;font-weight:600;font-size:14px}.actions{display:flex;gap:10px}.ghost,.primary,.outline{border:0;padding:11px 16px;border-radius:10px;background:transparent;font-weight:700}.primary{background:var(--green);color:white}.hero{max-width:1240px;margin:auto;padding:70px 30px;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:800;color:var(--green)}h1{font-size:62px;line-height:1.02;margin:15px 0 20px;letter-spacing:-3px}h1 span{color:var(--green)}.hero-copy>p{max-width:650px;color:var(--muted);font-size:18px;line-height:1.6}.searchbox{background:white;border:1px solid var(--line);box-shadow:0 18px 50px #173d2d16;border-radius:16px;margin-top:30px;overflow:hidden}.tabs{display:flex;padding:0 18px;border-bottom:1px solid var(--line)}.tabs button{padding:15px 18px;border:0;background:white;font-weight:700;color:var(--muted)}.tabs .active{color:var(--green);border-bottom:3px solid var(--green)}.searchrow{display:flex;align-items:center;gap:10px;padding:14px}.searchrow input{flex:1;border:0;outline:0;padding:10px}.searchrow button{border:0;background:var(--green);color:white;border-radius:10px;padding:14px 20px;font-weight:700}.quick{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:15px;font-size:12px;color:var(--muted)}.quick button{border:1px solid var(--line);background:white;border-radius:20px;padding:7px 11px}.hero-card{background:white;border-radius:22px;overflow:hidden;box-shadow:0 25px 70px #18392c20;transform:rotate(1.5deg)}.photo,.cat-img,.prop-img{background-size:cover;background-position:center}.p0{height:380px;background-image:linear-gradient(0deg,#0002,#0000),url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1200&q=80');padding:18px}.badge{display:inline-block;background:white;border-radius:20px;padding:8px 11px;font-size:10px;font-weight:800}.hc-body{display:flex;justify-content:space-between;align-items:center;padding:20px}.hc-body strong{font-size:24px}.hc-body p{margin:6px 0;color:var(--muted)}.hc-body button{border:1px solid var(--line);background:white;border-radius:50%;width:42px;height:42px}.stats{background:var(--ink);color:white;display:grid;grid-template-columns:repeat(4,1fr);padding:30px 7vw}.stats div{display:flex;flex-direction:column;gap:5px;border-right:1px solid #ffffff20;padding-left:25px}.stats b{font-size:26px}.stats span{font-size:12px;color:#c5d0cc}.section,.search-section{max-width:1240px;margin:auto;padding:80px 30px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.section-head h2{font-size:36px;margin:8px 0 0;letter-spacing:-1.5px}.section-head a{color:var(--green);font-weight:700}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.categories article{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden}.cat-img{height:180px}.c1{background-image:url('https://images.unsplash.com/photo-1600047509807-ba8f99d2cdde?auto=format&fit=crop&w=700&q=80')}.c2{background-image:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=700&q=80')}.c3{background-image:url('https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=700&q=80')}.c4{background-image:url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=700&q=80')}.categories h3,.categories p{margin:15px 16px 0}.categories p{margin-bottom:20px;color:var(--muted);font-size:13px;line-height:1.5}.search-section{background:#f3f7f5;max-width:none;padding-left:max(30px,calc((100vw - 1180px)/2));padding-right:max(30px,calc((100vw - 1180px)/2))}.view-toggle{background:white;border:1px solid var(--line);border-radius:10px;padding:4px}.view-toggle button{border:0;background:transparent;padding:8px 12px;border-radius:7px}.view-toggle .active{background:var(--ink);color:white}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.filters input,.filters select{border:1px solid var(--line);background:white;border-radius:10px;padding:12px 14px}.filters input{min-width:260px}.outline{border:1px solid var(--line);background:white}.property-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.property{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.2s}.property:hover{transform:translateY(-3px);box-shadow:0 14px 35px #163c2c12}.prop-img{height:210px;position:relative}.heart{position:absolute;right:12px;top:12px;background:white;border:0;border-radius:50%;width:38px;height:38px}.tag{position:absolute;left:12px;bottom:12px;background:var(--green);color:white;border-radius:6px;padding:6px 8px;font-size:10px;font-weight:800}.prop-body{padding:17px}.prop-body h3{font-size:22px;margin:0}.prop-body p{color:var(--muted);font-size:13px}.specs{display:flex;gap:15px;font-size:12px;font-weight:700}.prop-body .show{width:100%;margin-top:15px;padding:11px;border:1px solid var(--green);color:var(--green);background:white;border-radius:9px;font-weight:800}.cta{max-width:1180px;margin:80px auto;background:var(--green);color:white;border-radius:24px;padding:55px;display:flex;justify-content:space-between;align-items:center}.cta h2{font-size:38px;margin:10px 0}.cta p{max-width:700px;color:#d9e8e3}.light{color:#bde0d4}.cta button{background:white;color:var(--green);border:0;border-radius:11px;padding:15px 20px;font-weight:800}footer{padding:40px 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}footer .brand{color:var(--ink)}@media(max-width:850px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:45px}.hero-card{display:none}h1{font-size:46px}.stats{grid-template-columns:repeat(2,1fr);gap:20px}.categories,.property-grid{grid-template-columns:1fr 1fr}.cta{margin:40px 20px;flex-direction:column;align-items:flex-start;gap:20px}footer{flex-direction:column;gap:15px;align-items:flex-start}}@media(max-width:560px){.actions .ghost{display:none}.hero{padding:38px 20px}.searchrow{flex-wrap:wrap}.searchrow button{width:100%}.section,.search-section{padding:55px 20px}.categories,.property-grid{grid-template-columns:1fr}.stats{padding:25px 15px}.stats div{padding-left:10px}.section-head{align-items:flex-start;gap:15px;flex-direction:column}.filters>*{width:100%;min-width:0!important}h1{font-size:40px}}
.results-wrap{display:grid;grid-template-columns:1.08fr .92fr;gap:20px;align-items:start}.results-wrap .property-grid{grid-template-columns:repeat(2,1fr)}.map-panel{height:680px;position:sticky;top:96px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:linear-gradient(30deg,#e7efe9 12%,transparent 12.5%,transparent 87%,#e7efe9 87.5%),linear-gradient(150deg,#e7efe9 12%,transparent 12.5%,transparent 87%,#e7efe9 87.5%),linear-gradient(30deg,#e7efe9 12%,transparent 12.5%,transparent 87%,#e7efe9 87.5%),#f7f4eb;background-size:90px 155px;background-position:0 0,0 0,45px 77px}.map-panel:before{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 45%,#c9dce8 46%,#c9dce8 50%,transparent 51%)}.map-label{position:absolute;z-index:2;left:15px;top:15px;background:white;padding:9px 12px;border-radius:10px;box-shadow:0 5px 20px #0001;font-size:12px;font-weight:800}.map-panel small{position:absolute;bottom:12px;left:12px;right:12px;background:#ffffffdd;padding:8px;border-radius:8px;color:var(--muted)}.pin{position:absolute;z-index:3;border:0;background:var(--ink);color:#fff;padding:7px 10px;border-radius:18px;font-size:11px;font-weight:800;box-shadow:0 4px 10px #0003}.pin:hover{background:var(--green);transform:scale(1.06)}.p0{left:18%;top:25%}.p1{left:55%;top:18%}.p2{left:67%;top:47%}.p3{left:31%;top:58%}.p4{left:74%;top:70%}.p5{left:43%;top:78%}.results-wrap.list{grid-template-columns:1fr}.results-wrap.list .map-panel{display:none}.results-wrap.list .property-grid{grid-template-columns:repeat(3,1fr)}.results-wrap.map{grid-template-columns:1fr}.results-wrap.map .property-grid{display:none}.results-wrap.map .map-panel{height:720px;position:relative;top:auto}.property{cursor:pointer}.empty{padding:40px;background:white;border-radius:14px;color:var(--muted)}.modal{position:fixed;inset:0;background:#07130fbb;z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-card{position:relative;background:white;border-radius:22px;width:min(920px,96vw);max-height:92vh;overflow:auto;box-shadow:0 30px 90px #0005}.close{position:absolute;right:15px;top:15px;z-index:5;width:38px;height:38px;border:0;border-radius:50%;background:white;font-size:25px;cursor:pointer;box-shadow:0 3px 15px #0002}.detail-photo{height:390px;background-size:cover;background-position:center;position:relative}.detail-photo .tag{bottom:20px;left:20px}.detail-copy{padding:30px}.detail-top{display:flex;justify-content:space-between;gap:20px}.detail-top h2{font-size:34px;margin:0}.detail-top h3{margin:7px 0}.detail-top p{color:var(--muted)}.heart.big{position:static;border:1px solid var(--line);font-size:20px}.detail-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0;padding:18px 0;border-block:1px solid var(--line)}.detail-specs b{font-size:16px}.detail-specs small{display:block;color:var(--muted);font-weight:500;margin-top:5px}.calc{background:var(--pale);padding:18px;border-radius:14px;margin:20px 0}.calc h3,.calc p{margin:0 0 8px}.full{width:100%;padding:14px}.lead-card{width:min(520px,96vw);padding:34px}.lead-card h2{font-size:30px;margin:8px 0}.lead-card>p{color:var(--muted)}.lead-card form{display:grid;gap:11px;margin-top:22px}.lead-card input,.lead-card textarea{border:1px solid var(--line);border-radius:10px;padding:13px}.lead-card textarea{min-height:95px;resize:vertical}.dashboard{position:fixed;inset:0;z-index:110;background:#f4f7f5;padding:34px max(20px,5vw);overflow:auto;display:none}.dashboard.open{display:block}.dash-head{display:flex;justify-content:space-between;align-items:center}.dash-head h2{font-size:38px;margin:5px 0}.close.static{position:static}.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:25px 0}.dash-stats div{background:white;border:1px solid var(--line);border-radius:15px;padding:22px;display:flex;flex-direction:column}.dash-stats b{font-size:28px}.dash-stats span{color:var(--muted);font-size:12px;margin-top:5px}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:15px}table{width:100%;border-collapse:collapse;min-width:780px}th,td{text-align:left;padding:15px;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--muted);font-size:11px;text-transform:uppercase}.status{background:#e5f4ed;color:var(--green);padding:6px 9px;border-radius:15px;font-weight:700}.prototype-note{color:var(--muted);font-size:12px;margin-top:15px}
@media(max-width:980px){.results-wrap{grid-template-columns:1fr}.map-panel{height:480px;position:relative;top:auto}.results-wrap .property-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.results-wrap .property-grid,.results-wrap.list .property-grid{grid-template-columns:1fr}.map-panel{height:430px}.detail-photo{height:250px}.detail-copy{padding:22px}.detail-specs{grid-template-columns:repeat(2,1fr)}.dash-stats{grid-template-columns:repeat(2,1fr)}}
.saved-list{display:grid;gap:10px;margin:12px 0 24px}.saved-item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}.saved-item b{display:block}.saved-item small{color:#667085}.saved-actions{margin:12px 0 22px}.full{width:100%}.status-select{padding:8px 10px;border:1px solid #dbe2ea;border-radius:10px;background:white}.next-action{min-width:130px;padding:8px;border:1px solid #dbe2ea;border-radius:10px}

/* Phase 3B mobile app polish */
.mobile-bottom-nav{display:none}
@media(max-width:720px){
  body{padding-bottom:76px;background:#f8fafc}
  .nav{height:72px;padding:0 18px;background:#fff;border-bottom:1px solid #e7edf5;position:sticky;top:0;z-index:40}
  .nav .brand{font-size:19px;gap:10px}.nav .mark{background:#0b5ed7;color:#fff;border-radius:12px;width:42px;height:42px;display:grid;place-items:center}
  .nav nav,.nav .actions .ghost,.nav .actions .primary{display:none!important}
  .nav .actions{display:flex;margin-left:auto}.nav .actions:after{content:'☰';font-size:24px;color:#17324d;width:42px;height:42px;display:grid;place-items:center;border:1px solid #dbe5ef;border-radius:12px}
  .hero{display:block;padding:34px 20px 24px;background:linear-gradient(180deg,#f6faff 0%,#fff 100%)}
  .hero-copy{max-width:none}.hero .eyebrow{font-size:12px;letter-spacing:1.6px;color:#0b5ed7}.hero h1{font-size:42px;line-height:1.02;letter-spacing:-2px;margin:12px 0 16px;color:#102a43}.hero h1 span{color:#0b5ed7}.hero-copy>p{font-size:17px;line-height:1.55;color:#60758a;margin-bottom:24px}
  .hero-card{display:none}.searchbox{border:1px solid #dce6f0;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(30,64,175,.08);overflow:hidden}.tabs{padding:0 8px}.tabs button{font-size:16px;padding:16px 20px}.tabs button.active{color:#0b5ed7;border-color:#0b5ed7}.searchrow{display:grid;grid-template-columns:28px 1fr;padding:16px;gap:8px}.searchrow input{min-width:0;font-size:16px}.searchrow button{grid-column:1/-1;width:100%;margin-top:8px;background:#0b5ed7;border-radius:12px;padding:15px;font-size:16px}
  .quick{gap:8px;margin-top:16px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.quick span{display:none}.quick button{white-space:nowrap;border-color:#dce6f0;color:#0b5ed7;background:#fff}
  .stats{display:none}
  .section{padding:34px 20px}.section-head{align-items:end}.section-head h2{font-size:28px}.categories{display:grid;grid-template-columns:1fr 1fr;gap:12px}.categories article{border-radius:16px}.cat-img{height:120px}
  .search-section{padding:34px 16px;background:#f8fafc}.search-section .section-head{display:block}.view-toggle{margin-top:16px;width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.view-toggle button{font-size:14px}.filters{display:grid;grid-template-columns:1fr 1fr;gap:9px}.filters input{grid-column:1/-1}.filters input,.filters select,.filters button{min-width:0;width:100%;font-size:14px;padding:12px 10px}.results-wrap.split{grid-template-columns:1fr}.property-grid{grid-template-columns:1fr}.property-card{border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(15,35,55,.08)}.property-card .pimg{height:220px}.map-panel{min-height:340px;border-radius:18px}
  .cta{margin:0;padding:34px 20px;display:block}.cta h2{font-size:30px}.cta button{width:100%;margin-top:18px}
  footer{padding:28px 20px 96px}.dashboard{padding:18px}.dash-stats{grid-template-columns:1fr 1fr}.table-wrap{overflow-x:auto}
  .mobile-bottom-nav{display:grid;position:fixed;bottom:0;left:0;right:0;z-index:60;grid-template-columns:repeat(5,1fr);height:70px;background:rgba(255,255,255,.97);border-top:1px solid #dfe7ef;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -8px 30px rgba(15,35,55,.08)}
  .mobile-bottom-nav button{border:0;background:transparent;color:#66788a;font:600 10px Inter,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.mobile-bottom-nav button span{font-size:21px;line-height:1}.mobile-bottom-nav button.active{color:#0b5ed7}
  .modal{padding:12px}.modal-card{border-radius:20px;max-height:88vh;overflow:auto}.property-modal{width:100%}
}

/* Phase 3C mobile refinements */
@media(max-width:720px){
  .searchrow{grid-template-columns:22px minmax(0,1fr);overflow:hidden}
  .searchrow input{width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:10px 2px}
  .quick{margin-left:-2px;margin-right:-2px;padding-left:2px;padding-right:18px;scroll-padding-left:2px;-webkit-overflow-scrolling:touch}
  .quick button:last-child{margin-right:14px}
  #search.search-section{padding-top:30px}
  #search .section-head h2{font-size:30px}
  #search .property{border-radius:18px;box-shadow:0 8px 24px rgba(15,35,55,.08);border-color:#e3eaf2}
  #search .prop-img{height:235px}
  #search .prop-body{padding:18px}
  #search .prop-body h3{font-size:24px;color:#102a43}
  #search .prop-body .show{border-color:#0b5ed7;color:#0b5ed7;border-radius:11px}
  .section{padding-top:42px}
}
@media(max-width:390px){
  .hero h1{font-size:38px}
  .searchrow input{font-size:15px}
}

.results-meta{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px;color:var(--muted);font-size:13px}.results-meta b{color:var(--ink);font-size:15px}.search-area{position:absolute;z-index:5;top:15px;left:50%;transform:translateX(-50%);border:1px solid #d8e1ea;background:white;color:#1265d8;border-radius:22px;padding:9px 14px;font-weight:800;box-shadow:0 5px 18px #0002}.map-controls{position:absolute;right:14px;top:14px;z-index:5;display:grid;box-shadow:0 5px 18px #0002}.map-controls button{width:36px;height:34px;border:1px solid #d8e1ea;background:white;font-size:20px}.map-controls button:first-child{border-radius:9px 9px 0 0}.map-controls button:last-child{border-radius:0 0 9px 9px}.pin.selected{background:#1265d8;transform:scale(1.12)}#mapPins{position:absolute;inset:0;transition:.2s transform}.map-card{display:none;position:absolute;z-index:6;left:14px;right:14px;bottom:54px;background:white;border-radius:14px;padding:9px;box-shadow:0 12px 35px #0003;gap:10px;align-items:center;cursor:pointer}.map-card.show{display:flex}.map-card img{width:76px;height:62px;object-fit:cover;border-radius:9px}.map-card div{display:grid}.map-card span,.map-card small{color:var(--muted);font-size:11px}.map-card b{font-size:15px}@media(max-width:560px){.results-meta{padding:0 2px}.map-panel{height:520px}.map-label{display:none}.search-area{top:12px}.map-card{bottom:48px}}
/* HOMEZUN final brand layer */
:root{--ink:#071f42;--muted:#66758a;--green:#082f63;--pale:#f4f7fb;--line:#dce4ee;--gold:#dcae3c;--white:#fff}
body{background:#fff}.nav{height:92px}.homezun-brand img{display:block;width:230px;max-height:76px;object-fit:contain;object-position:left center}.nav nav a{color:#17365d}.primary,.searchrow button{background:var(--green)}.eyebrow,h1 span,.tabs .active,.section-head a{color:var(--green)}.tabs .active{border-color:var(--gold)}.quick button:hover,.outline:hover{border-color:var(--gold)}.search-section{background:#f5f8fc}.tag{background:var(--green)}.prop-body .show{border-color:var(--green);color:var(--green)}.pin:hover,.pin.selected{background:var(--green)}.cta{background:linear-gradient(135deg,#071f42,#0b3b78)}.cta button{color:var(--green)}.light{color:#f1cf77}.map-panel{border-color:#ccd8e6}.mortgage-section{padding-top:20px}.mortgage-card{display:grid;grid-template-columns:1.35fr .65fr;gap:22px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 12px 34px #071f4210}.mortgage-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mortgage-fields label{font-size:12px;font-weight:800;color:var(--muted);display:grid;gap:7px}.mortgage-fields input,.mortgage-fields select{border:1px solid var(--line);border-radius:10px;padding:13px;color:var(--ink);background:#fff}.mortgage-result{background:var(--ink);color:#fff;border-radius:16px;padding:24px;display:flex;flex-direction:column;justify-content:center;gap:10px}.mortgage-result span{font-size:13px}.mortgage-result strong{font-size:36px;color:#f2c85b}.mortgage-result small{color:#c8d3e2;line-height:1.4}.mortgage-result .primary{background:#e2b33e;color:#071f42;margin-top:8px}footer{background:#071f42;color:#d7e0ec;border:0;gap:28px}footer .footer-brand img{width:190px;display:block}footer .footer-compliance{max-width:650px}footer .footer-compliance strong{color:#fff}footer .footer-compliance p{line-height:1.5;margin:7px 0}footer a{color:#f1c75b}.results-meta b{color:var(--ink)}
@media(max-width:850px){.mortgage-card{grid-template-columns:1fr}.nav{height:82px}.homezun-brand img{width:200px}footer{align-items:flex-start}}
@media(max-width:720px){.nav .homezun-brand{max-width:72%}.nav .homezun-brand img{width:190px;max-width:100%;height:58px}.nav .actions:after{color:var(--ink)}.hero .eyebrow,.hero h1 span,.quick button,.mobile-bottom-nav button.active{color:var(--green)}.tabs button.active{color:var(--green);border-color:var(--gold)}.searchrow button{background:var(--green)}#search .prop-body .show{border-color:var(--green);color:var(--green)}}
@media(max-width:560px){.mortgage-fields{grid-template-columns:1fr}.mortgage-card{padding:16px}.mortgage-result strong{font-size:31px}footer .footer-brand img{width:170px}}

/* Final polish: larger readable HOMEZUN branding + straight featured card */
.nav{height:112px;padding-top:8px;padding-bottom:8px}
.homezun-brand img{width:320px;max-height:96px;object-fit:contain;object-position:left center}
.hero-card{transform:none}
footer .footer-brand img{width:260px}
@media(max-width:850px){.nav{height:96px}.homezun-brand img{width:260px;max-height:80px}footer .footer-brand img{width:220px}}
@media(max-width:720px){.nav{height:88px}.nav .homezun-brand{max-width:76%}.nav .homezun-brand img{width:235px;height:68px;max-height:68px}footer .footer-brand img{width:205px}}
@media(max-width:390px){.nav .homezun-brand img{width:210px}}