.hr-flat-coolroof{background:var(--hr-surface);padding:clamp(38px,5vw,60px) 0}.hr-flat-coolroof *,.hr-flat-coolroof :after,.hr-flat-coolroof :before{box-sizing:border-box}.hr-flat-coolroof__container{margin:0 auto;max-width:1180px;padding:0 clamp(20px,4vw,44px)}.hr-flat-coolroof__card{align-items:stretch;background:var(--hr-surface);border:1px solid var(--hr-border);border-radius:var(--r-xl,18px);box-shadow:var(--shadow-md,0 14px 34px -18px rgba(8,23,42,.28));display:grid;grid-template-columns:.92fr 1.08fr;overflow:hidden}.hr-flat-coolroof__scene{background:var(--hr-navy);min-height:440px;position:relative}.hr-flat-coolroof .scene-svg,.hr-flat-coolroof__scene-img{display:block;height:100%;inset:0;object-fit:cover;position:absolute;width:100%;z-index:0}.hr-flat-coolroof__scrim{background:linear-gradient(0deg,rgba(9,20,33,.92) 12%,rgba(9,20,33,.68) 48%,rgba(9,20,33,0));bottom:0;left:0;padding:clamp(48px,8vw,88px) clamp(22px,3vw,32px) clamp(22px,3vw,32px);position:absolute;right:0;z-index:2}.hr-flat-coolroof__eyebrow{color:#8fd0ff;font-size:var(--fs-eyebrow,13px);font-weight:var(--fw-bold,700);letter-spacing:.14em;text-transform:uppercase}.hr-flat-coolroof__eyebrow,.hr-flat-coolroof__h2{font-family:var(--font-display);margin:0 0 var(--sp-3,10px)}.hr-flat-coolroof__h2{color:#fff;font-size:clamp(23px,2.8vw,31px);font-weight:var(--fw-extrabold,800);letter-spacing:var(--tracking-tight,-.01em);line-height:1.16}.hr-flat-coolroof__accent{color:#8fd0ff}.hr-flat-coolroof__intro{color:hsla(0,0%,100%,.84);font-family:var(--font-sans);font-size:14px;line-height:1.6;margin:0}.hr-flat-coolroof__badge{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(15,37,55,.62);border:2px solid #8fd0ff;border-radius:50%;box-shadow:0 6px 18px rgba(8,20,34,.4);display:flex;flex-direction:column;height:108px;justify-content:center;position:absolute;right:16px;top:16px;width:108px;z-index:3}.hr-flat-coolroof__badge-value{color:#fff;font-family:var(--font-display);font-size:40px;font-weight:var(--fw-black,800);line-height:1}.hr-flat-coolroof__badge-label{color:#8fd0ff;font-family:var(--font-display);font-size:9.5px;font-weight:var(--fw-bold,700);letter-spacing:.1em;margin-top:3px;text-transform:uppercase}.hr-flat-coolroof__proof{display:flex;flex-direction:column;padding:clamp(22px,3vw,34px)}.hr-flat-coolroof__numbers{display:grid;gap:clamp(12px,1.8vw,16px);grid-template-columns:1fr 1fr}.hr-flat-coolroof__num{background:var(--hr-blue-50);border:1px solid color-mix(in srgb,var(--hr-blue) 18%,#fff);border-radius:var(--r-md,12px);display:flex;flex-direction:column;padding:16px}.hr-flat-coolroof__num-value{color:var(--hr-blue);font-family:var(--font-display);font-size:clamp(26px,3.2vw,34px);font-weight:var(--fw-extrabold,800);line-height:1}.hr-flat-coolroof__num-title{color:var(--hr-text-strong);font-family:var(--font-display);font-size:13.5px;font-weight:var(--fw-bold,700);margin:6px 0 4px}.hr-flat-coolroof__num-desc{color:var(--hr-text-muted);font-family:var(--font-sans);font-size:12.5px;line-height:1.5}.hr-flat-coolroof__faceoff{align-items:stretch;display:grid;gap:10px;grid-template-columns:1fr auto 1fr;margin:clamp(14px,2vw,18px) 0 0}.hr-flat-coolroof__fo-col{border:1px solid var(--hr-border);border-radius:var(--r-md,12px);display:flex;flex-direction:column;gap:2px;padding:13px 15px}.hr-flat-coolroof__fo-col--flat{background:var(--hr-blue-50);border-color:color-mix(in srgb,var(--hr-blue) 22%,#fff)}.hr-flat-coolroof__fo-col--pitched{background:var(--hr-surface-alt,#eef1f4)}.hr-flat-coolroof__fo-tag{color:var(--hr-text-muted);font-family:var(--font-display);font-size:10.5px;font-weight:var(--fw-bold,700);letter-spacing:.06em;text-transform:uppercase}.hr-flat-coolroof__fo-sri{color:var(--hr-text-strong);font-family:var(--font-display);font-size:19px;font-weight:var(--fw-extrabold,800)}.hr-flat-coolroof__fo-col--flat .hr-flat-coolroof__fo-sri{color:var(--hr-blue)}.hr-flat-coolroof__fo-zones{color:var(--hr-text-muted);font-family:var(--font-sans);font-size:12px;line-height:1.35}.hr-flat-coolroof__fo-vs{align-self:center;color:var(--hr-text-subtle);font-family:var(--font-display);font-size:11px;font-weight:var(--fw-bold,700);text-transform:uppercase}.hr-flat-coolroof__fo-note{color:var(--hr-body);font-family:var(--font-sans);font-size:12.75px;line-height:1.5;margin:10px 0 0}.hr-flat-coolroof__steps{display:grid;gap:clamp(12px,1.8vw,16px);grid-template-columns:1fr 1fr;margin:clamp(16px,2.2vw,22px) 0 0}.hr-flat-coolroof__step{align-items:flex-start;display:flex;gap:10px;min-width:0}.hr-flat-coolroof__step-check{align-items:center;background:color-mix(in srgb,var(--hr-blue) 14%,#fff);border-radius:50%;color:var(--hr-blue);display:inline-flex;flex:0 0 auto;height:24px;justify-content:center;margin-top:1px;width:24px}.hr-flat-coolroof__step-check svg{height:14px;width:14px}.hr-flat-coolroof__step-text{min-width:0}.hr-flat-coolroof__step-title{color:var(--hr-text-strong);font-family:var(--font-display);font-size:13.5px;font-weight:var(--fw-bold,700);line-height:1.25;margin:0 0 3px}.hr-flat-coolroof__step-desc{color:var(--hr-text-muted);font-family:var(--font-sans);font-size:12.25px;line-height:1.5;margin:0}.hr-flat-coolroof__footer{align-items:center;border-top:1px solid var(--hr-border);display:flex;flex-wrap:wrap;gap:clamp(12px,2vw,20px);margin:clamp(18px,2.6vw,24px) 0 0;padding-top:clamp(18px,2.4vw,22px)}.hr-flat-coolroof__btn{align-items:center;background:var(--hr-blue);border:1px solid var(--hr-blue);border-radius:var(--r-md,12px);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:var(--fs-button,15px);font-weight:var(--fw-bold,700);gap:var(--sp-2,8px);justify-content:center;min-height:48px;padding:14px 24px;transition:background-color .16s var(--ease-out,ease),border-color .16s var(--ease-out,ease),transform .16s var(--ease-out,ease)}.hr-flat-coolroof__btn,.hr-flat-coolroof__btn:active,.hr-flat-coolroof__btn:focus,.hr-flat-coolroof__btn:hover{color:var(--hr-text-on-color,#fff);text-decoration:none}.hr-flat-coolroof__btn:focus-visible,.hr-flat-coolroof__btn:hover{background:var(--hr-blue-700);border-color:var(--hr-blue-700);transform:translateY(-1px)}.hr-flat-coolroof__btn:focus-visible{box-shadow:var(--shadow-focus,0 0 0 3px var(--hr-blue-50));outline:none}.hr-flat-coolroof__arrow{flex:0 0 auto;transition:transform .16s var(--ease-out,ease)}.hr-flat-coolroof__btn:focus-visible .hr-flat-coolroof__arrow,.hr-flat-coolroof__btn:hover .hr-flat-coolroof__arrow{transform:translateX(4px)}.hr-flat-coolroof__link{color:var(--hr-blue);font-family:var(--font-display);font-size:var(--fs-button,15px);font-weight:var(--fw-bold,700);text-decoration:none}.hr-flat-coolroof__link:focus-visible,.hr-flat-coolroof__link:hover{color:var(--hr-blue-700);text-decoration:underline}@media (max-width:900px){.hr-flat-coolroof__card{grid-template-columns:minmax(0,1fr)}.hr-flat-coolroof__scene{min-height:320px}}@media (max-width:720px){.hr-flat-coolroof__scene{min-height:300px}.hr-flat-coolroof__badge{height:92px;right:12px;top:12px;width:92px}.hr-flat-coolroof__badge-value{font-size:34px}.hr-flat-coolroof__faceoff,.hr-flat-coolroof__numbers,.hr-flat-coolroof__steps{grid-template-columns:minmax(0,1fr)}.hr-flat-coolroof__fo-vs{justify-self:center;padding:2px 0}.hr-flat-coolroof__footer{align-items:stretch;flex-direction:column}.hr-flat-coolroof__btn{width:100%}.hr-flat-coolroof__link{text-align:center}}@media (prefers-reduced-motion:reduce){.hr-flat-coolroof__arrow,.hr-flat-coolroof__btn{transition:none!important}.hr-flat-coolroof__btn:hover{transform:none}.hr-flat-coolroof__btn:focus-visible .hr-flat-coolroof__arrow,.hr-flat-coolroof__btn:hover .hr-flat-coolroof__arrow{transform:none}}.hr-flat-coolroof.is-bg-white{background:var(--hr-surface)}.hr-flat-coolroof.is-bg-soft{background:var(--hr-bg)}.hr-flat-coolroof.is-bg-blue{background:var(--hr-blue-50)}.hr-flat-coolroof.is-bg-navy{background:var(--hr-navy);color:#fff;--hr-surface:color-mix(in srgb,#fff 9%,var(--hr-navy));--hr-bg:color-mix(in srgb,#fff 6%,var(--hr-navy));--hr-surface-alt:color-mix(in srgb,#fff 13%,var(--hr-navy));--hr-border:hsla(0,0%,100%,.16);--hr-border-strong:hsla(0,0%,100%,.3);--hr-text-strong:#fff;--hr-text:hsla(0,0%,100%,.92);--hr-body:hsla(0,0%,100%,.82);--hr-text-muted:hsla(0,0%,100%,.66);--hr-text-subtle:hsla(0,0%,100%,.45);--hr-blue:#79b4ec;--hr-blue-700:#9ecbf5;--hr-blue-50:rgba(121,180,236,.16);--hr-green:#a6d96a;--hr-green-700:#a6d96a;--hr-green-50:rgba(140,198,63,.18)}