: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}}
.projects-trusted-preview{margin:28px 0 0!important;padding:28px!important;border-radius:24px!important;background:rgba(255,255,255,.58)!important;border:1px solid rgba(255,255,255,.92)!important;box-shadow:0 18px 42px rgba(8,47,89,.08)!important;backdrop-filter:blur(10px)!important}.projects-trusted-preview .trusted-clients-heading{margin-bottom:18px!important;text-align:center!important}.projects-trusted-preview h2{margin:0!important;color:#0b3f70!important}.projects-trusted-preview p{margin:8px 0 0!important;color:#284c68!important}.projects-trusted-preview .clients-logo-carousel{margin-top:0!important}.projects-trusted-preview+.client-actions{justify-content:center!important;margin-top:26px!important}.trusted-clients-original-preview-hidden{display:none!important}@media(max-width:1000px){.projects-trusted-preview{padding:20px 14px!important}}
.service-grid .service-card{display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important;overflow:hidden!important}.service-grid .service-card>div{display:contents!important}.service-grid .service-card h3{order:1!important;margin:0!important;padding:18px 18px 12px!important;min-height:74px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;color:#0b3f70!important;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(245,250,253,.72))!important;border-bottom:1px solid rgba(11,63,112,.08)!important}.service-grid .service-card figure{order:2!important;width:100%!important;height:190px!important;margin:0!important;padding:12px 16px!important;border-radius:0!important;background:linear-gradient(180deg,#f7fbfe,#fff)!important}.service-grid .service-card figure img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:16px!important}.service-grid .service-card p{order:3!important;margin:0!important;padding:16px 20px 0!important;text-align:center!important;min-height:78px!important}.service-grid .service-card .service-more{order:4!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:max-content!important;margin:16px auto 20px!important}.services-page-grid .service-page-card{display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}.services-page-grid .service-page-card .service-page-copy{display:contents!important}.services-page-grid .service-page-card .service-index{order:1!important;display:inline-flex!important;align-self:center!important;margin:20px auto 6px!important;padding:6px 12px!important;border-radius:999px!important;background:rgba(242,139,24,.10)!important;color:#b86407!important;font-weight:900!important}.services-page-grid .service-page-card h2{order:2!important;margin:0!important;padding:0 22px 16px!important;min-height:72px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;color:#0b3f70!important}.services-page-grid .service-page-card figure{order:3!important;width:100%!important;height:230px!important;margin:0!important;padding:14px 18px!important;border-top:1px solid rgba(11,63,112,.08)!important;border-bottom:1px solid rgba(11,63,112,.08)!important;background:linear-gradient(180deg,#f7fbfe,#fff)!important}.services-page-grid .service-page-card figure img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:16px!important}.services-page-grid .service-page-card p{order:4!important;margin:0!important;padding:18px 24px 0!important;text-align:center!important}.services-page-grid .service-page-card .service-features{order:5!important;justify-content:center!important;padding:0 20px!important}.services-page-grid .service-page-card .service-link{order:6!important;align-self:center!important;margin:16px auto 22px!important}@media(max-width:900px){.service-grid .service-card figure{height:170px!important}.service-grid .service-card h3{min-height:auto!important}.service-grid .service-card p{min-height:auto!important}.services-page-grid .service-page-card figure{height:205px!important}}
.ribbon-item{color:#0b3f70!important}.ribbon-item i{width:46px!important;height:46px!important;flex:0 0 46px!important;display:grid!important;place-items:center!important;border-radius:16px!important;color:#0b3f70!important;background:rgba(11,63,112,.08)!important;border:1px solid rgba(11,63,112,.16)!important;font-size:0!important;box-shadow:0 10px 24px rgba(11,63,112,.08)!important}.ribbon-item i svg{width:27px!important;height:27px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.85!important;stroke-linecap:round!important;stroke-linejoin:round!important}.ribbon-item strong,.ribbon-item span{color:#0b3f70!important}
html,body{max-width:100%;overflow-x:hidden}img{height:auto}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #f29a24;outline-offset:3px;border-radius:8px}button,a,.btn,.send-button,.cta-button{touch-action:manipulation}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}} .topbar .top-info{display:flex;align-items:center;gap:18px;flex-wrap:wrap;white-space:normal}.topbar .top-info span,.topbar .top-info a{display:inline-flex;align-items:center;gap:7px;text-decoration:none}.topbar .top-info b{color:#e6a149;font-weight:900}.topbar .email-stack{display:inline-flex;align-items:center;gap:10px}.topbar .email-stack a+a:before{content:"|";margin-inline-end:10px;color:rgba(255,255,255,.45)}.topbar .lang{display:flex;gap:7px;direction:ltr;margin-inline-start:auto}.topbar .lang span,.topbar .lang a{min-width:36px;height:26px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:6px;font-weight:800;font-size:12px;text-decoration:none}.topbar .lang .active{background:rgba(255,255,255,.12)}@media(max-width:760px){.topbar .wrap{height:auto!important;min-height:42px;padding:8px 0;align-items:flex-start!important}.topbar .top-info{gap:8px 12px;font-size:12px}.topbar .email-stack{flex-direction:column;align-items:flex-start;gap:2px}.topbar .email-stack a+a:before{display:none}.topbar .lang{margin-inline-start:0}}
body#home > header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1000;
  background: transparent;
  border-bottom: 0;
  box-shadow: none;
  backdrop-filter: none;
}

body#home > header .topbar,
body#home > header .nav {
  position: static !important;
  background: transparent !important;
  color: #0b3f70 !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body#home > header .topbar {
  border-bottom: 0 !important;
}

body#home > header .topbar .wrap {
  position: relative;
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  gap: 18px !important;
  overflow: hidden;
}

