*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--surface:#f7f9f9;--surface2:#edf2f2;--border:#ccdcdd;--accent:#214347;--accent-dim:rgba(33,67,71,.08);--accent-glow:rgba(33,67,71,.18);--text:#0f2426;--muted:#5a7c80}div.calculator-section-wrapper body{align-items:center;background:var(--bg);color:var(--text);display:flex;flex-direction:column;font-family:Gotham,sans-serif;min-height:100vh;overflow-x:hidden;padding:2rem 1rem 3rem}div.calculator-section-wrapper body:before{background:radial-gradient(ellipse at 20% 0,rgba(33,67,71,.05) 0,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(33,67,71,.04) 0,transparent 60%);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.wrapper{max-width:960px;min-width:900px;position:relative;width:100%;z-index:1}@media(max-width:800px){.wrapper{min-width:100%}}header{animation:fadeDown .7s ease both;margin-bottom:3rem;text-align:center}header .eyebrow{color:var(--accent);font-size:.65rem;letter-spacing:.3em;margin-bottom:.75rem;text-transform:uppercase}header h1{color:var(--text);font-size:clamp(2rem,5vw,3.2rem);font-weight:700;line-height:1.1}header h1 span{color:var(--accent)}.section-card{animation:fadeUp .7s ease .1s both;background:var(--surface);border:1px solid var(--border);border-radius:6px;box-shadow:0 1px 4px rgba(33,67,71,.06);margin-bottom:1.5rem;padding:2rem}.card-title{color:var(--muted);font-size:.6rem;letter-spacing:.25em;margin-bottom:1.5rem;text-transform:uppercase}.grid-4{grid-template-columns:1fr 1fr 1fr 1fr}.grid-3-center,.grid-4{display:grid;gap:1.25rem 2rem}.grid-3-center{grid-template-columns:1fr 1fr 1fr;margin:0 auto;width:75%}@media(max-width:700px){.grid-3-center,.grid-4{grid-template-columns:1fr 1fr}.grid-3-center{width:100%}}@media(max-width:480px){.grid-3-center,.grid-4{grid-template-columns:1fr}}.field{margin-bottom:1.25rem}.field:last-child{margin-bottom:0}label{align-items:baseline;color:var(--muted);display:flex;font-size:.7rem;justify-content:space-between;letter-spacing:.08em;margin-bottom:.5rem}label .val-display{color:var(--accent);font-size:.85rem;font-weight:500}.input-row{align-items:center;display:flex;gap:.5rem}.prefix{color:var(--muted);flex-shrink:0;font-size:.8rem}input[type=number]{-moz-appearance:textfield;background:var(--surface2);border:1px solid var(--border);border-radius:3px;color:var(--text);font-family:inherit;font-size:.9rem;outline:none;padding:.6rem .8rem;transition:border-color .2s,box-shadow .2s;width:100%}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}input[type=range]{-webkit-appearance:none;appearance:none;background:var(--border);border-radius:2px;cursor:pointer;height:2px;margin-top:.5rem;outline:none;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border-radius:50%;box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--accent-glow);cursor:pointer;height:16px;transition:box-shadow .2s;width:16px}input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--bg),0 0 0 7px var(--accent-glow)}input[type=range]::-moz-range-thumb{background:var(--accent);border:3px solid var(--bg);border-radius:50%;cursor:pointer;height:16px;width:16px}.slider-labels{display:flex;justify-content:space-between;margin-top:.3rem}.slider-labels span{color:var(--muted);font-size:.6rem}button.calc-button{background-color:#214347;border:none;border-radius:40px;color:#fefefe;cursor:pointer;display:block;font-family:inherit;font-size:1.25rem;font-weight:300;margin:0 auto;padding:.5rem 1.75rem;text-align:center;transition:all .25s}button.calc-button:hover{background-color:#107a83}button.calc-button:active{background-color:#57a7af}div.calculator-section-wrapper{display:flex;justify-content:center}.results-card{animation:fadeUp .7s ease .1s both;background:var(--accent);border-radius:6px;box-shadow:0 4px 20px rgba(33,67,71,.2);overflow:hidden;padding:2rem;position:relative}.results-card:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:2px;left:0;position:absolute;right:0;top:0}.results-card .card-title{color:hsla(0,0%,100%,.55)}.results-card button.calc-button{background:#fff;border:solid;color:#214347;margin-top:1.5rem}.results-card button.calc-button:hover{background:#ddd}.hero-price{border-bottom:1px solid hsla(0,0%,100%,.15);margin-bottom:2rem;padding-bottom:1.75rem;text-align:center}.hero-label{color:hsla(0,0%,100%,.5);font-size:.62rem;letter-spacing:.25em;margin-bottom:.5rem;text-transform:uppercase}.hero-value{color:#a8e6c8;font-size:clamp(2.4rem,7vw,4rem);font-weight:700;letter-spacing:-.02em;line-height:1;transition:all .3s}.hero-sub{color:hsla(0,0%,100%,.45);font-size:.75rem;margin-top:.5rem}.live-dti-wrap{background:rgba(0,0,0,.15);border:1px solid hsla(0,0%,100%,.12);border-radius:6px;margin-top:1.5rem;padding:1.1rem 1.4rem}.live-dti-top{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:.6rem}.live-dti-label{color:hsla(0,0%,100%,.45);font-size:.58rem;letter-spacing:.22em;text-transform:uppercase}.live-dti-val{color:#a8e6c8;font-size:1.25rem;font-weight:700;transition:color .3s}#live-dti-slider{-webkit-appearance:none;appearance:none;background:hsla(0,0%,100%,.2);border-radius:2px;cursor:pointer;height:3px;margin-top:0;outline:none;width:100%}#live-dti-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#a8e6c8;border-radius:50%;box-shadow:0 0 0 3px #214347,0 0 0 6px rgba(168,230,200,.25);cursor:pointer;height:22px;transition:box-shadow .2s;width:22px}#live-dti-slider:hover::-webkit-slider-thumb{box-shadow:0 0 0 3px #214347,0 0 0 9px rgba(168,230,200,.3)}#live-dti-slider::-moz-range-thumb{background:#a8e6c8;border:3px solid var(--accent);border-radius:50%;cursor:pointer;height:22px;width:22px}.live-dti-ticks{display:flex;justify-content:space-between;margin-top:.4rem}.live-dti-ticks span{color:hsla(0,0%,100%,.28);font-size:.58rem}.scenarios{display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr;margin-bottom:2rem}@media(max-width:600px){.scenarios{grid-template-columns:1fr}}.scenario-box{border:1px solid hsla(0,0%,100%,.2);border-radius:6px;padding:1.25rem}.scenario-box.best{background:rgba(168,230,200,.05);border-color:rgba(168,230,200,.55)}.scenario-tag{align-items:center;color:hsla(0,0%,100%,.45);display:flex;font-size:.55rem;gap:.4rem;letter-spacing:.2em;margin-bottom:.75rem;text-transform:uppercase}.scenario-tag .badge{background:rgba(168,230,200,.2);border-radius:20px;color:#a8e6c8;font-size:.52rem;padding:.15rem .5rem}.scenario-price{color:#fff;font-size:1.45rem;font-weight:700;letter-spacing:-.01em;margin-bottom:.85rem}.scenario-stat{border-bottom:1px solid hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.55);display:flex;font-size:.68rem;justify-content:space-between;padding:.3rem 0}.scenario-stat:last-child{border-bottom:none}.scenario-stat span:last-child{color:#fff;font-weight:500}.results-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:2rem}.stat{border-left:1px solid hsla(0,0%,100%,.2);padding-left:1.1rem}.stat-label{color:hsla(0,0%,100%,.55);font-size:.57rem;letter-spacing:.18em;margin-bottom:.35rem;text-transform:uppercase}.stat-value{color:#fff;font-size:1.4rem;font-weight:600;line-height:1.1}.stat-value.hi{color:#a8e6c8}.stat-value.warn{color:#ffd9a0}.dti-section{margin-bottom:2rem}.dti-label-row{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:.65rem}.dti-title{color:hsla(0,0%,100%,.55);font-size:.57rem;letter-spacing:.18em;text-transform:uppercase}.dti-pct{color:#fff;font-size:1.1rem;font-weight:700}.gauge-track{background:hsla(0,0%,100%,.12);border-radius:5px;height:10px;margin-bottom:.5rem;overflow:hidden}.gauge-fill{border-radius:5px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1),background .4s}.gauge-markers{height:16px;position:relative}.gauge-marker{color:hsla(0,0%,100%,.35);font-size:.55rem;position:absolute;top:0;transform:translateX(-50%)}.dti-zones{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.35rem}.dti-zone{align-items:center;color:hsla(0,0%,100%,.45);display:flex;font-size:.58rem;gap:.3rem}.zone-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.breakdown-section{margin-bottom:2rem}.breakdown-title{color:hsla(0,0%,100%,.55);font-size:.57rem;letter-spacing:.18em;margin-bottom:.85rem;text-transform:uppercase}.stacked-bar{border-radius:6px;display:flex;height:12px;margin-bottom:.75rem;overflow:hidden}.bar-seg{height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.bar-seg.pi{background:#a8e6c8}.bar-seg.tax{background:#7bc4d4}.bar-seg.ins{background:#5a9aaa}.bar-seg.pmi{background:#ffd9a0}.bar-seg.hoa{background:#c4a8e6}.breakdown-legend{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem}.legend-item{align-items:center;color:hsla(0,0%,100%,.6);display:flex;font-size:.62rem;gap:.4rem}.legend-dot{border-radius:2px;flex-shrink:0;height:8px;width:8px}.disclosures{margin-top:3%}.results-card .disclosures h2,.results-card .disclosures p{color:#fefefe}.results-card .disclosures h2{font-size:.75rem;letter-spacing:.15em;margin-bottom:.5rem;text-transform:uppercase}.results-card .disclosures p{font-size:.65rem;line-height:1.6;opacity:.7}@keyframes fadeDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}