*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#F3EFE7;color:#141210;line-height:1.5}
a{color:inherit}.nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 32px;flex-wrap:wrap}background:#F3EFE7f2;backdrop-filter:blur(6px);border-bottom:1px solid #e3ded2}
.logo{font-weight:800;font-size:22px;text-decoration:none}.logo-dot{color:#6a8f00}
.nav-links{display:flex;gap:22px;font-size:14px}.nav-links a{text-decoration:none}
.btn{display:inline-block;padding:11px 18px;border-radius:999px;text-decoration:none;font-weight:700;border:0;cursor:pointer;font-size:14px}.btn-dark{background:#141210;color:#fff}.btn-ghost{border:1.5px solid #141210}.btn-lg{padding:13px 22px}.btn-lime{background:#C8E86A;color:#141210;padding:13px 20px;width:100%;text-align:center}
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:32px;padding:48px 32px 24px;max-width:1280px;margin:0 auto;align-items:center}
.eyebrow{font-size:13px;color:#5a554c}.hero h1{font-size:clamp(44px,6vw,84px);line-height:.98;letter-spacing:-.03em;margin:14px 0}
.lede{font-size:18px;color:#4c4740;max-width:520px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 12px}.micro{font-size:12.5px;color:#6b665c}
.hero-visual{position:relative;height:560px;border-radius:28px;overflow:hidden;background:linear-gradient(#dbe8ee,#e8e2d2)}
.sky{position:absolute;inset:0;background:linear-gradient(180deg,#cfe0e8 0%,#e9e4d6 62%,#c8d6a8 100%)}
.sun{position:absolute;right:56px;top:44px;width:74px;height:74px;border-radius:50%;background:#ffe9a8;box-shadow:0 0 0 18px #ffe9a866}
.house{position:absolute;left:6%;bottom:110px;width:78%;z-index:2}
.lawn{position:absolute;left:0;right:0;bottom:0;height:130px;background:linear-gradient(#8aa86a,#6d9157)}
.path{position:absolute;left:8%;bottom:0;width:58%;height:110px;background:#e7dfcd;border-radius:50% 50% 0 0;transform:rotate(-4deg)}
.float-card{position:absolute;z-index:3;background:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 14px 30px #0003;transform:rotate(-2deg);font-size:14px}.float-card strong{display:block;font-size:19px}.float-card small{color:#666}
.fc1{right:18px;top:28px;transform:rotate(4deg)}.fc2{right:6px;top:158px;transform:rotate(6deg)}
.fc3{left:16px;bottom:22px;transform:rotate(-2deg)}.fc-tag{font-size:11px;background:#eee;padding:3px 7px;border-radius:99px}.fc-tag.lime{background:#C8E86A}.fc-big{font-size:22px!important;color:#3d5a00}
.stats{max-width:1280px;margin:26px auto 0;padding:28px 32px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-top:1px solid #d8d2c4}.stats strong{display:block;font-size:34px}.stats span{font-size:13px;color:#666}
.section{max-width:1280px;margin:0 auto;padding:64px 32px}.section h2{font-size:clamp(34px,4.5vw,58px);line-height:1.02;letter-spacing:-.02em;margin:0 0 12px}.section-lede{color:#5a554c;max-width:560px;font-size:17px}.center{text-align:center;margin-left:auto;margin-right:auto}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.step{background:#fff;border-radius:20px;padding:26px}.num{font-size:13px;color:#6a8f00;font-weight:800}.step h3{font-size:22px;margin:10px 0 6px}
.dark{background:#141210;color:#f4f1ea;padding:64px 32px}.dark-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center}
.tower{position:relative;height:520px;border-radius:24px;background:linear-gradient(#2c2a28,#191714);overflow:hidden}.tower-top{height:26px;background:#3a3733}.windows{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:36px}.windows i{display:block;height:72px;background:linear-gradient(#ffd98a,#f2b95e);border-radius:4px;opacity:.9}.tower-door{position:absolute;bottom:0;left:42%;width:16%;height:86px;background:#7a5a38;border-radius:8px 8px 0 0}.tower-badge{position:absolute;bottom:110px;left:14px;background:#C8E86A;color:#141210;padding:8px 12px;border-radius:99px;font-size:13px;font-weight:700}
.dark-cards{display:grid;gap:18px}.info-card{background:#F3EFE7;color:#141210;border-radius:20px;padding:26px;transform:rotate(-1deg)}.info-card:nth-child(2){transform:rotate(1deg)}.info-card h3{margin:0 0 8px;font-size:24px}.info-card a{font-weight:700}
.agent-row{display:grid;grid-template-columns:auto 1fr;gap:10px 14px;background:#26231f;border-radius:20px;padding:20px}.avatar{width:46px;height:46px;border-radius:50%;background:#C8E86A;color:#141210;display:grid;place-items:center;font-weight:800}.agent-row span{display:block;font-size:13px;color:#b8b2a6}
.hoods{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}.hood{border-radius:20px;padding:20px;min-height:210px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff}.hood span{font-size:13px;background:#fff3;color:#fff;padding:4px 9px;border-radius:99px;align-self:flex-start}.hood h3{margin:40px 0 4px}.hood p{margin:0;font-size:14px;opacity:.9}
.h1{background:linear-gradient(160deg,#7fae6d,#3e6b4a)}.h2{background:linear-gradient(160deg,#6b9bb0,#2f5568)}.h3{background:linear-gradient(160deg,#c9a86a,#8a6a35)}.h4{background:linear-gradient(160deg,#8d7fae,#4c4266)}
.section-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;flex-wrap:wrap}.filters{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1.5px solid #ccc6b8;background:transparent;padding:9px 14px;border-radius:99px;cursor:pointer}.chip.active{background:#141210;color:#fff;border-color:#141210}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.card{background:#fff;border-radius:22px;overflow:hidden}.card-art{height:210px;position:relative;padding:14px;display:flex;align-items:flex-end}.card-art .tag{position:absolute;left:14px;top:14px;background:#C8E86A;padding:5px 10px;border-radius:99px;font-size:12px;font-weight:700}.heart{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:50%;border:0;background:#fff;font-size:18px;cursor:pointer}.heart.saved{background:#141210;color:#fff}
.art-a{background:linear-gradient(150deg,#a8c69a,#5d7f5a)}.art-b{background:linear-gradient(150deg,#8fb4c6,#3f6074)}.art-c{background:linear-gradient(150deg,#d9c08a,#8a6a35)}.art-d{background:linear-gradient(150deg,#b39bc6,#5a4a75)}.art-e{background:linear-gradient(150deg,#9fc6b0,#3e6b5a)}.art-f{background:linear-gradient(150deg,#c6a08a,#6b4a35)}
.mini-house{width:150px;height:100px;background:#fff9;border-radius:8px 8px 0 0;position:relative}.mini-house:before{content:"";position:absolute;left:-18px;top:-24px;border-left:93px solid transparent;border-right:93px solid transparent;border-bottom:42px solid #2b2620}.mini-house:after{content:"";position:absolute;left:52px;bottom:0;width:46px;height:64px;background:#2b2620}
.card-body{padding:18px}.card-body strong{font-size:23px}.card-body h3{margin:2px 0}.card-body p{margin:0;color:#666;font-size:14px}.specs{margin-top:12px;padding-top:12px;border-top:1px solid #eee;font-size:13px;color:#555}.to-calc{margin-top:14px;width:100%;padding:10px;border-radius:99px;border:1.5px solid #141210;background:transparent;cursor:pointer;font-weight:700}
.calc-section{background:#e9e4d8;border-radius:28px;margin:0 16px}.calc{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.calc-left,.calc-right{border-radius:22px;padding:28px}.calc-left{background:#E9E9E6}.calc-right{background:#141210;color:#fff}
.calc label,.calc legend{display:block;font-weight:700;margin:16px 0 8px}.calc input[type=range]{width:100%;accent-color:#6a8f00}.range-ends{display:flex;justify-content:space-between;font-size:12px;color:#777}
.calc input[type=number]{width:100%;padding:12px;border-radius:10px;border:1.5px solid #ccc6b8;font-size:16px}
fieldset{border:0;padding:0;margin:0}.mode{display:flex;gap:10px;background:#fff;border-radius:14px;padding:13px;margin:0 0 10px;cursor:pointer;font-weight:400}.mode input{margin-top:4px}.mode small{display:block;color:#666}.toggle{display:flex;gap:10px;align-items:flex-start;font-weight:400}.toggle input{width:20px;height:20px;accent-color:#6a8f00}
.calc-kicker{color:#b8b2a6}.calc-total{font-size:clamp(48px,5vw,72px);font-weight:800;color:#C8E86A;margin:0;line-height:1}.bar{height:12px;background:#33302c;border-radius:99px;overflow:hidden;margin-top:22px}.bar div{height:100%;background:#C8E86A;width:70%}.bar-label{display:flex;justify-content:space-between;font-size:13px;color:#b8b2a6}
.breakdown{border-top:1px solid #33302c;margin-top:18px}.breakdown div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #33302c}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.quotes blockquote{background:#fff;border-radius:20px;padding:26px;margin:0}.quotes footer{color:#666;font-size:14px;margin-top:14px}
.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:48px}.faqs details{border-bottom:1px solid #d8d2c4;padding:18px 0}.faqs summary{font-weight:700;font-size:18px;cursor:pointer}.faqs p{color:#5a554c}
.footer{padding:48px 32px 32px;border-top:1px solid #d8d2c4;text-align:center}.giant{font-size:clamp(64px,12vw,160px);font-weight:800;letter-spacing:-.04em;margin:0;line-height:1}.foot-links{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin:16px 0}
@media(max-width:900px){.nav-links{display:none}.hero,.steps,.hoods,.cards,.quotes,.faq,.calc,.dark-inner{grid-template-columns:1fr}.hero-visual{height:460px}.stats{grid-template-columns:1fr 1fr}.calc-section{margin:0}.section,.hero{padding-left:20px;padding-right:20px}}

/* --- Refinement pass: reel-matched sections --- */
.intro-statement{font-size:clamp(30px,3.8vw,52px);line-height:1.08;letter-spacing:-.02em;max-width:900px}
.intro-row{display:flex;gap:48px;align-items:center;margin-top:32px;flex-wrap:wrap}
.ovals{display:flex;gap:16px}
.oval{width:230px;height:170px;border-radius:50%;position:relative;overflow:hidden;flex:none}
.ov-a{background:linear-gradient(150deg,#d9cfae,#8a7a55)}
.ov-b{background:linear-gradient(150deg,#7fae6d,#3e6b4a)}
.oval-price{position:absolute;left:34px;top:24px;background:#C8E86A;padding:4px 10px;border-radius:99px;font-size:12px;font-weight:700}
.oval-pill{position:absolute;left:50%;transform:translateX(-50%);bottom:10px;background:#141210;color:#fff;padding:6px 12px;border-radius:99px;font-size:12px;white-space:nowrap}
.intro-note{max-width:320px;color:#5a554c;font-size:16px}
.keep-wrap{overflow:hidden;margin-top:28px}
.keep-track{display:flex;transition:transform .45s ease}
.keep-slide{display:grid;grid-template-columns:1fr 1fr;gap:18px;min-width:100%}
.keep-panel{border-radius:20px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;min-height:340px;background:#e9e4d8}
.keep-panel h3{font-size:clamp(26px,3vw,38px);line-height:1.1;margin:0}
.keep-foot{color:#4c4740;max-width:380px}
.keep-num{font-size:13px;color:#6b665c}
.lime-panel{background:#dff0a6}
.keep-photo{border-radius:20px;min-height:340px;position:relative;overflow:hidden;background:linear-gradient(150deg,#8fb4c6,#3f6074)}
.photo-buyer{background:linear-gradient(150deg,#c9a86a,#6b4a35)}
.photo-tower{background:linear-gradient(150deg,#5a4a75,#2c2340)}
.photo-home{background:linear-gradient(150deg,#9fc6b0,#3e6b5a)}
.keep-mini{position:absolute;left:16px;bottom:16px;background:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 14px 30px #0003}
.keep-mini strong{display:block;font-size:18px}.keep-mini small{color:#666}
.keep-controls{display:flex;gap:10px;align-items:center;margin-top:16px}
.arrow-btn{width:46px;height:46px;border-radius:50%;border:1.5px solid #141210;background:#fff;font-size:18px;cursor:pointer}
.arrow-btn.lime-btn,.lime-btn{background:#C8E86A;border-color:#C8E86A}
.cards.carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
.cards.carousel .card{min-width:330px;scroll-snap-align:start}
.map-section{padding-top:0}
.map{height:300px;border-radius:24px;background:#1d1a17;position:relative;overflow:hidden;background-image:repeating-linear-gradient(0deg,transparent 0 44px,#ffffff22 44px 46px),repeating-linear-gradient(90deg,transparent 0 64px,#ffffff22 64px 66px)}
.map:before{content:"";position:absolute;left:0;right:0;top:120px;height:90px;background:#00000066;border-radius:50%}
.pin{position:absolute;background:#C8E86A;padding:7px 12px;border-radius:99px;font-weight:700;font-size:13px}
.p1{left:12%;top:22%}.p2{left:58%;top:16%}.p3{left:30%;top:62%}.p4{left:74%;top:58%}
.mode-label{font-weight:700;margin:20px 0 8px}
.mode-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mode-btn{background:#fff;border:2px solid transparent;border-radius:14px;padding:14px;text-align:left;cursor:pointer;font-family:inherit}
.mode-btn small{display:block;color:#666;font-weight:400}
.mode-btn.selected{background:#141210;color:#fff}
.mode-btn.selected small{color:#b8b2a6}
.calc label.switch-row{display:flex;gap:12px;align-items:flex-start;margin-top:20px;cursor:pointer;font-weight:400}
.switch-row small{display:block;color:#666}
.switch{position:relative;flex:none;width:52px;height:28px}
.switch input{opacity:0;width:52px;height:28px;margin:0;cursor:pointer;position:absolute;left:0;top:0;z-index:1}
.switch i{position:absolute;left:0;top:0;width:52px;height:28px;border-radius:99px;background:#ccc6b8;transition:.2s}
.switch i:after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:.2s}
.switch input:checked + i{background:#141210}
.switch input:checked + i:after{left:27px;background:#C8E86A}
.btn-auto{width:auto;padding:13px 22px}
.light-micro{color:#b8b2a6}
.stars{color:#6a8f00;letter-spacing:2px;margin:0 0 10px}
.badge{display:inline-block;margin-top:14px;background:#dff0a6;padding:5px 11px;border-radius:99px;font-size:13px;font-weight:700}
@media(max-width:900px){.keep-slide{grid-template-columns:1fr}.mode-row{grid-template-columns:1fr}.intro-row{gap:24px}}

/* Refinement: menu button + panel, radio buy-options, closing CTA, dark footer */
.nav-right{display:flex;gap:14px;align-items:center}
.help-link{text-decoration:none;font-weight:700;font-size:14px}
.menu-btn{background:#fff;border:1.5px solid #141210}
.menu-btn.open{background:#C8E86A;border-color:#C8E86A}
.menu-panel{display:none;width:100%;flex-wrap:wrap;gap:8px 22px;padding:12px 0 2px;border-top:1px solid #e3ded2}
.menu-panel.open{display:flex}
.menu-panel a{text-decoration:none;font-weight:700;font-size:15px}
.mode-btn strong{display:block}
.mode-btn input{position:absolute;opacity:0;pointer-events:none}
.mode-btn{position:relative}
.closing-cta{padding:48px 32px}
.closing-inner h2{font-size:clamp(30px,4vw,52px);line-height:1.05;margin:0}
.footer{background:#141210;color:#f4f1ea;border-top:0}
.footer .micro{color:#b8b2a6}
.social-links{margin-top:4px}
.social-links a{font-size:14px}

/* --- Image swap (visual only): exact photos replace CSS/SVG placeholders --- */
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.oval-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.oval-price,.oval-pill{z-index:2}
.keep-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.keep-mini{z-index:2}
.tower-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tower-badge{z-index:2}
.avatar-img{object-fit:cover;padding:0}
.card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.card-art .tag,.card-art .heart{z-index:2}
.map-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.map{background-image:none}
.map:before{display:none}
.map .pin{z-index:2}
.closing-cta{background:linear-gradient(rgba(20,18,16,.86),rgba(20,18,16,.86)),-webkit-image-set(url(images/band-800.webp) 1x,url(images/band-1600.webp) 2x) center/cover;background:linear-gradient(rgba(20,18,16,.86),rgba(20,18,16,.86)),image-set(url(images/band-800.webp) 1x,url(images/band-1600.webp) 2x) center/cover}
.closing-inner{position:relative}

/* --- Interaction-fix pass 2026-10-27 (audit dwella-20261027) --- */
.card-clickable:hover{box-shadow:0 10px 30px #0002}
.ask-form{max-width:640px;margin-top:24px;display:grid;gap:6px}
.ask-form label{font-weight:700;margin-top:10px}
.ask-form input,.ask-form textarea{width:100%;padding:12px;border-radius:12px;border:1.5px solid #ccc6b8;font-size:16px;font-family:inherit;background:#fff}
.ask-confirm{background:#dff0a6;border-radius:16px;padding:20px;margin-top:20px;max-width:640px}
.social-demo{background:none;border:0;color:inherit;font:inherit;font-size:14px;cursor:pointer;text-decoration:underline}
#socialNotice{max-width:640px;margin:12px auto 0}
.map-flash{outline:4px solid #C8E86A;outline-offset:4px}
@keyframes mapflash{from{box-shadow:0 0 0 0 #C8E86A88}to{box-shadow:0 0 0 18px transparent}}
.map-flash{animation:mapflash .9s ease-out 2}
.modal{display:none;position:fixed;inset:0;z-index:50}
.modal.open{display:block}
.modal-backdrop{position:absolute;inset:0;background:#0008}
.modal-panel{position:relative;max-width:640px;margin:6vh auto;padding:0;background:#fff;border-radius:24px;overflow:hidden;max-height:88vh;overflow-y:auto}
.modal-close{position:absolute;right:14px;top:14px;z-index:2;width:38px;height:38px;border-radius:50%;border:0;background:#fff;font-size:16px;cursor:pointer;box-shadow:0 4px 14px #0003}
.detail-img{width:100%;height:280px;object-fit:cover;display:block}
.detail-body{padding:24px}
.detail-price{font-size:30px;display:block;margin-top:10px}
.detail-body h3{font-size:26px;margin:4px 0}
.detail-place,.detail-specs{color:#666;margin:4px 0}
.detail-cash{background:#dff0a6;border-radius:12px;padding:14px;font-weight:700}
.detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.detail-actions .btn{width:auto}