body#home > header .top-info {
  flex: 1 1 auto;
  min-width: 0;
  padding-left: 92px;
  gap: 10px !important;
  justify-content: center;
  flex-wrap: nowrap !important;
}

body#home > header .top-info > span,
body#home > header .top-info > a {
  flex: 0 0 auto;
  min-height: 30px;
  padding: 5px 10px;
  border: 1px solid rgba(11, 63, 112, .13);
  border-radius: 999px;
  background: rgba(255, 255, 255, .68);
  color: #0b3f70 !important;
  font-weight: 800 !important;
  white-space: nowrap;
  box-shadow: 0 7px 18px rgba(11, 63, 112, .10);
  backdrop-filter: blur(10px);
}

body#home > header .top-info > span:first-child {
  min-width: 220px;
  max-width: 390px;
  overflow: hidden;
  text-overflow: ellipsis;
}

body#home > header .top-info b {
  color: #d97d13 !important;
}

body#home > header .top-info a,
body#home > header .top-info span,
body#home > header .email-stack a {
  color: #0b3f70 !important;
}

body#home > header .email-stack a + a:before {
  color: rgba(11, 63, 112, .34) !important;
}

body#home > header .lang {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  flex: 0 0 auto;
  margin-inline-start: 0 !important;
}

body#home > header .lang span,
body#home > header .lang a {
  border-color: rgba(11, 63, 112, .20) !important;
  color: #0b3f70 !important;
  background: rgba(255, 255, 255, .72);
  box-shadow: 0 7px 16px rgba(11, 63, 112, .08);
  backdrop-filter: blur(10px);
}

body#home > header .lang .active {
  background: #f29a24 !important;
  color: #082f59 !important;
  border-color: #f29a24 !important;
}

body#home > header .nav .wrap {
  min-height: 88px !important;
  display: grid !important;
  grid-template-columns: minmax(250px, .9fr) minmax(420px, 1.6fr) auto !important;
  align-items: center !important;
  gap: 22px !important;
}

body#home > header .brand {
  color: #0b3f70 !important;
}

body#home > header .brand-logo {
  width: 66px !important;
  height: 66px !important;
  padding: 6px;
  border-radius: 16px;
  background: rgba(255, 255, 255, .84);
  box-shadow: 0 10px 24px rgba(11, 63, 112, .14);
  backdrop-filter: blur(10px);
}

body#home > header .brand-text strong,
body#home > header .brand-text small {
  color: #0b3f70 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .78);
}

body#home > header .brand-text strong {
  font-size: 24px !important;
}

body#home > header .brand-text small {
  color: #082f59 !important;
}

