/* ═══════════════════════════════════════════════════════════
   NAV SYSTEM — AutoSocials
   Desktop: slim 4-link bar + Services mega panel
   Mobile: full-screen immersive overlay
════════════════════════════════════════════════════════════ */

/* ── Visibility rules ── */
.mobile-menu { display: none !important; }

@media (min-width: 900px) {
  #site-nav .nav-links { display: flex !important; }
  #site-nav .hamburger { display: none !important; }
}
@media (max-width: 899px) {
  #site-nav .nav-links { display: none !important; }
  #site-nav .hamburger { display: flex !important; }
}

/* ── Nav brand accent line ── */
#site-nav {
  position: fixed; /* ensure relative context for mega panel */
}
#site-nav::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(0,111,230,.4) 20%,
    rgba(0,111,230,.4) 80%,
    transparent 100%
  );
  pointer-events: none;
  opacity: 0;
  transition: opacity .5s ease;
}
#site-nav.scrolled::after { opacity: 1; }

/* ── Desktop nav link overrides ── */
@media (min-width: 900px) {
  .nav-links {
    gap: 36px !important;
    margin-left: auto;
  }
  .nav-links li a,
  .nav-mega-label {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: rgba(255,255,255,.62) !important;
    letter-spacing: -.01em;
    transition: color .18s !important;
    position: relative;
    text-decoration: none;
  }
  .nav-links li a:hover,
  .nav-mega-label:hover {
    color: rgba(255,255,255,.95) !important;
  }
  /* Active page underline dot */
  .nav-links li a.nav-active,
  .nav-mega-label.nav-active {
    color: #fff !important;
  }
  .nav-links li a.nav-active::after,
  .nav-mega-label.nav-active::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 50%; right: auto;
    width: 4px; height: 4px;
    border-radius: 50%;
    background: #006FE6;
    transform: translateX(-50%);
  }
}

/* ── Services mega trigger ── */
.nav-item-mega { position: relative; }

.nav-mega-label {
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-family: inherit;
}
.nav-chev {
  width: 10px; height: 7px;
  flex-shrink: 0;
  transition: transform .28s cubic-bezier(.25,1,.5,1);
  stroke: currentColor;
}
.nav-item-mega.mega-open .nav-chev { transform: rotate(180deg); }


/* ════════════════════════════════════════
   DESKTOP MEGA PANEL
════════════════════════════════════════ */
.nav-mega-panel {
  position: absolute;
  top: 100%;
  left: 0; right: 0;
  background: rgba(6,8,16,.97);
  backdrop-filter: blur(32px);
  -webkit-backdrop-filter: blur(32px);
  border-bottom: 1px solid rgba(255,255,255,.07);
  box-shadow: 0 32px 80px rgba(0,0,0,.6), 0 1px 0 rgba(255,255,255,.05) inset;
  z-index: 400;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-10px);
  transition: opacity .22s ease, transform .3s cubic-bezier(.25,1,.5,1), visibility 0s linear .22s;
  display: none;
  overflow: hidden;
}
@media (min-width: 900px) {
  .nav-mega-panel { display: block; }
  .nav-mega-panel.nmp-open {
    visibility: visible;
    opacity: 1;
    pointer-events: all;
    transform: translateY(0);
    transition: opacity .22s ease, transform .3s cubic-bezier(.25,1,.5,1), visibility 0s linear 0s;
  }
}

.nmp-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 48px;
}

.nmp-inner {
  display: flex;
  align-items: flex-start;
  padding: 28px 0 32px;
  gap: 0;
}

.nmp-col { flex: 1; }

.nmp-col-label {
  display: block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255,255,255,.25);
  margin-bottom: 14px;
  padding: 0 10px;
}

/* ── Service links in mega panel ── */
.nmp-service {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 9px 10px;
  border-radius: 10px;
  margin-bottom: 1px;
  text-decoration: none;
  transition: background .16s;
  position: relative;
}
.nmp-service:hover { background: rgba(255,255,255,.05); }
.nmp-service:hover .nmp-icon {
  border-color: rgba(0,111,230,.45);
  background: rgba(0,111,230,.12);
  color: #5ba7ff;
}

.nmp-icon {
  width: 34px; height: 34px;
  min-width: 34px; min-height: 34px;
  max-width: 34px; max-height: 34px;
  border-radius: 9px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
  color: rgba(255,255,255,.38);
  transition: background .18s, border-color .18s, color .18s;
}
.nmp-icon svg {
  width: 15px !important; height: 15px !important;
  min-width: 15px; min-height: 15px;
  max-width: 15px; max-height: 15px;
  flex-shrink: 0;
}

