/* Conversion sections: hero proof, owner pain points, capacity calculator, fit, first month, proof card. */
.hero-proof{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center;margin-top:26px;padding:14px 18px;border:1px solid var(--line);border-radius:16px;background:#fff;text-decoration:none;color:var(--ink);max-width:520px}
.hero-proof:hover{background:var(--mint)}
.hero-proof strong{font:700 26px/1 Manrope,sans-serif;letter-spacing:-.03em;grid-row:span 2}
.hero-proof span{font-size:14px;line-height:1.5}
.hero-proof small{grid-column:2;font-size:12px;color:var(--muted)}

.pain-section,.services-overview,.fit-section,.first-month{padding-block:80px;border-top:1px solid var(--line)}
.pain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pain-card{display:flex;flex-direction:column;gap:10px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.pain-card h3{font-size:21px;line-height:1.25;letter-spacing:-.4px;margin:0}
.pain-card p{font-size:15px;line-height:1.6;margin:0;color:var(--muted)}
.pain-card .pain-fix{display:flex;gap:8px;align-items:flex-start;color:var(--ink);padding-top:12px;margin-top:auto;border-top:1px solid var(--line)}
.pain-card .pain-fix svg{flex:none;width:20px;height:20px;margin-top:1px;color:var(--green)}
.pain-card .text-link{font-size:14px}
.service-pains{padding-block:56px}
.service-pains h2{font-size:clamp(28px,3vw,38px);margin-bottom:28px}
.services-grid .service-card h3{font-size:23px}

.capacity-calculator{background:var(--ink);color:var(--paper);padding-block:80px}
.capacity-calculator .section-note{color:var(--lime)}
.capacity-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center}
.capacity-calculator h2{color:var(--paper)}
.capacity-calculator p{color:#d6e2dc;max-width:48ch}
.capacity-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}
.capacity-form label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600}
.capacity-form input{font:600 22px Manrope,sans-serif;padding:14px 16px;min-height:56px;border-radius:12px;border:1px solid #4d7568;background:#1d4c42;color:var(--paper);width:100%;box-sizing:border-box}
.capacity-result{background:var(--lime);color:var(--ink);border-radius:var(--radius);padding:32px;display:flex;flex-direction:column;gap:6px}
.capacity-result>span{font-size:14px;font-weight:600}
.capacity-result strong{font:700 clamp(40px,5vw,60px)/1.05 Manrope,sans-serif;letter-spacing:-.04em;margin-bottom:10px}
.capacity-result .capacity-year{font-size:30px}
.capacity-result p.small{color:var(--ink);font-size:13px;line-height:1.55;margin:4px 0 18px}

.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.fit-card{padding:30px;border-radius:var(--radius);border:1px solid var(--line)}
.fit-yes{background:var(--mint);border-color:transparent}
.fit-card h3{font-size:22px;margin:0 0 8px}
.fit-card ul{list-style:none;padding:0;margin:0}
.fit-card li{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.6;padding:10px 0}
.fit-card li svg{flex:none;width:20px;height:20px;margin-top:2px;color:var(--green)}
.fit-no li>span:first-child{flex:none;width:20px;text-align:center;font-weight:700;color:var(--muted)}

.month-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:month}
.month-steps li{padding:24px;border-radius:var(--radius);background:#fff;border:1px solid var(--line)}
.month-steps span{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--lime);padding:4px 10px;border-radius:99px}
.month-steps h3{font-size:21px;margin:14px 0 8px}
.month-steps p{font-size:15px;line-height:1.6;margin:0;color:var(--muted)}
.compliance-note{margin-top:22px;padding:24px 28px;border-radius:var(--radius);background:var(--mint);display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:start}
.compliance-note h3{font-size:20px;margin:0}
.compliance-note p{margin:0;font-size:15px;line-height:1.7}

.proof-card{margin:8px 0 38px;padding:26px;border-radius:var(--radius);background:var(--ink);color:var(--paper);display:flex;flex-direction:column;gap:8px}
.proof-card .section-note{color:var(--lime)}
.proof-card strong{font:700 44px/1 Manrope,sans-serif;letter-spacing:-.04em}
.proof-card p{color:#d6e2dc!important;margin:0}
.proof-card .text-link{color:var(--lime)}
.proof-card small{font-size:12px;color:#b7c9c1}
.service-faq{border-top:1px solid var(--line)}
.service-faq h2{font-size:clamp(30px,3.4vw,44px)}

@media(max-width:1050px){.pain-grid,.month-steps{grid-template-columns:1fr 1fr}}
@media(max-width:800px){
 .pain-section,.services-overview,.fit-section,.first-month,.capacity-calculator{padding-block:56px}
 .capacity-inner,.fit-grid,.compliance-note{grid-template-columns:1fr;gap:24px}
 .capacity-form{grid-template-columns:1fr}
 .capacity-calculator h2 br,.fit-section h2 br{display:none}
}
@media(max-width:560px){
 .pain-grid,.month-steps{grid-template-columns:1fr}
 .hero-proof{grid-template-columns:1fr}.hero-proof strong{grid-row:auto}.hero-proof small{grid-column:auto}
 .capacity-result,.fit-card{padding:22px}
 .capacity-result .button{width:100%;min-width:0}
}
