/* Original card6 art regions, outline icons and live three-step content. */
body:has(.home-hero) .wrap{max-width:none;padding-inline:3.5vw}.brand-word{font-size:36px;letter-spacing:-.05em}.masthead{min-height:80px!important}.top nav a{font-size:15px!important}.top .header-phone{font-size:13px}.home-hero{background:white!important;position:relative;overflow:visible}.hero-layout{display:block!important;min-height:0;height:27.735vw;max-height:none;padding-block:0!important}.hero-copy{max-width:800px;width:57%;padding-top:5.2vw}.hero-copy h1{font-size:clamp(42px,4.1vw,63px);font-weight:750;line-height:1.05;letter-spacing:-.04em;white-space:normal!important;max-width:none}.hero-lede{font-size:clamp(22px,2.05vw,31.5px);max-width:690px;line-height:1.22;margin:20px 0 32px}.home-cta{font-size:24px;padding:19px 40px;min-width:341px;justify-content:space-between;border-radius:5px}.referral-note{font-size:20px;margin-top:17px}.roof-illustration{position:absolute!important;inset:0!important;min-height:0;margin:0;display:block!important;height:100%!important;background:none!important;pointer-events:none}.selected-roof{position:absolute;right:0;top:0;width:46.9401%;height:100%;object-fit:fill}.selected-skyline{position:absolute;left:36.7839%;bottom:0;width:16.276%;height:46.009%;object-fit:fill}.illustration-caption{position:absolute;right:2.95%;top:80.05%;bottom:auto!important;max-width:none;width:21.3%;min-height:13.2%;box-sizing:border-box;padding:10px 14px;background:#eef0ed;color:#263842;font:14px/1.3 Inter,Arial,sans-serif;border-radius:10px;z-index:3}
.quick-paths{padding:16px 0 24px}.path-grid{gap:16px;padding-block:0}.path-link{min-height:166px;padding:28px 27px;grid-template-columns:75px 1fr 18px;gap:19px;background:#f7f9f8;border:0;border-radius:9px}.line-icon{width:72px;height:82px;border-radius:0;background:none}.line-icon svg{width:72px;height:82px;stroke-width:2}.path-link strong{font-size:21px}.path-link small{font-size:17px;line-height:1.4;margin-top:10px}.path-link .arrow{font-size:28px}
.before-quote{padding-top:38px}.before-layout{display:grid;grid-template-columns:minmax(0,1.52fr) minmax(0,1fr);gap:44px}.before-quote h2{font-size:36px}.section-lede{font-size:23px;line-height:1.35}.review-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:26px 0 0;gap:20px}.review-list li{display:flex;flex-direction:column;align-items:center;text-align:center;border:0;position:relative;padding:0;gap:8px}.review-list li+li::before{content:"";position:absolute;right:80%;top:48px;width:45%;border-top:2px dotted #d3d9d6}.review-symbol{display:grid;place-items:center;width:94px;height:94px;border-radius:50%;background:#f5f7f6}.review-symbol svg{width:48px;height:48px;fill:none;stroke:#287363;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.review-list strong{font-size:19px}.review-list small{display:block;font-size:15px;line-height:1.5}.planning-side>img{width:100%;height:auto;border-radius:10px;display:block}.quote-panel{margin-top:20px}.step-cta{margin-top:26px}
@media(max-width:1100px){.top .header-phone{display:none}.hero-copy{padding-top:34px}.hero-copy h1{font-size:48px}.hero-lede{font-size:25px;max-width:610px}.home-cta{font-size:20px;padding:17px 25px;min-width:290px}.referral-note{font-size:17px}.hero-layout{height:390px}.illustration-caption{font-size:12px}.path-link{grid-template-columns:58px 1fr 15px;padding:20px 15px;gap:13px}.line-icon,.line-icon svg{width:54px}.path-link strong{font-size:18px}.path-link small{font-size:15px}}
@media(max-width:900px){.brand-word{font-size:27px}.masthead{min-height:0!important}.hero-layout{height:auto;display:flex!important;flex-direction:column;gap:0}.hero-copy{width:100%;padding-top:32px;max-width:none}.hero-copy h1{font-size:clamp(38px,8vw,56px)}.hero-lede{font-size:23px}.home-cta{min-width:0;width:min(100%,341px);font-size:21px}.roof-illustration{position:relative!important;inset:auto!important;width:100%;height:auto!important;aspect-ratio:721/426;margin:20px 0 0}.selected-roof{position:static;display:block;width:100%;height:auto;object-fit:contain}.selected-skyline{display:none}.illustration-caption{top:80.05%;right:6.3%;width:45.35%;min-height:13.2%;padding:7px 8px;font-size:clamp(10px,2.1vw,14px)}.path-grid{grid-template-columns:1fr}.path-link{min-height:120px;grid-template-columns:70px 1fr 20px;padding:20px}.line-icon,.line-icon svg{width:65px;height:75px}.path-link strong{font-size:20px}.path-link small{font-size:16px}.before-layout{grid-template-columns:1fr}.before-quote h2{font-size:30px}.section-lede{font-size:20px}.review-list{gap:12px}.review-symbol{width:72px;height:72px}.review-list li+li::before{top:36px}.review-list strong{font-size:16px}.review-list small{font-size:14px}}
@container(max-width:900px){.hero-layout{height:auto;display:flex!important;flex-direction:column}.hero-copy{width:100%;padding-top:32px!important}.hero-copy h1{font-size:clamp(38px,8cqw,56px)}.hero-lede{font-size:23px}.roof-illustration{position:relative!important;height:auto!important;aspect-ratio:721/426;background:none!important}.selected-roof{position:static;width:100%;height:auto}.selected-skyline{display:none}.illustration-caption{top:80.05%;right:6.3%;width:45.35%;min-height:13.2%;font-size:clamp(10px,2.1cqw,14px);padding:7px 8px}.path-grid,.before-layout{grid-template-columns:1fr}.home-cta{min-width:0;width:min(100%,341px)}}

.masthead .brand{order:0;margin:0}.masthead nav{order:1;flex:1!important;justify-content:flex-end;border:0;margin:0!important;padding:0!important}.masthead .header-phone{order:2;margin:0}.hero-copy h1{font-family:Inter,Arial,sans-serif;text-wrap:initial}.review-list li{border-top:0!important}.referral-note br{display:none}.referral-note{max-width:600px}
@media(min-width:901px){.hero-copy h1{white-space:nowrap!important;font-size:clamp(40px,4.1vw,63px);font-weight:750}.hero-copy{width:60%;max-width:900px}.hero-lede{max-width:690px}.quick-paths{padding-bottom:20px}.before-quote{padding-top:34px}.illustration-caption{min-height:13.2%}}
@media(max-width:900px){.masthead nav{order:3;flex:1 0 100%!important;justify-content:flex-start}.hero-copy{width:100%}.hero-copy h1{white-space:normal!important}.referral-note{font-size:16px}}

.page-finder{position:relative;order:4;flex:none;color:var(--ink);z-index:40}.page-finder summary{display:grid;place-items:center;width:44px;height:44px;cursor:pointer;list-style:none}.page-finder summary::-webkit-details-marker{display:none}.page-finder nav{position:absolute!important;right:0;top:48px;display:grid!important;gap:0!important;min-width:245px;padding:10px!important;margin:0!important;border:1px solid #d8dfe1!important;border-radius:7px;background:white;box-shadow:0 8px 20px #24333d1a}.page-finder nav a{display:block;padding:10px!important;color:#263842!important;font:15px/1.4 Inter,Arial,sans-serif!important;white-space:normal}.page-finder summary:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.page-finder nav a:focus-visible{outline:3px solid var(--brand);outline-offset:-1px}
@media(max-width:900px){.page-finder{position:absolute;right:3.5vw;top:12px}.page-finder nav{max-width:85vw}.top .wrap,.masthead{position:relative}.top .brand{padding-right:55px}}
@container(max-width:900px){.hero-copy h1{white-space:normal!important;max-width:100%;font-size:clamp(38px,8cqw,56px)}.page-finder{position:absolute;right:3.5cqw;top:12px}.masthead{position:relative}.masthead nav{order:3;flex:1 0 100%!important;justify-content:flex-start}.masthead .brand{padding-right:50px}.hero-copy{width:100%;max-width:none}.home-cta{min-width:0}}
.hero-layout{height:auto;min-height:27.735vw}.page-finder:not([open]) nav{display:none!important}.hero-copy h1{white-space:normal!important;text-wrap:initial}.illustration-caption{font-size:14px}
@media(max-width:900px){.hero-layout{min-height:0}.illustration-caption{font-size:11px;line-height:1.3}}
@container(max-width:900px){.hero-layout{min-height:0}.illustration-caption{font-size:11px;line-height:1.3}}

.home-cta{background:#477e70;color:white;transition:transform .15s ease}
.top{z-index:30}.page-finder nav{width:245px!important;max-width:85vw!important;z-index:100;margin-left:0!important;flex:none!important;overflow:visible!important}
@container(max-width:900px){.masthead{flex-wrap:wrap!important;min-height:0!important}.masthead>nav{width:100%;flex-basis:100%!important;white-space:normal!important;flex-wrap:wrap!important}.masthead>nav a{white-space:normal!important}}
.roof-illustration{overflow:visible!important}
@media(max-width:900px){body:has(.home-hero) .wrap{padding-inline:20px}.illustration-caption{top:auto;bottom:7%!important}}
@container(max-width:900px){body:has(.home-hero) .wrap{padding-inline:20px}.illustration-caption{top:auto;bottom:7%!important}}

/* V7: the artwork frame follows the selected crops, not growing hero copy. */
@media(min-width:901px){
 .roof-illustration{height:27.735vw!important;top:auto!important;bottom:0!important}
}

/* Blend the adjacent skyline crops without moving the roof, panels or labels. */
@media(min-width:901px){
 .selected-skyline{width:calc(16.276% + 2.4vw);z-index:0;mask-image:linear-gradient(180deg,transparent,#000 1.2vw)}
 .selected-roof{z-index:1;mask-image:linear-gradient(90deg,transparent,#000 2.4vw)}
}
.illustration-caption{margin:0!important}
@media(min-width:901px) and (max-width:1420px){
 .illustration-caption{top:auto;bottom:6.75%!important}
}

/* V8: keep the note readable where the copy and skyline share narrow space. */
@media(min-width:901px) and (max-width:1420px){
 .referral-note{width:fit-content;max-width:100%;background:#fff}
}

/* Owner Oct13: retain native1536 composition; scale the desktop card/process rhythm with the artwork above it. */
@media(min-width:1537px){
 .hero-copy{max-width:58.59375vw}
 .hero-copy h1{font-size:clamp(63px,4.1vw,76px)}
 .hero-lede{font-size:2.05vw;max-width:44.921875vw;margin:1.302083vw 0 2.083333vw}
 .home-cta{font-size:1.5625vw;padding:1.236979vw 2.604167vw;min-width:22.20052vw}
 .referral-note{font-size:1.302083vw;margin-top:1.10677vw;max-width:39.0625vw}
 .illustration-caption{font-size:.911458vw;padding:.651042vw .911458vw}
 .quick-paths{padding:1.041667vw 0 1.302083vw}
 .path-grid{gap:1.041667vw}
 .path-link{min-height:10.807292vw;padding:1.822917vw 1.757813vw;grid-template-columns:4.882813vw 1fr 1.171875vw;gap:1.236979vw}
 .line-icon,.line-icon svg{width:4.6875vw;height:5.338542vw}
 .path-link strong{font-size:1.367188vw}
 .path-link small{font-size:1.106771vw;margin-top:.651042vw}
 .path-link .arrow{font-size:1.822917vw}
 .before-quote{padding-top:2.213542vw}
 .before-layout{gap:2.864583vw}
 .before-quote h2{font-size:2.34375vw}
 .section-lede{font-size:1.497396vw}
 .review-list{margin-top:1.692708vw;gap:1.302083vw}
 .review-list li{gap:.520833vw}
 .review-list li+li::before{top:3.125vw}
 .review-symbol{width:6.119792vw;height:6.119792vw}
 .review-symbol svg{width:3.125vw;height:3.125vw}
 .review-list strong{font-size:1.236979vw}
 .review-list small{font-size:.976563vw}
 .step-cta{margin-top:1.692708vw;font-size:1.041667vw;padding:.911458vw 1.432292vw}
 .quote-panel{margin-top:1.302083vw;padding:1.822917vw}
 .quote-panel p{font-size:1.041667vw}
 .quote-panel p.small{font-size:.911458vw}
}