.nmp-svc-body {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.nmp-svc-body strong {
  font-size: 13px;
  font-weight: 600;
  color: rgba(255,255,255,.82);
  display: block;
  letter-spacing: -.01em;
}
.nmp-svc-body > span:not(.nmp-ai-badge) {
  font-size: 11px;
  color: rgba(255,255,255,.33);
  line-height: 1.4;
}

/* AI automation — blue tint */
.nmp-service-ai .nmp-icon {
  background: rgba(0,111,230,.09);
  border-color: rgba(0,111,230,.22);
  color: #5ba7ff;
}
.nmp-ai-badge {
  display: inline-block;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .07em;
  text-transform: uppercase;
  background: rgba(0,111,230,.18) !important;
  color: #5ba7ff !important;
  border: 1px solid rgba(0,111,230,.28);
  border-radius: 4px;
  padding: 1px 5px;
  margin-left: 5px;
  vertical-align: middle;
  line-height: 1.4;
}

/* ── Column divider ── */
.nmp-divider {
  width: 1px;
  background: linear-gradient(180deg, transparent, rgba(255,255,255,.08) 20%, rgba(255,255,255,.08) 80%, transparent);
  align-self: stretch;
  margin: 0 28px;
  flex-shrink: 0;
}

/* ── Featured work column ── */
.nmp-work { flex: 0 0 264px; }

.nmp-case-card {
  display: block;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  padding: 16px 18px;
  text-decoration: none;
  margin-bottom: 10px;
  transition: background .2s, border-color .2s, transform .28s cubic-bezier(.25,1,.5,1), box-shadow .28s;
  position: relative;
  overflow: hidden;
}
.nmp-case-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, #006FE6 0%, rgba(168,85,247,.7) 100%);
  border-radius: 14px 14px 0 0;
}
.nmp-case-card:hover {
  background: rgba(255,255,255,.065);
  border-color: rgba(0,111,230,.22);
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(0,0,0,.3);
}
.nmp-case-eyebrow {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 7px;
}
.nmp-case-tag {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #5ba7ff;
  background: rgba(0,111,230,.12);
  border: 1px solid rgba(0,111,230,.22);
  padding: 2px 6px;
  border-radius: 4px;
}
.nmp-case-industry {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255,255,255,.25);
}
.nmp-case-name {
  display: block;
  font-size: 14px;
  font-weight: 800;
  color: #fff;
  letter-spacing: -.015em;
  margin-bottom: 4px;
}
.nmp-case-desc {
  display: block;
  font-size: 11px;
  color: rgba(255,255,255,.38);
  line-height: 1.5;
  margin-bottom: 10px;
}
.nmp-case-stats {
  display: flex;
  gap: 14px;
}
.nmp-case-stats span {
  font-size: 10px;
  color: rgba(255,255,255,.3);
  line-height: 1.3;
}
.nmp-case-stats strong {
  display: block;
  font-size: 13px;
  font-weight: 800;
  color: #4ade80;
  margin-bottom: 1px;
}

.nmp-all-work {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 600;
  color: rgba(255,255,255,.3);
  text-decoration: none;
  padding: 6px 10px;
  border-radius: 8px;
  transition: color .2s, background .2s;
}
.nmp-all-work span { display: inline-block; transition: transform .25s cubic-bezier(.25,1,.5,1); }
.nmp-all-work:hover { color: rgba(255,255,255,.75); background: rgba(255,255,255,.04); }
.nmp-all-work:hover span { transform: translateX(3px); }


/* ════════════════════════════════════════
   HAMBURGER
════════════════════════════════════════ */
.hamburger {
  width: 44px !important; height: 44px !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  display: flex !important; flex-direction: column !important;
  align-items: center !important; justify-content: center !important;
  gap: 0 !important; padding: 0 !important; cursor: pointer !important;
  transition: background .22s, border-color .22s !important;
  flex-shrink: 0 !important;
}
.hamburger:hover {
  background: rgba(0,111,230,.12) !important;
  border-color: rgba(0,111,230,.35) !important;
}
.hamburger span {
  display: block !important; width: 18px !important; height: 1.5px !important;
  background: rgba(255,255,255,.8) !important; border-radius: 2px !important;
  margin: 2.8px 0 !important;
  transition: transform .38s cubic-bezier(.76,0,.24,1), opacity .28s ease, width .28s ease !important;
}
.hamburger.open span:nth-child(1) { transform: translateY(5.8px) rotate(45deg) !important; }
.hamburger.open span:nth-child(2) { opacity: 0 !important; width: 0 !important; }
.hamburger.open span:nth-child(3) { transform: translateY(-5.8px) rotate(-45deg) !important; }


