*,:after,:before{box-sizing:border-box}:root{--bg-dark:#01303f;--bg-mid:#0b668e;--brand:#0094c9;--accent:#ffd72b;--text:#fff;--muted:#7c8c97;--gap-xl:32px;--gap-lg:24px;--gap-md:16px;--gap-sm:10px}body,html{overflow-x:hidden}body{color:var(--text);font-family:Poppins,sans-serif}body,ul{margin:0}ul{list-style:none;padding:0}canvas,img{display:block;height:auto;margin:0 auto;max-width:100%}.calculator{background:linear-gradient(180deg,rgba(1,48,63,.9) 1%,rgba(1,48,63,.9) 99%),url(https://6150347.fs1.hubspotusercontent-na1.net/hubfs/6150347/CCM/blue%20single%20family%20house%20with%20porch.webp) 50%/cover no-repeat;background-attachment:fixed}h1.calc-title{font-size:clamp(28px,4vw,50px);margin:0;padding:80px 20px 10px;text-align:center}.detail-input-section .container{display:grid;gap:var(--gap-lg);grid-template-columns:repeat(2,minmax(280px,1fr));margin:0 auto;max-width:1100px;padding:var(--gap-lg)}.input-fields-wrap{width:100%}.input-row{margin:0 0 var(--gap-md);min-height:72px}.input-row .tooltip,.input-row label{align-items:center;display:inline-flex;gap:8px}.placeholder-wrapper.slider-wrapper{display:flex;flex-direction:column;gap:6px}span.slider-label{display:block;font-size:clamp(16px,1.8vw,18px);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}input[type=range]{-webkit-appearance:none;appearance:none;background:#7c8c97;border-radius:5px;height:20px;outline:none;transition:background .2s ease;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(to bottom,#fff,var(--accent));border:none;border-radius:30%;box-shadow:0 0 4px rgba(0,0,0,.5);cursor:pointer;height:30px;width:20px}input[type=range]::-moz-range-thumb{background:var(--accent);border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}.tooltip[aria-label]{background:none;border:0;color:#fff;cursor:pointer}.tooltip[aria-label]:before{background:#fff;border-left:3px solid var(--brand);border-radius:5px;box-shadow:1px 2px 6px rgba(0,0,0,.3);color:#000;content:attr(aria-label);display:none;line-height:1.2;padding:8px 10px;position:absolute;width:220px;z-index:10}.tooltip[aria-label]:focus:before,.tooltip[aria-label]:hover:before{display:block}.detail-result-section .result-content .container{margin:0 auto;max-width:1100px;padding:0 var(--gap-lg) var(--gap-xl)}.result-content-wrap{display:grid;gap:var(--gap-xl);grid-template-columns:repeat(2,minmax(280px,1fr));margin-top:var(--gap-xl)}.result-content-wrap>.dp-content,.result-content-wrap>p{color:#fff;grid-column:1/-1;margin:0;text-align:center}.result-content-wrap>p{font-size:clamp(18px,2.3vw,24px);line-height:1.3}.result-content-wrap>p strong{color:var(--accent);display:block;font-size:clamp(28px,3.5vw,40px);line-height:1.15}.dp-content{font-weight:600;margin-bottom:var(--gap-md)}.dp-content strong{color:var(--accent)}.left-part,.right-part{min-width:0}.left-part .total-cost-row ul{align-items:baseline;display:grid;font-size:clamp(18px,2.2vw,24px);font-weight:700;grid-template-columns:1fr auto;margin:var(--gap-md) 0}.pie-chart-row{margin:var(--gap-md) 0;text-align:center}.pie-chart-row canvas{margin:0 auto;max-width:420px}.right-part .content-row ul,.right-part .title-row ul,.right-part .total-cost-row ul,.right-part .total-summary ul{align-items:baseline;column-gap:8px;display:grid;font-size:clamp(18px,2.4vw,24px);font-weight:600;grid-template-columns:1fr auto;margin:8px 0}.right-part ul li:first-child,.right-part ul li:last-child{color:#fff;font-size:clamp(18px,2.4vw,24px);font-weight:600}.right-part ul li:last-child{text-align:right;white-space:nowrap}.right-part h5{color:#fff;font-size:clamp(18px,2.4vw,24px);margin:0}.right-part .total-summary{border-bottom:3px solid var(--muted);margin-bottom:8px;padding-bottom:8px}.right-part .note-wrap{color:var(--accent);font-size:clamp(16px,1.9vw,20px);font-weight:600;line-height:1.35;margin:var(--gap-md) 0}.results-about{background:var(--bg-dark);color:#fff;padding:30px var(--gap-xl)}.results-about h3{font-size:clamp(20px,2.2vw,24px);margin:0 auto var(--gap-md);max-width:1300px}.results-about p{font-size:clamp(16px,1.9vw,18px);line-height:1.5;margin:0 auto;max-width:1300px;padding:0 0 1.4rem}.results-about p.results-disclaimer{font-size:12px}.title-image-container{color:#01303f;margin:0 auto;max-width:1300px;padding:0 var(--gap-xl)}h4.calc-title{font-size:clamp(28px,4vw,50px);margin:0;padding-top:50px;text-align:center}.questionMark img{display:block;margin:0 auto;max-width:1300px;padding:0 50px;text-align:center}.title-image-container p{font-size:18px;line-height:1.5em;text-align:left}.title-image-container a{color:#0b668e;font-weight:600;text-decoration:none}.blog-section{display:grid;gap:var(--gap-lg);grid-template-columns:repeat(3,1fr);margin:0 auto 60px;max-width:1300px;padding:0 var(--gap-xl)}.blog-section h3{text-align:left}.blog-section a{text-decoration:none}.blog-link1{background-image:linear-gradient(180deg,transparent 1%,#01303f 99%),url(https://6150347.fs1.hubspotusercontent-na1.net/hubfs/6150347/CCM/13-Questions-Blog-Thumbnail.jpg)}.blog-link1,.blog-link2{background-size:cover;border-radius:40px;color:#fff;display:grid;font-size:24px;font-weight:700;grid-template-rows:1fr auto;height:350px;text-align:center;text-decoration:none;width:100%}.blog-link2{background-image:linear-gradient(180deg,transparent 1%,#01303f 99%),url(https://6150347.fs1.hubspotusercontent-na1.net/hubfs/6150347/CCM/homebuyer%20roadmap.webp)}.blog-link3{background-image:linear-gradient(180deg,transparent 1%,#01303f 99%),url(https://6150347.fs1.hubspotusercontent-na1.net/hubfs/6150347/CCM/benefits%20of%20homeownership.webp);background-size:cover;border-radius:40px;color:#fff;display:grid;font-size:24px;font-weight:700;grid-template-rows:1fr auto;height:350px;text-align:center;text-decoration:none;width:100%}a.blog-link1:hover{background-image:linear-gradient(180deg,transparent 1%,#0b668e 99%),url(https://6150347.fs1.hubspotusercontent-na1.net/hubfs/6150347/CCM/13-Questions-Blog-Thumbnail.jpg);color:#ffd72b;scale:1.025}a.blog-link2:hover{background-image:linear-gradient(180deg,transparent 1%,#0b668e 99%),url(https://6150347.fs1.hubspotusercontent-na1.net/hubfs/6150347/CCM/homebuyer%20roadmap.webp);color:#ffd72b;scale:1.025}a.blog-link3:hover{background-image:linear-gradient(180deg,transparent 1%,#0b668e 99%),url(https://6150347.fs1.hubspotusercontent-na1.net/hubfs/6150347/CCM/benefits%20of%20homeownership.webp);color:#ffd72b;scale:1.025}.blog1,.blog2,.blog3{align-items:end;display:grid;justify-content:center;padding:20px}.blog1 h3,.blog2 h3,.blog3 h3{font-size:25px;margin:0;padding:20px}@media (max-width:1400px){.blog-link1,.blog-link2,.blog-link3{height:250px;width:100%}}@media (max-width:991px){.blog-section{grid-template-columns:1fr 1fr;margin:0 auto 100px;padding:20px}}@media (max-width:900px){.detail-input-section .container{gap:var(--gap-md);grid-template-columns:1fr}.result-content-wrap{gap:var(--gap-lg)}.calculator{background-attachment:scroll}}@media (max-width:767px){.blog-section{display:grid;grid-template-columns:repeat(1,100%);grid-template-rows:auto;margin:0 auto 100px;text-align:center}}@media (max-width:700px){.result-content-wrap{gap:var(--gap-lg);grid-template-columns:1fr;margin-top:var(--gap-lg)}}@media (max-width:550px){.tooltip[aria-label]:before{max-height:150px;position:relative}}@media (max-width:460px){.result-content-wrap{gap:var(--gap-md)}.left-part .total-cost-row ul{margin:6px 0}.pie-chart-row{margin:var(--gap-sm) 0 var(--gap-md)}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}