.housing-hero{grid-template-columns:40% 60%;min-height:610px}.housing-hero h1{font-size:clamp(45px,4.8vw,72px)}.housing-hero-art{position:relative;width:100%;aspect-ratio:1.23;isolation:isolate}.house-model{position:absolute;left:-5%;bottom:4%;width:111%;height:auto;z-index:0}.hero-real-phone{position:absolute;right:1%;top:4%;width:30%;padding:7px;border-radius:32px;background:linear-gradient(100deg,#aaa,#0c100d 9%,#323a36 94%,#a5aba1);box-shadow:9px 14px 9px #17332633,18px 24px 30px #11351a19;transform:perspective(1300px) rotateY(-13deg) rotateZ(6deg);border:2px solid #2e3530}.hero-real-phone img{display:block;width:100%;height:auto;border-radius:23px}.housing-hero-art figcaption{position:absolute;right:0;bottom:0;font-size:10px;color:#65766c}.housing-modes{padding:65px 0 50px;display:grid;grid-template-columns:1fr 1.2fr;gap:8%;align-items:center}.housing-modes>div>p:not(.eyebrow){font-size:16px;line-height:1.7;color:#50665a;margin-top:20px;max-width:440px}.housing-modes h2{font-size:42px}.mode-card{background:#eeefe6;border:1px solid #dedfd3;border-radius:24px;padding:9px 9px 28px}.mode-tabs{display:flex;gap:4px;padding:4px;border-radius:50px;background:#e2e7dc}.mode-tabs button{flex:1;background:transparent;padding:13px 8px;border-radius:40px;font-size:13px;line-height:1.4;min-height:48px}.mode-tabs button[aria-selected=true]{background:#fff;box-shadow:0 2px 6px #16351b11;color:var(--green);font-weight:700}#mode-panel{padding:26px 24px 0;min-height:245px}.mode-kicker{font-size:10px;color:var(--green);letter-spacing:1px;font-weight:700}.mode-card h3{font-size:24px;letter-spacing:-.7px;line-height:1.25;margin:12px 0}.mode-card p{font-size:14px;line-height:1.65;color:#50665a}.mode-card ul{display:grid;gap:9px;margin-top:20px;font-size:13px}.mode-card li:before{content:'✓';color:var(--green);margin-right:10px}.housing-page .car-statistics{border-top:1px solid var(--line)}.expense-tags{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 18px}.expense-tags span{font-size:12px;padding:8px 12px;background:#ecefe5;border-radius:20px}.meter-section{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding:45px;background:#eaf0e4;border-radius:28px;align-items:center;margin-bottom:65px}.meter-section h2{font-size:42px}.meter-section .lead{font-size:16px;margin-top:20px}.utility-labels{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}.utility-labels span{display:flex;gap:7px;align-items:center;color:var(--green);font-size:12px}.utility-labels .icon{width:20px;height:20px}.meter-note{font-size:12px;line-height:1.8;color:#50665a;margin-top:22px}.meter-demo{background:#fffdf9;border:1px solid #dbe1d2;border-radius:21px;padding:26px;box-shadow:10px 16px 25px #1e3e1710;transform:rotate(1deg)}.meter-demo .eyebrow{font-size:10px;letter-spacing:1px}.meter-inputs{display:grid;grid-template-columns:1fr 1fr;gap:20px 14px}.meter-inputs label{font-size:11px;color:#50665a;display:flex;flex-direction:column;gap:8px;line-height:1.5}.meter-inputs input{min-width:0;width:100%;font-size:19px;font-weight:600;padding:12px;border-radius:10px;border:1px solid #dce1d6;background:#f9faf5;color:var(--ink)}.meter-inputs input:focus{outline:2px solid #168b62;outline-offset:2px}.meter-result{margin-top:24px;padding:22px 0 18px;border-top:1px solid #dbe0d3;display:grid;grid-template-columns:1fr 1fr;gap:12px}.meter-result span{font-size:11px;display:block;margin-bottom:7px;color:#526359}.meter-result strong{font-size:25px;letter-spacing:-1px;color:var(--green)}.meter-disclaimer{font-size:11px;line-height:1.7;color:#66756a}#meter-error{color:#a62e2e;font-size:12px;margin-bottom:12px}.rental-band{display:grid;grid-template-columns:1fr 1.3fr;gap:8%;padding:0 24px 65px;align-items:center}.rental-band h2{font-size:45px}.rental-band h2 em{font-style:normal;color:var(--green)}.rental-band>div>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#50665a}.rental-flow{display:flex;align-items:center;gap:10px;margin:25px 0;color:var(--green)}.rental-flow span{border:1px solid #d6dfcf;background:#f0f4e9;border-radius:12px;font-size:13px;padding:18px 15px;font-weight:600}.rental-flow .icon{width:18px}.rental-band .rental-note{font-size:13px!important}.housing-page .car-care-card .eyebrow{font-size:10px;margin-bottom:15px}.housing-page .car-care-card h2{font-size:32px}.document-art{height:310px;position:relative;max-width:350px;margin:15px auto;perspective:1000px}.document-back,.document-front{position:absolute;inset:20px 35px;border-radius:14px;border:1px solid #cdd9c4;box-shadow:12px 18px 18px #19442d1a;transform:rotateZ(8deg) rotateY(-10deg);background:#b9d4b1}.document-front{transform:rotateZ(-8deg) rotateY(-10deg);background:linear-gradient(120deg,#fff,#f0f2e6);padding:29px 24px;display:flex;flex-direction:column;align-items:flex-start}.document-front>.icon{color:var(--green);height:38px;width:38px;margin-bottom:17px}.document-front strong{font-size:21px;line-height:1.2}.document-front>span{font-size:9px;margin-top:10px;color:#71816d}.document-lines{height:42px;width:85%;margin-top:20px;background:repeating-linear-gradient(to bottom,#d8e1d1 0 3px,transparent 3px 13px)}.document-front .document-seal{position:absolute;right:19px;bottom:15px;background:#00674e;border:6px solid #cde9ce;width:49px;height:49px;border-radius:50%;display:grid;place-items:center;color:#fff}.housing-report{background:radial-gradient(ellipse at 10% 100%,#188664,#006148 65%);color:#fff;border-radius:28px;display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:55px;margin-top:10px}.housing-report .eyebrow{color:#bdeed2}.housing-report h2{font-size:43px}.report-heading>p:not(.eyebrow){color:#d9ede1;font-size:15px;line-height:1.8;margin-top:22px}.report-heading small{display:block;font-size:11px;margin-top:19px;line-height:1.7;color:#c7e9d6}.report-features{align-self:center}.report-features>div{display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid #ffffff26}.report-features b{font-size:12px;font-weight:400;color:#aae7bd}.report-features span{font-size:16px;line-height:1.6}.loan-strip{padding:40px 0 15px;display:grid;grid-template-columns:1fr 1.2fr;gap:20px 8%;align-items:start}.loan-strip>div{display:flex;align-items:center;gap:18px}.loan-strip h3{font-size:23px;letter-spacing:-.5px;line-height:1.3}.loan-strip>p{font-size:14px;color:#50665a;line-height:1.8}.loan-strip details{grid-column:2}.housing-page .car-final{border-top:1px solid var(--line);margin-top:30px}
@media(max-width:1100px){.housing-hero{min-height:530px}.housing-hero h1{font-size:53px}.hero-real-phone{padding:5px;border-radius:25px}.hero-real-phone img{border-radius:18px}.housing-modes{gap:5%}.housing-modes h2,.meter-section h2,.rental-band h2{font-size:35px}.meter-section{padding:30px;gap:5%}.meter-demo{padding:20px}.meter-result strong{font-size:23px}.housing-page .car-care-card h2{font-size:28px}.rental-band{gap:5%}.rental-flow span{font-size:11px;padding:13px 10px}.housing-report{padding:37px;gap:6%}.housing-report h2{font-size:35px}.report-features span{font-size:14px}.document-art{height:260px}.document-front{padding:23px 19px}.document-front strong{font-size:18px}.document-front>span{font-size:8px}.document-lines{height:27px}}
@media(max-width:850px){.housing-hero{min-height:460px}.housing-hero h1{font-size:42px}.housing-modes{grid-template-columns:1fr;padding:42px 0;gap:25px}.housing-modes h2 br{display:none}.housing-modes>div>p:not(.eyebrow){max-width:600px}.mode-card{max-width:100%}#mode-panel{min-height:210px}.meter-section{grid-template-columns:1fr;gap:28px;padding:28px}.meter-demo{transform:none;max-width:100%}.meter-section .lead{max-width:100%}.rental-band{grid-template-columns:1fr;gap:25px;padding:0 0 42px}.rental-band h2 br{display:none}.rental-band h2 em:before{content:' '}.rental-flow span{flex:1;text-align:center;font-size:13px}.housing-report{grid-template-columns:1fr;gap:20px}.report-features{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.document-art{height:230px}.document-front,.document-back{inset:15px 10px}.document-front strong{font-size:18px}.document-front>.icon{width:28px;height:28px;margin-bottom:12px}.housing-page .car-care-card h2{font-size:25px}.loan-strip{grid-template-columns:1fr;gap:20px}.loan-strip details{grid-column:1}.loan-strip h3{font-size:24px}}
@media(max-width:600px){.housing-hero{min-height:0}.housing-hero h1{font-size:clamp(36px,10vw,49px);line-height:1.08}.housing-hero h1 em{display:block}.housing-hero-art{aspect-ratio:1.2;margin-top:18px!important}.hero-real-phone{width:31%;top:1%;right:2%;padding:3px;border-radius:16px}.hero-real-phone img{border-radius:12px}.house-model{width:110%;bottom:4%;left:-4%}.housing-hero-art figcaption{font-size:8px;right:0}.housing-modes{padding:35px 0;gap:23px}.housing-modes h2,.meter-section h2,.rental-band h2{font-size:31px;letter-spacing:-1.2px}.housing-modes>div>p:not(.eyebrow){font-size:14px;margin-top:15px}.mode-card{padding:7px 7px 23px;border-radius:20px}.mode-tabs{gap:1px;padding:3px}.mode-tabs button{font-size:10px;padding:10px 5px;min-height:45px}#mode-panel{padding:22px 15px 0;min-height:270px}.mode-card h3{font-size:22px}.mode-card p{font-size:13px}.mode-card ul{font-size:12px;gap:11px}.mode-kicker{font-size:9px}.meter-section{padding:23px 18px;margin-bottom:38px;border-radius:23px}.meter-section .eyebrow{font-size:9px;letter-spacing:.8px}.meter-section .lead{font-size:14px}.utility-labels{gap:14px}.utility-labels span{font-size:11px}.meter-note{font-size:11px;margin-top:19px}.meter-demo{padding:19px 15px;border-radius:16px}.meter-inputs{gap:16px 10px}.meter-inputs label{font-size:10px}.meter-inputs input{font-size:17px;padding:10px}.meter-result{padding:18px 0 14px;margin-top:20px}.meter-result strong{font-size:21px;letter-spacing:-.6px}.meter-result span{font-size:10px;line-height:1.5}.meter-disclaimer{font-size:10px}.rental-band{gap:20px;padding-bottom:35px}.rental-band>div>p:not(.eyebrow){font-size:14px}.rental-flow{gap:6px}.rental-flow span{font-size:10px;padding:13px 8px;line-height:1.5}.rental-flow .icon{width:14px}.rental-band .rental-note{font-size:12px!important}.housing-page .car-care-card h2{font-size:28px}.document-art{height:280px;max-width:290px;margin:10px auto}.document-front,.document-back{inset:20px 30px}.document-front{padding:23px}.document-front strong{font-size:21px}.document-front>.icon{height:35px;width:35px;margin-bottom:16px}.document-front>span{font-size:9px}.document-lines{height:35px}.housing-report{padding:29px 23px;border-radius:23px;margin-top:0}.housing-report h2{font-size:30px}.housing-report .eyebrow{font-size:9px}.report-heading>p:not(.eyebrow){font-size:14px;margin-top:17px}.report-features{grid-template-columns:1fr;gap:0}.report-features>div{padding:15px 0;gap:15px}.report-features span{font-size:13px}.report-heading small{font-size:10px}.loan-strip{padding:30px 0 10px;gap:18px}.loan-strip h3{font-size:21px}.loan-strip>p{font-size:13px}.loan-strip .icon-tile{width:42px;height:42px}.housing-page .car-final{margin-top:20px}}
@media(max-width:360px){.housing-hero h1{font-size:35px}.housing-page .car-care-card h2{font-size:25px}.meter-result strong{font-size:18px}.meter-section{padding:21px 13px}.document-front,.document-back{inset:22px}.document-front strong{font-size:20px}.mode-tabs button{font-size:9px}}
@media(min-width:601px) and (max-width:850px){.housing-hero{grid-template-columns:45% 55%;min-height:430px}.housing-hero h1{font-size:34px;letter-spacing:-1.3px}.housing-hero .lead{font-size:14px}.housing-hero .button{padding:12px 16px}}
@media(max-width:600px){.house-model{width:106%}}