@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');:root{--ink:#101821;--navy:#0b111a;--blue:#308be7;--paper:#f4f5f5;--muted:#67717c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.topbar{background:#080d14;color:#cbd4df;display:flex;justify-content:space-between;padding:10px 6%;font-size:11px;font-weight:700;letter-spacing:.07em}.topbar a{color:#75b6ff}.nav{height:84px;padding:0 6%;display:flex;justify-content:space-between;align-items:center;background:white;position:sticky;top:0;z-index:20;box-shadow:0 2px 14px #0000000c}.brand{display:flex;align-items:center;gap:11px}.brand-icon{font:900 39px/.85 'Barlow Condensed',Impact,sans-serif;letter-spacing:-3px}.brand-icon span{color:var(--blue)}.brand-name{font:900 25px/.9 'Barlow Condensed',Impact,sans-serif;letter-spacing:.05em}.brand-name small{display:block;font:700 9px/2 Inter,Arial,sans-serif;letter-spacing:.19em}.nav nav{display:flex;align-items:center;gap:33px;font-size:12px;font-weight:800;text-transform:uppercase}.nav nav>a:hover{color:var(--blue)}.nav-cta{padding:17px 21px;background:var(--blue);color:white!important}.menu{display:none;border:0;background:none;font-size:28px}.hero{min-height:690px;background:var(--navy);color:white;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#0b111af7 0%,#0b111aeb 48%,#0b111a9e 100%),repeating-linear-gradient(130deg,transparent 0 55px,#ffffff09 56px 58px,transparent 59px 100px),radial-gradient(ellipse at 83% 30%,#225e91 0%,transparent 55%)}.hero-bg:after{content:"";position:absolute;width:50%;height:180%;border-left:35px solid #ffffff0c;border-right:10px solid #ffffff0c;right:5%;top:-30%;transform:rotate(25deg)}.hero-inner{position:relative;max-width:1250px;margin:auto;padding:112px 6% 40px}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:.21em;color:var(--blue)}.line{display:inline-block;width:30px;height:2px;background:var(--blue);vertical-align:middle;margin-right:12px}.hero h1,h2{font:900 clamp(60px,8vw,120px)/.87 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.015em;margin:25px 0}.hero h1 em,.dark-section h2 em,.estimate h2 em{color:var(--blue);font-style:normal}.hero p{font-size:16px;line-height:1.8;color:#c4ceda;max-width:480px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:30px;padding:19px 25px;font-size:12px;font-weight:800;letter-spacing:.045em;border:0;cursor:pointer}.primary{background:var(--blue);color:white}.primary:hover{background:#1874d0}.outline{border:1px solid #7d8998;color:white}.outline:hover{background:#ffffff1a}.hero-bottom{display:flex;gap:65px;border-top:1px solid #ffffff38;margin-top:105px;padding-top:25px}.hero-bottom div{display:flex;flex-direction:column;gap:7px}.hero-bottom strong{font:800 25px 'Barlow Condensed',sans-serif}.hero-bottom small{font-size:11px;color:#aab5c2}.ticker{background:var(--blue);color:white;overflow:hidden;padding:18px 10px;text-align:center;font:800 18px 'Barlow Condensed',sans-serif;letter-spacing:.11em}.ticker b{margin:0 19px;color:#d1e9ff}.section{max-width:1300px;margin:auto;padding:110px 6%}.section-top{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:45px}.section h2,.about h2{font-size:clamp(55px,6vw,89px);margin:20px 0 0}.section h2 span,.about h2 span{color:#929ca5}.section-top>p{max-width:330px;line-height:1.8;color:var(--muted);font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service-card{background:white;padding:26px;min-height:380px;display:flex;flex-direction:column;transition:transform .2s}.service-card:hover{transform:translateY(-5px)}.service-no{font:700 12px Inter;color:var(--blue)}.service-art{height:150px;display:grid;place-items:center;color:#263748}.service-art svg{width:100%;max-height:150px}.service-card h3{font:800 27px 'Barlow Condensed',sans-serif;margin:6px 0}.service-card p{font-size:12px;color:var(--muted);line-height:1.8;flex:1}.service-card a{font-size:10px;font-weight:800;letter-spacing:.09em;color:#1677d1;margin-top:16px}.dark-section{background:#101923;color:white;display:grid;grid-template-columns:1fr 1fr;min-height:610px}.dark-copy{padding:90px max(7%,calc((100vw - 1250px)/2)) 90px 12%;}.dark-section h2{font-size:clamp(52px,5.5vw,82px)}.dark-copy>p{color:#abb9c8;font-size:14px;line-height:1.9;max-width:450px}.benefits{margin:25px 0 35px}.benefits>div{display:flex;gap:15px;border-top:1px solid #ffffff25;padding:16px 0}.benefits span{color:var(--blue);font-size:21px}.benefits strong,.benefits small{display:block}.benefits strong{font-size:13px}.benefits small{color:#9aa9b9;font-size:12px;margin-top:6px}.dark-graphic{position:relative;overflow:hidden;background:linear-gradient(145deg,#2a3949,#111d2b)}.graphic-lines{position:absolute;inset:-30%;transform:rotate(-28deg);background:repeating-linear-gradient(90deg,transparent 0 60px,#70a6d530 61px 64px,transparent 65px 130px)}.graphic-label{position:absolute;bottom:13%;left:13%;font:900 clamp(48px,5vw,85px)/.9 'Barlow Condensed',sans-serif;color:#ffffff2c}.graphic-label b{color:#8db9e8}.projects>.muted{color:var(--muted);max-width:650px;line-height:1.8;font-size:14px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}.project-placeholder{aspect-ratio:1.1;background:linear-gradient(145deg,#253749,#0b1722);color:white;display:flex;flex-direction:column;justify-content:space-between;padding:25px;border-bottom:5px solid var(--blue)}.project-placeholder:nth-child(2){background:linear-gradient(145deg,#344b5d,#111923)}.project-placeholder:nth-child(3){background:linear-gradient(145deg,#3c4854,#17212b)}.project-placeholder span{font:800 18px 'Barlow Condensed',sans-serif;color:#7bb9f7}.project-placeholder strong{font:800 31px 'Barlow Condensed',sans-serif;max-width:190px;margin-top:auto}.project-placeholder small{font-size:11px;color:#afbfcd;margin-top:10px}.about{padding:90px 8%;background:#e7eaec;display:grid;grid-template-columns:1fr 1fr;gap:70px}.about p{font-size:15px;line-height:2;color:#505f6c}.about .locations{color:#1d6fc0;font-size:11px;font-weight:800;letter-spacing:.08em}.estimate{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:105px 9%;background:#101923;color:white}.estimate h2{font-size:clamp(75px,8vw,120px)}.estimate-copy p{max-width:360px;color:#adbdcd;line-height:1.8}.phone{display:block;font:800 34px 'Barlow Condensed',sans-serif;color:#80beff;margin:42px 0 12px}.email{color:#c9d7e6;font-size:14px}.quote-form{background:white;color:var(--ink);padding:40px;display:flex;flex-direction:column;gap:10px}.quote-form h3{font:800 32px 'Barlow Condensed',sans-serif;margin:0 0 12px}.quote-form label{font-size:10px;font-weight:800;letter-spacing:.1em;margin-top:7px}.quote-form label span{font-weight:400;color:var(--muted)}.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:1px solid #d6dce2;border-radius:0;background:#f8f9fa;padding:14px;font-size:13px;outline-color:var(--blue)}.submit{width:100%;margin-top:9px}.form-note{font-size:10px;line-height:1.6;color:#6b7783;margin:0}footer{background:#080d14;color:white;padding:45px 7% 22px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:45px}.footer-top p{color:#b1bfcd;font-size:13px;line-height:1.7}.footer-top>a:last-child{font-size:12px;font-weight:800;color:#7cbcff}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff20;padding-top:20px;color:#8c9aaa;font-size:11px}@media(max-width:900px){.service-grid{grid-template-columns:repeat(2,1fr)}.dark-section{grid-template-columns:1fr}.dark-copy{padding:70px 8%}.dark-graphic{min-height:300px}.nav nav{gap:15px}.estimate{gap:4%;padding:80px 5%}}@media(max-width:650px){.topbar{font-size:9px;gap:10px}.nav{height:72px}.menu{display:block}.nav nav{display:none;position:absolute;top:72px;left:0;right:0;background:white;padding:24px 6%;flex-direction:column;align-items:stretch;gap:20px;box-shadow:0 8px 12px #0002}.nav nav.open{display:flex}.hero{min-height:660px}.hero-inner{padding:100px 6% 35px}.hero h1{font-size:clamp(61px,14vw,90px)}.hero-bottom{gap:22px;margin-top:90px}.hero-bottom strong{font-size:21px}.hero-bottom small{font-size:9px}.ticker{font-size:13px;line-height:1.8}.ticker b{margin:0 5px}.section{padding:70px 6%}.section-top{display:block}.service-grid{grid-template-columns:1fr 1fr;gap:9px}.service-card{padding:17px;min-height:330px}.service-card h3{font-size:23px}.service-art{height:110px}.service-card p{font-size:11px}.project-grid{grid-template-columns:1fr}.project-placeholder{aspect-ratio:1.5}.about,.estimate{grid-template-columns:1fr;gap:35px;padding:70px 6%}.quote-form{padding:26px}.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column}.footer-top{gap:15px}}

