/* Shared Mometic site shell: reusable footer and JS component hosts. */
mometic-header,
mometic-footer { display: block; }

.site-footer {
  position: relative;
  padding: 66px 0 28px;
  border-top: 1px solid rgba(255,255,255,.09);
  background: #050806;
  color: #f3f7f5;
  font-family: var(--font-body, "Lato", Arial, sans-serif);
}
.site-footer::before {
  content: "";
  position: absolute;
  inset: -1px 0 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(57,190,228,.45), rgba(118,233,133,.45), transparent);
  opacity: .65;
}
.site-footer * { box-sizing: border-box; }
.site-footer > .container {
  width: min(1180px, calc(100% - 40px));
  max-width: none;
  margin-inline: auto;
  padding-inline: 0;
}
.site-footer .footer-grid {
  display: grid;
  grid-template-columns: 1.45fr repeat(3, 1fr);
  gap: 42px;
}
.site-footer .footer-brand { display: block; }
.site-footer .footer-brand img { display: block; width: 125px; height: auto; }
.site-footer .footer-brand p {
  max-width: 350px;
  margin: 17px 0 0;
  color: #8e9b94;
  font-size: .86rem;
  line-height: 1.62;
}
.site-footer .footer-col h4 {
  margin: 0 0 17px;
  color: #f4f8f6;
  font-family: var(--font-head, "Poppins", Arial, sans-serif);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.site-footer .footer-col a {
  display: block;
  width: fit-content;
  margin: 0 0 10px;
  color: #89968f;
  font-size: .79rem;
  line-height: 1.4;
  text-decoration: none;
  transition: color .18s ease, transform .18s ease;
}
.site-footer .footer-col a:hover,
.site-footer .footer-col a:focus-visible {
  color: #f2f7f4;
  transform: translateX(2px);
}
.site-footer .footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  margin-top: 44px;
  padding-top: 22px;
  border-top: 1px solid rgba(255,255,255,.075);
  color: #59675f;
  font-size: .68rem;
  line-height: 1.55;
}
.site-footer .footer-bottom span:last-child { max-width: 690px; text-align: right; }

/* Current-page feedback inside the shared support-page navigation. */
.site-header .utility-link.active,
.site-header .utility-link[aria-current="page"] {
  border-color: rgba(118,233,133,.19);
  background: rgba(118,233,133,.045);
}

@media (max-width: 980px) {
  .site-footer .footer-grid { grid-template-columns: 1.4fr 1fr 1fr; }
  .site-footer .footer-brand { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
  .site-footer { padding-top: 52px; }
  .site-footer > .container { width: min(100% - 32px, 1180px); }
  .site-footer .footer-grid { grid-template-columns: 1fr 1fr; gap: 30px; }
  .site-footer .footer-brand { grid-column: 1 / -1; }
  .site-footer .footer-bottom { flex-direction: column; gap: 10px; }
  .site-footer .footer-bottom span:last-child { text-align: left; }
}
@media (max-width: 470px) {
  .site-footer .footer-grid { grid-template-columns: 1fr; }
  .site-footer .footer-brand { grid-column: auto; }
}

/* Matterhorn identity matches the app: title case, Arial 700, -.015em. */
.matterhorn-wordmark, .site-footer .matterhorn-wordmark {
 font-family: Arial, Helvetica, sans-serif; font-weight:700; line-height:1.02;
 letter-spacing:-.015em; text-transform:none;
}
mometic-header[variant="matterhorn"] .brand-name {font:700 18px/1.02 Arial,Helvetica,sans-serif;letter-spacing:-.015em;display:block;white-space:nowrap}
.matterhorn-wordmark.compact {font-size:20px;letter-spacing:-.015em!important;text-transform:none!important}
.site-footer .footer-matterhorn {display:flex;align-items:center;gap:12px;margin-top:22px;width:fit-content}
.site-footer .footer-matterhorn .matterhorn-wordmark {font-size:18px}
.site-footer .footer-mountain {color:#2da8e0;width:34px;flex:none}
.site-footer .footer-mountain svg {display:block;width:34px;height:24px}
.site-footer .footer-bottom {color:#89978f}
mometic-header[variant="matterhorn"] .brand {gap:10px;min-width:0}
mometic-header[variant="matterhorn"] .brand-mountain {flex:none}
mometic-header[variant="matterhorn"] .nav-links {gap:20px}
mometic-header .mobile-toggle svg {width:22px;height:22px}
@media(max-width:1100px){
 mometic-header[variant="matterhorn"] .nav-links{display:none;position:absolute;top:78px;left:20px;right:20px;flex-direction:column;align-items:stretch;gap:0;padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#070c12;max-height:calc(100dvh - 98px);overflow:auto}
 mometic-header[variant="matterhorn"] .nav-links.open{display:flex}
 mometic-header[variant="matterhorn"] .nav-links a{padding:12px 10px}
 mometic-header[variant="matterhorn"] .mobile-toggle{display:inline-flex;flex:none}
 mometic-header[variant="matterhorn"] .product-switcher-button{width:100%;padding:12px 10px;justify-content:space-between}
 mometic-header[variant="matterhorn"] .product-switcher-menu{position:static;display:none;width:100%;margin:0 0 6px;transform:none;opacity:1;visibility:visible;pointer-events:auto;box-shadow:none}
 mometic-header[variant="matterhorn"] .product-switcher.open .product-switcher-menu{display:block;transform:none}
}
@media(max-width:820px){mometic-header[variant="matterhorn"] .brand-name{font-size:16px}mometic-header[variant="matterhorn"] .nav-links{top:70px}mometic-header[variant="matterhorn"] .nav-wrap{gap:12px}}
@media(max-width:380px){mometic-header[variant="matterhorn"] .brand-mometic{width:74px}mometic-header[variant="matterhorn"] .brand-name{font-size:14px}mometic-header[variant="matterhorn"] .brand{gap:7px}mometic-header[variant="matterhorn"] .brand-mountain{width:26px}}

.matterhorn-wordmark.compact {font-family:Arial,Helvetica,sans-serif;font-weight:700;line-height:1.02}