/* Homepage v3 — new P0/P1 modules and refinements.
   Loaded after the rest of the homepage stack. Everything is scoped to
   #magtek-home; no global selectors are introduced.
   Covers: hero value line + CTAs, live-aligned proof strip, generic card grid
   (developers/news), testimonial heading/aggregate/partner logos, newsroom. */

/* ── box-sizing for the new component trees ─────────────────────────────── */
#magtek-home .hp-hero__content,
#magtek-home .hp-hero__content *,
#magtek-home .hp-card-grid *,
#magtek-home .hp-news,
#magtek-home .hp-news * {
  box-sizing: border-box;
}

/* ── Hero: value line + CTAs ────────────────────────────────────────────── */
#magtek-home .hp-hero__lead {
  max-width: min(40%, 470px);
  margin: 20px 0 0;
  font-size: 18px;
  line-height: 1.6;
  color: rgb(255 255 255 / 0.86);
}

#magtek-home .hp-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
}

/* Left-side legibility scrim on tablet/desktop so the copy column always sits
   on a dark field without dimming the product on the right. Functional
   contrast aid, not a decorative section gradient. */
@media (min-width: 768px) {
  #magtek-home .hp-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(
      90deg,
      rgb(9 14 21 / 0.72) 0%,
      rgb(9 14 21 / 0.5) 42%,
      rgb(9 14 21 / 0.2) 60%,
      rgb(9 14 21 / 0) 74%
    );
  }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  #magtek-home .hp-hero__lead {
    max-width: min(48%, 350px);
  }
}

@media (max-width: 767px) {
  #magtek-home .hp-hero__lead {
    max-width: 100%;
    font-size: 16px;
  }

  /* Legibility scrim keeps the copy readable over the art on small screens.
     Functional contrast aid, not a decorative section gradient. */
  #magtek-home .hp-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(
      180deg,
      rgb(9 14 21 / 0.88) 0%,
      rgb(9 14 21 / 0.72) 38%,
      rgb(9 14 21 / 0.5) 66%,
      rgb(9 14 21 / 0.18) 100%
    );
  }
}

/* ── Proof strip: live-aligned metrics (h3 -> value/description) ─────────── */
#magtek-home .hp-proof-item p.hp-proof-item__value {
  position: relative;
  margin: 0 0 10px;
  padding-top: 16px;
  font-size: clamp(17px, 1.45vw, 20px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: var(--hp-ink);
  font-variant-numeric: tabular-nums;
}

#magtek-home .hp-proof-item p.hp-proof-item__value::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 3px;
  background: var(--hp-red);
}

#magtek-home .hp-proof-item__desc {
  margin: 0;
  max-width: 34ch;
  font-size: var(--hp-font-proof-body);
  line-height: 1.55;
  color: var(--hp-ink-muted);
}

/* Desktop 4-up: cap the item side padding so every stat value (notably
   "1.8s transaction speed") stays on a single line. Mobile/tablet keep the
   roomier v2 spacing. */
@media (min-width: 992px) {
  #magtek-home .hp-proof-item {
    padding: 2px clamp(16px, 2.2vw, 32px);
  }

  #magtek-home .hp-proof-item:first-child {
    padding-left: 0;
  }

  #magtek-home .hp-proof-item:last-child {
    padding-right: 0;
  }
}

/* ── Partner / processor logo row (used in the testimonials proof section) ── */
#magtek-home .hp-partner-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 22px 40px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#magtek-home .hp-partner-row li {
  display: flex;
  align-items: center;
  justify-content: center;
}

#magtek-home .hp-partner-row img {
  display: block;
  width: auto;
  height: auto;
  max-height: 46px;
  max-width: 132px;
  object-fit: contain;
  filter: grayscale(1);
  opacity: 0.6;
  transition: filter 0.25s ease, opacity 0.25s ease;
}

#magtek-home .hp-partner-row img:hover {
  filter: grayscale(0);
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  #magtek-home .hp-partner-row img {
    transition: none;
  }
}

@media (max-width: 575px) {
  #magtek-home .hp-partner-row {
    gap: 18px 28px;
  }

  #magtek-home .hp-partner-row img {
    max-height: 30px;
    max-width: 92px;
  }
}

/* ── Generic card grid (industries, developers) ─────────────────────────── */
#magtek-home .hp-card-grid {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
}

