/* Focused review candidate: preserve the v4.2 design and cached base CSS. */
.hero-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}
.hero-offers a{display:flex;flex-direction:column;gap:6px;padding:14px 15px;border:1px solid #4b6558;border-radius:10px;background:#132124;line-height:1.5}
.hero-offers strong{font-size:15px;font-weight:700;color:var(--fg)}
.hero-offers span{font-size:14px;color:var(--muted)}
.hero-offers a:hover{border-color:var(--mint)}
.project-info .concept-explanation{font-size:15px;line-height:1.75;max-width:650px;margin-top:10px}
.project-info p,.concept-tag,.service-strip a>span,.service-strip small,.price-row span{font-size:14px}
.project-info{flex-wrap:wrap}
.note,.sl-update-card .sl-update-small,.offer-details p,.offer-details .timeline-note,.faq-section .faq details p,.project-policy p{font-size:15px;line-height:1.8}
/* The update page uses inline base styles; these follow them on both layouts. */
.small,.fine,.price-card .fine{font-size:15px;line-height:1.75}
@media(max-width:540px){.hero-offers{grid-template-columns:1fr;gap:10px}.hero-offers a{padding:12px 14px}.service-strip small{display:block;margin-left:0}}
/* Explicit longhands keep the primary CTA legible in narrow Safari layouts. */
.hero-ctas .button:not(.ghost){background-color:#d3f7bd;color:#142622;transition:transform .18s}
.hero-ctas .button:not(.ghost):hover{background-color:#e3ffd3}
.hero-offers + .availability{margin-top:16px}

/* Local offer/proof/contact refinement. Existing commercial terms unchanged. */
.end .contact-method-note{font-size:14px;line-height:1.6;margin:18px auto 8px;max-width:38rem}
.end .contact-email{margin-top:0}