.roofing-page{--primary:oklch(51% .25 265);--primary-foreground:oklch(100% 0 0);--ring:var(--primary);--foreground:oklch(24% .016 180);--muted-foreground:oklch(43% .025 250);--roof-overlay:oklch(16% .015 180/.76);--roof-on-photo:oklch(100% 0 0);--roof-photo-muted:oklch(94% .007 220);background:var(--background);color:var(--foreground)}.roofing-nav nav>div>div,.roofing-nav nav>div>button,.roofing-nav #site-nav-mobile{display:none}.roofing-nav nav>div{justify-content:flex-start;max-width:1280px}.roofing-hero{position:relative;overflow:hidden}.roofing-hero:after{content:"";background:var(--roof-overlay);pointer-events:none;position:absolute;inset:0}.roofing-hero>.roofing-hero-copy{z-index:1;position:relative}.roofing-page h1{letter-spacing:0;font-size:64px;line-height:1.08}.roofing-page h2{letter-spacing:0;font-size:36px;line-height:1.18}.roofing-hero,.roofing-hero h1{color:var(--roof-on-photo)}.roofing-hero .text-muted-foreground{color:var(--roof-photo-muted)}.roofing-hero .roofing-eyebrow{color:var(--roof-on-photo)}.roofing-image-label{z-index:2;color:var(--roof-photo-muted);font-size:12px;position:absolute;bottom:18px;right:20px}.roofing-stat{border-left:1px solid var(--border);padding-left:24px}.roofing-stat:first-child{border-left:0;padding-left:0}.roofing-product{background:var(--foreground);color:var(--background)}.roofing-product p{color:var(--roof-photo-muted)}.roofing-page summary{cursor:pointer}.roofing-page a:focus-visible,.roofing-page summary:focus-visible,.roofing-page [role=slider]:focus-visible{outline:3px solid var(--primary);outline-offset:4px}.roofing-page{padding-bottom:0}@media (width>=768px){.roofing-hero>img{object-position:center 60%}}@media (width<=767px){.roofing-page h1{font-size:38px}.roofing-page h2{font-size:28px}.roofing-page{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.roofing-hero>img{object-position:70% center}.roofing-stat{padding-left:12px}}.paige-trial-lp .mx-paige:not(.mx-fpage){padding-top:0}.paige-trial-lp .mx-paige section h2{text-wrap:balance;letter-spacing:0!important}.paige-trial-lp .mx-paige.pg-fx #trial .pg-rv,.paige-trial-lp .mx-paige.pg-fx #trial .tr-steps li>:not(.tr-dot){opacity:1;transition:none;transform:none}