.roof-page{--roof-cleaner-deep:#052713}.roof-hero__inner{min-height:clamp(34rem,45vw,42rem)}.roof-hero__picture,.roof-hero__picture img{object-position:right center}.roof-hero__shade{background:linear-gradient(90deg,#000301fa 0%,#000401e0 30%,#00040159 52%,#0000 73%),linear-gradient(#0000 56%,#0004018a)}.roof-hero h1>span{font-size:clamp(2.55rem,4.35vw,4.65rem);line-height:.91}.roof-hero h1>strong{white-space:nowrap;font-size:clamp(2rem,3.5vw,3.75rem)}.roof-hero__copy{width:min(50%,43rem)}.roof-explainer .radiantx-explainer__video iframe{background:#010201;border:0;width:100%;height:100%;position:absolute;inset:0}.roof-why__grid{grid-template-columns:minmax(0,.95fr) minmax(27rem,1.05fr)}.roof-why__copy{align-self:center;padding:0;display:block}.roof-why__paragraphs{gap:.9rem}.roof-why-card{--roof-why-accent:124 255 0;isolation:isolate;border-color:rgb(var(--roof-why-accent) / 40%);background:linear-gradient(145deg, rgb(var(--roof-why-accent) / 12%), #031106f0 58%, #010703fa);box-shadow:inset 0 1px #ffffff0d, inset 0 0 1.8rem rgb(var(--roof-why-accent) / 4%), 0 .8rem 1.7rem #00000038;align-content:start;padding:clamp(1.1rem,1.6vw,1.4rem);display:grid;overflow:hidden}.roof-why-card:after{z-index:0;background:radial-gradient(circle at 92% 16%, rgb(var(--roof-why-accent) / 16%), transparent 8rem);content:"";pointer-events:none;position:absolute;inset:0}.roof-why-card--growth{--roof-why-accent:55 213 184;background:repeating-radial-gradient(circle at 93% 18%,#0000 0 1.15rem,#37d5b80d 1.2rem 1.27rem),linear-gradient(145deg,#105b4d94,#031712f5 58%,#010906)}.roof-why-card--restore{--roof-why-accent:87 180 255;background:linear-gradient(130deg,#0000 0 69%,#57b4ff12 69% 70%,#0000 70%),linear-gradient(145deg,#0d3f659e,#03121df5 58%,#01070b)}.roof-why-card--value{--roof-why-accent:255 187 72;background:radial-gradient(circle at 90% 22%,#ffbb4826,#0000 8rem),linear-gradient(145deg,#603a099e,#1c1103f5 58%,#0b0601)}.roof-why-card h3{z-index:2;color:#fff;font-family:var(--font-heading);letter-spacing:.025em;text-transform:uppercase;text-wrap:balance;margin:0;font-size:1rem;line-height:1.12;position:relative}.roof-why-card__rule{z-index:2;background:linear-gradient(90deg, rgb(var(--roof-why-accent) / 96%), rgb(var(--roof-why-accent) / 6%));width:4.25rem;height:2px;box-shadow:0 0 .65rem rgb(var(--roof-why-accent) / 30%);margin:.62rem 0 .72rem;display:block;position:relative}.roof-page .roof-why-card p{z-index:2;font-size:1rem;line-height:1.58;position:relative}.roof-why__media{background:#010501;min-height:36rem}.roof-why__media img{object-fit:contain;padding:.7rem}.roof-reason:after,.roof-benefit:after{z-index:0;content:"";pointer-events:none;position:absolute;inset:0}.roof-reason--curb:after,.roof-benefit--appeal:after,.roof-benefit--value:after{background:radial-gradient(circle at 86% 90%,#baff601f,#0000 10rem)}.roof-reason--replacement:after,.roof-benefit--avoid:after{background:repeating-linear-gradient(145deg,#0000 0 2.5rem,#7cff000a 2.55rem 2.62rem)}.roof-reason--restore:after,.roof-benefit--streaks:after,.roof-benefit--algae:after{background:radial-gradient(at 16% 90%,#34aa3e26,#0000 8rem),linear-gradient(120deg,#0000 46%,#7cff000d)}.roof-reason--cost:after,.roof-benefit--prepare:after,.roof-benefit--protect:after,.roof-benefit--safe:after{background:conic-gradient(from 205deg at 90% 90%,#0000,#7cff001a,#0000 54%)}.roof-reason__icon:before,.roof-benefit__symbol:before{display:none}.roof-reason__icon svg,.roof-benefit__symbol svg{fill:none;stroke:#a6ff70;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65px;filter:drop-shadow(0 0 .28rem #7cff0038);width:1.9rem;height:1.9rem;display:block}.roof-benefit__symbol{background:radial-gradient(circle at 32% 24%,#e2ffcc24,#0000 38%),linear-gradient(145deg,#7cff001f,#7cff000a);border-radius:.58rem;box-shadow:inset 0 0 1rem #b8ff4a12,0 0 1.1rem #5cff2626}.roof-page .roof-benefit>p strong{color:#fffffffa;font-weight:500}.roof-reason{background:linear-gradient(150deg,#123b17,#061a0a 60%,#020a04);border-color:#7cff0059;min-height:22.5rem;box-shadow:inset 0 1px #ffffff0d,inset 0 0 2.1rem #7cff000d,0 1rem 2.2rem #00000038,0 0 1rem #7cff0014}.roof-reason--curb{background:radial-gradient(circle at 14% 88%,#b7ff5b2b,#0000 9rem),radial-gradient(circle at 92% 8%,#7cff001c,#0000 8rem),linear-gradient(150deg,#143e19,#061a0a 60%,#020a04)}.roof-reason--replacement{background:repeating-linear-gradient(135deg,#0000 0 2.35rem,#afff730d 2.4rem 2.47rem),linear-gradient(150deg,#103716,#061a0a 62%,#020a04)}.roof-reason--restore{background:radial-gradient(circle at 88% 16%,#cbff931f 0 .22rem,#0000 .3rem),radial-gradient(circle at 78% 28%,#7cff001c 0 .16rem,#0000 .24rem),radial-gradient(at 16% 92%,#2dc04830,#0000 9rem),linear-gradient(150deg,#123b17,#061a0a 58%,#020a04)}.roof-reason--cost{background:linear-gradient(90deg,#7cff000a 1px,#0000 1px) 0 0/2.7rem 2.7rem,linear-gradient(#7cff000a 1px,#0000 1px) 0 0/2.7rem 2.7rem,radial-gradient(circle at 90% 88%,#7cff0024,#0000 9rem),linear-gradient(150deg,#103615,#051708 62%,#020a04)}.roof-benefit{min-height:26rem}.roof-before-after{border-radius:1rem;margin-top:0;margin-bottom:clamp(3.5rem,5.4vw,5.8rem);overflow:hidden;box-shadow:0 0 1.8rem #4bff1d29,0 1.4rem 3rem #00000052}.roof-before-after picture,.roof-before-after img{width:100%;height:auto;display:block}.roof-solutions__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.roof-solution{grid-template-columns:minmax(14rem,.9fr) minmax(0,1.1fr);min-height:24rem;padding:.65rem;display:grid}.roof-solution figure{background:#010401;border-radius:.7rem;min-height:22.7rem;margin:0;position:relative;overflow:hidden}.roof-solution picture,.roof-solution img{width:100%;height:100%;display:block}.roof-solution img{object-fit:cover;transition:transform .45s}.roof-solution figure>span{width:2.5rem;height:2.5rem;color:var(--product-lime);font-family:var(--font-heading);background:#000c02d1;border:1px solid #9dff66b8;border-radius:50%;place-items:center;font-size:.82rem;display:grid;position:absolute;top:.7rem;left:.7rem}.roof-solution__copy{align-self:center;padding:1.2rem}.roof-solution h3{color:#fff;font-family:var(--font-heading);text-transform:uppercase;margin:0 0 1rem;font-size:1.25rem;line-height:1.15}.roof-solution strong{color:var(--product-lime);font-family:var(--font-heading);margin-top:.8rem;font-size:.9rem;display:block}.roof-solution ul{gap:.33rem;margin:.55rem 0 0;padding:0;list-style:none;display:grid}.roof-solution li{color:#ffffffdb;padding-left:1rem;font-size:.94rem;line-height:1.42;position:relative}.roof-solution li:before{background:var(--product-green);content:"";border-radius:50%;width:.35rem;height:.35rem;position:absolute;top:.55em;left:0}.roof-solution p{color:#e1ffd0;margin:.38rem 0 0;font-size:.98rem;font-weight:800}.roof-solution:hover img{transform:scale(1.035)}@media (width>=900px) and (hover:hover) and (pointer:fine){.roof-why-card{transition:border-color .26s,box-shadow .26s,transform .26s}.roof-why-card:hover{border-color:rgb(var(--roof-why-accent) / 72%);box-shadow:inset 0 1px #ffffff12, inset 0 0 2rem rgb(var(--roof-why-accent) / 7%), 0 1.1rem 2.2rem #00000047, 0 0 1rem rgb(var(--roof-why-accent) / 16%);transform:translateY(-3px)scale(1.012)}}@media (width>=900px){.roof-why__paragraphs{gap:1.05rem}.roof-why-card{padding:clamp(1.4rem,1.85vw,1.75rem)}.roof-why-card h3{font-size:1.16rem}.roof-page .roof-why-card p{font-size:1.08rem;line-height:1.62}}@media (width<=1149px){.roof-reason,.roof-benefit{min-height:21rem}.roof-solutions__grid{grid-template-columns:1fr}}@media (width<=899px){.roof-why__grid{grid-template-columns:1fr}.roof-why__media{aspect-ratio:1;min-height:0}}@media (width<=699px){.roof-hero__inner{min-height:43.5rem}.roof-hero__picture,.roof-hero__picture img{object-position:72% center;height:21.5rem}.roof-hero__shade{background:linear-gradient(#00040114 12%,#0004017a 42%,#000401f5 68%,#000401 100%),linear-gradient(90deg,#0004016b,#0000)}.roof-hero__copy{width:100%;min-height:43.5rem}.roof-hero h1>span{font-size:calc(clamp(1.72rem,8.4vw,2.35rem) + 6pt)}.roof-hero h1>strong{width:max-content;font-size:calc(clamp(1.08rem,5.45vw,1.48rem) + 6pt)}.roof-why__media{grid-row:1}.roof-why-card{padding:1rem}.roof-reason,.roof-benefit{min-height:0}.roof-explainer .radiantx-explainer__video{aspect-ratio:9/16;background:#010201;width:min(67.5%,18.9rem);min-height:0;margin-inline:auto}.roof-explainer .radiantx-explainer__video video{object-fit:contain;background:#010201}.roof-before-after{width:min(100% - 1.5rem,36rem);margin-bottom:var(--mobile-divider-space);border-radius:.7rem}.roof-solutions__grid{gap:.85rem}.roof-solution{min-height:0;padding:.6rem;display:block}.roof-solution figure{aspect-ratio:3/2;min-height:0}.roof-solution__copy{padding:1rem .55rem .65rem}.roof-solution h3{font-size:1.16rem}.roof-solution li,.roof-solution p{font-size:1rem}}@media (width<=359px){.roof-hero h1>span{font-size:calc(1.85rem + 6pt)}.roof-hero h1>strong{font-size:calc(1rem + 6pt)}}@media (prefers-reduced-motion:reduce){.roof-solution img{transition:none!important}}@media (width<=699px){.roof-page .roof-explainer .radiantx-explainer__video{border:2px solid #7cff00;box-shadow:0 0 .85rem #7cff0061,0 0 1.8rem #57ff2233}}.roof-page :is(.roof-why-card,.roof-why__media,.roof-contractors .roof-reason,.roof-benefits .roof-benefit,.roof-explainer .radiantx-explainer__video,.roof-explainer .radiantx-explainer__fact,.roof-before-after,.roof-solutions .roof-solution,.roof-final .product-final-cta__inner){outline-offset:3px;outline:2px solid #0000;transition:border-color .26s,box-shadow .3s,filter .26s,outline-color .26s,transform .3s cubic-bezier(.2,.72,.26,1)}.roof-page .roof-why-card:after,.roof-page .roof-reason:after,.roof-page .roof-benefit:after{transition:opacity .3s,transform .42s cubic-bezier(.2,.72,.26,1)}.roof-page :is(.roof-reason__icon,.roof-benefit__symbol,.roof-solution figure>span){transition:border-color .26s,box-shadow .3s,filter .26s,transform .3s cubic-bezier(.2,.72,.26,1)}.roof-page .roof-why-card__rule{transition:box-shadow .28s,width .32s cubic-bezier(.2,.72,.26,1)}.roof-page :is(.roof-why__media,.roof-before-after,.roof-solution) img{transition:filter .34s,transform .42s cubic-bezier(.2,.72,.26,1)}@media (width>=900px) and (hover:hover) and (pointer:fine){.roof-page .roof-why-card:hover{z-index:4;border-color:rgb(var(--roof-why-accent) / 100%);outline-color:rgb(var(--roof-why-accent) / 100%);box-shadow:inset 0 1px #ffffff21, inset 0 0 2.4rem rgb(var(--roof-why-accent) / 10%), 0 1.35rem 2.75rem #0000005c, 0 0 .75rem rgb(var(--roof-why-accent) / 70%), 0 0 2rem rgb(var(--roof-why-accent) / 42%);filter:brightness(1.055)saturate(1.05);transform:translateY(-.32rem)scale(1.02)}.roof-page .roof-why-card:hover:after{opacity:.98;transform:scale(1.06)rotate(1deg)}.roof-page .roof-why-card:hover .roof-why-card__rule{width:6rem;box-shadow:0 0 .9rem rgb(var(--roof-why-accent) / 58%)}.roof-page :is(.roof-why__media,.roof-contractors .roof-reason,.roof-benefits .roof-benefit,.roof-explainer .radiantx-explainer__video,.roof-explainer .radiantx-explainer__fact,.roof-before-after,.roof-solutions .roof-solution,.roof-final .product-final-cta__inner):is(:hover,:focus-within){z-index:4;filter:brightness(1.04);border-color:#b1ff76;outline-color:#7cff00;box-shadow:inset 0 1px #ffffff21,0 1.45rem 3rem #00000061,0 0 .8rem #7cff00b3,0 0 2.15rem #57ff2266}.roof-page :is(.roof-contractors .roof-reason,.roof-benefits .roof-benefit,.roof-explainer .radiantx-explainer__video):is(:hover,:focus-within){transform:translateY(-.25rem)scale(1.018)}.roof-page :is(.roof-why__media,.roof-before-after):hover{transform:translateY(-.3rem)scale(1.012)}.roof-page .roof-explainer .radiantx-explainer__fact:hover{transform:translateY(-.2rem)scale(1.012)}.roof-page .roof-solutions .roof-solution:hover{transform:translateY(-.35rem)scale(1.012)}.roof-page .roof-final .product-final-cta__inner:hover{transform:scale(1.012)}.roof-page :is(.roof-reason,.roof-benefit):hover:after{opacity:1;transform:scale(1.045)}.roof-page :is(.roof-reason,.roof-benefit):hover :is(.roof-reason__icon,.roof-benefit__symbol){filter:brightness(1.08);border-color:#b1ff76;transform:translateY(-.1rem)rotate(-2deg)scale(1.055);box-shadow:inset 0 0 1.1rem #7cff0024,0 0 1.2rem #7cff0059}.roof-page :is(.roof-why__media,.roof-before-after):hover img{filter:brightness(1.06)saturate(1.05);transform:scale(1.025)}.roof-page .roof-solution:hover img{filter:brightness(1.07)saturate(1.06);transform:scale(1.035)}.roof-page .roof-solution:hover figure>span{filter:brightness(1.08);border-color:#b1ff76;transform:rotate(-4deg)scale(1.08);box-shadow:0 0 1rem #7cff0080}}@media (width<=699px){.roof-page .roof-why-card:is(:active,.is-touch-active){z-index:4;border-color:rgb(var(--roof-why-accent) / 100%);outline-color:rgb(var(--roof-why-accent) / 100%);box-shadow:inset 0 1px #ffffff21, inset 0 0 2rem rgb(var(--roof-why-accent) / 9%), 0 1rem 2rem #00000057, 0 0 .65rem rgb(var(--roof-why-accent) / 68%), 0 0 1.55rem rgb(var(--roof-why-accent) / 40%);filter:brightness(1.055)saturate(1.05);transform:translateY(-.12rem)scale(1.01)}.roof-page .roof-why-card:is(:active,.is-touch-active):after{opacity:.98;transform:scale(1.045)rotate(1deg)}.roof-page .roof-why-card:is(:active,.is-touch-active) .roof-why-card__rule{width:5.5rem;box-shadow:0 0 .8rem rgb(var(--roof-why-accent) / 56%)}.roof-page :is(.roof-why__media,.roof-contractors .roof-reason,.roof-benefits .roof-benefit,.roof-explainer .radiantx-explainer__video,.roof-explainer .radiantx-explainer__fact,.roof-before-after,.roof-solutions .roof-solution,.roof-final .product-final-cta__inner):is(:active,.is-touch-active,:focus-within){z-index:4;filter:brightness(1.04);border-color:#b1ff76;outline-color:#7cff00;transform:translateY(-.12rem)scale(1.01);box-shadow:inset 0 1px #ffffff21,0 1rem 2rem #0000005c,0 0 .65rem #7cff00ad,0 0 1.65rem #57ff2261}.roof-page :is(.roof-why__media,.roof-before-after):is(:active,.is-touch-active),.roof-page .roof-explainer .radiantx-explainer__video:is(:active,.is-touch-active,:focus-within){transform:translateY(-.12rem)scale(1.012)}.roof-page :is(.roof-reason,.roof-benefit):is(:active,.is-touch-active):after{opacity:1;transform:scale(1.035)}.roof-page :is(.roof-reason,.roof-benefit):is(:active,.is-touch-active) :is(.roof-reason__icon,.roof-benefit__symbol){filter:brightness(1.08);border-color:#b1ff76;transform:translateY(-.08rem)rotate(-2deg)scale(1.045);box-shadow:inset 0 0 1rem #7cff0021,0 0 1rem #7cff0052}.roof-page :is(.roof-why__media,.roof-before-after):is(:active,.is-touch-active) img{filter:brightness(1.06)saturate(1.05);transform:scale(1.025)}.roof-page .roof-solution:is(:active,.is-touch-active) img{filter:brightness(1.07)saturate(1.06);transform:scale(1.035)}.roof-page .roof-solution:is(:active,.is-touch-active) figure>span{filter:brightness(1.08);border-color:#b1ff76;transform:rotate(-4deg)scale(1.07);box-shadow:0 0 .85rem #7cff007a}}@media (prefers-reduced-motion:reduce){.roof-page :is(.roof-why-card,.roof-why__media,.roof-contractors .roof-reason,.roof-benefits .roof-benefit,.roof-explainer .radiantx-explainer__video,.roof-explainer .radiantx-explainer__fact,.roof-before-after,.roof-solutions .roof-solution,.roof-final .product-final-cta__inner,.roof-reason__icon,.roof-benefit__symbol,.roof-solution figure>span),.roof-page .roof-why-card:after,.roof-page .roof-reason:after,.roof-page .roof-benefit:after,.roof-page .roof-why-card__rule,.roof-page :is(.roof-why__media,.roof-before-after,.roof-solution) img{transition:none!important}.roof-page :is(.roof-why-card,.roof-why__media,.roof-contractors .roof-reason,.roof-benefits .roof-benefit,.roof-explainer .radiantx-explainer__video,.roof-explainer .radiantx-explainer__fact,.roof-before-after,.roof-solutions .roof-solution,.roof-final .product-final-cta__inner):is(:hover,:active,.is-touch-active,:focus-within){transform:none!important}}