/* V316: customer proposals and progress, existing V315 banners remain unchanged. */
.customerAppShell .proposalPage.customer .proposalHero.proposalHero,
.customerAppShell .careHero.careHero:has(+ .progressChoices){
 box-sizing:border-box;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:center;
 min-height:270px;height:auto;padding:30px 45% 30px 32px;border-radius:22px;color:#fff;background-color:#07534e;
 background-image:linear-gradient(90deg,#07534e 0%,rgba(7,83,78,.85) 28%,transparent 68%),url('/service-visuals/v316/proposals.webp');
 background-repeat:no-repeat;background-position:center,right center;background-size:100% 100%,auto 100%;
}
.customerAppShell .careHero.careHero:has(+ .progressChoices){background-image:linear-gradient(90deg,#07534e 0%,rgba(7,83,78,.85) 28%,transparent 68%),url('/service-visuals/v316/progress.webp');margin-top:18px;margin-bottom:24px}
.customerAppShell .proposalPage.customer .proposalHero.proposalHero h1,
.customerAppShell .careHero.careHero:has(+ .progressChoices) h1{color:#fff;font-size:clamp(26px,2.8vw,36px);line-height:1.35;letter-spacing:-.035em;word-break:keep-all;overflow-wrap:break-word;margin:10px 0 14px}
.customerAppShell .proposalPage.customer .proposalHero.proposalHero p,
.customerAppShell .careHero.careHero:has(+ .progressChoices) p{color:#e7fff8;font-size:13px;line-height:1.5;margin:0;letter-spacing:.03em}
.customerAppShell .proposalPage.customer .proposalHero.proposalHero span,
.customerAppShell .careHero.careHero:has(+ .progressChoices) span{color:#fff;font-size:15px;line-height:1.65;word-break:keep-all;overflow-wrap:break-word}
@media(max-width:768px){
 .customerAppShell .proposalPage.customer .proposalHero.proposalHero,
 .customerAppShell .careHero.careHero:has(+ .progressChoices){min-height:340px;padding:24px 22px 175px;justify-content:flex-start;border-radius:20px;background-position:center,right bottom;background-size:100% 100%,auto 190px;background-image:linear-gradient(180deg,#07534e 0%,#07534e 42%,rgba(7,83,78,.55) 58%,transparent 82%),url('/service-visuals/v316/proposals.webp')}
 .customerAppShell .careHero.careHero:has(+ .progressChoices){background-image:linear-gradient(180deg,#07534e 0%,#07534e 42%,rgba(7,83,78,.55) 58%,transparent 82%),url('/service-visuals/v316/progress.webp')}
 .customerAppShell .proposalPage.customer .proposalHero.proposalHero h1,
 .customerAppShell .careHero.careHero:has(+ .progressChoices) h1{font-size:clamp(24px,6vw,30px);margin:8px 0 12px}
 .customerAppShell .proposalPage.customer .proposalHero.proposalHero span,
 .customerAppShell .careHero.careHero:has(+ .progressChoices) span{font-size:14px}
}