#magtek-home .hp-card-grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#magtek-home .hp-grid-card {
  --hp-card-icon: 48px;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  text-align: center;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgb(15 23 42 / 0.04), 0 8px 24px rgb(15 23 42 / 0.05);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s ease;
}

#magtek-home .hp-grid-card:hover {
  transform: translateY(-6px);
  border-color: #d1d5db;
  box-shadow: 0 4px 12px rgb(15 23 42 / 0.08), 0 16px 40px rgb(15 23 42 / 0.1);
}

#magtek-home .hp-grid-card__media {
  position: relative;
  height: 160px;
  flex-shrink: 0;
  overflow: hidden;
  background: #eef1f4;
}

#magtek-home .hp-grid-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.3s ease;
}

#magtek-home .hp-grid-card:hover .hp-grid-card__media img {
  transform: scale(1.04);
}

#magtek-home .hp-grid-card__icon {
  position: absolute;
  top: 160px;
  left: 50%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--hp-card-icon);
  height: var(--hp-card-icon);
  transform: translate(-50%, -50%);
  border-radius: 14px;
  border: 3px solid #fff;
  background: linear-gradient(135deg, #263c50 0%, #1e293b 100%);
  box-shadow: 0 4px 12px rgb(38 60 80 / 0.2);
  color: #fff;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease;
}

#magtek-home .hp-grid-card__icon i {
  font-size: 19px;
  line-height: 1;
}

#magtek-home .hp-grid-card:hover .hp-grid-card__icon {
  transform: translate(-50%, -50%) translateY(-2px);
  box-shadow: 0 6px 16px rgb(38 60 80 / 0.25);
}

#magtek-home .hp-grid-card__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 34px 20px 20px;
}

#magtek-home .hp-grid-card__body h3 {
  margin: 0 0 9px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--hp-ink);
}

#magtek-home .hp-grid-card__body p {
  flex: 1;
  margin: 0 0 16px;
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--hp-ink-muted);
}

#magtek-home .hp-grid-card__footer {
  margin-top: auto;
}

/* News variant: no icon overlay, left-aligned, date eyebrow */
#magtek-home .hp-grid-card--news {
  text-align: left;
}

#magtek-home .hp-grid-card--news .hp-grid-card__media img {
  object-position: top center;
}

#magtek-home .hp-grid-card--news .hp-grid-card__body {
  padding: 18px 20px 20px;
}

#magtek-home .hp-grid-card__date {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--hp-red);
}

@media (prefers-reduced-motion: reduce) {
  #magtek-home .hp-grid-card,
  #magtek-home .hp-grid-card__media img,
  #magtek-home .hp-grid-card__icon {
    transition: none;
  }
}

@media (max-width: 991px) {
  #magtek-home .hp-card-grid,
  #magtek-home .hp-card-grid--3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575px) {
  #magtek-home .hp-card-grid,
  #magtek-home .hp-card-grid--3 {
    grid-template-columns: 1fr;
  }
}

/* ── Testimonials: visible heading + aggregate + partner link ───────────── */
#magtek-home .hp-quotes__title {
  margin: 0 0 12px;
  font-size: clamp(26px, 3vw, 40px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: var(--hp-ink);
}

#magtek-home .hp-quotes__aggregate {
  max-width: 620px;
  margin: 0 0 34px;
  font-size: 17px;
  line-height: 1.6;
  color: var(--hp-ink-muted);
}

#magtek-home .hp-quotes__aggregate strong {
  color: var(--hp-ink);
}

#magtek-home .hp-quotes__footer {
  margin-top: 36px;
  text-align: center;
}

/* ── Newsroom ───────────────────────────────────────────────────────────── */
#magtek-home .hp-news {
  padding: 60px 0;
  background: var(--hp-surface-alt);
  border-top: 1px solid rgb(38 60 80 / 0.08);
}

#magtek-home .hp-news__header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 32px;
}

#magtek-home .hp-news__header .section-title,
#magtek-home .hp-news__header .hp-title {
  margin: 0;
  text-align: left;
}

#magtek-home .hp-news__header .section-title {
  padding-bottom: 0;
}

#magtek-home .hp-news__header .section-title::after {
  left: 0;
  transform: none;
}

/* ── Testimonial partner logo strip ─────────────────────────────────────── */
#magtek-home .hp-quotes__partners {
  margin-top: 36px;
  padding-top: 30px;
  border-top: 1px solid rgb(38 60 80 / 0.12);
  text-align: center;
}

#magtek-home .hp-quotes__partners-label {
  margin: 0 0 18px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #94a3b8;
}