/* ════════════════════════════════════════
   MOBILE OVERLAY SHELL
════════════════════════════════════════ */
.mn-overlay {
  position: fixed; inset: 0;
  z-index: 5500;
  pointer-events: none;
  display: none;
  overflow: hidden;
}
.mn-overlay.mn-ready {
  display: block;
  visibility: hidden;
}
.mn-overlay.mn-open {
  display: block;
  visibility: visible;
  pointer-events: all;
  background: #060810;
}
.mn-overlay.mn-closing {
  display: block;
  background: #060810;
  pointer-events: none;
}

.mn-panel {
  position: absolute; inset: 0;
  background: #060810;
  transform: translateY(-101%);
  transition: transform .72s cubic-bezier(.76,0,.24,1);
}
.mn-overlay.mn-open .mn-panel { transform: translateY(0); }

.mn-grid {
  position: absolute; inset: 0;
  pointer-events: none;
  background-image: radial-gradient(rgba(255,255,255,.1) 1px, transparent 1px);
  background-size: 44px 44px;
  background-position: 22px 22px;
  mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 20%, transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 20%, transparent 80%);
  opacity: 0;
  transition: opacity .5s ease .36s;
}
.mn-overlay.mn-open .mn-grid { opacity: 1; }

/* Cursor-chasing orb */
.mn-orb {
  position: absolute;
  width: 700px; height: 700px; border-radius: 50%;
  background: radial-gradient(circle, rgba(0,40,160,.45) 0%, transparent 70%);
  filter: blur(90px); pointer-events: none;
  left: var(--mn-x, 70%); top: var(--mn-y, 25%);
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity .6s ease .18s, left 1.8s cubic-bezier(.25,1,.5,1), top 1.8s cubic-bezier(.25,1,.5,1);
}
.mn-overlay.mn-open .mn-orb { opacity: 1; }


/* ── Overlay inner layout ── */
.mn-inner {
  position: absolute; inset: 0;
  display: flex; flex-direction: column;
  padding: 0 52px;
  z-index: 1;
  overflow-y: auto;
}

/* ── Top bar ── */
.mn-top {
  display: flex; align-items: center; justify-content: space-between;
  height: 84px; flex-shrink: 0;
  opacity: 0; transform: translateY(-10px);
  transition: opacity .38s ease .44s, transform .38s cubic-bezier(.25,1,.5,1) .44s;
}
.mn-overlay.mn-open .mn-top { opacity: 1; transform: none; }
.mn-logo img { height: 34px; display: block; }

.mn-x {
  width: 50px; height: 50px; border-radius: 50%;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.09);
  display: flex; align-items: center; justify-content: center;
  cursor: pointer;
  transition: background .22s, border-color .22s, transform .4s cubic-bezier(.34,1.56,.64,1);
  flex-shrink: 0;
}
.mn-x:hover {
  background: rgba(0,111,230,.15);
  border-color: rgba(0,111,230,.4);
  transform: rotate(90deg) scale(1.08);
}
.mn-x svg { width: 18px; height: 18px; stroke: rgba(255,255,255,.75); fill: none; stroke-width: 1.8; stroke-linecap: round; }


/* ── Main link list ── */
.mn-links {
  position: relative; z-index: 1;
  background: transparent;
  -webkit-backdrop-filter: none; backdrop-filter: none;
  border: 0;
  flex: 1; display: flex; flex-direction: column;
  justify-content: center;
  gap: 8px;
  padding: 6px 0;
}

.mn-link {
  display: inline-flex; align-items: center; gap: 18px;
  text-decoration: none; width: fit-content;
  padding: 4px 0;
  opacity: 0; transform: translateY(28px);
  transition: opacity .52s cubic-bezier(.16,1,.3,1), transform .52s cubic-bezier(.16,1,.3,1);
}
/* Stagger — structure: Home(1) Services(2) AI Sales(3) mn-rule(4) Work(5) How(6) About(7) Contact(8) */
.mn-link:nth-child(1) { transition-delay: .26s; }
.mn-link:nth-child(2) { transition-delay: .32s; }
.mn-link:nth-child(3) { transition-delay: .38s; }
.mn-link:nth-child(5) { transition-delay: .44s; }
.mn-link:nth-child(6) { transition-delay: .50s; }
.mn-link:nth-child(7) { transition-delay: .56s; }
.mn-link:nth-child(8) { transition-delay: .62s; }
.mn-overlay.mn-open .mn-link { opacity: 1; transform: none; }

