/* Shared brand typography and navigation. Inquiry form fields and steps retain their styles. */
@font-face{font-family:Manrope;src:url('/media/manrope-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/media/manrope-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/media/manrope-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/media/manrope-800.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
body{font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
/* Clip horizontal spill without creating an ancestor scroll container that disables sticky headers. */
html,body{overflow-x:clip}
.brand-header,.brand-footer,.brand-topline,.brand-section,.brand-hero,.closing-cta,.original-heading,.quote,.mobile-actions{font-family:Manrope,Arial,sans-serif}
.original-layout :is(h1,h2,h3,h4,p,li,a,span,label,button,input,select,textarea,strong,em){font-family:Manrope,Arial,sans-serif!important}
.brand-hero h1,.brand-section h1,.directory-intro h1{font-weight:800;letter-spacing:-.045em;text-wrap:balance}
.brand-section h2,.section-heading h2,.original-heading h2,.closing-cta h2{font-weight:800;letter-spacing:-.035em;text-wrap:balance}
.brand-hero p,.brand-section p,.section-heading p{color:#293c4a}
.roof-page>section:not([data-roof-section="inquiry"]):not([data-roof-section="full-inquiry"]) :is(h1,h2,h3,h4,p,a,button,summary,li,span,strong,b,small){font-family:Manrope,Arial,sans-serif}
.roof-page .roof-heading h2,.roof-page .roof-hero-heading h1{font-weight:800;letter-spacing:-.045em;text-wrap:balance}
.roof-page .roof-heading p{letter-spacing:-.015em}
.roof-page .roof-accordions summary{font-weight:800;letter-spacing:-.025em}
.roof-page .roof-offers{touch-action:pan-y}
.roof-ui-icon{display:inline-block;vertical-align:middle;flex:0 0 auto;width:20px;height:20px}
.roof-whatsapp-icon{display:block;width:28px;height:28px;fill:currentColor}

/* The header has dedicated space for the logo and menu; neither can overlap. */
.brand-topline{font-size:11px;font-weight:600;line-height:1.5;letter-spacing:.015em}
.brand-header.site-header{--brand-header-height:88px;display:flex;flex-wrap:nowrap;align-items:center;gap:22px;min-height:var(--brand-header-height);padding:6px max(22px,calc((100vw - 1240px)/2));position:sticky;top:0;z-index:80;background:#fff;isolation:isolate}
.brand-header.site-header .brand{position:relative;display:block;flex:0 0 206px;min-width:0;width:206px;line-height:1;text-decoration:none;z-index:4}
.brand-header.site-header .brand>.roof-logo-window{position:relative;display:block;width:206px;height:74px;overflow:hidden;margin:0;font-size:0;line-height:0;letter-spacing:0}
.brand-header.site-header .roof-logo-window img{position:absolute;display:block;left:0;top:-62px;width:206px;height:206px;min-width:0;max-width:none;margin:0}
.brand-header .primary-nav{margin:0 0 0 auto;display:flex;align-items:center;gap:21px;flex-wrap:nowrap;font-size:14px;line-height:1.45;position:static;box-shadow:none;max-height:none;overflow:visible}
.brand-header .primary-nav>a,.brand-header .services-menu>summary{color:#152c3d;font-weight:700;white-space:nowrap;font-size:14px;text-decoration:none}
.brand-header .primary-nav>a{padding:13px 0}
.brand-header .primary-nav [aria-current="page"]{color:#07568b;text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:2px}
.brand-header .services-menu{border:0;background:none;padding:0;margin:0;box-shadow:none}
.brand-header .services-menu>summary{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:13px 0;list-style:none;cursor:pointer}
.brand-header .services-menu>summary::-webkit-details-marker{display:none}
.brand-header .services-menu>summary:after{content:none}
.brand-header .services-menu>summary>svg{flex:0 0 18px;transition:transform .15s}
.brand-header .services-menu[open]>summary>svg{transform:rotate(180deg)}
.brand-header .services-menu:not([open])>.mega-menu{display:none}
.brand-header .mega-menu{position:absolute;top:100%;left:max(22px,calc((100vw - 1240px)/2));right:max(22px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:.8fr 2fr;gap:35px;padding:30px;background:#fff;border:1px solid #d5e1e8;border-top:3px solid #ffdf59;box-shadow:0 18px 34px #102d3d25;z-index:5;border-radius:0 0 8px 8px}
.brand-header .mega-intro{padding:5px 12px 12px 4px}
.brand-header .mega-intro small{color:#12699d;font-size:10px;line-height:1.6;letter-spacing:.12em;font-weight:800}
.brand-header .mega-intro h2{font-size:29px;line-height:1.15;font-weight:800;color:#0b3159;margin:15px 0 20px}
.brand-header .mega-intro>a{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:#0a3159;font-weight:800}
.brand-header .mega-links{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;min-width:0}
.brand-header .mega-links>a{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:49px;padding:11px 8px;border-bottom:1px solid #dbe5ec;font-size:14px;line-height:1.45;color:#183243;text-decoration:none}
.brand-header .mega-links>a:hover{background:#f0f6fa;color:#07568b}
.brand-header .mega-links .roof-ui-icon{width:16px;height:16px;color:#1e6d99}
.brand-header .header-call{font-size:16px;font-weight:800;color:#0a3159;white-space:nowrap}
.brand-header .header-call small{font-size:10px;font-weight:600;color:#4c6476}
.brand-header .header-estimate,.brand-header .header-estimate:visited{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:49px;white-space:nowrap;background:#ffdf59;color:#092b48;border:1px solid #e8c749;font:800 13px/1.35 Manrope,Arial,sans-serif;padding:14px 18px;border-radius:5px;text-decoration:none}
.brand-header .header-estimate:hover{background:#f8d23e}
.brand-header .menu-toggle,.brand-header .nav-contact,.brand-header .nav-backdrop{display:none}
.brand-header :is(a,button,summary):focus-visible{outline:3px solid #12699d;outline-offset:4px}

/* Shared readable footer and right-side WhatsApp action. */
.brand-footer{font-size:15px;line-height:1.8;color:#edf4f8;background:#102d3d;padding-bottom:32px}
.brand-footer p{color:#e3edf4}
.brand-footer h3{font-size:17px;font-weight:800;color:#ffdf59;letter-spacing:0}
.brand-footer a,.brand-footer a:visited{color:#f7fbff;text-decoration:none}
.brand-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.brand-footer .footer-brand{font-size:48px;font-weight:800;line-height:1.1}
.brand-footer .footer-brand>span{font-size:13px;line-height:1.6;font-weight:700;margin-top:8px}
.brand-footer .service-links{gap:10px 22px}
.brand-footer .service-links a{font-size:14px;line-height:1.6}
.brand-footer>div:first-child>a[href^="tel:"]{display:inline-block;font-size:23px;font-weight:800;margin-top:15px}
.brand-footer a.footer-estimate-link,.brand-footer a.footer-estimate-link:visited{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:52px;padding:15px 18px;background:#ffdf59;color:#092b48!important;font-size:14px;line-height:1.4;font-weight:800;border-radius:5px;text-decoration:none}
.brand-footer .footer-bottom{padding-right:75px;font-size:12px}
body #root>.roof-whatsapp-float,body:has(.roof-page) #root>.roof-whatsapp-float{position:fixed;display:flex;align-items:center;justify-content:center;right:22px;bottom:22px;width:60px;height:60px;min-width:60px;min-height:60px;padding:0;border:3px solid #fff;border-radius:50%;background:#137d49;color:white;box-shadow:0 6px 22px #0a315936;z-index:45;text-decoration:none}
body #root>.roof-whatsapp-float:hover{background:#0c6538;color:#fff}
body #root>.roof-contact-bar,body:has(.roof-page) #root>.roof-contact-bar{display:none}

/* Designed team section: a full roof visual and a clear three-step commitment. */
.roof-page .roof-team{gap:64px;align-items:center}
.roof-page .roof-team-brand{min-height:0;align-self:center;position:relative;padding:0;display:block;border:1px solid #cfdee9;border-top:5px solid #ffdf59;background:#eef5fa;border-radius:8px;overflow:hidden}
.roof-team-roof-photo{height:300px;position:relative;overflow:hidden;background:#d4e3ee}
.roof-team-roof-photo>img{position:absolute;width:100%;height:150%;inset:0;object-fit:cover;object-position:center top;display:block}
.roof-team-brand .roof-team-brand-copy{padding:26px 27px 32px;position:relative;background:#edf5fa}
.roof-team-brand .roof-team-brand-copy>span{display:block;font-size:10px;font-weight:800;letter-spacing:.12em;color:#166b9d}
.roof-team-brand .roof-team-brand-copy>p{font-size:36px;line-height:1.15;letter-spacing:-.035em;font-weight:700;color:#0c3155;margin:13px 0 0}
.roof-team-brand .roof-team-brand-copy>p strong{color:#101c27;font-weight:800}
.roof-page .roof-team-values{display:grid;gap:0;margin:0 0 26px;border-top:1px solid #ccdce7}
.roof-page .roof-team-values>div{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:21px 0;border-bottom:1px solid #ccdce7}
.roof-team-values>div>span{display:flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:50%;background:#e8f1f7;color:#146a9f;font-size:12px;font-weight:800;margin-top:2px}
.roof-page .roof-team-values p{font-size:16px;line-height:1.65;color:#293b4b;margin:0}
.roof-page .roof-team-values p>strong{display:block;font-size:19px;color:#102c43;font-weight:800;margin:0 0 5px;line-height:1.4}
.roof-page .roof-team-values b{color:#0e1a25;font-weight:700}

/* The requested community and trust layout uses 786's own facts, not third-party badges. */
.roof-trust-section{background:linear-gradient(180deg,#fff 0%,#f0f6fa 100%);border-top:1px solid #dbe7ef}
.roof-trust-section>.roof-section{padding-top:72px;padding-bottom:72px}
.roof-community-heading{text-align:center;max-width:780px;margin:0 auto 39px}
.roof-page .roof-community-heading .eyebrow{font-size:11px;color:#166b9d;font-weight:800;letter-spacing:.12em}
.roof-page .roof-community-heading h2{font-size:clamp(36px,4.4vw,58px);line-height:1.12;letter-spacing:-.045em;font-weight:800;color:#0b3159;margin:17px 0 22px}
.roof-page .roof-community-heading h2 strong{color:#0c1924;font-weight:800}
.roof-page .roof-community-heading p{font-size:18px;line-height:1.75;color:#2c4051;margin:0 auto;max-width:670px}
.roof-community-heading p strong{color:#0d1b27;font-weight:700}
.roof-trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.roof-trust-grid>article{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;background:#fff;border:1px solid #d7e3ec;border-radius:9px;overflow:hidden;box-shadow:0 7px 23px #0c34550b}
.roof-trust-symbol{display:flex;align-items:center;justify-content:center;width:68px;height:68px;border:1px solid #c8dce9;border-radius:50%;background:#f1f7fb;color:#125f92;margin:28px auto 20px}
.roof-trust-symbol .roof-ui-icon{width:32px;height:32px}
.roof-page .roof-trust-grid h3{font-size:23px;line-height:1.22;color:#0b3159;font-weight:800;letter-spacing:-.03em;margin:0 17px 12px}
.roof-page .roof-trust-grid p{font-size:14px;line-height:1.65;color:#324656;margin:0 20px 26px}
.roof-trust-grid>article>span{display:flex;align-items:center;justify-content:center;margin-top:auto;min-height:48px;padding:12px;width:100%;background:#ffdf59;color:#092c48;font-size:10px;font-weight:800;line-height:1.4;letter-spacing:.035em}
.roof-community-action{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:37px;padding-top:28px;border-top:1px solid #c7dae8}
.roof-page .roof-community-action p{color:#31485b;font-size:15px;line-height:1.7;margin:0}
.roof-community-action p strong{font-size:18px;color:#0b2947;font-weight:800}
.roof-community-action>.button{flex:0 0 auto}

@media(max-width:1180px){.brand-header.site-header{gap:17px}.brand-header .header-call{display:none}.brand-header .primary-nav{gap:18px}.brand-header .header-estimate{font-size:13px}.brand-header.site-header .brand{flex-basis:190px;width:190px}.brand-header.site-header .brand>.roof-logo-window{width:190px;height:68px}.brand-header.site-header .roof-logo-window img{width:190px;height:190px;top:-57px}}
@media(max-width:1000px){
 html{scroll-padding-top:92px}
 .brand-header.site-header{--brand-header-height:78px;min-height:78px;padding:7px 20px;gap:16px;justify-content:space-between}
 .brand-header.site-header .brand{flex:0 0 178px;width:178px}
 .brand-header.site-header .brand>.roof-logo-window{width:178px;height:62px}
 .brand-header.site-header .roof-logo-window img{width:178px;height:178px;top:-53px}
 .brand-header.site-header .header-estimate,.brand-header.site-header .header-call{display:none}
 .brand-header .menu-toggle{display:inline-flex;position:relative;align-items:center;justify-content:center;gap:10px;min-width:86px;min-height:46px;padding:10px 13px;margin-left:auto;flex:0 0 auto;border:1px solid #bed0df;border-radius:5px;background:#f3f7fa;color:#0b3159;font:800 13px/1.2 Manrope,Arial,sans-serif;z-index:4}
 .brand-header.menu-is-open{box-shadow:none}
 .brand-header .nav-backdrop{display:block;position:absolute;top:100%;left:0;right:0;width:100%;height:100dvh;background:#071e3380;border:0;border-radius:0;padding:0;z-index:1}
 .brand-header .primary-nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;padding:13px 22px 24px;max-height:calc(100dvh - 160px - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;background:#fff;border-top:1px solid #d7e3ec;border-bottom:4px solid #ffdf59;box-shadow:0 18px 28px #102d3d1f;z-index:3;font-size:16px}
 .brand-header .primary-nav.is-open{display:block}
 .brand-header .primary-nav>a{display:flex;align-items:center;min-height:50px;padding:14px 0;font-size:16px;border-bottom:1px solid #dae4eb}
 .brand-header .services-menu>summary{font-size:16px;min-height:52px;padding:14px 0}
 .brand-header .services-menu{border-bottom:1px solid #dae4eb}
 .brand-header .mega-menu{position:static;grid-template-columns:1fr;gap:0;border:0;box-shadow:none;padding:0 0 14px;max-height:none;background:#f4f8fb;border-radius:5px;margin-bottom:13px}
 .brand-header .mega-intro{display:none}
 .brand-header .mega-links{grid-template-columns:1fr 1fr;gap:0 16px;padding:4px 15px}
 .brand-header .mega-links>a{min-height:49px;font-size:14px;padding:12px 0;gap:11px;white-space:normal}
 .brand-header .mega-links>a:last-child{border-bottom:0}
 .brand-header .nav-contact{display:block;margin-top:23px;padding:19px;background:#eef5fa;border-radius:6px}
 .brand-header .nav-contact>p{font-size:13px;line-height:1.5;font-weight:700;color:#3b5467;margin:0 0 11px}
 .brand-header .nav-contact>a{display:flex;align-items:center;gap:11px;min-height:43px;font-size:16px;color:#0b3159;font-weight:800}
 .brand-header .nav-contact>a:last-child{font-size:14px;color:#117242}
 .brand-header .nav-contact .roof-whatsapp-icon{width:21px;height:21px}
 .roof-page .roof-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 body,body:has(.roof-page){padding-bottom:calc(86px + env(safe-area-inset-bottom))}
 .brand-topline{display:flex;justify-content:center;padding:7px 16px;font-size:10px}
 .brand-topline>span:first-child{display:block}
 .brand-topline>span:last-child{display:none}
 .brand-footer{padding:44px 22px 26px;gap:30px;grid-template-columns:1fr;font-size:15px}
 .brand-footer .service-links{grid-template-columns:1fr 1fr;gap:14px 20px;margin-bottom:0}
 .brand-footer .service-links a{font-size:14px;line-height:1.55}
 .brand-footer h3{font-size:17px;margin:0 0 14px}
 .brand-footer .footer-brand{font-size:43px}
 .brand-footer p{margin:15px 0;font-size:15px;line-height:1.75}
 .brand-footer .footer-bottom{display:flex;flex-direction:column;gap:12px;padding:22px 0 0;font-size:11px;margin-top:4px}
 .brand-footer .footer-bottom>a{align-self:flex-start}
 body #root>.roof-whatsapp-float,body:has(.roof-page) #root>.roof-whatsapp-float{display:flex;right:15px;bottom:calc(94px + env(safe-area-inset-bottom));width:54px;height:54px;min-width:54px;min-height:54px;border-width:2px;z-index:45}
 .roof-whatsapp-float .roof-whatsapp-icon{width:28px;height:28px}
 body #root>.roof-contact-bar,body:has(.roof-page) #root>.roof-contact-bar{display:grid;position:fixed;bottom:0;left:0;right:0;margin:0;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #cbdce8;box-shadow:0 -4px 18px #102d3d12;z-index:50}
 .roof-contact-bar>a{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:50px;padding:13px 14px;font:800 14px/1.35 Manrope,Arial,sans-serif;text-decoration:none;border-radius:5px}
 .roof-contact-bar>.roof-contact-call,.roof-contact-bar>.roof-contact-call:visited{background:#fff;color:#0c4268;border:1px solid #a0bccc}
 .roof-contact-bar>.roof-contact-estimate,.roof-contact-bar>.roof-contact-estimate:visited{background:#ffdf59;color:#092b48;border:1px solid #e6c447}
 .roof-contact-bar .roof-ui-icon{width:19px;height:19px}
 .roof-page .roof-team{gap:32px}
 .roof-page .roof-team-brand{max-width:560px;width:100%;margin:0 auto}
 .roof-team-roof-photo{height:240px}
 .roof-team-brand .roof-team-brand-copy{padding:22px 23px 27px}
 .roof-team-brand .roof-team-brand-copy>p{font-size:32px}
 .roof-community-action{flex-direction:column;align-items:stretch;gap:23px;text-align:center}
 .roof-community-action>.button{width:100%}
}
@media(max-width:600px){
 .brand-header.site-header{min-height:74px;--brand-header-height:74px;padding:6px 16px;gap:12px}
 .brand-header.site-header .brand{width:166px;flex-basis:166px}
 .brand-header.site-header .brand>.roof-logo-window{width:166px;height:60px}
 .brand-header.site-header .roof-logo-window img{width:166px;height:166px;top:-50px}
 .brand-header .menu-toggle{min-width:83px;font-size:13px;min-height:46px;padding:10px 12px}
 .brand-header .primary-nav{padding:8px 18px 22px;max-height:calc(100dvh - 150px - env(safe-area-inset-bottom))}
 .brand-header .mega-links{grid-template-columns:1fr;padding:2px 14px}
 .brand-header .mega-links>a{font-size:14px;min-height:47px}
 .brand-hero h1,.brand-section h1{font-size:36px;line-height:1.12;letter-spacing:-.035em}
 .brand-section h2,.section-heading h2,.original-heading h2{font-size:30px;line-height:1.2;letter-spacing:-.03em}
 .roof-page>section:not([data-roof-section="inquiry"]):not([data-roof-section="full-inquiry"]) .roof-heading h2{font-size:clamp(30px,8vw,37px);line-height:1.15;letter-spacing:-.035em;margin:12px 0 18px}
 .roof-page .roof-hero-heading h1{font-size:clamp(33px,9.2vw,40px);line-height:1.1;letter-spacing:-.04em;margin:10px 0 13px}
 .roof-page .roof-hero-heading p{font-size:16px;line-height:1.65;max-width:320px}
 .roof-page .roof-hero{padding-top:25px;padding-left:16px;padding-right:16px}
 .roof-page .roof-hero-heading{margin-bottom:23px}
 .roof-page .roof-free-strip{gap:8px;padding:10px 12px 5px}
 .roof-page .roof-free-strip>a{padding:13px 11px;min-height:79px;border-radius:4px}
 .roof-page .roof-free-strip strong{font-size:12px;line-height:1.4}
 .roof-page .roof-free-strip small{font-size:10px;line-height:1.5}
 .roof-page .roof-free-strip>a:last-child{min-height:39px;padding:7px 10px}
 .roof-page .roof-offers{border-radius:7px}
 .roof-page .roof-offer{grid-template-columns:1fr;min-height:0}
 .roof-page .roof-offer-photo{height:clamp(145px,43vw,195px);min-height:0}
 .roof-page .roof-offer-photo img{height:auto;min-height:100%;width:100%;top:0;left:0;object-fit:initial}
 .roof-page .roof-offer-photo>span{font-size:9px;letter-spacing:.11em;padding:8px 6px}
 .roof-page .roof-offer-copy{padding:20px 20px 19px;min-height:310px}
 .roof-page .roof-offer-ribbon{font-size:11px;line-height:1.5;padding:10px 12px;margin:0 -7px 14px;letter-spacing:.05em}
 .roof-page .roof-offer-kicker{font-size:10px;line-height:1.5;letter-spacing:.08em}
 .roof-page .roof-offer-saving{gap:11px;width:100%;margin-top:3px}
 .roof-page .roof-offer-saving strong{font-size:clamp(66px,22vw,92px);line-height:1.08;letter-spacing:-.065em}
 .roof-page .roof-offer-saving>span{font-size:20px;line-height:1.12;max-width:100px;letter-spacing:-.02em}
 .roof-page .roof-offer-saving.is-free{flex-direction:column;gap:2px}
 .roof-page .roof-offer-saving.is-free>span{max-width:none;font-size:16px;letter-spacing:.12em}
 .roof-page .roof-offer-copy h2{font-size:clamp(22px,6.1vw,27px);line-height:1.18;letter-spacing:-.025em;margin:9px 0 16px;max-width:100%;text-wrap:balance}
 .roof-page .roof-offer-copy>a.button{font-size:15px;min-height:51px;padding:15px 16px;width:100%;white-space:normal;gap:12px}
 .roof-page .roof-offer-copy .roof-offer-terms{font-size:11px;line-height:1.55;margin-top:13px;max-width:290px;color:#e6f1f9}
 .roof-page .roof-offer-controls{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:5px 8px;padding:9px 12px 10px}
 .roof-offer-controls>button:first-child{grid-column:1;grid-row:1}
 .roof-offer-controls>.roof-offer-dots{grid-column:2;grid-row:1;justify-content:center;min-width:0}
 .roof-offer-controls>button[aria-label="Next roofing offer"]{grid-column:3;grid-row:1}
 .roof-page .roof-offer-count{display:none}
 .roof-page .roof-offer-controls>button{width:40px;min-width:40px;height:44px;min-height:44px;padding:5px;border-radius:4px;font-size:17px}
 .roof-page .roof-offers .roof-offer-dots button{width:clamp(19px,5.7vw,25px);min-width:0;height:44px;min-height:44px;padding:0}
 .roof-page .roof-offer-controls .roof-offer-pause{grid-column:1/-1;grid-row:2;justify-self:center;width:74px;min-width:74px;min-height:34px;height:34px;font-size:11px;line-height:1.3;margin-top:1px}
 .roof-page .roof-confidence{font-size:11px;line-height:1.5;gap:8px 15px;padding-top:19px}
 .roof-page .roof-confidence a{font-size:16px;flex-basis:100%;text-align:center;padding:3px 0}
 .roof-page .roof-accordion-body p,.roof-page .roof-accordion-body li,.roof-page .roof-heading p{font-size:16px;line-height:1.75}
 .roof-page .roof-accordions summary{font-size:21px;line-height:1.25;letter-spacing:-.025em;gap:15px}
 .roof-page .roof-faqs summary{font-size:18px;line-height:1.4;min-height:83px}
 .roof-page .roof-before-after>.roof-section{padding-top:45px;padding-bottom:45px}
 .roof-page .roof-team{padding:48px 21px;gap:33px}
 .roof-team-roof-photo{height:220px}
 .roof-page .roof-team-values>div{padding:19px 0;gap:12px;grid-template-columns:35px minmax(0,1fr)}
 .roof-team-values>div>span{width:30px;height:30px;font-size:10px}
 .roof-page .roof-team-values p{font-size:15px;line-height:1.75}
 .roof-page .roof-team-values p>strong{font-size:18px;line-height:1.35;margin-bottom:7px}
 .roof-page .roof-team .button{font-size:15px;min-height:54px}
 .roof-trust-section>.roof-section{padding:48px 21px}
 .roof-community-heading{margin-bottom:29px;text-align:center}
 .roof-page .roof-community-heading .eyebrow{font-size:9px;line-height:1.8;letter-spacing:.09em}
 .roof-page .roof-community-heading h2{font-size:34px;line-height:1.15;margin:14px 0 20px}
 .roof-page .roof-community-heading p{font-size:16px;line-height:1.75}
 .roof-trust-grid{gap:13px}
 .roof-trust-symbol{width:53px;height:53px;margin:23px auto 18px}
 .roof-trust-symbol .roof-ui-icon{width:27px;height:27px}
 .roof-page .roof-trust-grid h3{font-size:19px;line-height:1.3;margin:0 9px 12px;letter-spacing:-.025em}
 .roof-page .roof-trust-grid p{font-size:12px;line-height:1.7;margin:0 13px 22px}
 .roof-trust-grid>article>span{font-size:8px;line-height:1.6;letter-spacing:.02em;min-height:47px;padding:10px 8px}
 .roof-page .roof-community-action p{font-size:14px;line-height:1.8}
 .roof-community-action p strong{font-size:17px}
 .roof-page .roof-community-action>.button{font-size:15px}
}
@media(max-width:360px){.brand-header.site-header{padding-left:13px;padding-right:13px}.brand-header.site-header .brand{width:151px;flex-basis:151px}.brand-header.site-header .brand>.roof-logo-window{width:151px;height:55px}.brand-header.site-header .roof-logo-window img{width:151px;height:151px;top:-45px}.brand-header .menu-toggle{min-width:79px;gap:8px;font-size:12px}.roof-page .roof-offer-copy{padding-left:16px;padding-right:16px}.roof-page .roof-offer-saving>span{font-size:18px;max-width:86px}.roof-page .roof-offer-copy h2{font-size:22px}.roof-page .roof-offer-copy>a.button{font-size:13px}.roof-page .roof-trust-grid h3{font-size:17px}.roof-page .roof-trust-grid p{font-size:12px;margin-left:10px;margin-right:10px}.roof-contact-bar>a{font-size:13px;gap:8px}.roof-page .roof-boroughs h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){.brand-header *{transition:none!important}.roof-trust-grid *{transition:none!important}}