
/* VPS v5.9.9 Home Repair Cost Center */
.cost-center-hero{padding:64px 0 44px;background:linear-gradient(135deg,#f8f4ea 0%,#fff 55%,#eef4f8 100%);border-bottom:1px solid #e2e6e9}
.cost-center-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:42px;align-items:center}
.cost-center-hero h1{margin:.25rem 0 .8rem;color:var(--navy);font-size:clamp(2.35rem,5vw,4.4rem);line-height:.98;letter-spacing:-.045em}
.cost-center-hero p{max-width:760px;color:#53606d;font-size:1.04rem;line-height:1.65}
.cost-center-hero-card{padding:24px;border:1px solid #dfe5e9;border-radius:18px;background:#fff;box-shadow:0 18px 48px rgba(8,43,85,.10)}
.cost-center-hero-card strong{display:block;color:var(--navy);font-size:1.05rem}
.cost-center-hero-card ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:9px}
.cost-center-hero-card li{display:flex;gap:9px;color:#53606d;font-size:.86rem}
.cost-center-hero-card li:before{content:"✓";color:var(--gold);font-weight:900}
.cost-center-section{padding:50px 0}
.cost-center-section.is-soft{background:#f6f8fa;border-top:1px solid #e7ebee;border-bottom:1px solid #e7ebee}
.cost-center-head{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:22px}
.cost-center-head h2{margin:.2rem 0 0;color:var(--navy);font-size:clamp(1.8rem,3vw,2.7rem)}
.cost-center-head p{max-width:620px;margin:0;color:#66717d}
.cost-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.cost-tool-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:20px;border:1px solid #dfe5e9;border-radius:15px;background:#fff;text-decoration:none;box-shadow:0 5px 18px rgba(8,43,85,.045);transition:.16s ease}
.cost-tool-card:hover{transform:translateY(-2px);border-color:#d6b352;box-shadow:0 12px 30px rgba(8,43,85,.08)}
.cost-tool-card h3{margin:0;color:var(--navy);font-size:1.05rem}.cost-tool-card p{margin:7px 0 0;color:#66717d;font-size:.82rem;line-height:1.5}
.cost-tool-card .cost-card-range{align-self:start;white-space:nowrap;padding:6px 9px;border-radius:999px;background:#fff5d8;color:#705213;font-size:.72rem;font-weight:900}
.cost-tool-card .cost-card-action{display:block;margin-top:10px;color:var(--navy);font-size:.75rem;font-weight:900}
.cost-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.cost-method-card{padding:20px;border:1px solid #dfe5e9;border-radius:14px;background:#fff}
.cost-method-card span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;font-weight:900}
.cost-method-card h3{margin:12px 0 5px;color:var(--navy)}.cost-method-card p{margin:0;color:#66717d;font-size:.84rem;line-height:1.55}
.cost-center-note{padding:18px 20px;border-left:4px solid var(--gold);border-radius:0 12px 12px 0;background:#fffaf0;color:#5e574a}
.cost-center-note strong{color:var(--navy)}
.cost-center-cta{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:28px;border-radius:18px;background:var(--navy);color:#fff}
.cost-center-cta h2{margin:0;color:#fff}.cost-center-cta p{margin:5px 0 0;color:#dbe5ef}.cost-center-cta .button{flex:0 0 auto}

.cost-calculator-section{margin:26px 0 34px}
.cost-calculator-shell{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:18px;padding:22px;border:1px solid #dce3e8;border-radius:17px;background:linear-gradient(135deg,#fff 0%,#fbfcfd 100%);box-shadow:0 10px 32px rgba(8,43,85,.065)}
.cost-calculator-head{grid-column:1/-1;display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:15px;border-bottom:1px solid #e7ebee}
.cost-calculator-head h2{margin:.15rem 0 0;color:var(--navy);font-size:1.65rem}.cost-calculator-head p{max-width:680px;margin:6px 0 0;color:#66717d;font-size:.86rem}
.cost-calculator-badge{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:#fff4d6;color:#705213;font-size:.67rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.cost-calculator-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start}
.cost-field{display:grid;gap:6px;min-width:0}.cost-field.full{grid-column:1/-1}.cost-field label{color:var(--navy);font-size:.76rem;font-weight:900}.cost-field small{color:#78838d;font-size:.68rem;line-height:1.4}
.cost-field input,.cost-field select{width:100%;min-width:0;min-height:44px;padding:9px 11px;border:1px solid #cfd7dd;border-radius:10px;background:#fff;color:#17202b}
.cost-field input:focus,.cost-field select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(210,160,46,.14)}
.cost-form-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;padding-top:3px}
.cost-result-card{position:sticky;top:92px;align-self:start;padding:20px;border-radius:15px;background:var(--navy);color:#fff}
.cost-result-card .result-kicker{display:block;color:#f1d681;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.cost-result-range{display:block;margin-top:7px;color:#fff;font-size:clamp(2rem,4vw,3.1rem);font-weight:950;line-height:1}
.cost-result-card p{margin:10px 0;color:#dbe5ee;font-size:.8rem;line-height:1.5}
.cost-result-assumptions{display:grid;gap:6px;margin:14px 0 0;padding:13px 0 0;border-top:1px solid rgba(255,255,255,.16)}
.cost-result-assumptions span{color:#dbe5ee;font-size:.69rem}.cost-result-assumptions strong{color:#fff}
.cost-result-card .button{width:100%;margin-top:15px}
.cost-disclaimer{grid-column:1/-1;margin:0;padding-top:2px;color:#6d7883;font-size:.68rem;line-height:1.5}
.cost-related{margin:28px 0 6px;padding-top:22px;border-top:1px solid #e5e9ec}.cost-related h2{margin:0 0 12px;color:var(--navy);font-size:1.25rem}
.cost-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.cost-related-grid a{padding:11px 12px;border:1px solid #dfe5e9;border-radius:10px;background:#fff;color:var(--navy);font-size:.74rem;font-weight:850;text-decoration:none}.cost-related-grid a:hover{border-color:#d2a02e;background:#fffaf0}
.cost-center-promo{margin:18px 0 22px;padding:18px 20px;border:1px solid #e3d19c;border-radius:14px;background:#fffaf0}
.cost-center-promo h2{margin:0;color:var(--navy);font-size:1.25rem}.cost-center-promo p{margin:6px 0 12px;color:#675f50;font-size:.82rem}

@media(max-width:900px){.cost-center-hero-grid,.cost-calculator-shell{grid-template-columns:1fr}.cost-result-card{position:static}.cost-tool-grid{grid-template-columns:1fr}.cost-method-grid{grid-template-columns:1fr}.cost-related-grid{grid-template-columns:1fr 1fr}.cost-center-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.cost-center-hero{padding:42px 0 30px}.cost-center-head{align-items:flex-start;flex-direction:column}.cost-calculator-shell{padding:15px}.cost-calculator-head{flex-direction:column}.cost-calculator-form{grid-template-columns:1fr}.cost-field.full{grid-column:auto}.cost-form-actions{grid-column:auto}.cost-related-grid{grid-template-columns:1fr}.cost-tool-card{grid-template-columns:1fr}.cost-tool-card .cost-card-range{justify-self:start}.cost-center-cta{padding:22px}}
