.glass-promo__media[data-astro-cid-kb3jqp6e]{position:relative}.glass-promo__char[data-astro-cid-kb3jqp6e]{width:56px;height:44px;object-fit:contain}.glass-promo__char--left[data-astro-cid-kb3jqp6e]{left:16%;top:0;transform:translateY(-50%)}.glass-promo__char--right[data-astro-cid-kb3jqp6e]{right:12%;bottom:8%}@media(max-width:768px){.glass-promo__char[data-astro-cid-kb3jqp6e]{width:40px;height:32px}.glass-promo__char--left[data-astro-cid-kb3jqp6e]{left:14%}.glass-promo__char--right[data-astro-cid-kb3jqp6e]{right:16%;bottom:6%}}:root{--layer-font-family:var(--font-primary);--layer-font-size-label:14px;--layer-font-weight-label:900;--layer-line-height-label:100%;--layer-letter-spacing-label:.14px;--layer-color-label:var(--color-text-primary);--layer-color-bg:var(--color-white);--layer-color-accent:var(--color-orange);--layer-color-surface:var(--color-offwhite);--layer-color-surface-dark:var(--color-dark-bg);--layer-color-text-on-dark:var(--color-text-white);--layer-color-subtitle:var(--color-gray-250);--layer-color-card-bg:var(--color-offwhite);--layer-color-border:var(--color-surface-card-border);--layer-tab-width:54px;--layer-tab-height:460px;--layer-tab-radius:8px;--layer-card-radius:var(--radius-sm);--layer-panel-radius:var(--radius-xl);--layer-panel-padding:var(--spacing-3xl);--layer-gap:var(--spacing-lg);--layer-section-title-size:var(--fs-3xl);--layer-card-title-size:var(--fs-sm);--layer-card-title-weight:var(--fw-bold);--layer-card-subtitle-size:13px;--layer-card-subtitle-weight:var(--fw-medium);--layer-line-height-145:1.45}.layer-tab-label{font-family:var(--layer-font-family);font-size:var(--layer-font-size-label);font-weight:var(--layer-font-weight-label);line-height:var(--layer-line-height-label);letter-spacing:var(--layer-letter-spacing-label);color:var(--layer-color-label);writing-mode:vertical-rl;transform:rotate(180deg);text-transform:none;white-space:nowrap}.layer-section-title{font-family:var(--layer-font-family);font-size:var(--layer-section-title-size);font-weight:900;line-height:1.1;color:var(--layer-color-label);letter-spacing:-.01em}.layer-section-title--on-dark{color:var(--layer-color-text-on-dark)}.layer-card-title{font-family:var(--layer-font-family);font-size:var(--layer-card-title-size);font-weight:var(--layer-card-title-weight);line-height:var(--layer-line-height-145);color:var(--layer-color-label)}.layer-card-title--on-dark{color:var(--layer-color-text-on-dark)}.layer-card-subtitle{font-family:var(--layer-font-family);font-size:var(--layer-card-subtitle-size);font-weight:var(--layer-card-subtitle-weight);line-height:var(--layer-line-height-145);color:var(--layer-color-subtitle)}.layer-card-subtitle--on-dark{color:#ffffffb8}.layer-card-learn-more{font-family:var(--layer-font-family);font-size:var(--layer-card-subtitle-size);font-weight:600;color:var(--layer-color-accent);text-decoration:none}.layer-card-learn-more:hover{text-decoration:underline}.layer-card-scroll-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:var(--layer-gap);padding-bottom:4px;-webkit-overflow-scrolling:touch}.layer-card-scroll-row::-webkit-scrollbar{display:none}.layer-card-scroll-row>*{flex:0 0 auto;min-width:260px;scroll-snap-align:start}.layer-tab-pill{width:var(--layer-tab-width);height:var(--layer-tab-height);border-radius:var(--layer-tab-radius);background:var(--layer-color-bg);position:relative;display:flex;align-items:flex-end;justify-content:center;padding:16px 0;cursor:pointer;flex:0 0 auto;border:1px solid var(--layer-color-border);transition:transform .2s ease,box-shadow .2s ease}.layer-tab-pill:hover{transform:translateY(-2px);box-shadow:0 8px 24px -12px #0f172a2e}.layer-tab-pill__arrow{position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:999px;border:1px solid var(--layer-color-accent);display:inline-flex;align-items:center;justify-content:center;color:var(--layer-color-accent)}.layer-accordion-header{display:flex;width:100%;align-items:center;justify-content:space-between;background:var(--layer-color-bg);border:1px solid var(--layer-color-border);border-radius:var(--layer-card-radius);padding:14px 20px;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.layer-accordion-header:not([aria-expanded=true]):hover{background:transparent}.layer-accordion-header[aria-expanded=true]{background:var(--color-orange);border-color:var(--color-orange)}.layer-accordion-header[aria-expanded=true] .layer-accordion-header__title,.layer-accordion-header[aria-expanded=true] .layer-accordion-chevron{color:#fff}.layer-accordion-header__title{font-family:var(--layer-font-family);font-size:15px;font-weight:900;color:var(--layer-color-label);letter-spacing:.14px}.layer-accordion-chevron{width:18px;height:18px;transition:transform .25s ease,color .2s ease;color:var(--layer-color-accent)}.layer-accordion-chevron--open{transform:rotate(180deg)}.layer-accordion-body{overflow:hidden;transition:max-height .35s ease,opacity .25s ease,margin-top .25s ease;max-height:0;opacity:0;margin-top:0}.layer-accordion-body--open{max-height:1600px;opacity:1;margin-top:12px}.layer-panel-surface{background:var(--layer-color-bg);border-radius:var(--layer-panel-radius);padding:var(--layer-panel-padding);position:relative;flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.layer-card-grid{flex:1 1 auto;min-height:0;grid-auto-rows:1fr}.layer-card{min-height:220px}.layer-card{border-radius:6px;background:#f8f5f1}.layer-card-title-link{text-decoration:none;color:inherit;cursor:pointer}.layer-card-arrow{color:var(--color-orange);font-weight:700;white-space:nowrap;margin-left:6px}.layer-card-media__img{transform-origin:bottom right}@media(min-width:1024px){.layer-card{min-height:160px}}.layer-panel-surface--dark{background:var(--layer-color-surface-dark)}.layer-sticky-stage{position:sticky;top:calc(50vh - (var(--layer-tab-height) / 2));display:flex;align-items:stretch;gap:var(--layer-gap);height:var(--layer-tab-height)}.layer-sticky-stage>*{height:var(--layer-tab-height)}.layer-sticky-stage .layer-panel-surface{height:100%;overflow:hidden}.layer-slot{position:relative;height:var(--layer-tab-height);min-width:0;transition:flex-grow .55s cubic-bezier(.22,1,.36,1),flex-basis .55s cubic-bezier(.22,1,.36,1);will-change:flex-grow,flex-basis}.layer-slot--active{flex:1 1 0;cursor:default}.layer-slot--collapsed{flex:0 0 var(--layer-tab-width);cursor:pointer}.layer-slot__pill,.layer-slot__panel{position:absolute;inset:0;transition:opacity .35s ease}.layer-slot--active .layer-slot__pill{opacity:0;pointer-events:none;transition-delay:0ms}.layer-slot--active .layer-slot__panel,.layer-slot--collapsed .layer-slot__pill{opacity:1;transition-delay:.2s}.layer-slot--collapsed .layer-slot__panel{opacity:0;pointer-events:none;transition-delay:0ms}.layer-slot__pill>*{width:100%;height:100%}.layer-slot__panel>*{width:100%;height:100%}@media(max-width:1023px){.layer-slot,.layer-slot__pill,.layer-slot__panel{position:static;height:auto;transition:none}}@media(max-width:1023px){.layer-sticky-stage{position:static;flex-direction:column;height:auto}.layer-sticky-stage>*,.layer-sticky-stage .layer-panel-surface{height:auto}}.ai-layer-card{display:flex;flex-direction:column;min-width:0}.ai-layer-card__media{width:100%;border-radius:var(--layer-card-radius);overflow:hidden}.ai-layer-card__img{width:100%;height:auto;display:block}.ai-layer-card__title{font-family:var(--layer-font-family);font-size:var(--layer-card-title-size);font-weight:var(--layer-card-title-weight);line-height:var(--layer-line-height-145);color:var(--layer-color-label);margin-top:12px}.ai-layer-card__subtitle{font-family:var(--layer-font-family);font-size:var(--layer-card-subtitle-size);font-weight:var(--layer-card-subtitle-weight);line-height:var(--layer-line-height-145);color:var(--layer-color-subtitle);margin-top:2px}.ai-layer-card__learn-more{font-family:var(--layer-font-family);font-size:var(--layer-card-subtitle-size);font-weight:600;color:var(--layer-color-accent);text-decoration:none;margin-top:4px;align-self:flex-start}.ai-layer-card__learn-more:hover{text-decoration:underline}@media(max-width:1023px){.layer-card-grid>.ai-layer-card:first-child{grid-column:1 / -1}.ai-layer-card__media{aspect-ratio:4 / 3}.ai-layer-card__img{width:100%;height:100%;object-fit:cover;object-position:top center}}@media(min-width:1024px){.ai-layer-card{height:100%}.ai-layer-card__media{flex:1 1 0;min-height:0}.ai-layer-card__img{width:100%;height:100%;object-fit:cover;object-position:left center}}.bg-image-card{display:flex;flex-direction:column;min-width:0;height:100%}.bg-image-card--link{text-decoration:none;color:inherit;cursor:pointer}.bg-image-card__media{width:100%;aspect-ratio:4 / 3;border-radius:var(--layer-card-radius);overflow:hidden;background-image:url(/images/zuper-for-roofing/sitcky-card-bg.webp);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:flex-start;justify-content:flex-end;padding:18px 0 0 18px}.bg-image-card__img{width:100%;height:auto;display:block}.bg-image-card__body{background:#f8f5f1;border-radius:0 0 8px 8px;padding:11px 6px}.bg-image-card__title{font-family:var(--layer-font-family);font-size:var(--layer-card-title-size);font-weight:var(--layer-card-title-weight);line-height:var(--layer-line-height-145);color:var(--layer-color-label);min-height:calc(var(--layer-line-height-145) * 2em)}.bg-image-card__subtitle{font-family:var(--layer-font-family);font-size:var(--layer-card-subtitle-size);font-weight:var(--layer-card-subtitle-weight);line-height:var(--layer-line-height-145);color:var(--layer-color-subtitle);margin-top:2px;min-height:calc(var(--layer-line-height-145) * 2em)}@media(min-width:1024px){.bg-image-card__media{flex:1 1 0;min-height:0;aspect-ratio:auto}}.layer-ai-banner{margin-top:24px;background:linear-gradient(90deg,var(--color-maroon-deep, #3a0d0a) 0%,var(--layer-color-accent) 60%);border-radius:var(--layer-card-radius);padding:6px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--layer-color-text-on-dark);flex-wrap:wrap}.layer-ai-banner__text{font-family:var(--layer-font-family);font-weight:700;font-size:16px}.layer-ai-banner__image{height:45px;width:auto;display:block;flex-shrink:0}