/* Shared Onyx Group footer layout used across product and company sites. */
.oi-site-footer {
  --footer-bg: #0b0d0c; --footer-ink: #f6f6f3; --footer-muted: #b9bdb9;
  --footer-rule: rgba(255,255,255,.16); --footer-accent: #f4ce59;
  width: 100%; margin: 36px 0 0; padding: 0 clamp(20px,5vw,76px);
  color: var(--footer-ink); background: var(--footer-bg);
  font-family: "Geist","IBM Plex Sans",system-ui,sans-serif; line-height: 1.5;
}
.oi-site-footer a { color: inherit; text-decoration: none; }
.oi-site-footer a:hover { color: var(--footer-accent); text-decoration: underline; text-underline-offset: 3px; }
.oi-footer-inner { max-width: 1440px; margin: 0 auto; }
.oi-footer-intro { display: grid; grid-template-columns: minmax(170px,.7fr) minmax(260px,1.7fr) minmax(190px,1fr); align-items: center; gap: clamp(24px,4vw,64px); min-height: 174px; padding: 30px 0; }
.oi-footer-brand { display: flex; align-items: center; gap: 12px; color: #fff !important; font-size: 1rem; font-weight: 650; letter-spacing: -.02em; }
.oi-footer-mark { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(255,255,255,.34); border-radius: 12px; color: var(--footer-accent); font-size: 1.25rem; font-weight: 650; }
.oi-footer-intro h2 { margin: 0; color: #fff; font-size: clamp(1.65rem,3vw,2.65rem); font-weight: 600; line-height: 1.08; letter-spacing: -.04em; }
.oi-footer-intro p { max-width: 34ch; margin: 0; color: var(--footer-muted); font-size: .91rem; }
.oi-footer-directory { display: grid; grid-template-columns: .9fr 1.15fr 1.2fr 1fr; gap: clamp(22px,4vw,60px); padding: 38px 0 40px; border-top: 1px solid var(--footer-rule); }
.oi-footer-directory nav { display: flex; flex-direction: column; align-items: flex-start; gap: 11px; }
.oi-footer-directory h3 { margin: 0 0 5px; color: var(--footer-accent); font-size: .7rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.oi-footer-directory a { color: #d0d3d0; font-size: .88rem; }
.oi-footer-directory a span { font-size: .78em; white-space: nowrap; }
.oi-footer-bottom { display: flex; justify-content: space-between; gap: 20px; padding: 16px 0 21px; border-top: 1px solid rgba(255,255,255,.12); color: #929893; font-size: .76rem; }
.oi-footer-legal { display: flex; flex-wrap: wrap; gap: 20px; }
.oi-footer-bottom a { color: inherit; }
@media (max-width: 760px) {
  .oi-site-footer { padding: 0 20px; }
  .oi-footer-intro { grid-template-columns: 1fr; gap: 22px; padding: 30px 0; }
  .oi-footer-intro h2 { font-size: clamp(1.9rem,8vw,2.6rem); }
  .oi-footer-directory { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px 20px; padding: 32px 0; }
  .oi-footer-bottom { flex-direction: column; gap: 10px; }
}