html { scroll-padding-top: 104px; -webkit-text-size-adjust: 100%; }
/* Keep the existing dashboard frame/scroll motion, with an unobscured player. */
#zova-desktop .invoice-video-screen { aspect-ratio: 2908 / 1458; background: #111; }
#zova-desktop .invoice-video-screen::before, #zova-desktop .invoice-video-screen::after { display: none; }
.invoice-dashboard-video { display: block; width: 100%; height: 100%; aspect-ratio: 2908 / 1458; object-fit: contain; border-radius: inherit; }
.invoice-video-play { position: absolute; z-index: 4; top: 50%; left: 50%; display: flex; align-items: center; justify-content: center; gap: 12px; width: max-content; max-width: calc(100% - 32px); min-height: 52px; padding: 14px 22px; transform: translate(-50%, -50%); border: 1px solid #ffffff80; border-radius: 14px; background: #172d25; box-shadow: 0 8px 32px #0005; color: #fff; cursor: pointer; font: 600 16px/1.3 Arial, sans-serif; }
.invoice-video-play:hover { background: #24775e; }
.invoice-video-play:focus-visible { outline: 3px solid #5919c1; outline-offset: 5px; }
.invoice-video-play > span { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #ffffff1a; font-size: 12px; }
.invoice-video-error { position: absolute; z-index: 4; top: 12px; left: 12px; right: 12px; margin: 0; padding: 12px; border-radius: 8px; background: #fff; color: #333; font: 14px/1.5 Arial, sans-serif; }
.invoice-video-error a { color: #24775e; text-decoration: underline; }
@media (max-width: 809px) {
  #zova-desktop .invoice-video-screen, .invoice-dashboard-video { aspect-ratio: 1.48571 / 1; }
  .invoice-video-play { gap: 8px; min-height: 48px; padding: 10px 14px; font-size: 14px; }
}
@media (max-width: 809px) {
  #cta, #cta .framer-1nogo9e, #cta .framer-p7kcm9, #cta .framer-6a85bq { height: auto !important; min-height: 0 !important; }
  #cta .framer-p7kcm9 { padding: 0 24px !important; width: 100% !important; gap: 32px !important; }
  #cta .framer-6a85bq { width: 100% !important; max-width: 100% !important; }
  #cta .framer-9texos-container > span { font-size: clamp(28px, 6vw, 44px) !important; word-break: normal !important; }
  #cta .framer-158rfr5 { flex-wrap: wrap !important; }
  #cta .framer-1h9yvul { width: 100% !important; position: relative !important; inset: auto !important; }
  .framer-ys72j, .framer-ys72j .framer-c41wci, .framer-ys72j .framer-1sezgi1 { height: auto !important; min-height: 0 !important; overflow: visible !important; }
  .framer-ys72j .framer-c41wci { padding: 0 24px !important; }
  .framer-ys72j .framer-c41wci { flex-direction: column !important; align-items: stretch !important; gap: 40px !important; }
  .framer-ys72j .framer-5uup3e { width: 100% !important; max-width: 100% !important; }
  .framer-1sezgi1, .framer-14pzody { width: 100% !important; min-width: 0 !important; }
  .framer-14pzody { flex-wrap: wrap !important; gap: 24px !important; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .process-dubai-route-signal { display: none; }
}