/* Prices sit with their service; five features bridge services and concerns. */
body.hub .site-card .card-price-block{order:-1;margin:6px 0 4px;padding-top:12px;border-top:1px solid var(--line)}
body.hub .site-card .card-start-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px;margin:0;color:var(--brand-dark);line-height:1.4;letter-spacing:0}
body.hub .site-card .card-start-price strong{font:700 1.5rem/1.4 var(--sans);font-variant-numeric:tabular-nums}
body.hub .site-card .card-start-price span{font:500 .89rem/1.6 var(--sans);color:var(--ink);white-space:nowrap}
/* Match the roof price annotation to the wall-paint card's text colour. */
body.hub .site-card[data-comparison="roof-paint"] .card-start-price span{color:#3c392e}
body.hub .site-card .card-price-basis{font:.83rem/1.75 var(--sans);color:var(--muted);margin:8px 0 0}
.home-features{margin-top:56px;padding:64px 0;background:#f8f3ef;border-block:1px solid #e7ddd6}
.home-features-heading{margin-bottom:32px}
.home-features-heading>p{font:600 .94rem/1.6 var(--sans);color:var(--brand-dark);margin:0 0 4px;letter-spacing:.03em}
.home-features-heading h2{font:700 1.8rem/1.5 var(--sans);letter-spacing:.02em;margin:0}
.home-features-heading h2 strong{font-size:2.6rem;color:var(--brand-dark);padding-right:5px}
.home-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:0}
.home-feature{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:18px;margin:0;padding:28px;background:white;border:1px solid #e0d5cd;border-radius:12px}
.home-feature:first-child{grid-column:1/-1;border-top:3px solid var(--brand);padding-block:32px}
.feature-number{font:700 1.8rem/1.3 var(--sans);font-variant-numeric:tabular-nums;color:var(--brand-dark);letter-spacing:0}
.feature-copy h3{font:700 1.16rem/1.65 var(--sans);letter-spacing:0;margin:0 0 14px}
.feature-copy p{font:400 1rem/1.9 var(--sans);color:var(--muted);margin:0}
.home-feature:first-child .feature-copy h3{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin-bottom:16px}
.feature-experience,.feature-total{display:inline-block}
.feature-experience{white-space:nowrap}
.feature-copy h3 strong{font:700 2.4rem/1.3 var(--sans);color:var(--brand-dark);padding-inline:4px;font-variant-numeric:tabular-nums}
.feature-unit{display:inline-block}
body.hub .home-features+.home-concerns{border-top:0}
@media(max-width:1000px){.home-feature-list{grid-template-columns:1fr}.home-feature{padding:26px}.home-feature:first-child{grid-column:auto}}
@media(max-width:600px){
 .home-features{margin-top:32px;padding:44px 0}
 .home-features-heading{margin-bottom:24px}
 .home-features-heading h2{font-size:1.5rem}
 .home-features-heading h2 strong{font-size:2.2rem}
 .home-feature-list{gap:16px}
 .home-feature,.home-feature:first-child{grid-template-columns:1fr;gap:12px;padding:24px 20px}
 .feature-number{font-size:1.6rem}
 .feature-copy h3{font-size:1.1rem;margin-bottom:12px}
 .feature-copy h3 strong{font-size:2rem}
 .home-feature:first-child .feature-copy h3{gap:4px 0}
 .feature-separator{display:none}
 .feature-experience,.feature-total{display:block;flex-basis:100%}
 body.hub .site-card .card-start-price strong{font-size:1.5rem}
}