.comHero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(180deg,rgba(16,24,40,0.86),rgba(16,24,40,0.52)),url(//www.allstarroofpros.com/wp-content/themes/alstrv1/assets/css/../img/commercial-roofing-bg.webp) center/cover;.comHeroShell{width:var(--container);margin:0 auto;padding:56px 0 64px}.comHeroContent{display:flex;flex-direction:column;gap:24px;max-width:100%}.comHeroTitle{max-width:10ch;margin:0;font-size:clamp(2.55rem,10vw,4.25rem);line-height:.98;font-weight:800;letter-spacing:-.05em}.comHeroBody{max-width:39rem;margin:0;color:#e5e7eb;font-size:1rem;line-height:1.7}.comHeroActions{display:flex;flex-direction:column;gap:16px;width:100%}.comHeroPrimary,.comHeroSecondary{display:inline-flex;align-items:center;justify-content:center;min-height:56px;width:100%;padding:14px 24px;border-radius:999px;font-size:1rem;font-weight:700;line-height:1.4;text-align:center;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.comHeroPrimary:hover,.comHeroSecondary:hover{transform:translateY(-1px)}.comHeroPrimary{background:var(--orange);color:#fff;box-shadow:0 10px 15px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.1)}.comHeroSecondary{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;box-shadow:0 10px 15px rgba(0,0,0,.08),0 4px 6px rgba(0,0,0,.08)}}@media (min-width:768px){.comHero{background:linear-gradient(90deg,rgba(16,24,40,0.82) 0%,rgba(16,24,40,0.54) 48%,rgba(16,24,40,0.08) 100%),url(//www.allstarroofpros.com/wp-content/themes/alstrv1/assets/css/../img/commercial-roofing-bg.webp) center/cover;.comHeroShell{padding:88px 0 96px}.comHeroContent{gap:28px;max-width:42rem}.comHeroTitle{max-width:11ch;font-size:clamp(3.35rem,7vw,4.7rem)}.comHeroBody{font-size:1.125rem;line-height:1.625}.comHeroActions{flex-direction:row;align-items:center;width:auto}.comHeroPrimary,.comHeroSecondary{width:auto;min-height:62px;padding:15px 28px}}}@media (min-width:1024px){.comHero{min-height:800px;background:linear-gradient(90deg,rgba(16,24,40,0.8) 0%,rgba(16,24,40,0.5) 48%,rgba(16,24,40,0) 100%),url(//www.allstarroofpros.com/wp-content/themes/alstrv1/assets/css/../img/commercial-roofing-bg.webp) center/cover;.comHeroShell{display:flex;align-items:flex-start;min-height:800px;padding:140px 0 34px}.comHeroContent{gap:29px;max-width:48rem}.comHeroTitle{max-width:14ch;font-size:4.375rem;line-height:1}.comHeroBody{max-width:44rem;font-size:1.25rem;line-height:1.625}.comHeroSecondary{padding-right:31px;padding-left:31px}}}.comRoofingServices{position:relative;overflow:hidden;background:#fff;&:before{content:"";position:absolute;top:128px;left:-164px;width:328px;height:328px;border-radius:999px;background:rgba(255,237,212,.72);filter:blur(54px);pointer-events:none}.comRoofingServicesShell{position:relative;z-index:1;width:var(--container);margin:0 auto;padding:52px 0 56px}.comRoofingServicesHeader{display:flex;flex-direction:column;gap:16px;align-items:center;margin:0 auto 36px;text-align:center}.comRoofingServicesTitle{margin:0;color:#101828;font-size:2rem;line-height:1.1;font-weight:800;letter-spacing:-.04em;text-wrap:balance}.comRoofingServicesBody{max-width:38rem;margin:0;color:#4a5565;font-size:1rem;line-height:1.7;text-wrap:balance}.comRoofingServicesGrid{display:grid;gap:20px}.comRoofingServicesCard{display:flex;flex-direction:column;min-height:100%;padding:32px;border:1px solid #fff7ed;border-radius:20px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1);transition:transform .18s ease,box-shadow .18s ease}.comRoofingServicesCard:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(15,23,42,.08)}.comRoofingServicesIcon{width:auto;height:48px;margin-bottom:32px;object-fit:contain;object-position:left center;align-self:flex-start}.comRoofingServicesCardTitle{margin:0 0 8px;color:#101828;font-size:1.25rem;line-height:1.2;font-weight:700}.comRoofingServicesCardBody{margin:0;color:#4a5565;font-size:1rem;line-height:1.625}.comRoofingServicesLink{display:inline-flex;gap:8px;align-items:center;margin-top:auto;padding-top:24px;color:var(--orange);font-size:.875rem;line-height:1.43;font-weight:700}.comRoofingServicesLinkIcon{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:999px;background:#fff7ed;flex-shrink:0}.comRoofingServicesLinkIcon img{width:14px;height:14px}}@media (min-width:768px){.comRoofingServices{.comRoofingServicesShell{padding:64px 0 72px}.comRoofingServicesHeader{max-width:48rem;margin-bottom:48px}.comRoofingServicesTitle{font-size:2.5rem;line-height:1.125}.comRoofingServicesBody{font-size:1.125rem;line-height:1.625}.comRoofingServicesGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 30px}}}@media (min-width:1024px){.comRoofingServices{&:before{top:136px;left:-136px}.comRoofingServicesShell{padding:77px 0 80px}.comRoofingServicesHeader{margin-bottom:48px}.comRoofingServicesGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.comRoofingServicesCard{min-height:275px}}}.comProblemsWeSolve{background:#f8fafc;.comProblemsWeSolveShell{width:var(--container);margin:0 auto;display:grid;gap:36px;padding:56px 0 72px}.comProblemsWeSolveContent{display:grid;gap:32px}.comProblemsWeSolveHeader{display:grid;gap:16px}.comProblemsWeSolveTitle{margin:0;color:#101828;font-size:2rem;line-height:1.1;font-weight:800;letter-spacing:-.04em;text-wrap:balance}.comProblemsWeSolveBody{max-width:33rem;margin:0;color:#4a5565;font-size:1rem;line-height:1.625}.comProblemsWeSolveList{display:grid;gap:12px;margin:0;padding:0;list-style:none}.comProblemsWeSolveItem{display:flex;gap:14px;align-items:center;min-height:64px;padding:17px 20px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1)}.comProblemsWeSolveItemIcon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 28px;border-radius:999px;background:rgba(5,223,114,.1);color:#12b76a;font-size:1rem;line-height:1;font-weight:700}.comProblemsWeSolveItemText{color:#364153;font-size:1rem;line-height:1.625;font-weight:500}.comProblemsWeSolveMedia{position:relative;display:grid;justify-items:center;padding-bottom:28px}.comProblemsWeSolveImage{display:block;width:100%;border-radius:21px;box-shadow:0 22px 44px -10px rgba(0,0,0,.25)}.comProblemsWeSolveBadge{position:absolute;right:0;bottom:0;display:inline-flex;gap:16px;align-items:center;min-height:98px;padding:24px;border:1px solid #f3f4f6;border-radius:16px;background:#fff;box-shadow:0 20px 25px rgba(0,0,0,.1),0 8px 10px rgba(0,0,0,.1)}.comProblemsWeSolveBadgeIcon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;flex:0 0 48px;border-radius:999px;background:#dbeafe}.comProblemsWeSolveBadgeIcon img{width:24px;height:24px}.comProblemsWeSolveBadgeCopy{display:grid;gap:4px}.comProblemsWeSolveBadgeLabel{color:#6a7282;font-size:.75rem;line-height:1.333;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.comProblemsWeSolveBadgeTitle{color:#101828;font-size:1.125rem;line-height:1.556;font-weight:800;white-space:nowrap}}@media (min-width:768px){.comProblemsWeSolve{.comProblemsWeSolveShell{gap:40px;padding:72px 0 84px}.comProblemsWeSolveTitle{font-size:2.5rem;line-height:1.125}.comProblemsWeSolveBody{font-size:1.125rem;line-height:1.556}.comProblemsWeSolveItem{padding-right:24px;padding-left:24px}.comProblemsWeSolveMedia{justify-items:end;padding-bottom:30px}.comProblemsWeSolveBadge{right:0;bottom:0;padding-right:25px;padding-left:25px}}}@media (min-width:1024px){.comProblemsWeSolve{.comProblemsWeSolveShell{grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:48px;align-items:start;padding:60px 0 88px}.comProblemsWeSolveContent{padding-top:2px}.comProblemsWeSolveMedia{min-height:686px;padding-right:0;padding-bottom:0}.comProblemsWeSolveImage{max-width:none;width:100%}.comProblemsWeSolveBadge{right:0;bottom:-31px}}}@media (min-width:1400px){.comProblemsWeSolve{.comProblemsWeSolveBadge{right:-41px}}}