:root{--preview-blue:#0b3f70;--preview-blue-dark:#082f59;--preview-orange:#f28b18;--preview-soft:#eef7fc;--preview-card:rgba(255,255,255,.78)}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 18% 7%,rgba(255,255,255,.98),rgba(255,255,255,.64) 22%,transparent 46%),linear-gradient(180deg,rgba(232,243,250,.94),rgba(255,255,255,.78) 36%,rgba(241,247,251,.96) 100%)!important;color:var(--preview-blue-dark)!important}body:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(245,250,253,.02),rgba(255,255,255,.55) 58%,rgba(255,255,255,.88)),url("assets/rooftop_theme_background.webp") center top/cover no-repeat;opacity:1;pointer-events:none}body:after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 0 16%,rgba(255,255,255,.18) 16% 100%),repeating-linear-gradient(90deg,rgba(10,63,112,.035) 0 1px,transparent 1px 190px),repeating-linear-gradient(0deg,rgba(10,63,112,.025) 0 1px,transparent 1px 145px);pointer-events:none}.wrap{width:min(100% - 82px,1180px)!important}.topbar{background:transparent!important;border:0!important;box-shadow:none!important}.topbar .wrap{min-height:46px!important;padding-top:12px!important}.top-info{display:flex!important;flex-wrap:wrap!important;gap:13px 18px!important;justify-content:center!important;color:rgba(8,47,89,.88)!important;font-size:12px!important}.top-info span,.top-info a{color:rgba(8,47,89,.88)!important}.top-info b{color:var(--preview-orange)!important}.lang{background:rgba(255,255,255,.8)!important;border-radius:12px!important;box-shadow:0 10px 28px rgba(8,47,89,.08)!important}.nav{background:transparent!important;border:0!important;box-shadow:none!important;padding:12px 0 0!important}.nav .wrap{min-height:90px!important;grid-template-columns:1.1fr 2fr 42px!important;border-radius:30px!important;padding:0 30px!important;background:rgba(255,255,255,.78)!important;border:1px solid rgba(255,255,255,.92)!important;box-shadow:0 22px 55px rgba(8,47,89,.10)!important;backdrop-filter:blur(16px)!important}.brand-text strong{color:var(--preview-blue)!important}.brand-text small{color:var(--preview-blue-dark)!important}.menu{gap:42px!important;color:var(--preview-blue-dark)!important}.menu a{color:var(--preview-blue-dark)!important;font-weight:900!important}.menu a.active{color:var(--preview-orange)!important}.menu a.active:after{height:3px!important;background:var(--preview-orange)!important;border-radius:5px!important}.search{width:38px!important;height:38px!important;border-radius:50%!important;color:var(--preview-blue)!important;background:rgba(255,255,255,.88)!important;box-shadow:0 10px 25px rgba(8,47,89,.10)!important;font-size:24px!important}.hero{min-height:710px!important;overflow:visible!important;color:var(--preview-blue-dark)!important;background:linear-gradient(90deg,rgba(255,255,255,.02),rgba(255,255,255,.18) 58%,rgba(255,255,255,.30) 100%),url("assets/rooftop_theme_background.webp") center top/cover no-repeat!important;border:0!important}.hero:before{display:none!important}.hero .wrap{min-height:650px!important;justify-content:flex-start!important;align-items:center!important}.hero-copy{width:min(580px,100%)!important;margin-top:40px!important;margin-right:0!important;margin-left:auto!important;padding:32px 10px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important}.hero-copy .kicker{color:var(--preview-blue)!important;font-size:22px!important;margin-bottom:12px!important;text-shadow:0 2px 10px rgba(255,255,255,.82),0 1px 0 rgba(255,255,255,.72)!important}.hero h1{color:var(--preview-blue-dark)!important;font-size:clamp(38px,4.8vw,66px)!important;line-height:1.24!important;text-shadow:0 3px 14px rgba(255,255,255,.86),0 1px 0 rgba(255,255,255,.72)!important}.hero h1 .gold,.hero-copy .gold{color:var(--preview-orange)!important}.quick{justify-content:flex-start!important;color:var(--preview-blue)!important;margin-top:24px!important}.quick span:before{color:var(--preview-orange)!important}.trust{color:#284c68!important;font-size:18px!important;margin-top:20px!important}.hero-icons{grid-template-columns:repeat(5,minmax(84px,1fr))!important;gap:14px!important;margin-top:32px!important}.hero-icon{color:var(--preview-blue-dark)!important;padding:13px 9px!important;border-radius:18px!important;background:rgba(255,255,255,.54)!important;box-shadow:0 14px 28px rgba(8,47,89,.08)!important}.hero-icon i{background:rgba(255,255,255,.86)!important;border-color:rgba(25,105,176,.32)!important;color:#1266b3!important;box-shadow:0 10px 24px rgba(8,47,89,.10)!important}.hero-cta{margin-top:34px!important;background:linear-gradient(135deg,#ff9a20,#f17600)!important;box-shadow:0 18px 36px rgba(242,139,24,.30)!important;border-radius:17px!important}.floating{right:auto!important;left:0!important;transform:none!important;top:34%!important;gap:12px!important}.float-card{width:238px!important;min-height:78px!important;border-radius:18px!important;border:1px solid rgba(255,255,255,.62)!important;box-shadow:0 18px 40px rgba(8,47,89,.16)!important}.services,.duct,.clients,.trusted-clients,.google-reviews,.ribbon{width:min(100% - 82px,1180px)!important;margin:34px auto!important;padding:36px!important;border-radius:30px!important;background:rgba(255,255,255,.67)!important;border:1px solid rgba(255,255,255,.88)!important;box-shadow:0 24px 64px rgba(8,47,89,.09)!important;backdrop-filter:blur(13px)!important}.services .wrap,.clients.wrap{width:100%!important}.section-title,.duct h2,.clients h2,.trusted-clients-heading h2,.google-reviews h2{color:var(--preview-blue)!important}.section-title:after,.trusted-clients-heading h2:after,.google-reviews h2:after{background:var(--preview-orange)!important}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}.service-card,.duct-item,.client-card,.stat,.review-card,.ribbon-item{border-radius:22px!important;background:rgba(255,255,255,.78)!important;border:1px solid rgba(255,255,255,.94)!important;box-shadow:0 18px 40px rgba(8,47,89,.08)!important}.service-card figure{height:154px!important}.service-card h3,.duct-item h3,.client-card small{color:var(--preview-blue-dark)!important}.service-more,.btn,.primary,.google-badge{background:linear-gradient(135deg,#ff9a20,#f17600)!important;color:#fff!important;border:0!important;box-shadow:0 14px 28px rgba(242,139,24,.24)!important}.duct{display:grid!important;grid-template-columns:.85fr 1.55fr!important;gap:24px!important}.duct-copy{background:transparent!important;padding:0!important;color:var(--preview-blue-dark)!important}.duct-items{grid-template-columns:repeat(4,1fr)!important;gap:16px!important}.clients{display:grid!important;grid-template-columns:1.5fr .75fr!important;gap:26px!important}.stats{grid-template-columns:1fr!important;background:transparent!important;box-shadow:none!important}.stat strong{color:var(--preview-orange)!important}.trusted-clients,.google-reviews{background:rgba(255,255,255,.72)!important}.ribbon{grid-template-columns:repeat(5,1fr)!important}.ribbon-item i{color:#1266b3!important;background:rgba(18,102,179,.08)!important}.footer{background:transparent!important;color:var(--preview-blue-dark)!important;padding:24px 0 34px!important}.footer .wrap{border-radius:28px!important;padding:30px!important;background:rgba(255,255,255,.75)!important;border:1px solid rgba(255,255,255,.95)!important;box-shadow:0 22px 55px rgba(8,47,89,.10)!important;backdrop-filter:blur(14px)!important}.footer h3,.footer h4,.footer a,.footer p,.footer li,.footer-contact a,.footer-contact span{color:var(--preview-blue-dark)!important}@media(max-width:1000px){.wrap,.services,.duct,.clients,.trusted-clients,.google-reviews,.ribbon{width:min(100% - 28px,760px)!important}.nav .wrap{grid-template-columns:1fr 42px!important}.hero{background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.92)),url("assets/rooftop_theme_background.webp") center top/cover no-repeat!important}.hero .wrap{justify-content:center!important}.floating{display:none!important}.service-grid,.duct,.clients,.ribbon{grid-template-columns:1fr!important}.duct-items{grid-template-columns:repeat(2,1fr)!important}.hero-icons{grid-template-columns:repeat(2,1fr)!important}}