/* ── Keep new section headers on the shared type rhythm ─────────────────── */
#magtek-home .hp-news .section-subtitle {
  margin: 0;
}

/* ── Build with MagTek: lightweight two-column developer band ───────────── */
#magtek-home .hp-build {
  padding: 64px 0;
  background: var(--hp-surface-alt);
  border-top: 1px solid rgb(38 60 80 / 0.08);
  border-bottom: 1px solid rgb(38 60 80 / 0.08);
}

#magtek-home .hp-build__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  gap: clamp(32px, 5vw, 72px);
  align-items: center;
}

#magtek-home .hp-build__copy .hp-title {
  margin-bottom: 14px;
}

#magtek-home .hp-build__lead {
  max-width: 460px;
  margin: 0;
  font-size: 18px;
  line-height: 1.6;
  color: var(--hp-ink-muted);
}

#magtek-home .hp-build__list {
  margin: 0;
  padding: 4px 26px;
  list-style: none;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  box-shadow: 0 1px 2px rgb(15 23 42 / 0.04), 0 12px 30px rgb(15 23 42 / 0.05);
}

#magtek-home .hp-build__row {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 22px 0;
  border-bottom: 1px solid rgb(38 60 80 / 0.09);
}

#magtek-home .hp-build__row:last-child {
  border-bottom: 0;
}

#magtek-home .hp-build__icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: linear-gradient(135deg, #263c50 0%, #1e293b 100%);
  color: #fff;
  font-size: 17px;
}

#magtek-home .hp-build__row-text h3 {
  margin: 0 0 4px;
  font-size: 17px;
  font-weight: 700;
  color: var(--hp-ink);
}

#magtek-home .hp-build__row-text p {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.55;
  color: var(--hp-ink-muted);
}

@media (max-width: 900px) {
  #magtek-home .hp-build__inner {
    grid-template-columns: 1fr;
  }

  #magtek-home .hp-build__lead {
    max-width: none;
  }
}

/* News header: left-aligned title/subtitle beside the archive link */
#magtek-home .hp-news__header .section-subtitle {
  max-width: 620px;
  margin: 8px 0 0;
  text-align: left;
}

@media (max-width: 767px) {
  #magtek-home .hp-news__header {
    align-items: flex-start;
  }

  #magtek-home .hp-news__header .section-title {
    margin-bottom: 16px;
  }
}

/* Respect reduced-motion for every new interactive component */
@media (prefers-reduced-motion: reduce) {
  #magtek-home .hp-grid-card,
  #magtek-home .hp-grid-card__media img,
  #magtek-home .hp-grid-card__icon,
  #magtek-home .hp-partner-row img {
    transition: none !important;
  }

  #magtek-home .hp-grid-card:hover {
    transform: none;
  }

  #magtek-home .hp-grid-card:hover .hp-grid-card__media img {
    transform: none;
  }
}

/* ── Industries: per-image focal points ─────────────────────────────────────
   The detail media is a tall/narrow window using object-fit: cover, so wide
   source photos get their sides cropped. Each rule nudges the crop onto the
   subject of interest so it stays inside the window at every breakpoint. */
#magtek-home #hp-ind-panel-banking .hp-industries__media img { object-position: 50% 85%; }
#magtek-home #hp-ind-panel-restaurant .hp-industries__media img { object-position: 55% 60%; }
#magtek-home #hp-ind-panel-retail .hp-industries__media img { object-position: 44% 72%; }
#magtek-home #hp-ind-panel-healthcare .hp-industries__media img { object-position: 48% 48%; }
#magtek-home #hp-ind-panel-transportation .hp-industries__media img { object-position: 6% 55%; }
#magtek-home #hp-ind-panel-hospitality .hp-industries__media img { object-position: 0% 95%; }
#magtek-home #hp-ind-panel-airline .hp-industries__media img { object-position: 14% 45%; }
#magtek-home #hp-ind-panel-oem .hp-industries__media img { object-position: 46% 58%; }

/* ══════════════════════════════════════════════════════════════════════════
   Cross-viewport / cross-engine QA hardening (2026-10-06)
   Every rule below is scoped to #magtek-home and gated to the
   sub-desktop range (<=1199.98px) or to short-landscape viewports, so the
   approved >=1200px desktop rendering is byte-for-byte unchanged.
   ══════════════════════════════════════════════════════════════════════════ */