body#home > header .menu {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px;
  border: 1px solid rgba(11, 63, 112, .12);
  border-radius: 18px;
  background: rgba(255, 255, 255, .68);
  box-shadow: 0 10px 28px rgba(11, 63, 112, .09);
  backdrop-filter: blur(12px);
}

body#home > header .menu a {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  padding: 9px 15px !important;
  border-radius: 12px;
  color: #0b3f70 !important;
  text-decoration: none;
  font-weight: 900 !important;
}

body#home > header .menu a:hover,
body#home > header .menu a.active {
  background: rgba(255, 255, 255, .92) !important;
  color: #0b3f70 !important;
}

body#home > header .menu a.active {
  box-shadow: inset 0 -3px 0 #f29a24;
}

body#home > header .menu a.active:after {
  display: none !important;
}

body#home > header .search {
  width: 46px !important;
  height: 46px !important;
  border: 1px solid rgba(11, 63, 112, .14) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .70) !important;
  color: #0b3f70 !important;
  font-size: 22px !important;
  box-shadow: 0 10px 24px rgba(11, 63, 112, .10);
  backdrop-filter: blur(12px);
}

body#home .hero,
body#home .preview-hero {
  padding-top: 134px;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .16) 42%, rgba(255, 255, 255, .28) 100%),
    url("assets/rooftop_theme_background.webp") center top / cover no-repeat !important;
}

body#home .hero .wrap,
body#home .preview-hero {
  min-height: 700px !important;
}

@media (max-width: 980px) {
  body#home > header {
    position: relative;
    background:
      linear-gradient(180deg, rgba(239, 247, 252, .62), rgba(255, 255, 255, .72)),
      url("assets/rooftop_theme_background.webp") center top / cover no-repeat;
  }

  body#home .hero,
  body#home .preview-hero {
    padding-top: 0;
  }

  body#home > header .nav .wrap {
    grid-template-columns: 1fr !important;
    justify-items: center;
    gap: 12px !important;
    padding: 14px 0;
  }

  body#home > header .menu {
    width: 100%;
    overflow-x: auto;
    justify-content: flex-start !important;
  }

  body#home > header .menu a {
    white-space: nowrap;
  }
}

