.skip-link{z-index:999999;color:#fff;letter-spacing:.04em;background:#1255a1;border-bottom-right-radius:8px;padding:14px 24px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;text-decoration:none;transition:top .15s;position:absolute;top:-100%;left:0}.skip-link:focus{outline-offset:2px;outline:3px solid #60a5fa;top:0}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{overflow-x:hidden}:root{--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px)}.full-height{height:100svh}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline-offset:3px;outline:2px solid #1255a1}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f4f7f9}::-webkit-scrollbar-thumb{background:#1255a1;border-radius:3px}:root{--blue:#1255a1;--blue-dim:#0c3e78;--navy:#0a192f;--navy-light:#112240;--white:#fff;--paper:#f4f7f9;--border:#e2e8f0;--border-dk:#1e2d4a;--muted:#64748b;--f-display:"Barlow Condensed", sans-serif;--f-body:"DM Sans", sans-serif;--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--r-2xl:32px;--r-full:9999px}.container{max-width:1280px;margin:0 auto;padding:0 40px}@media (width<=768px){.container{padding:0 20px}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header{z-index:100;justify-content:space-between;align-items:center;padding:16px 40px;transition:background .3s,border-color .3s,padding .3s;display:flex;position:fixed;top:0;left:0;right:0}.site-header.scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-dk);background:#0a192ff5;padding:12px 40px}.logo-wrap{align-items:center;gap:10px;display:flex}.logo-img{width:auto;height:60px;transition:filter .3s;display:block}.logo-mark{flex-direction:column;gap:3px;display:flex}.logo-mark span{background:var(--blue);border-radius:var(--r-xs);display:block}.logo-mark span:first-child{width:24px;height:3px}.logo-mark span:nth-child(2){width:18px;height:3px}.logo-mark span:nth-child(3){width:12px;height:3px}.logo-text{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.04em;color:var(--white);font-size:20px;font-weight:800}.main-nav{gap:32px;list-style:none;display:flex}.main-nav a{font-family:var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:#ffffffbf;font-size:13px;font-weight:500;transition:color .2s}.main-nav a:hover{color:var(--blue)}.header-cta{align-items:center;gap:12px;display:flex}.phone-link{font-family:var(--f-display);letter-spacing:.04em;color:var(--white);font-size:18px;font-weight:700;transition:color .2s}.phone-link:hover{color:var(--blue)}.btn-get-quote{font-family:var(--f-body);letter-spacing:.08em;text-transform:uppercase;background:var(--blue);color:var(--white);border-radius:var(--r-sm);padding:10px 22px;font-size:13px;font-weight:500;transition:background .2s,transform .15s,box-shadow .2s}.btn-get-quote:hover{background:var(--blue-dim);transform:translateY(-1px);box-shadow:0 4px 16px #1255a159}.ticker-wrap{background:var(--blue);border-top:1px solid var(--blue-dim);border-bottom:1px solid var(--blue-dim);padding:14px 0;overflow:hidden}.ticker-track{width:max-content;animation:28s linear infinite ticker;display:flex}.ticker-track:hover{animation-play-state:paused}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-item{font-family:var(--f-display);letter-spacing:.12em;text-transform:uppercase;color:var(--white);white-space:nowrap;align-items:center;gap:24px;padding:0 32px;font-size:16px;font-weight:700;display:flex}.ticker-item .dot{background:#ffffff80;border-radius:50%;flex-shrink:0;width:6px;height:6px}.solutions{background:var(--paper);padding:100px 0}.solutions-grid{grid-template-columns:1fr 1.1fr;align-items:center;gap:80px;display:grid}.solutions-label{font-family:var(--f-body);letter-spacing:.2em;text-transform:uppercase;color:var(--blue);margin-bottom:20px;font-size:11px;font-weight:500}.solutions-headline{color:var(--navy);margin-bottom:24px;font-size:clamp(42px,5vw,72px)}.solutions-headline span{color:var(--blue)}.solutions-body{max-width:380px;margin-bottom:36px;font-size:15px}.solutions-stats{gap:40px;display:flex}.stat-item .stat-num{font-family:var(--f-display);color:var(--blue);font-size:52px;font-weight:900;line-height:1}.stat-item .stat-lbl{font-family:var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:4px;font-size:12px}.solutions-cta{font-family:var(--f-body);letter-spacing:.08em;text-transform:uppercase;background:var(--navy);color:var(--white);border-radius:var(--r-sm);align-items:center;gap:10px;margin-top:36px;padding:14px 28px;font-size:13px;font-weight:500;transition:background .2s,transform .15s,box-shadow .2s;display:inline-flex}.solutions-cta:hover{background:var(--blue);transform:translateY(-2px);box-shadow:0 6px 20px #1255a14d}.photo-mosaic{grid-template-rows:240px 240px;grid-template-columns:1fr 1fr;gap:12px;display:grid}.mosaic-img{border-radius:var(--r-lg);background:var(--border);overflow:hidden;box-shadow:0 2px 12px #00000014}.mosaic-img:first-child{grid-row:1/3}.mosaic-img img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.mosaic-img:hover img{transform:scale(1.04)}.mosaic-placeholder{width:100%;height:100%;font-family:var(--f-display);letter-spacing:.1em;text-transform:uppercase;color:#64748b;background:linear-gradient(135deg,#e2e8f0 0%,#cbd5e1 100%);justify-content:center;align-items:center;font-size:12px;display:flex}.story{background:var(--navy);padding:100px 0;overflow:hidden}.story-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.story-images{height:520px;position:relative}.story-img-main{border-radius:var(--r-xl);background:var(--border-dk);width:72%;height:380px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 16px 48px #0000004d}.story-img-accent{border-radius:var(--r-xl);background:var(--blue);border:4px solid var(--navy);width:54%;height:260px;position:absolute;bottom:0;right:0;overflow:hidden;box-shadow:0 12px 32px #0000004d}.story-img-main img,.story-img-accent img{object-fit:cover;width:100%;height:100%}.img-placeholder{width:100%;height:100%;font-family:var(--f-display);letter-spacing:.1em;text-transform:uppercase;color:#ffffff4d;justify-content:center;align-items:center;font-size:12px;display:flex}.img-placeholder.blue{background:var(--blue);color:#fffc}.story-label{font-family:var(--f-body);letter-spacing:.2em;text-transform:uppercase;color:var(--blue);margin-bottom:20px;font-size:11px;font-weight:500}.story-headline{color:var(--white);margin-bottom:24px;font-size:clamp(40px,4vw,64px)}.story-body{color:#fff9;max-width:420px;margin-bottom:48px;font-size:15px}.story-stats{border-top:1px solid var(--border-dk);grid-template-columns:1fr 1fr 1fr;gap:24px;padding-top:40px;display:grid}.story-stat .num{font-family:var(--f-display);color:var(--blue);font-size:46px;font-weight:900;line-height:1}.story-stat .lbl{letter-spacing:.12em;text-transform:uppercase;color:#fff6;margin-top:6px;font-size:11px;font-weight:500}.story-btn{font-family:var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--white);border-radius:var(--r-sm);border:1px solid #fff3;align-items:center;gap:10px;padding:14px 28px;font-size:13px;font-weight:500;transition:background .2s,border-color .2s;display:inline-flex}.story-btn:hover{background:var(--blue);border-color:var(--blue)}.services{background:var(--paper);padding:100px 0}.services-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;margin-bottom:60px;padding-bottom:32px;display:flex}.services-left .services-label{font-family:var(--f-body);letter-spacing:.2em;text-transform:uppercase;color:var(--blue);margin-bottom:12px;font-size:11px;font-weight:500}.services-headline{color:var(--navy);font-size:clamp(40px,5vw,72px)}.services-right p{text-align:right;max-width:320px;font-size:14px}.services-list{flex-direction:column;gap:4px;display:flex}.service-row{border-radius:var(--r-md);cursor:pointer;border:1px solid #0000;justify-content:space-between;align-items:center;padding:24px 20px;transition:background .2s,padding-left .25s,box-shadow .2s,border-color .2s;display:flex}.service-row:hover{background:var(--white);border-color:var(--border);padding-left:32px;box-shadow:0 4px 20px #0000000f}.service-row:before{display:none}.service-num{font-family:var(--f-display);color:var(--blue);letter-spacing:.08em;min-width:40px;font-size:13px;font-weight:700}.service-name{font-family:var(--f-display);text-transform:uppercase;color:var(--navy);flex:1;padding-left:24px;font-size:clamp(28px,3.5vw,48px);font-weight:800;transition:color .2s}.service-row:hover .service-name{color:var(--blue)}.service-tag{font-family:var(--f-body);color:var(--muted);text-align:right;max-width:240px;font-size:12px;line-height:1.5;display:none}@media (width>=1024px){.service-tag{display:block}}.service-arrow{border-radius:var(--r-full);border:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-left:24px;transition:background .2s,border-color .2s,transform .2s;display:flex}.service-row:hover .service-arrow{background:var(--blue);border-color:var(--blue);transform:rotate(45deg)}.service-arrow svg{transition:stroke .2s}.service-row:hover .service-arrow svg{stroke:var(--white)}.areas{background:var(--navy-light);padding:80px 0}.areas-inner{justify-content:space-between;align-items:center;gap:60px;display:flex}.areas-label{font-family:var(--f-body);letter-spacing:.2em;text-transform:uppercase;color:var(--blue);margin-bottom:16px;font-size:11px}.areas-headline{color:var(--white);white-space:nowrap;font-size:clamp(36px,4vw,56px)}.areas-list{flex-wrap:wrap;gap:10px;max-width:640px;display:flex}.area-pill{font-family:var(--f-body);border:1px solid var(--border-dk);border-radius:var(--r-full);color:#ffffffa6;cursor:default;padding:8px 18px;font-size:13px;font-weight:500;transition:border-color .2s,color .2s,background .2s}.area-pill:hover{border-color:var(--blue);color:var(--white);background:#1255a133}.faq{background:var(--paper);padding:100px 0}.faq-grid{grid-template-columns:1fr 1.5fr;align-items:start;gap:80px;display:grid}.faq-left .faq-label{font-family:var(--f-body);letter-spacing:.2em;text-transform:uppercase;color:var(--blue);margin-bottom:20px;font-size:11px}.faq-headline{color:var(--navy);font-size:clamp(40px,4.5vw,64px)}.faq-items{flex-direction:column;gap:8px;display:flex}.faq-item{background:var(--white);border:1px solid var(--border);border-radius:var(--r-md);transition:border-color .2s,box-shadow .2s;overflow:hidden}.faq-item:hover{border-color:#c8d8ec;box-shadow:0 2px 12px #0000000f}.faq-item.open{border-color:var(--blue);box-shadow:0 4px 20px #1255a11a}.faq-q{width:100%;font-family:var(--f-display);text-transform:uppercase;color:var(--navy);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;font-size:20px;font-weight:700;transition:color .2s;display:flex}.faq-q:hover{color:var(--blue)}.faq-icon{border-radius:var(--r-full);border:1px solid var(--border);width:32px;height:32px;color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:background .2s,border-color .2s,color .2s,transform .3s;display:flex}.faq-item.open .faq-icon{background:var(--blue);border-color:var(--blue);color:var(--white);transform:rotate(45deg)}.faq-a{max-height:0;color:var(--muted);padding:0 24px;font-size:15px;transition:max-height .35s,padding .35s;overflow:hidden}.faq-item.open .faq-a{max-height:200px;padding:0 24px 22px}.cta-section{background:var(--navy);text-align:center;padding:100px 0;position:relative;overflow:hidden}.cta-section:before{content:"ROOFING";font-family:var(--f-display);text-transform:uppercase;color:#ffffff06;white-space:nowrap;pointer-events:none;letter-spacing:-.02em;font-size:280px;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-label{font-family:var(--f-body);letter-spacing:.2em;text-transform:uppercase;color:var(--blue);margin-bottom:20px;font-size:11px}.cta-headline{color:var(--white);margin-bottom:16px;font-size:clamp(48px,7vw,100px)}.cta-headline span{color:var(--blue)}.cta-sub{color:#ffffff80;margin-bottom:48px;font-size:16px}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn-cta-primary{font-family:var(--f-body);letter-spacing:.08em;text-transform:uppercase;background:var(--blue);color:var(--white);border-radius:var(--r-sm);padding:18px 40px;font-size:14px;font-weight:500;transition:background .2s,transform .15s,box-shadow .2s}.btn-cta-primary:hover{background:var(--blue-dim);transform:translateY(-2px);box-shadow:0 8px 24px #1255a173}.btn-cta-phone{font-family:var(--f-display);letter-spacing:.04em;color:var(--white);border-radius:var(--r-sm);border:1px solid #fff3;padding:14px 36px;font-size:22px;font-weight:700;transition:border-color .2s,color .2s,background .2s}.btn-cta-phone:hover{border-color:var(--blue);color:var(--blue);background:#1255a114}.site-footer{color:#ffffff80;border-top:1px solid var(--border-dk);background:#050d1a;padding:80px 0 0}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px;display:grid}.footer-brand .footer-logo{font-family:var(--f-display);text-transform:uppercase;color:var(--white);letter-spacing:.04em;margin-bottom:16px;font-size:28px;font-weight:900}.footer-brand p{color:#fff6;max-width:260px;margin-bottom:8px;font-size:14px;line-height:1.7}.footer-license{color:var(--blue);letter-spacing:.06em;font-size:12px}.footer-col h4{font-family:var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--white);margin-bottom:20px;font-size:14px;font-weight:700}.footer-col ul{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-col ul li a{color:#ffffff73;font-size:14px;transition:color .2s}.footer-col ul li a:hover{color:var(--blue)}.footer-col address{color:#ffffff73;font-size:14px;font-style:normal;line-height:1.8}.footer-col address a{color:var(--blue);transition:opacity .2s}.footer-col address a:hover{opacity:.7}.footer-bottom{border-top:1px solid var(--border-dk);color:#ffffff40;justify-content:space-between;align-items:center;padding:24px 0;font-size:13px;display:flex}.process{background:var(--paper);padding:100px 0}.process-header{grid-template-columns:1fr 1.2fr;align-items:end;gap:80px;margin-bottom:56px;display:grid}.process-label{font-family:var(--f-body);letter-spacing:.2em;text-transform:uppercase;color:var(--blue);margin-bottom:20px;font-size:11px;font-weight:500}.process-headline{color:var(--navy);font-size:clamp(40px,4.5vw,64px);line-height:.95}.process-intro{color:var(--muted);max-width:440px;font-size:15px;line-height:1.75}.process-steps{flex-direction:column;gap:12px;display:flex}.process-step{background:var(--white);border:1px solid var(--border);border-radius:var(--r-xl);grid-template-columns:80px 72px 1fr;align-items:center;padding:36px 40px 36px 0;transition:border-color .25s,box-shadow .25s,transform .2s;display:grid}.process-step:hover{border-color:#c8d8ec;transform:translate(4px);box-shadow:0 6px 24px #00000012}.step-num-wrap{border-right:1px solid var(--border);justify-content:center;align-items:center;height:100%;padding:0 24px;display:flex}.step-num{font-family:var(--f-display);color:#1255a126;font-size:40px;font-weight:900;line-height:1;transition:color .25s}.process-step:hover .step-num{color:var(--blue)}.step-icon{color:var(--blue);flex-shrink:0;justify-content:center;align-items:center;padding:0 20px;display:flex}.step-content{padding-left:24px}.step-title{text-transform:uppercase;color:var(--navy);letter-spacing:.02em;margin-bottom:10px;font-size:clamp(22px,2.5vw,32px);font-weight:800}.step-body{color:var(--muted);max-width:560px;font-size:14px;line-height:1.7}.process-cta{align-items:center;gap:28px;margin-top:48px;display:flex}.btn-process{font-family:var(--f-body);letter-spacing:.08em;text-transform:uppercase;background:var(--blue);color:var(--white);border-radius:var(--r-sm);padding:16px 36px;font-size:13px;font-weight:500;transition:background .2s,transform .15s,box-shadow .2s}.btn-process:hover{background:var(--blue-dim);transform:translateY(-2px);box-shadow:0 6px 20px #1255a159}.process-phone{font-family:var(--f-display);color:var(--muted);font-size:18px;font-weight:700;transition:color .2s}.process-phone:hover{color:var(--blue)}@media (width<=1024px){.solutions-grid,.story-grid,.faq-grid,.footer-grid{grid-template-columns:1fr;gap:48px}.story-images{height:320px}.areas-inner{flex-direction:column;align-items:flex-start}.areas-headline{white-space:normal}.services-header{flex-direction:column;align-items:flex-start;gap:16px}.services-right p{text-align:left}.whyus-grid{grid-template-columns:1fr 1fr}.whyus-header{grid-template-columns:1fr}.whyus-sub{grid-area:auto/1}.process-header{grid-template-columns:1fr;gap:32px}.process-step{grid-template-columns:60px 56px 1fr;padding-right:28px}}@media (width<=768px){.site-header{padding:16px 20px}.site-header.scrolled{padding:12px 20px}.main-nav,.hero-badge{display:none}.hero-row{flex-direction:column;align-items:flex-start;gap:24px}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.footer-bottom{text-align:center;flex-direction:column;gap:8px}.solutions-stats{flex-wrap:wrap;gap:24px}.story-stats{grid-template-columns:1fr 1fr}.whyus-grid{grid-template-columns:1fr}.pillar-card{padding:28px 24px}.process-step{grid-template-columns:1fr;gap:14px;padding:24px 20px}.step-num-wrap{display:none}.step-icon{justify-content:flex-start;padding:0}.step-content{padding-left:0}.process-cta{flex-direction:column;align-items:flex-start}}