.mq-footer {
  color: #c6cee8;
  background: #070a2b;
  border-top: 1px solid rgba(173, 188, 255, 0.14);
  font-family: var(--font-neo-grotesk, "Geist", "Helvetica Neue", "Segoe UI Variable Display", "Segoe UI", Arial, sans-serif);
  font-weight: 300;
  letter-spacing: -.01em;
  font-synthesis: none;
}

.mq-footer * { box-sizing: border-box; }
.mq-footer a { color: inherit; text-decoration: none; }
.mq-footer .shell { width: min(1440px, calc(100% - 112px)); margin-inline: auto; }

.mq-footer__cta { position: relative; isolation: isolate; min-height: 344px; margin-top: 68px; overflow: hidden; border: 1px solid rgba(174, 186, 255, .22); border-radius: 14px; background: #0a124e url('/merqab-footer-cta.png') 60% center / cover no-repeat; box-shadow: inset 0 1px rgba(255,255,255,.1), 0 18px 56px rgba(0,0,0,.24); }
.mq-footer__cta::before { content: ''; position: absolute; z-index: 0; inset: -12%; background: linear-gradient(90deg, rgba(2, 9, 66, .96) 0%, rgba(3, 13, 84, .84) 35%, rgba(4, 13, 91, .28) 72%, rgba(4, 13, 91, .08) 100%); animation: mq-footer-aurora 12s ease-in-out infinite alternate; }
.mq-footer__cta::after { content: ''; position: absolute; z-index: 1; top: -25%; left: -58%; width: 54%; height: 150%; pointer-events: none; background: linear-gradient(105deg, transparent 17%, rgba(120, 156, 255, .04) 35%, rgba(204, 220, 255, .28) 50%, rgba(119, 112, 255, .09) 65%, transparent 83%); filter: blur(17px); transform: skewX(-14deg); animation: mq-footer-light-sweep 8s cubic-bezier(.4, 0, .2, 1) infinite; }
.mq-footer__cta-content { position: relative; z-index: 2; display: flex; min-height: 344px; flex-direction: column; align-items: center; justify-content: center; padding: 54px 24px; text-align: center; }
.mq-footer__cta-content > p { margin: 0 0 18px; color: #c5ccff; font-size: 10px; font-weight: 750; letter-spacing: .2em; }
.mq-footer__cta h2 { margin: 0; color: #fff; font-size: clamp(34px, 3.6vw, 56px); font-weight: 430; letter-spacing: -.055em; line-height: 1; }
.mq-footer__cta-content > span { max-width: 520px; margin-top: 16px; color: #c1c8e9; font-size: 13px; line-height: 1.6; }
.mq-footer__cta-actions { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 28px; }
.mq-footer__primary, .mq-footer__secondary { display: inline-flex; min-height: 43px; align-items: center; justify-content: center; gap: 9px; border: 1px solid rgba(206, 214, 255, .34); border-radius: 7px; padding: 0 16px; color: #fff !important; background: rgba(255,255,255,.08); font-size: 12px; font-weight: 450; transition: transform .2s ease, background .2s ease, border-color .2s ease; }
.mq-footer__primary:hover, .mq-footer__secondary:hover { border-color: rgba(255,255,255,.7); background: rgba(255,255,255,.15); transform: translateY(-2px); }
.mq-footer__primary:focus-visible, .mq-footer__secondary:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
@keyframes mq-footer-aurora { from { transform: translate3d(-1.5%, 0, 0); opacity: .9; } to { transform: translate3d(2%, 0, 0); opacity: 1; } }
@keyframes mq-footer-light-sweep { 0%, 18% { translate: 0 0; opacity: 0; } 35% { opacity: .9; } 67% { opacity: .52; } 82%, 100% { translate: 285% 0; opacity: 0; } }
.mq-footer__top { display: grid; grid-template-columns: minmax(220px, 1.2fr) minmax(0, 2.8fr); gap: 86px; padding: 68px 0 56px; }
.mq-footer__brand { max-width: 310px; }
.mq-footer__wordmark { display: inline-block; width: 158px; line-height: 0; color: #fff; }
.mq-footer__wordmark img { display:block; width:100%; height:auto; transition:filter .25s ease,transform .25s ease; }
.mq-footer__wordmark:hover img { transform:translateY(-1px); filter:drop-shadow(0 0 13px rgba(175,194,255,.25)); }
.mq-footer__brand p { margin: 25px 0 22px; color: #9eaacc; font-size: 13px; line-height: 1.7; }
.mq-footer__demo { display: inline-flex; align-items: center; gap: 8px; color: #fff!important; font-size: 13px; font-weight: 650; }
.mq-footer__demo:hover { color: #aebfff!important; }
.mq-footer__links { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px; }
.mq-footer__links h2 { margin: 0 0 18px; color: #f3f5ff; font-size: 12px; font-weight: 650; letter-spacing: .01em; }
.mq-footer__links ul { margin: 0; padding: 0; list-style: none; }
.mq-footer__links li + li { margin-top: 12px; }
.mq-footer__links a { color: #aeb9d8; font-size: 12px; line-height: 1.4; transition: color .18s ease; }
.mq-footer__links a:hover { color: #fff; }
.mq-footer__bottom { min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-top: 1px solid rgba(173, 188, 255, 0.14); color: #818eaf; font-size: 11px; }
.mq-footer__bottom > div { display: flex; align-items: center; gap: 20px; }
.mq-footer__bottom a:hover { color: #e5eaff; }

@media (max-width: 900px) {
  .mq-footer__cta { margin-top: 40px; }
  .mq-footer__top { grid-template-columns: 1fr; gap: 44px; }
  .mq-footer__brand { max-width: 430px; }
}

@media (max-width: 640px) {
  .mq-footer .shell { width: calc(100% - 40px); }
  .mq-footer__cta { min-height: 360px; margin-top: 28px; border-radius: 11px; }
  .mq-footer__cta-content { min-height: 360px; padding: 45px 20px; }
  .mq-footer__cta-actions { flex-direction: column; width: min(100%, 260px); }
  .mq-footer__primary, .mq-footer__secondary { width: 100%; }
  .mq-footer__top { padding: 48px 0 40px; gap: 38px; }
  .mq-footer__links { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 24px; }
  .mq-footer__bottom { align-items: flex-start; flex-direction: column; gap: 14px; padding: 20px 0; }
  .mq-footer__bottom > div { flex-wrap: wrap; gap: 12px 18px; }
}

@media (prefers-reduced-motion: reduce) { .mq-footer__cta::before, .mq-footer__cta::after { animation: none; } }

/* Main site chrome — promoted from the temporary TPRM experience. */
.mq-footer { color: #c5becb; background: #07061a; border-top-color: rgba(243,199,132,.13); }
.mq-footer__cta { border-color: rgba(243,199,132,.2); background: radial-gradient(circle at 50% 112%,rgba(243,199,132,.18),transparent 42%),linear-gradient(145deg,#17132f,#0c0b22 72%); box-shadow: inset 0 1px rgba(255,255,255,.06),0 20px 60px rgba(0,0,0,.32); }
.mq-footer__cta::before { background: linear-gradient(100deg,rgba(12,11,34,.96),rgba(35,25,53,.76) 45%,rgba(104,70,99,.2) 72%,rgba(243,199,132,.08)); }
.mq-footer__cta::after { background: linear-gradient(105deg,transparent 17%,rgba(243,199,132,.025) 35%,rgba(255,224,172,.22) 50%,rgba(243,199,132,.07) 65%,transparent 83%); }
.mq-footer__cta::before,.mq-footer__cta::after { animation: none; }
.mq-footer__cta::after { filter: none; opacity: .18; transform: skewX(-14deg) translateX(285%); }
.mq-footer__cta-content > p { color: #f3c784; }
.mq-footer__cta h2 { color: #f4f1ea; }
.mq-footer__cta-content > span { color: #aaa3b3; }
.mq-footer__primary { border-color: #f3c784; color: #100d23!important; background: #f3c784; font-weight: 650; }
.mq-footer__primary:hover { border-color: #ffdca2; background: #ffd898; }
.mq-footer__secondary { border-color: rgba(243,199,132,.23); color: #f4f1ea!important; background: rgba(255,255,255,.025); }
.mq-footer__secondary:hover { border-color: rgba(243,199,132,.58); background: rgba(243,199,132,.07); }
.mq-footer__brand p { color: #9a93ad; }
.mq-footer__demo { color: #f3c784!important; }
.mq-footer__demo:hover { color: #ffd898!important; }
.mq-footer__wordmark:hover img { filter: drop-shadow(0 0 13px rgba(243,199,132,.2)); }
.mq-footer__links h2 { color: #f4f1ea; }
.mq-footer__links a { color: #aaa3b3; }
.mq-footer__links a:hover { color: #f3c784; }
.mq-footer__bottom { border-top-color: rgba(243,199,132,.12); color: #817a8c; }
.mq-footer__bottom a:hover { color: #f3c784; }