/* ══ HERO — rethought for phones + tablets ═════════════════════════════════
   Composition by class:
     • phone portrait  — copy at the top, product cluster in the lower third,
                         2-line headline (no 88% cap), even full-width CTAs.
     • phone landscape — tablet art (added <source> in the view), copy upper-
                         left over a 90° scrim, product to the right, hero fills
                         the small viewport (svh).
     • tablet portrait — dedicated 4:3 art, copy upper-left, height capped to
                         the viewport.
     • short viewports — immersive full-height hero.
   svh is used with a vh fallback so iOS Safari's collapsing toolbar can never
   push the hero taller than the screen. Desktop (>=1200) is untouched. ══════ */

/* ── phone portrait ─────────────────────────────────────────────────────── */
@media (max-width: 767.98px) and (orientation: portrait) {
  #magtek-home .hp-hero {
    min-height: min(clamp(540px, 86vh, 760px), 100vh);
    min-height: min(clamp(540px, 86svh, 760px), 100svh);
  }

  #magtek-home .hp-hero__content {
    padding-top: min(clamp(40px, 8vh, 80px), 12vh);
    padding-top: min(clamp(40px, 8svh, 80px), 12svh);
  }

  /* darker, taller top scrim: keeps the copy crisp and lets the product
     cluster read cleanly in the lower third */
  #magtek-home .hp-hero::before {
    background: linear-gradient(
      180deg,
      rgb(9 14 21 / 0.92) 0%,
      rgb(9 14 21 / 0.82) 30%,
      rgb(9 14 21 / 0.52) 50%,
      rgb(9 14 21 / 0.14) 68%,
      rgb(9 14 21 / 0) 100%
    );
  }

  #magtek-home .hp-hero__headline {
    max-width: 100%;
  }

  #magtek-home .hp-hero__line {
    font-size: clamp(28px, 7.2vw, 42px);
  }

  #magtek-home .hp-hero__line--strong {
    font-size: clamp(27px, 7vw, 41px);
  }

  #magtek-home .hp-hero__lead {
    max-width: 100%;
    font-size: 15px;
    line-height: 1.5;
    margin-top: 14px;
  }

  /* Compact single-row CTA pair: keeps the buttons above the product cluster
     instead of stacking full-width over it. */
  #magtek-home .hp-hero__actions {
    margin-top: 18px;
    gap: 10px;
    flex-wrap: nowrap;
  }

  #magtek-home .hp-hero__actions > a {
    flex: 1 1 0;
    min-width: 0;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    text-align: center;
  }
}

/* very small phones: trim the CTA label so the pair still fits one row */
@media (max-width: 359.98px) and (orientation: portrait) {
  #magtek-home .hp-hero__actions > a {
    font-size: 13px !important;
    padding: 0 10px !important;
  }
}

/* ── tablet: cap the width-driven min-height to the visible viewport ─────── */
@media (min-width: 768px) and (max-width: 1199.98px) {
  #magtek-home .hp-hero {
    min-height: min(clamp(600px, 74vw, 860px), 100vh);
    min-height: min(clamp(600px, 74vw, 860px), 100svh);
  }
}

/* ── phone landscape ────────────────────────────────────────────────────── */
@media (max-width: 767.98px) and (orientation: landscape) {
  #magtek-home .hp-hero {
    min-height: 100vh;
    min-height: 100svh;
  }

  #magtek-home .hp-hero::before {
    background: linear-gradient(
      90deg,
      rgb(9 14 21 / 0.88) 0%,
      rgb(9 14 21 / 0.72) 42%,
      rgb(9 14 21 / 0.26) 64%,
      rgb(9 14 21 / 0) 80%
    );
  }

  #magtek-home .hp-hero__content {
    padding: clamp(18px, 5.5svh, 44px) clamp(18px, 5vw, 44px);
  }

  #magtek-home .hp-hero__headline {
    max-width: 58%;
  }

  #magtek-home .hp-hero__line {
    font-size: clamp(24px, 3.8vw, 36px);
  }

  #magtek-home .hp-hero__line--strong {
    font-size: clamp(23px, 3.7vw, 35px);
  }

  #magtek-home .hp-hero__lead {
    max-width: min(54%, 420px);
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.5;
  }

  #magtek-home .hp-hero__actions {
    margin-top: 14px;
  }
}

/* ── any short viewport below desktop (includes 768-1199 landscape): fill the
   small screen and put the copy on the left over a 90° scrim ─────────────── */
