/* 8UP Media layout fix v20260806d */
:root { --brand:#FF6500; --ink:#0A0A0A; --bg:#FAFAF9; }
html, body { background:var(--bg); color:var(--ink); }

/* ===== HEADER: override Dev4bel floats completely ===== */
#header {
  position: sticky; top:0; z-index:1000;
  background:#fff; border-bottom:1px solid #eee;
  padding:0 !important; margin:0 !important;
}
#header .container {
  display:flex !important; align-items:center !important; justify-content:space-between !important;
  gap:1rem; max-width:1200px; margin:0 auto; padding:0.85rem 1.25rem !important;
  float:none !important; width:auto !important; min-height:72px;
}
#header .logo {
  float:none !important; position:relative !important; margin:0 !important;
  flex:0 0 auto; z-index:2;
}
#header .logo a { display:block; line-height:0; }
#header .logo img {
  display:block !important;
  height:48px !important; width:auto !important; max-width:220px !important;
  max-height:none !important;
}
#header .main-nav {
  float:none !important; display:flex !important; align-items:center !important;
  flex:1 1 auto; justify-content:flex-end; gap:1rem; margin:0 !important;
}
#header .nav-opener { display:none !important; }
#header .nav-drop {
  display:flex !important; align-items:center !important; gap:1.25rem !important;
  position:static !important; float:none !important; width:auto !important;
  background:transparent !important; box-shadow:none !important; padding:0 !important;
}
#header .floated-block { float:none !important; display:block !important; margin:0 !important; }
#header .navigation {
  display:flex !important; flex-wrap:nowrap !important; align-items:center !important;
  gap:0.15rem 1.1rem !important; list-style:none !important; margin:0 !important; padding:0 !important;
}
#header .navigation > li { float:none !important; display:block !important; margin:0 !important; }
#header .navigation > li > a {
  display:inline-block !important; padding:0.4rem 0 !important;
  color:var(--ink) !important; font-weight:600 !important; font-size:0.92rem !important;
  text-transform:none !important; white-space:nowrap !important;
}
#header .navigation > li > a:hover { color:var(--brand) !important; }
#header .btn-holder { float:none !important; margin:0 !important; flex:0 0 auto; }
#header .btn-holder .btn, #header .btn {
  display:inline-flex !important; align-items:center !important;
  background:var(--brand) !important; border:2px solid var(--brand) !important;
  color:#fff !important; padding:0.65rem 1.1rem !important;
  font-weight:700 !important; font-size:0.82rem !important; letter-spacing:0.02em;
  white-space:nowrap !important; border-radius:0 !important;
}
#header .menu__burger.drop-menu {
  position:absolute !important; top:100% !important; left:0 !important;
  min-width:520px; background:#fff !important; border:1px solid #eee;
  box-shadow:0 12px 40px rgba(0,0,0,.12); padding:1.25rem 1.5rem !important;
  display:none !important; z-index:1200;
}
#header .drop-opener:hover > .menu__burger,
#header .drop-opener:focus-within > .menu__burger {
  display:grid !important; grid-template-columns:1fr 1fr; gap:0.5rem 2rem;
}
#header .menu__burger h3 {
  grid-column:1 / -1; color:var(--brand) !important; margin:0.5rem 0 0.35rem;
  font-size:0.78rem; text-transform:uppercase; letter-spacing:0.06em;
}
#header .menu__burger h3:first-child { margin-top:0; }
#header .services__list { list-style:none; margin:0; padding:0; }
#header .services__list a { color:#222 !important; font-size:0.9rem; }
#header .services__list a:hover { color:var(--brand) !important; }
.lang-list, .language, .lang-opener { display:none !important; }

@media (max-width: 980px) {
  #header .navigation { display:none !important; }
  #header .nav-opener {
    display:inline-flex !important; width:42px; height:42px; align-items:center; justify-content:center;
    border:1px solid #ddd; margin-left:auto;
  }
  #header .nav-drop {
    display:none !important; position:absolute !important; left:0; right:0; top:100%;
    background:#fff; border-bottom:1px solid #eee; padding:1rem 1.25rem !important;
    flex-direction:column !important; align-items:stretch !important;
  }
  #header .main-nav.is-open .nav-drop, #header.nav-active .nav-drop {
    display:flex !important;
  }
  #header .navigation {
    display:flex !important; flex-direction:column !important; align-items:flex-start !important;
    gap:0.75rem !important;
  }
  #header .menu__burger.drop-menu {
    position:static !important; display:block !important; min-width:0; box-shadow:none;
    border:0; padding:0.5rem 0 0.5rem 0.75rem !important;
  }
  #header .drop-opener:hover > .menu__burger { display:block !important; }
}

