/* Preserve legacy service content/layout while sharing navigation and footer. */
:root {
  --sans:"Segoe UI",Arial,sans-serif;
  --mono:Consolas,monospace
}
.skip-link {
  position:fixed;
  top:-90px;
  left:16px;
  z-index:200;
  background:#222222;
  color:#fff;
  padding:12px 20px
}
.skip-link:focus {
  top:12px
}
:focus-visible {
  outline:3px solid #78a9ff;
  outline-offset:4px
}
.site-header {
  position:sticky;
  top:0;
  min-height:92px;
  background:#202020;
  color:#f4f4f4;
  pointer-events:auto;
  border-bottom:1px solid #393939
}
.header-inner {
  height:92px;
  min-height:92px;
  gap:28px;
  width:min(1320px,calc(100% - 96px))
}
.brand {
  display:flex;
  align-items:center;
  flex-shrink:0
}
.brand img {
  width:186px;
  height:auto;
  display:block
}
.site-nav {
  display:flex;
  align-items:center;
  height:auto;
  gap:21px;
  box-shadow:none
}
.site-nav a {
  display:block;
  min-height:0;
  padding:13px 0;
  position:relative;
  font-size:.76rem;
  font-weight:600;
  white-space:nowrap;
  color:#f4f4f4;
  text-decoration:none
}
.site-nav a:hover,.site-nav a[aria-current=page] {
  color:#78a9ff;
  background:transparent
}
.site-nav a[aria-current=page] {
  box-shadow:inset 0 -2px 0 #78a9ff
}
.site-nav a:last-child {
  padding:10px 18px;
  background:#0f62fe;
  color:#fff;
  border-radius:0
}
.site-nav a:last-child:hover {
  background:#78a9ff
}
.menu-toggle {
  display:none
}
.brand-logo {
  pointer-events:auto;
  cursor:pointer
}
.section .kicker {
  color:#78a9ff
}
.section.cta .kicker {
  color:#99bfff
}
.reveal {
  opacity:1;
  transform:none
}
.site-footer {
  background:#111111;
  color:#fff;
  padding:65px 0 0;
  font:16px/1.65 "Segoe UI",Arial,sans-serif
}
.footer-top {
  display:grid;
  grid-template-columns:1fr 1.4fr .65fr;
  gap:60px;
  padding-bottom:46px
}
.footer-brand {display:inline-block;width:min(310px,100%);text-decoration:none}
.footer-brand img {display:block;width:100%;height:auto}
.footer-top p {
  font-size:.85rem;
  line-height:1.8;
  color:#b3c1d3;
  margin-top:20px
}
.footer-top .eyebrow {
  color:#92a7c3;
  margin:0 0 16px;
  font-size:.65rem
}
.footer-email {
  font-size:1.28rem;
  letter-spacing:-.025em;
  text-decoration:none
}
.footer-links {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:12px
}
.footer-links a {
  font-size:.8rem;
  color:#c7d4e5;
  text-decoration:none
}
.footer-links a:hover,.footer-email:hover {
  text-decoration:underline
}
.footer-bottom {
  border-top:1px solid #324052;
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding-block:21px;
  font-size:.67rem;
  color:#9aacc4
}
@media(max-width:1200px) {
  .header-inner {
    width:calc(100% - 64px);
    gap:18px
  }
  .brand img {
    width:160px
  }
  .site-nav {
    gap:14px
  }
  .site-nav a {
    font-size:.68rem
  }
  .footer-top {
    gap:35px
  }
  .footer-email {
    font-size:1.05rem
  }
}
@media(max-width:1000px) {
  .site-header {
    min-height:78px
  }
  .header-inner {
    height:78px;
    min-height:78px
  }
  .brand img {
    width:176px
  }
  .menu-toggle {
    display:inline-flex;
    gap:18px;
    align-items:center;
    border:1px solid #626262;
    border-radius:0;
    background:#202020;
    color:#f4f4f4;
    padding:9px 15px;
    font-size:.8rem;
    min-height:44px;
    text-transform:none;
    letter-spacing:0
  }
  .site-nav {
    display:none;
    position:absolute;
    top:78px;
    left:0;
    right:0;
    background:#202020;
    border:0;
    border-bottom:1px solid #393939;
    box-shadow:0 10px 20px #18345210;
    padding:18px 32px;
    gap:0
  }
  .site-nav.is-open {
    display:flex;
    flex-direction:column;
    align-items:stretch
  }
  .site-nav a {
    font-size:.92rem;
    padding:11px 8px;
    white-space:normal;
    min-height:44px;
    border:0
  }
  .site-nav a:last-child {
    text-align:center;
    margin-top:10px
  }
  .site-nav a[aria-current=page] {
    box-shadow:none
  }
}
@media(max-width:760px) {
  .site-header {
    min-height:72px
  }
  .header-inner {
    height:72px;
    min-height:72px;
    width:calc(100% - 40px)
  }
  .brand img {
    width:164px
  }
  .site-nav {
    top:72px;
    padding:14px 20px
  }
  .footer-top {
    grid-template-columns:1fr 1fr;
    gap:30px
  }
  .footer-top>div:nth-child(2) {
    grid-column:1/-1;
    grid-row:2
  }
  .footer-bottom {
    flex-direction:column;
    gap:8px
  }
  .footer-email {
    font-size:1.2rem
  }
  .site-footer {
    padding-top:48px
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  .reveal {
    transition:none;
    transform:none;
    opacity:1
  }
}
/* Bring the retained service-page heroes into the same restrained scale. */
.hero {
  background:#222222;
  padding:clamp(3rem,6vw,5rem) 0
}
.hero h1,.hero.unifi-hero h1 {
  font-size:clamp(2.5rem,4.3vw,4.2rem);
  line-height:1.06;
  max-width:17ch
}
.unifi-hero {
  min-height:0
}
.trust-card {
  background:#262626;
  border-color:#444444
}
.cta {
  background:#222222
}
@media(max-width:760px) {
  .hero h1,.hero.unifi-hero h1 {
    font-size:clamp(2.2rem,9vw,3.4rem);
    max-width:none
  }
}

/* Retain service page layouts and imagery within the established dark palette. */
:root {color-scheme:dark;--bg:#161616;--ink:#f4f4f4;--muted:#bcbcbc;--layer:#1c1c1c;--border:#393939}
.section .kicker {color:#9ac0ff}
.card,.checklist li,.compare-card,.product-card,.example-card {background:#222;color:#f4f4f4}
.compare-section {background:#1c1c1c}
.unifi-card {background:linear-gradient(180deg,#1d2b42,#222 50%)}
.hero h1,.hero.unifi-hero h1,h2 {font-weight:350}
.site-nav a:last-child {background:#0f62fe;color:#fff}
.site-nav a:last-child:hover {background:#0353e9}
.site-nav a:hover,.site-nav a[aria-current=page] {color:#fff}
.footer-links a {color:#c6c6c6}