body:not(#home) > .topbar,
body:not(#home) > .nav {
  position: absolute !important;
  right: 0;
  left: 0;
  z-index: 1000;
  background: transparent !important;
  color: #0b3f70 !important;
  border: 0 !important;
  box-shadow: none !important;
}

body:not(#home) > .topbar {
  top: 0;
}

body:not(#home) > .nav {
  top: 44px;
}

body:not(#home) > .topbar .wrap {
  position: relative;
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;
  overflow: hidden;
}

body:not(#home) > .topbar .top-info {
  flex: 1 1 auto;
  min-width: 0;
  padding-left: 92px;
  gap: 10px !important;
  justify-content: center;
  flex-wrap: nowrap !important;
}

body:not(#home) > .topbar .top-info > span,
body:not(#home) > .topbar .top-info > a {
  flex: 0 0 auto;
  min-height: 30px;
  padding: 5px 10px;
  border: 1px solid rgba(11, 63, 112, .13);
  border-radius: 999px;
  background: rgba(255, 255, 255, .70);
  color: #0b3f70 !important;
  font-weight: 800 !important;
  white-space: nowrap;
  box-shadow: 0 7px 18px rgba(11, 63, 112, .10);
  backdrop-filter: blur(10px);
}

body:not(#home) > .topbar .top-info > span:first-child {
  min-width: 220px;
  max-width: 390px;
  overflow: hidden;
  text-overflow: ellipsis;
}

body:not(#home) > .topbar .top-info b,
body:not(#home) > .topbar .top-info i {
  color: #d97d13 !important;
}

body:not(#home) > .topbar .email-stack a + a:before {
  color: rgba(11, 63, 112, .34) !important;
}

body:not(#home) > .topbar .lang {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-inline-start: 0 !important;
}

body:not(#home) > .topbar .lang span,
body:not(#home) > .topbar .lang a {
  border-color: rgba(11, 63, 112, .20) !important;
  color: #0b3f70 !important;
  background: rgba(255, 255, 255, .72);
  box-shadow: 0 7px 16px rgba(11, 63, 112, .08);
  backdrop-filter: blur(10px);
}

body:not(#home) > .topbar .lang .active {
  background: #f29a24 !important;
  color: #082f59 !important;
  border-color: #f29a24 !important;
}

body:not(#home) > .nav .wrap {
  min-height: 88px !important;
  display: grid !important;
  grid-template-columns: minmax(250px, .9fr) minmax(420px, 1.6fr) auto !important;
  align-items: center !important;
  gap: 22px !important;
}

body:not(#home) > .nav .brand,
body:not(#home) > .nav .brand strong,
body:not(#home) > .nav .brand small {
  color: #0b3f70 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .78);
}

body:not(#home) > .nav .brand img {
  width: 66px !important;
  height: 66px !important;
  padding: 6px;
  border-radius: 16px;
  background: rgba(255, 255, 255, .84);
  box-shadow: 0 10px 24px rgba(11, 63, 112, .14);
  backdrop-filter: blur(10px);
}

body:not(#home) > .nav .nav-links,
body:not(#home) > .nav .menu {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px;
  border: 1px solid rgba(11, 63, 112, .12);
  border-radius: 18px;
  background: rgba(255, 255, 255, .68);
  box-shadow: 0 10px 28px rgba(11, 63, 112, .09);
  backdrop-filter: blur(12px);
}

body:not(#home) > .nav .nav-links a,
body:not(#home) > .nav .menu a {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  padding: 9px 15px !important;
  border-radius: 12px;
  color: #0b3f70 !important;
  text-decoration: none;
  font-weight: 900 !important;
}

body:not(#home) > .nav .nav-links a:hover,
body:not(#home) > .nav .nav-links a.active,
body:not(#home) > .nav .menu a:hover,
body:not(#home) > .nav .menu a.active {
  background: rgba(255, 255, 255, .92) !important;
  color: #0b3f70 !important;
  box-shadow: inset 0 -3px 0 #f29a24;
}

body:not(#home) > .nav .nav-links a.active:after,
body:not(#home) > .nav .menu a.active:after {
  display: none !important;
}

body:not(#home) > .page-hero,
body:not(#home) > .blog-hero,
body:not(#home) > .article-hero {
  padding-top: 134px !important;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .10) 0%, rgba(255, 255, 255, .18) 42%, rgba(255, 255, 255, .32) 100%),
    url("assets/rooftop_theme_background.webp") center top / cover no-repeat !important;
  color: #0b3f70 !important;
  border-bottom: 1px solid rgba(11, 63, 112, .12);
}

body:not(#home) > .page-hero h1,
body:not(#home) > .blog-hero h1,
body:not(#home) > .article-hero h1 {
  color: #082f59 !important;
  text-shadow: 0 3px 14px rgba(255, 255, 255, .86), 0 1px 0 rgba(255, 255, 255, .72);
}

body:not(#home) > .page-hero p,
body:not(#home) > .blog-hero p,
body:not(#home) > .article-hero p {
  color: #284c68 !important;
}

@media (max-width: 980px) {
  body:not(#home) > .topbar,
  body:not(#home) > .nav {
    position: relative !important;
    top: auto;
    background:
      linear-gradient(180deg, rgba(239, 247, 252, .68), rgba(255, 255, 255, .74)),
      url("assets/rooftop_theme_background.webp") center top / cover no-repeat !important;
  }

  body:not(#home) > .nav .wrap {
    grid-template-columns: 1fr !important;
    justify-items: center;
    gap: 12px !important;
    padding: 14px 0;
  }

  body:not(#home) > .nav .nav-links,
  body:not(#home) > .nav .menu {
    width: 100%;
    overflow-x: auto;
    justify-content: flex-start !important;
  }

  body:not(#home) > .page-hero,
  body:not(#home) > .blog-hero,
  body:not(#home) > .article-hero {
    padding-top: 0 !important;
  }
}

@media (max-width: 700px) {
  body#home > header .topbar .wrap {
    justify-content: center !important;
    padding: 8px 0 !important;
  }

  body#home > header .top-info {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  body#home > header .top-info > span,
  body#home > header .top-info > a {
    justify-content: center;
    font-size: 12px;
  }
}