/* ===== COLORS: kill yellow leftovers ===== */
.btn, .btn--home, .btn--primary, a.btn, button.btn, .btn-holder .btn {
  background:var(--brand) !important; border-color:var(--brand) !important; color:#fff !important;
}
mark, .small-text mark { background:var(--brand) !important; color:#fff !important; }
.about__year, .about__year--big, .title--uppercase, .title--about strong,
.section__intro em, em { color:var(--brand) !important; }
.intro-left-block, .intro-left-block:after, .intro-left-block .img-holder {
  background:var(--brand) !important; background-image:none !important;
}
.intro-right-block, .intro-right-holder { background:#0A0A0A !important; }
.intro-content, .intro-content h1, .intro-content .text-block, .intro-content .text-block p { color:#fff !important; }
.intro-content h1 strong { color:var(--brand) !important; }
.about__chapter:before, .about__chapter:after, .job__section:before,
.landing__quote q:before, .landing__quote q:after {
  color:var(--brand) !important;
}

/* ===== HOME blocks density ===== */
.u8-services {
  display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem;
  max-width:1120px; margin:0 auto; padding:0 1.25rem 3rem;
}
.u8-service {
  border-top:3px solid var(--brand); padding:1.25rem 0.25rem 0.5rem;
}
.u8-service h3 { margin:0 0 0.5rem; font-size:1.05rem; }
.u8-service p { margin:0 0 0.75rem; color:#555; line-height:1.5; font-size:0.95rem; }
.u8-service a { color:var(--ink); font-weight:700; text-decoration:none; }
.u8-service a:hover { color:var(--brand); }
.u8-section-head {
  max-width:1120px; margin:0 auto; padding:2.5rem 1.25rem 1.25rem; text-align:center;
}
.u8-section-head h2 { margin:0 0 0.5rem; font-size:clamp(1.5rem, 3vw, 2rem); }
.u8-section-head p { margin:0 auto; max-width:40rem; color:#555; }
.companies__list {
  display:flex !important; flex-wrap:wrap !important; justify-content:center !important;
  gap:1.25rem 2rem !important; list-style:none; margin:0 auto 2rem; padding:0 1.25rem;
  max-width:1120px;
}
.company__logo { max-height:40px !important; width:auto !important; }
.u8-city-logo-wrap { background:#000; padding:0.85rem 1.1rem; display:inline-block; margin:0 0 1rem; }
.u8-city-logo { display:block; max-width:min(480px,90vw); height:auto; }

#footer { background:#111 !important; color:rgba(255,255,255,.88); }
#footer a { color:rgba(255,255,255,.9); }
#footer a:hover { color:var(--brand); }
#footer .footer__logo img { height:40px !important; width:auto !important; max-width:200px; }
.footer__upper {
  display:grid !important; grid-template-columns:repeat(4,1fr); gap:1.5rem;
  max-width:1200px; margin:0 auto; padding:2.5rem 1.25rem 1.5rem;
}
.footer__bottom {
  max-width:1200px; margin:0 auto; padding:1rem 1.25rem 1.75rem !important;
  display:flex; flex-wrap:wrap; gap:1rem; justify-content:space-between;
  border-top:1px solid rgba(255,255,255,.12);
}

/* Hide sticky conversion bar leftovers */
.pro-mobile-cta, .sticky-cta, .conv-sticky, .audit-sticky, [class*="mobile-cta"] {
  display:none !important;
}

@media (max-width: 900px) {
  .u8-services { grid-template-columns:1fr 1fr; }
  .footer__upper { grid-template-columns:1fr 1fr; }
}
@media (max-width: 640px) {
  .u8-services { grid-template-columns:1fr; }
  .footer__upper { grid-template-columns:1fr; }
  #header .logo img { height:40px !important; }
}