/* Rock adaptations of the shared Cheers components. */
.home-trade-switcher{display:flex;flex-wrap:wrap;width:min(760px,100%);gap:4px 24px;padding:0;margin:24px 0 0;border:0;border-radius:0;background:none;position:relative;z-index:2}
.home-trade-switcher a{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:44px;padding:8px 0;color:#fff;font-size:14px;line-height:1.3;font-weight:400;text-align:center;border:0;border-radius:0;background:none;box-shadow:none;text-decoration:none!important}
.home-trade-switcher a[aria-current=page],.home-trade-switcher a:hover{color:#88d8cc;background:none}
.home-trade-switcher a:focus-visible{outline:2px solid #88d8cc;outline-offset:4px}
.home-trade-switcher small{font-size:10px;font-weight:400;margin-top:3px}
.visual-story{padding-block:36px}
.visual-story:first-child{padding-top:64px}
.visual-story__inner{display:grid;grid-template-columns:minmax(0,1fr);gap:30px}
.visual-story--photo .visual-story__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
.visual-story--reverse .visual-story__photo{order:2}
.visual-story__photo{margin:0;min-width:0}
.visual-story__photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.visual-story__copy{max-width:850px}
.visual-story__copy h2{margin-top:0;font-size:clamp(25px,3vw,40px);line-height:1.15}
.visual-story__copy p{font-size:16px;line-height:1.7}
.visual-story__copy ul{display:grid;gap:12px;margin:20px 0;padding:0;list-style:none}
.visual-story__copy li{position:relative;margin:0;padding:16px 18px 16px 42px;border-radius:6px;background:#f0ecef;font-size:15px;line-height:1.6}
.visual-story__copy li:before{content:'✓';position:absolute;left:17px;top:16px;color:#801a82;font-weight:800}
.visual-story:not(.visual-story--photo) .visual-story__copy{max-width:none}
.visual-story:not(.visual-story--photo) ul{grid-template-columns:repeat(2,minmax(0,1fr))}
.visual-story:not(.visual-story--photo) .visual-story__copy>p{max-width:76ch}
.visual-page__details{padding-block:40px}
.visual-page__details>h2{margin-bottom:28px}
.visual-process{background:#f1eeef}
.visual-process .cheers-how-it-works{--cheers-how-it-works-background:#f1eeef;--cheers-how-it-works-font:Inter,sans-serif;--cheers-how-it-works-heading-font:Inter,sans-serif}
.visual-process .cheers-how-it-works__visual{width:84px;height:84px;background:#fff;border:1px solid #e2d8e4}
.visual-process .cheers-how-it-works__visual img{width:44px;height:44px;object-fit:contain}
.visual-process .cheers-how-it-works__steps:before{top:41px}
.cheers-landmark{--cheers-landmark-font:Inter,sans-serif;--cheers-landmark-heading-font:Inter,sans-serif;--cheers-landmark-max-width:1240px;--cheers-landmark-image-radius:8px;--cheers-component-accent:#801a82;--cheers-component-text:#26212a;--cheers-component-heading:#26212a}
.cheers-landmark__credit{font-size:11px;line-height:1.6;overflow-wrap:anywhere}
.service-card__photo{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:7px;margin:0 0 20px}
.service-card .card-eyebrow{margin-bottom:10px}
.service-card p{max-width:none}
.visual-page .cheers-reviews{margin-top:0}
.cheers-reviews .cheers-review-card .rock-review-source{display:block;margin-top:16px;font-size:12px;color:inherit;text-decoration:underline;text-underline-offset:4px}
.cheers-reviews .rock-review-context{font-size:12px;font-weight:600;color:#a4eee1;margin-top:8px}

@media(max-width:760px){
 .home-trade-switcher a[data-rock-trade="plumbing"]{order:1}
 .home-trade-switcher a[data-rock-trade="electrical"]{order:2}
 .home-trade-switcher a[data-rock-trade="hvac"]{order:3}
 .home-trade-switcher a[data-rock-trade="appliance"]{order:4}
 .home-trade-switcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;margin-top:20px}
 .home-trade-switcher a{font-size:14px;min-height:44px;padding:8px 0}
 .visual-story{padding-block:22px}
 .visual-story:first-child{padding-top:36px}
 .visual-story--photo .visual-story__inner{grid-template-columns:minmax(0,1fr);gap:24px}
 .visual-story--reverse .visual-story__photo{order:0}
 .visual-story__photo img{aspect-ratio:4/3}
 .visual-story__copy p{font-size:16px;line-height:1.65}
 .visual-story:not(.visual-story--photo) ul{grid-template-columns:minmax(0,1fr)}
 .visual-page__details{padding-block:28px}
 .visual-process .cheers-how-it-works__steps{row-gap:28px}
 .visual-process .cheers-how-it-works__visual{width:72px;height:72px}
 .visual-process .cheers-how-it-works__steps:before{top:35px}
 .visual-page__details .text-link{display:block;text-align:center}
}

/* Desktop trade navigation lives in the sitewide utility banner. */
.topbar__left{display:flex;align-items:center;gap:22px;min-width:0}
.topbar__book,.topbar__proof{display:inline-flex;align-items:center;gap:7px}
.topbar__actions svg{flex:none;color:var(--mint)}
.topbar .topbar__trades{display:none}
@media(min-width:951px){
 .home-hero .home-trade-switcher{display:none}
 .topbar .topbar__inner{gap:20px;justify-content:space-between}
 .topbar .topbar__trades{display:flex;flex-wrap:nowrap;gap:18px;width:auto;margin:0;padding:0}
 .topbar .topbar__trades a{font-size:12px;font-weight:400;min-height:40px;padding:8px 0}
 .topbar__actions{gap:18px;font-size:12px;margin-left:auto}
 .topbar__actions .topbar__proof a{display:inline}
 .topbar__region .region-pick__btn{padding-left:0;border:0;border-radius:0;background:none}
 .header #navigation{gap:18px}
}
@media(min-width:951px) and (max-width:1250px){
 .topbar .topbar__inner{flex-wrap:wrap;gap:0;padding-block:4px}
 .topbar__left{width:100%}
 .topbar__actions{min-height:30px}
 .header .nav{gap:14px}
 .header #navigation{gap:12px}
}
@media(max-width:950px){
 .topbar__proof{display:none}
 .topbar__left{gap:0}
}

.home-trade-switcher__icon{display:none;flex:none}
@media(max-width:950px){
 .home-hero .home-trade-switcher__icon{display:block;margin-bottom:8px}
 .home-hero .home-trade-switcher{row-gap:12px}
}

/* Match the visible logo edge, including its transparent canvas and object-fit inset. */
@media(min-width:951px){
 .topbar__left{padding-left:18px}
}
@media(min-width:951px) and (max-width:1150px){
 .topbar__left{padding-left:5.5px}
}