@media (max-width: 1199.98px) and (max-height: 520px) {
  #magtek-home .hp-hero {
    min-height: 100vh;
    min-height: 100svh;
  }

  #magtek-home .hp-hero__content {
    padding-top: clamp(18px, 5svh, 44px);
    padding-bottom: clamp(18px, 5svh, 44px);
  }

  #magtek-home .hp-hero__headline {
    max-width: min(58%, 560px);
  }

  #magtek-home .hp-hero__line {
    font-size: clamp(24px, 3.4vw, 36px);
  }

  #magtek-home .hp-hero__line--strong {
    font-size: clamp(23px, 3.3vw, 35px);
  }

  #magtek-home .hp-hero__lead {
    max-width: min(54%, 440px);
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.5;
  }

  #magtek-home .hp-hero__actions {
    margin-top: 14px;
  }
}

/* ── Qwantum gutter: below 1200 the dark band is full-bleed and its own 20px
   padding stacks on top of the inner .container's 15px, pushing the content
   5px past the 15px gutter every other section uses. Match the standard
   gutter so Qwantum content lines up with its neighbours at 1024/1100/1199.
   (Left untouched at >=1200 where the approved desktop is aligned.) ──────── */
@media (max-width: 1199.98px) {
  #magtek-home .qwantum-background {
    /* The inner .container already carries the 15px gutter; drop the band's
       extra horizontal padding so the content box matches every other
       section exactly (the dark band itself stays full-bleed). */
    padding-left: 0;
    padding-right: 0;
  }
}

/* ── Safe-area insets: keep hero copy and the closing CTA band clear of the
   notch and the home indicator in landscape on notched iPhones. env() is 0
   on every other surface, so this is a no-op off the notched devices. ───── */
@media (max-width: 1199.98px) {
  #magtek-home .hp-hero__content {
    padding-left: max(clamp(24px, 6vw, 72px), env(safe-area-inset-left));
    padding-right: max(clamp(24px, 6vw, 72px), env(safe-area-inset-right));
  }
}

#magtek-home .hp-cta-band {
  padding-left: max(var(--hp-pad-x), env(safe-area-inset-left));
  padding-right: max(var(--hp-pad-x), env(safe-area-inset-right));
}

/* ── Qwantum CTA: `.qwantum-btn` is nowrap with 28px side padding, so the
   label (~354px) is clipped by the section's overflow:hidden below ~380px.
   Allow the label to wrap and keep the 56px minimum tap height. ─────────── */
@media (max-width: 380px) {
  #magtek-home .qwantum-btn {
    white-space: normal;
    height: auto;
    min-height: 56px;
    max-width: 100%;
    padding: 12px 18px;
    line-height: 1.25;
  }

  #magtek-home .qwantum-note {
    font-size: 14px;
  }
}

/* ── Long CJK-ish/long-word strings must never widen a card or push the page
   into horizontal scroll (news headlines, quote titles). ────────────────── */
#magtek-home .hp-grid-card--news .hp-grid-card__body h3,
#magtek-home .hp-quotes__title,
#magtek-home .hp-quotes__aggregate {
  overflow-wrap: anywhere;
}

/* ── Visible focus for the remaining interactive components that do not use
   the shared MagTek button pack (news/industry card links, Qwantum CTA). ── */
#magtek-home .hp-grid-card a:focus-visible,
#magtek-home .hp-partner-row a:focus-visible,
#magtek-home .hp-quotes__footer a:focus-visible {
  outline: 3px solid #d21242;
  outline-offset: 3px;
  border-radius: 4px;
}

#magtek-home .qwantum-btn:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}


/* ══ AOS: subtle scroll reveal (fade-up only) ══════════════════════════════
   AOS is loaded globally by the layout. The homepage uses only a gentle,
   one-shot fade-up with a small offset. On mobile, Edge, and reduced-motion
   the page init disables AOS, which makes AOS strip the data-aos attributes
   so content stays static and visible (no hidden content). */
#magtek-home [data-aos] {
  transition-duration: 600ms;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

#magtek-home [data-aos="fade-up"] {
  transform: translate3d(0, 22px, 0);
}

#magtek-home [data-aos="fade-up"].aos-animate {
  transform: none;
}

/* The full-width closing band fades in place (no vertical shift). */
#magtek-home .hp-cta-band[data-aos="fade-up"],
#magtek-home .hp-cta-band[data-aos="fade-up"].aos-animate {
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  #magtek-home [data-aos] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}