/* Brand/content overrides only. Base layout remains the live donor's CSS. */
html,body{max-width:100%;overflow-x:clip}
.index-main{
  background-color:#fff!important;
  background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 35%,rgba(255,255,255,.68) 53%,rgba(255,255,255,.08) 76%),url('../img/hero-roof-standing-seam-20260801.webp')!important;
  background-position:center,right center!important;
  background-size:100% 100%,cover!important;
  background-repeat:no-repeat!important;
}
.index-main .nav{z-index:6;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(24,36,31,.09);backdrop-filter:blur(10px)}
.key-bg,.key-bg img{width:100%!important;max-width:100%!important}
.dubchak-wordmark{display:inline-flex;flex-direction:column;color:#202329;font-family:Montserrat,Arial,sans-serif;font-size:28px;font-weight:700;line-height:.9;letter-spacing:-1.2px;white-space:nowrap}
.dubchak-wordmark::first-letter{color:#12c868}.dubchak-wordmark small{margin-top:7px;color:#667078;font-size:14px!important;font-weight:600;letter-spacing:1.2px;text-transform:uppercase}
.logo__img{display:flex;align-items:center;text-decoration:none}.logo__img img{display:block!important;width:100%;height:auto}
.team-proof{padding:90px 0;background:#fff}.team-proof h2{margin-bottom:42px}.team-proof__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.team-proof__card{margin:0;overflow:hidden;border-radius:12px;background:#f5f5f3;box-shadow:0 12px 32px rgba(18,31,25,.08)}
.team-proof__card img{display:block;width:100%;height:330px;object-fit:cover;object-position:center top}
.team-proof__card figcaption{padding:20px 18px 22px}.team-proof__card strong,.team-proof__card span{display:block}.team-proof__card strong{font-size:19px}.team-proof__card span{margin-top:5px;color:#68716b;font-size:14px}
.mt-price .val{font-size:15px!important}.story-trigger-btn,.story-overlay{display:none!important}.free-inner-mod img{display:block!important;max-width:720px;width:100%;height:280px;object-fit:cover;border-radius:16px}
.map-copy-safe{max-width:820px;margin:0 auto 30px;text-align:center}
.integration-status{min-height:22px;margin:12px 0;color:#555;font-size:14px;text-align:center}.integration-status.is-error{color:#a72b2b}.integration-status.is-success{color:#087a42}
.contact-main-btn{border:0}.contact-main-btn:focus-visible,.contact-btn-mini:focus-visible,.btn:focus-visible,.sys-btn:focus-visible,input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #0f9f55;outline-offset:3px}
.fz12,.mfz7,.mfz8,.mfz10,.mfz11,.mfz12,.mfz13,.quiz-validation-message,.form-footer-text,.mt-badge,.free-name,.smeta-drop-text,.smeta-file-name,.smeta-file-remove{font-size:14px!important}
body :where(p,span,a,small,label,button,input,textarea,select,figcaption,li){font-size:max(14px,1em)}
.dubchak-wordmark small,.mt-badge,.free-name,.smeta-drop-text,.smeta-file-name,.smeta-file-remove,.slider-hint,.mm-role,.mm-text,.option-text,.key-badge,.call-name,.manager-role,.insp-desc,.check,.roof-tooltip-overlay span{font-size:14px!important}
.fz18{font-size:max(14px,1.25vw)!important}
[style*="font-size:11px"],[style*="font-size: 11px"],[style*="font-size:12px"],[style*="font-size: 12px"],[style*="font-size:13px"],[style*="font-size: 13px"]{font-size:14px!important}
@media(max-width:991px){
  .dubchak-wordmark{font-size:22px}
  .team-proof{padding:55px 0}.team-proof__grid{display:flex;gap:14px;overflow-x:auto;padding:0 4px 15px;scroll-snap-type:x mandatory}.team-proof__card{min-width:74%;scroll-snap-align:start}.team-proof__card img{height:300px}
  .fz14,.fz15,.fz16,.fz18,.fz20,.fz22,.fz24,.fz30,.mfz14,.mfz16,.btn-text,b,strong{font-size:max(14px,1.82vw)!important}
}
@media(max-width:767px){
  .index-main{
    background-image:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.98) 56%,rgba(255,255,255,.74) 72%,rgba(255,255,255,.12) 100%),url('../img/hero-roof-standing-seam-20260801.webp')!important;
    background-position:center,68% bottom!important;
    background-size:100% 100%,auto 48%!important;
  }
  /* Donor launchers collide with the mobile hero CTA and add no unique action. */
  .widget-menu,.roof-tooltip-overlay,.m_static_bl{display:none!important}
  .contact-widget-wrapper{
    right:max(12px,env(safe-area-inset-right));
    bottom:max(12px,env(safe-area-inset-bottom));
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
  }
  .contact-main-btn{width:52px;height:52px}
}
.contact-widget-wrapper.is-safety-hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(12px);
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}