:root{--ink:#142d2a;--muted:#71827f;--teal:#0c8b76;--teal-dark:#076353;--mint:#dff3ea;--cream:#f7f6f1;--line:#e3e9e5;--white:#fff;--coral:#ff7869;--gold:#f2c66a;--shadow:0 18px 60px rgba(18,47,42,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:15px}button,input,select{font:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}.site-shell{max-width:1440px;margin:auto;background:var(--cream);overflow:hidden}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 6.3%;background:rgba(247,246,241,.92);border-bottom:1px solid rgba(20,45,42,.06);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:20px;letter-spacing:-.05em}.brand>span:last-child>span{color:var(--teal)}.brand-mark{height:25px;width:25px;display:flex;gap:3px;align-items:flex-end}.brand-mark span{display:block;width:6px;background:var(--teal);border-radius:6px}.brand-mark span:nth-child(1){height:13px;opacity:.55}.brand-mark span:nth-child(2){height:20px;opacity:.8}.brand-mark span:nth-child(3){height:25px}.main-nav{display:flex;gap:34px;color:#83908d;font-weight:600}.main-nav a{padding:31px 0 28px;border-bottom:2px solid transparent}.main-nav a.active,.main-nav a:hover{color:var(--ink);border-color:var(--teal)}.top-actions{display:flex;gap:17px;align-items:center}.ghost-btn{background:none;color:var(--teal-dark);font-weight:700}.plus{display:inline-grid;place-items:center;border:1px solid var(--teal);border-radius:50%;width:20px;height:20px;margin-right:5px}.avatar-btn{width:38px;height:38px;border-radius:50%;background:var(--ink);color:white;font-weight:700;font-size:12px}.hero{min-height:550px;padding:82px 8% 58px;display:flex;position:relative;background:linear-gradient(112deg,#f7f6f1 48%,#e1f2e9 48%)}.hero-copy{width:53%;position:relative;z-index:2}.eyebrow,.section-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:var(--teal);margin-bottom:18px}.pulse-dot{display:inline-block;width:7px;height:7px;background:var(--coral);border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px rgba(255,120,105,.15)}h1,h2,h3{font-family:"Space Grotesk",sans-serif;margin:0;letter-spacing:-.065em}h1{font-size:clamp(48px,6vw,82px);line-height:.99;font-weight:600}h1 em{color:var(--teal);font-style:normal}.hero-copy>p{max-width:470px;font-size:17px;line-height:1.65;color:var(--muted);margin:27px 0 28px}.hero-search{width:min(520px,100%);display:flex;padding:6px 6px 6px 18px;background:white;border-radius:11px;box-shadow:0 12px 32px rgba(18,47,42,.1)}.search-icon{font-size:27px;color:#94a19e;line-height:1}.hero-search input{border:0;outline:0;min-width:0;flex:1;padding:0 12px;color:var(--ink);background:transparent}.hero-search input::placeholder{color:#a5afac}.search-btn,.primary-btn{background:var(--teal);color:#fff;border-radius:7px;padding:12px 20px;font-weight:700}.search-btn:hover,.primary-btn:hover{background:var(--teal-dark)}.hero-meta{display:flex;align-items:center;gap:15px;margin-top:23px;color:var(--muted);font-size:12px}.hero-meta strong{color:var(--ink)}.location-pill{background:none;color:var(--teal-dark);font-weight:700;padding:0}.pin{font-size:21px;vertical-align:-2px;margin-right:6px}.arrow{margin-left:5px}.meta-divider{height:20px;border-left:1px solid #d1d9d5}.hero-art{position:absolute;right:0;top:0;width:47%;height:100%;overflow:hidden}.sun-orb{width:280px;height:280px;background:#f6cb72;border-radius:50%;position:absolute;top:55px;right:18%;opacity:.88}.hero-house{position:absolute}.house-back{right:15%;bottom:40px}.house-front{right:35%;bottom:32px;z-index:2}.roof{width:200px;height:140px;background:#fff3d7;transform:rotate(45deg) skew(6deg,6deg);border-radius:10px;position:absolute;left:20px;top:-64px;box-shadow:8px -7px 0 #f1d293}.house-body{height:180px;width:230px;background:#fdfcf7;border:7px solid #dcefe5;border-top:0;display:flex;gap:13px;padding:52px 25px 0;box-shadow:15px 17px 0 rgba(91,145,125,.15)}.house-body i{height:56px;width:40px;border-radius:4px 4px 0 0;background:#b8ddd0;border:5px solid #effaf4}.door{position:absolute;width:42px;height:70px;background:#f19783;bottom:0;left:94px;border-radius:4px 4px 0 0}.hero-stats{position:absolute;right:10%;top:115px;background:#fff;padding:13px 16px;border-radius:12px;box-shadow:var(--shadow);min-width:146px}.hero-stats strong{display:block;font-size:21px;font-family:"Space Grotesk"}.hero-stats small{color:var(--muted);line-height:1.2}.stat-icon{float:right;color:var(--teal);font-size:20px}.plant{position:absolute;background:#247962;border-radius:100% 0 100% 0;transform:rotate(32deg)}.plant-one{width:80px;height:120px;right:4%;bottom:17px}.plant-two{width:42px;height:67px;right:1%;bottom:10px}.feed-section{padding:78px 8% 90px;background:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:31px}.section-heading h2,.trust-copy h2,.owner-banner h2{font-size:38px;line-height:1.07}.feed-controls{display:flex;gap:10px;align-items:center}.filter-toggle,.select-wrap select{background:#f5f7f5;border:1px solid var(--line);padding:11px 14px;border-radius:8px;color:var(--ink);font-weight:700}.filter-toggle{display:none}.select-wrap select{appearance:none;padding-right:30px;background-image:linear-gradient(45deg,transparent 50%,#71827f 50%),linear-gradient(135deg,#71827f 50%,transparent 50%);background-position:calc(100% - 16px) 17px,calc(100% - 11px) 17px;background-size:5px 5px;background-repeat:no-repeat}.feed-layout{display:grid;grid-template-columns:204px 1fr;gap:32px}.filter-panel{border-right:1px solid var(--line);padding-right:23px}.filter-title{display:flex;justify-content:space-between;margin-bottom:24px}.filter-title button{display:none;background:none;font-size:23px}.filter-panel label{display:block;font-size:12px;font-weight:700;margin-bottom:20px}.filter-panel select{display:block;width:100%;margin-top:8px;border:1px solid var(--line);border-radius:6px;background:#fff;padding:10px;color:var(--muted);outline:0}.filter-label{font-size:12px;font-weight:700;margin:6px 0 10px}.amenity-options{display:flex;flex-wrap:wrap;gap:6px}.amenity{border:1px solid var(--line);background:#fff;border-radius:20px;padding:7px 9px;font-size:11px;color:var(--muted)}.amenity.selected{background:var(--mint);border-color:#a7d8c7;color:var(--teal-dark)}.clear-btn{background:none;color:var(--teal);padding:22px 0 0;font-size:12px;font-weight:700}.feed-context{font-size:13px;font-weight:700;margin-bottom:17px}.sparkle{color:var(--coral);font-size:17px;margin-right:5px}.context-note{font-weight:400;color:var(--muted);margin-left:7px}.property-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.property-card{min-width:0;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden;transition:transform .2s,box-shadow .2s;animation:rise .4s both}.property-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(20,45,42,.1)}@keyframes rise{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.card-image{height:184px;position:relative;background-size:cover;background-position:center}.card-badge{position:absolute;left:10px;top:10px;background:rgba(20,45,42,.88);color:#fff;padding:6px 9px;border-radius:5px;font-size:10px;font-weight:700}.card-badge.sale{background:var(--coral)}.card-badge.nearby{background:var(--teal)}.heart-btn{position:absolute;right:10px;top:10px;width:31px;height:31px;border-radius:50%;background:rgba(255,255,255,.9);font-size:17px;color:var(--ink)}.heart-btn.saved{color:var(--coral)}.card-body{padding:14px}.card-topline{display:flex;justify-content:space-between;align-items:start;gap:8px}.card-body h3{font-size:16px;letter-spacing:-.035em;line-height:1.15}.price{font-size:15px;color:var(--teal-dark);font-weight:700;white-space:nowrap}.price small{font-size:10px;color:var(--muted);font-weight:500}.card-location{color:var(--muted);font-size:11px;margin:6px 0 11px}.card-details{display:flex;gap:10px;font-size:11px;color:#61736f;border-top:1px solid #eff2ef;padding-top:10px}.card-details span{display:flex;gap:4px}.card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.agency-mini{font-size:10px;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:6px}.agency-dot{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:9px}.distance{font-size:10px;color:var(--teal);font-weight:700}.load-more{display:block;margin:34px auto 0;background:none;color:var(--teal);font-weight:700;border-bottom:1px solid var(--teal);padding:6px}.empty-state{text-align:center;padding:70px 0}.empty-icon{margin:auto;background:var(--mint);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:25px;color:var(--teal)}.empty-state h3{margin:15px 0 6px}.empty-state p{color:var(--muted);margin-bottom:22px}.trust-section{display:flex;gap:8%;padding:88px 8%;background:#f4f5ef;align-items:center}.trust-copy{width:38%}.trust-copy p{color:var(--muted);line-height:1.65;max-width:370px;margin:20px 0}.text-btn{background:none;padding:0;color:var(--teal);font-weight:700}.text-btn span{margin-left:8px}.agency-row{display:flex;gap:14px;flex:1;align-items:stretch}.agency-card{background:#fff;border-radius:11px;padding:20px;min-width:150px;flex:1;box-shadow:0 10px 24px rgba(20,45,42,.05)}.agency-logo{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:white;font-family:"Space Grotesk";font-weight:700;margin-bottom:20px}.agency-card strong{display:block;font-family:"Space Grotesk";font-size:14px}.agency-card small{display:block;color:var(--muted);font-size:10px;margin:4px 0 17px}.follow-btn{border:1px solid var(--line);background:white;padding:7px 12px;border-radius:6px;color:var(--teal);font-size:11px;font-weight:700}.follow-btn.following{background:var(--mint);border-color:var(--mint)}.owner-banner{margin:0 8% 70px;background:var(--ink);border-radius:16px;padding:46px 52px;color:#fff;display:flex;align-items:center;justify-content:space-between;background-image:radial-gradient(circle at 88% 12%,rgba(104,198,166,.27),transparent 32%)}.owner-banner h2{max-width:500px}.owner-banner p{color:#abc0b9;max-width:470px;line-height:1.6;margin-bottom:0}.light{color:#72cfb3}.light-btn{background:#f8d98b;color:var(--ink);padding:13px 20px;border-radius:7px;font-weight:700;white-space:nowrap}.light-btn span{margin-left:12px}.footer{border-top:1px solid var(--line);padding:34px 8%;display:flex;align-items:center;gap:25px;color:var(--muted);font-size:12px}.footer-brand{color:var(--ink);font-size:16px;margin-right:10px}.footer-links{margin-left:auto;display:flex;gap:20px}.modal-backdrop{position:fixed;inset:0;z-index:50;background:rgba(10,27,24,.48);display:grid;place-items:center;padding:18px}.modal{width:min(620px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:16px;box-shadow:0 25px 100px rgba(0,0,0,.22);position:relative}.modal-close{position:absolute;right:16px;top:13px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.86);font-size:22px;z-index:2}.modal-image{height:235px;background-size:cover;background-position:center}.modal-content{padding:26px}.modal-content h2{font-size:30px}.modal-sub{color:var(--muted);margin:8px 0 20px}.modal-price{color:var(--teal-dark);font-size:23px;font-weight:700}.modal-details{display:flex;gap:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:20px 0;color:var(--muted);font-size:13px}.modal-actions{display:flex;gap:9px}.modal-actions button{flex:1;padding:13px;border-radius:7px;font-weight:700}.outline-btn{background:white;color:var(--teal);border:1px solid var(--teal)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label,.modal-form label{font-size:12px;font-weight:700}.form-grid input,.modal-form input,.modal-form textarea,.form-grid select{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:6px;padding:11px;outline:0}.modal-form textarea{min-height:90px;resize:vertical}.modal-form>label{display:block;margin-bottom:15px}.listing-summary{background:var(--mint);padding:15px;border-radius:9px;margin-bottom:18px}.listing-summary strong{display:block;font-family:"Space Grotesk"}.listing-summary span{font-size:12px;color:var(--muted)}.payment-choice{display:flex;gap:9px;margin:15px 0}.payment-choice div{flex:1;border:1px solid var(--line);border-radius:7px;padding:12px;font-size:12px}.payment-choice div.selected{border-color:var(--teal);background:var(--mint)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:#fff;border-radius:8px;padding:12px 18px;font-size:13px;box-shadow:var(--shadow);opacity:0;pointer-events:none;z-index:70;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.main-nav{gap:18px}.hero{padding-left:6%;padding-right:6%}.feed-section,.trust-section{padding-left:6%;padding-right:6%}.property-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-panel{display:none}.filter-toggle{display:block}.feed-layout{display:block}.filter-panel.open{display:block;position:fixed;z-index:35;inset:82px 0 0 auto;width:310px;background:#fff;padding:25px;box-shadow:-12px 0 40px rgba(20,45,42,.1);border:0}.filter-panel.open .filter-title button{display:block}.hero-art{opacity:.47}.hero-copy{width:75%}.trust-section{align-items:start}.trust-copy{width:42%}}
@media(max-width:680px){.topbar{height:66px;padding:0 20px}.main-nav{display:none}.top-actions .ghost-btn{font-size:0}.top-actions .plus{font-size:18px;margin:0}.hero{min-height:auto;padding:55px 20px 46px;background:var(--cream)}.hero-copy{width:100%}h1{font-size:48px}.hero-copy>p{font-size:15px}.hero-search{margin-top:24px}.hero-art{display:none}.hero-meta{flex-wrap:wrap;gap:10px}.meta-divider{display:none}.feed-section{padding:50px 20px 65px}.section-heading{display:block}.section-heading h2,.trust-copy h2,.owner-banner h2{font-size:30px}.feed-controls{margin-top:21px;justify-content:space-between}.property-grid{grid-template-columns:1fr;gap:15px}.card-image{height:205px}.context-note{display:block;margin:5px 0 0 23px}.trust-section{display:block;padding:58px 20px}.trust-copy{width:100%;margin-bottom:28px}.agency-row{overflow:auto;padding-bottom:7px}.agency-card{min-width:145px}.owner-banner{margin:0 20px 50px;padding:30px 25px;display:block}.light-btn{margin-top:25px}.footer{padding:25px 20px;display:block}.footer>span{display:block;margin-top:13px}.footer-links{margin:18px 0 0}.modal-content{padding:22px}.modal-image{height:190px}.form-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}}