.mn-num {
  font-size: 10px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase;
  color: rgba(0,111,230,.4); font-variant-numeric: tabular-nums;
  width: 22px; flex-shrink: 0; padding-top: 4px;
  transition: color .3s; align-self: flex-start;
}
.mn-link-text {
  font-size: clamp(28px, 5vw, 72px);
  font-weight: 900; letter-spacing: -.044em; line-height: 1;
  background: linear-gradient(to right, #006FE6 50%, rgba(255,255,255,.9) 50%);
  background-size: 202% 100%; background-position: 100%;
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: background-position .5s cubic-bezier(.25,1,.5,1), letter-spacing .35s;
}
.mn-link:hover .mn-link-text { background-position: 0%; letter-spacing: -.025em; }
.mn-link.mn-active .mn-link-text { background-position: 0%; }
.mn-link.mn-active .mn-num, .mn-link:hover .mn-num { color: rgba(0,111,230,.9); }

.mn-link-arrow {
  font-size: clamp(14px, 1.8vw, 22px);
  color: #006FE6; -webkit-text-fill-color: #006FE6;
  opacity: 0; transform: translateX(-8px);
  transition: opacity .28s, transform .28s cubic-bezier(.34,1.56,.64,1);
  padding-top: 2px; flex-shrink: 0;
}
.mn-link:hover .mn-link-arrow { opacity: 1; transform: none; }
.mn-links:hover .mn-link:not(:hover) { opacity: .38; }

/* ── Mobile: large text, fill the screen ── */
@media (max-width: 899px) {
  .mn-inner { padding: 0 28px; }
  .mn-links {
    justify-content: space-evenly;
    gap: 0;
    padding: 4px 0;
  }
  .mn-link {
    padding: 2px 0;
    align-items: flex-start;
  }
  .mn-link-text {
    font-size: clamp(36px, 10vw, 72px);
    white-space: normal;
    line-height: 0.9;
    letter-spacing: -.05em;
  }
  .mn-num {
    padding-top: 9px;
    align-self: flex-start;
    flex-shrink: 0;
  }
  .mn-link-arrow {
    align-self: flex-start;
    padding-top: 9px;
    flex-shrink: 0;
  }
  .mn-link .mn-new-pill {
    align-self: flex-start;
    margin-top: 11px;
  }
}

/* ── AI Sales Assistant — always-on featured treatment ── */
a[href="ai-sales.html"].mn-link .mn-link-text {
  background-position: 0%;
}
a[href="ai-sales.html"].mn-link .mn-num {
  color: rgba(91,167,255,.85);
}
a[href="ai-sales.html"].mn-link .mn-link-arrow {
  opacity: .7;
  transform: none;
}

/* ── New pill when nested inside an mn-link ── */
.mn-link .mn-new-pill {
  align-self: center;
  margin-top: 5px;
  font-size: 9px;
  padding: 3px 8px;
  background: rgba(0,111,230,.28);
  color: #90c8ff;
  border: 1px solid rgba(91,167,255,.38);
  box-shadow: 0 0 12px rgba(91,167,255,.18);
}


/* ── Service sub-chips (under Services link) ── */
.mn-sub-links {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0 0 8px 40px;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .4s ease .38s, transform .4s cubic-bezier(.25,1,.5,1) .38s;
}
.mn-overlay.mn-open .mn-sub-links { opacity: 1; transform: none; }

.mn-sub {
  font-size: 11px; font-weight: 600;
  color: rgba(255,255,255,.32);
  text-decoration: none;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 100px;
  padding: 5px 13px;
  transition: color .2s, background .2s, border-color .2s;
  white-space: nowrap;
}
.mn-sub:hover {
  color: rgba(255,255,255,.82);
  background: rgba(0,111,230,.1);
  border-color: rgba(0,111,230,.25);
}

.mn-sub-featured {
  border-color: rgba(0,111,230,.2);
  color: rgba(91,167,255,.75);
  background: rgba(0,111,230,.07);
  display: inline-flex; align-items: center; gap: 5px;
}
.mn-sub-featured:hover {
  color: #5ba7ff;
  border-color: rgba(0,111,230,.4);
}
.mn-new-pill {
  display: inline-block;
  font-size: 8px; font-weight: 800;
  letter-spacing: .07em; text-transform: uppercase;
  background: rgba(0,111,230,.25);
  color: #5ba7ff;
  border-radius: 3px; padding: 1px 4px;
  line-height: 1.4;
}


/* ── Thin rule ── */
.mn-rule {
  height: 1px;
  background: linear-gradient(90deg, rgba(255,255,255,.07), transparent 55%);
  margin: 3px 0;
  flex-shrink: 0;
  opacity: 0;
  transition: opacity .5s ease .74s;
}
.mn-overlay.mn-open .mn-rule { opacity: 1; }


/* ── Featured case study card ── */
.mn-featured {
  flex-shrink: 0;
  padding-bottom: 14px;
  opacity: 0; transform: translateY(8px);
  transition: opacity .4s ease .72s, transform .4s ease .72s;
}
.mn-overlay.mn-open .mn-featured { opacity: 1; transform: none; }

.mn-fc {
  display: block;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 16px;
  padding: 16px 20px;
  text-decoration: none;
  position: relative; overflow: hidden;
  transition: background .2s, border-color .2s;
}
.mn-fc::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, #006FE6, rgba(168,85,247,.55));
  border-radius: 16px 16px 0 0;
}
.mn-fc:hover { background: rgba(255,255,255,.055); border-color: rgba(0,111,230,.2); }