.bot-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* Product brand showcase */
.brands-section{background:#fff;padding:88px 6%}.brands-inner{max-width:1180px;margin:auto}.brands-section h2{font-size:clamp(48px,5vw,78px);margin:20px 0}.brands-section h2 span{color:#87939e}.brands-inner>p{color:#617080;font-size:14px;line-height:1.7}.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:35px}.product-brand{background:#f5f7fa;min-height:165px;padding:24px 14px;border:1px solid #e3e8ee;border-bottom:4px solid #308be7;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-align:center}.product-brand .brand-word{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(31px,3.5vw,49px);font-weight:900;letter-spacing:.025em;line-height:1}.product-brand small{font-size:10px;font-weight:800;letter-spacing:.15em;color:#667482}.norandex .brand-word{color:#173b67;letter-spacing:.08em}.ezlock .brand-word{color:#176f9e;font-style:italic}.leafblaster .brand-word{color:#1d633e}.brands-inner .brand-disclaimer{font-size:11px;color:#798591;margin-top:20px}@media(max-width:650px){.brands-section{padding:70px 6%}.brand-grid{grid-template-columns:1fr;gap:10px}.product-brand{min-height:115px}.product-brand .brand-word{font-size:40px}}

/* B&C real installation photography */
.service-art.service-photo{height:170px;display:block;margin:14px -8px 15px;overflow:hidden;background:#e7ecf1}
.service-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
@media(max-width:650px){.service-art.service-photo{height:145px;margin:12px -7px 12px}.service-photo img{object-position:center}}