.mn-fc-tag {
  font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  color: #5ba7ff; display: block; margin-bottom: 4px;
}
.mn-fc-title {
  font-size: 15px; font-weight: 800; letter-spacing: -.01em;
  color: #fff; display: block; margin-bottom: 3px;
}
.mn-fc-sub {
  font-size: 11px; color: rgba(255,255,255,.38);
  display: block; margin-bottom: 10px;
}
.mn-fc-stats {
  display: flex; gap: 16px;
}
.mn-fc-stats span {
  font-size: 11px; font-weight: 600;
  color: rgba(255,255,255,.4);
}


/* ── Footer ── */
.mn-foot {
  min-height: 66px;
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px;
  border-top: 1px solid rgba(255,255,255,.07);
  flex-shrink: 0; padding: 10px 0;
  opacity: 0; transform: translateY(8px);
  transition: opacity .4s ease .82s, transform .4s ease .82s;
}
.mn-overlay.mn-open .mn-foot { opacity: 1; transform: none; }

.mn-foot-l { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; min-width: 0; }
.mn-foot-l a {
  font-size: 12px; color: rgba(255,255,255,.3); text-decoration: none;
  transition: color .2s; white-space: nowrap;
}
.mn-foot-l a:hover { color: rgba(255,255,255,.75); }
.mn-fsep { color: rgba(255,255,255,.12); font-size: 12px; flex-shrink: 0; }
.mn-floc { font-size: 12px; color: rgba(255,255,255,.2); white-space: nowrap; }
.mn-foot-r { display: flex; align-items: center; gap: 18px; flex-shrink: 0; }

.mn-clock {
  display: flex; align-items: center; gap: 7px;
  font-size: 10px; font-weight: 700; letter-spacing: .12em;
  text-transform: uppercase; color: rgba(255,255,255,.22);
  font-variant-numeric: tabular-nums; white-space: nowrap;
}
.mn-clock-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: #4ade80; flex-shrink: 0;
  animation: mnPulse 2.2s ease-in-out infinite;
}
@keyframes mnPulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%       { opacity: .35; transform: scale(1.6); }
}

.mn-book-pill {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 12px; font-weight: 700; color: #fff; text-decoration: none;
  background: #006FE6; border-radius: 100px; padding: 10px 20px;
  white-space: nowrap;
  transition: transform .28s cubic-bezier(.34,1.56,.64,1), box-shadow .28s;
}
.mn-book-pill:hover {
  transform: translateY(-2px) scale(1.04);
  box-shadow: 0 10px 28px rgba(0,111,230,.5);
}


/* ── Mobile responsive ── */
@media (max-width: 700px) {
  .mn-inner { padding: 0 20px; }
  .mn-top { height: 72px; }
  .mn-link { gap: 12px; }
  .mn-num { font-size: 9px; width: 16px; }
  .mn-sub-links { padding-left: 28px; }
  .mn-foot { flex-wrap: wrap; gap: 10px; }
  .mn-floc, .mn-floc-sep { display: none; }
  .mn-clock { display: none; }
  .mn-book-pill { font-size: 11px; padding: 9px 16px; }
  .mn-fc { padding: 14px 16px; }
}
@media (max-width: 480px) {
  .mn-links { gap: 0; }
  .mn-link { padding: 2px 0; }
  .mn-link-text { font-size: clamp(26px, 9.5vw, 48px); }
  .mn-sub-links { gap: 4px; }
  .mn-fc-stats { gap: 10px; }
}