/* ========================================================================== 
   Constructions Realm Themes
   One canonical /constructions/ template; visual theme follows Task Management:
   glitch -> Futuristic, arcade -> Retro.
   Base layout/responsive rules stay in marketing-advertising.css.
   ========================================================================== */

body.mt-constructions-page.constructions-futuristic,
body.mt-constructions-page.constructions-retro {
  --mtc-accent: #7139D1;
  --mtc-accent-soft: #C3ACF2;
  --mtc-white: #fff;
  --mtc-muted: rgba(255,255,255,.78);
  --mtc-line: rgba(195,172,242,.24);
  color: #fff;
}

body.mt-constructions-page.constructions-futuristic {
  --mtc-bg: #040512;
  --mtc-bg-alt: #080618;
  --mtc-panel: #1F054B;
  --mtc-panel-2: #1B063E;
  --mtc-deep: #0C031C;
}

body.mt-constructions-page.constructions-retro {
  --mtc-bg: #1B1C48;
  --mtc-bg-alt: #202152;
  --mtc-panel: #2F1856;
  --mtc-panel-2: #27285F;
  --mtc-deep: #17183F;
}

body.mt-constructions-page.constructions-futuristic #wrapper,
body.mt-constructions-page.constructions-futuristic .site-main,
body.mt-constructions-page.constructions-futuristic .mtma-light-page,
body.mt-constructions-page.constructions-retro #wrapper,
body.mt-constructions-page.constructions-retro .site-main,
body.mt-constructions-page.constructions-retro .mtma-light-page {
  background: var(--mtc-bg);
  color: #fff;
}

/* HERO + SHOWCASE ---------------------------------------------------------- */
body.mt-constructions-page.constructions-futuristic .mtma-construction-hero-wrap {
  background:
    url('../solutions-pages/constructions/assets/images/constructions/construction-dark-hero-bg.png') center bottom / 100% 100% no-repeat,
    #040512;
}

body.mt-constructions-page.constructions-retro .mtma-construction-hero-wrap {
  background:
    url('../solutions-pages/constructions/assets/images/constructions/construction-dark-hero-bg.png') center bottom / 100% 100% no-repeat,
    #1B1C48;
}

body.mt-constructions-page.constructions-retro .mtma-construction-hero-wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(155,127,247,.055) 1px, transparent 1px),
    linear-gradient(rgba(155,127,247,.055) 1px, transparent 1px);
  background-size: 36px 36px;
}

body.mt-constructions-page.constructions-futuristic .mtma-construction-bg,
body.mt-constructions-page.constructions-retro .mtma-construction-bg {
  display: none;
}

body.mt-constructions-page.constructions-futuristic .mtma-hero,
body.mt-constructions-page.constructions-futuristic .mtma-showcase,
body.mt-constructions-page.constructions-retro .mtma-hero,
body.mt-constructions-page.constructions-retro .mtma-showcase {
  background: transparent;
  color: #fff;
}

body.mt-constructions-page.constructions-futuristic .mtma-eyebrow,
body.mt-constructions-page.constructions-retro .mtma-eyebrow {
  color: #fff;
  border: 1px solid rgba(195,172,242,.34);
  background: rgba(12,3,28,.66);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter: blur(10px);
}

body.mt-constructions-page.constructions-retro .mtma-eyebrow {
  border-width: 2px;
  border-radius: 8px;
  background: #23245C;
  box-shadow: 4px 4px 0 rgba(7,8,35,.35);
  backdrop-filter: none;
}

body.mt-constructions-page.constructions-futuristic .mtma-hero h1,
body.mt-constructions-page.constructions-futuristic .mtma-hero p,
body.mt-constructions-page.constructions-retro .mtma-hero h1,
body.mt-constructions-page.constructions-retro .mtma-hero p {
  color: #fff;
}

body.mt-constructions-page.constructions-futuristic .mtma-hero h1 strong,
body.mt-constructions-page.constructions-retro .mtma-hero h1 strong {
  color: var(--mtc-accent);
}

body.mt-constructions-page.constructions-retro .mtma-hero h1 {
  text-shadow: 4px 4px 0 rgba(7,8,35,.38);
}

body.mt-constructions-page.constructions-futuristic .mtma-cta--primary,
body.mt-constructions-page.constructions-retro .mtma-cta--primary {
  background: #7139D1;
  border-color: #7139D1;
  box-shadow: 0 10px 30px rgba(113,57,209,.26);
}

body.mt-constructions-page.constructions-retro .mtma-cta--primary {
  border: 2px solid #C3ACF2;
  box-shadow: 5px 5px 0 rgba(8,9,42,.4);
}

body.mt-constructions-page.constructions-futuristic .mtma-cta--secondary,
body.mt-constructions-page.constructions-retro .mtma-cta--secondary {
  color: #fff;
  border-color: rgba(195,172,242,.52);
  background: rgba(12,3,28,.68);
}

body.mt-constructions-page.constructions-retro .mtma-cta--secondary {
  border-width: 2px;
  background: #23245C;
  box-shadow: 4px 4px 0 rgba(8,9,42,.32);
}

body.mt-constructions-page.constructions-futuristic .mtma-showcase__stage,
body.mt-constructions-page.constructions-retro .mtma-showcase__stage {
  border: 3px solid rgba(195,172,242,.24);
  border-radius: 26px;
  background: linear-gradient(180deg, rgba(31,5,75,.74), rgba(12,3,28,.78));
  box-shadow: 0 28px 70px rgba(0,0,0,.28), 0 0 34px rgba(113,57,209,.12);
  overflow: hidden;
}

body.mt-constructions-page.constructions-retro .mtma-showcase__stage {
  border-color: #9B7FF7;
  background: rgba(23,24,63,.86);
  box-shadow: 8px 8px 0 rgba(7,8,35,.38), 0 26px 55px rgba(0,0,0,.22);
}

body.mt-constructions-page.constructions-futuristic .mtma-showcase__dashboard,
body.mt-constructions-page.constructions-retro .mtma-showcase__dashboard {
  filter: drop-shadow(0 22px 28px rgba(0,0,0,.44));
}

body.mt-constructions-page.constructions-futuristic .mtma-float,
body.mt-constructions-page.constructions-retro .mtma-float {
  filter: drop-shadow(0 12px 18px rgba(0,0,0,.34)) drop-shadow(0 0 14px rgba(113,57,209,.28));
}

/* SHARED DARK SECTIONS ------------------------------------------------------ */
body.mt-constructions-page.constructions-futuristic .mtma-why,
body.mt-constructions-page.constructions-futuristic .mtma-problem,
body.mt-constructions-page.constructions-futuristic .mtma-platform,
body.mt-constructions-page.constructions-futuristic .mtp-speed,
body.mt-constructions-page.constructions-futuristic .mtma-comparison,
body.mt-constructions-page.constructions-retro .mtma-why,
body.mt-constructions-page.constructions-retro .mtma-problem,
body.mt-constructions-page.constructions-retro .mtma-platform,
body.mt-constructions-page.constructions-retro .mtp-speed,
body.mt-constructions-page.constructions-retro .mtma-comparison {
  background: var(--mtc-bg);
  color: #fff;
}

body.mt-constructions-page.constructions-futuristic .mtma-why__eyebrow,
body.mt-constructions-page.constructions-futuristic .mtma-problem__eyebrow,
body.mt-constructions-page.constructions-futuristic .mtma-platform__eyebrow,
body.mt-constructions-page.constructions-futuristic .mtma-comparison__eyebrow,
body.mt-constructions-page.constructions-retro .mtma-why__eyebrow,
body.mt-constructions-page.constructions-retro .mtma-problem__eyebrow,
body.mt-constructions-page.constructions-retro .mtma-platform__eyebrow,
body.mt-constructions-page.constructions-retro .mtma-comparison__eyebrow {
  color: #fff;
}

body.mt-constructions-page.constructions-futuristic .mtma-why h2,
body.mt-constructions-page.constructions-futuristic .mtma-problem h2,
body.mt-constructions-page.constructions-futuristic .mtma-platform h2,
body.mt-constructions-page.constructions-futuristic .mtma-comparison h2,
body.mt-constructions-page.constructions-retro .mtma-why h2,
body.mt-constructions-page.constructions-retro .mtma-problem h2,
body.mt-constructions-page.constructions-retro .mtma-platform h2,
body.mt-constructions-page.constructions-retro .mtma-comparison h2 {
  color: var(--mtc-accent);
}

/* Why: Task Management feature-card language */
body.mt-constructions-page.constructions-futuristic .mtma-why__panel,
body.mt-constructions-page.constructions-retro .mtma-why__panel {
  border: 3px solid rgba(241,241,241,.22);
  border-radius: 28px;
  background: linear-gradient(180deg, var(--mtc-panel) 0%, var(--mtc-panel-2) 100%);
  box-shadow: 0 24px 60px rgba(0,0,0,.24);
}

body.mt-constructions-page.constructions-retro .mtma-why__panel {
  border-color: rgba(195,172,242,.42);
  box-shadow: 7px 7px 0 rgba(7,8,35,.32);
}

body.mt-constructions-page.constructions-futuristic .mtma-why__benefit,
body.mt-constructions-page.constructions-retro .mtma-why__benefit {
  border-radius: 18px;
  background: rgba(102,105,254,.06);
  transition: transform .28s ease, background-color .28s ease;
}

body.mt-constructions-page.constructions-futuristic .mtma-why__benefit:hover,
body.mt-constructions-page.constructions-retro .mtma-why__benefit:hover {
  transform: translateY(-4px);
  background: rgba(113,57,209,.12);
}

body.mt-constructions-page.constructions-futuristic .mtma-why__benefit p,
body.mt-constructions-page.constructions-retro .mtma-why__benefit p {
  color: #fff;
}

/* Problem */
body.mt-constructions-page.constructions-futuristic .mtma-problem {
  background:
    radial-gradient(circle at 82% 24%, rgba(113,57,209,.16), transparent 32%),
    #040512;
}

body.mt-constructions-page.constructions-retro .mtma-problem {
  background-color: #1B1C48;
  background-image:
    linear-gradient(rgba(155,127,247,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(155,127,247,.045) 1px, transparent 1px);
  background-size: 42px 42px;
}

body.mt-constructions-page.constructions-futuristic .mtma-problem__card,
body.mt-constructions-page.constructions-retro .mtma-problem__card {
  border-left: 4px solid #7139D1;
  border-radius: 16px;
  background: var(--mtc-deep);
  box-shadow: 0 14px 36px rgba(0,0,0,.16);
}

body.mt-constructions-page.constructions-retro .mtma-problem__card {
  border: 2px solid rgba(155,127,247,.22);
  border-left: 5px solid #9B7FF7;
  box-shadow: 5px 5px 0 rgba(7,8,35,.26);
}

body.mt-constructions-page.constructions-futuristic .mtma-problem__card h3,
body.mt-constructions-page.constructions-futuristic .mtma-problem__card p,
body.mt-constructions-page.constructions-retro .mtma-problem__card h3,
body.mt-constructions-page.constructions-retro .mtma-problem__card p {
  color: #fff;
}
body.mt-constructions-page.constructions-futuristic .mtma-problem__card p,
body.mt-constructions-page.constructions-retro .mtma-problem__card p { color: var(--mtc-muted); }

body.mt-constructions-page.constructions-futuristic .mtma-problem__visual img,
body.mt-constructions-page.constructions-retro .mtma-problem__visual img {
  filter: drop-shadow(0 22px 32px rgba(0,0,0,.3)) drop-shadow(0 0 18px rgba(113,57,209,.18));
}

/* Platform */
body.mt-constructions-page.constructions-futuristic .mtma-platform,
body.mt-constructions-page.constructions-retro .mtma-platform {
  background: var(--mtc-bg-alt);
}

body.mt-constructions-page.constructions-futuristic .mtma-platform__feature,
body.mt-constructions-page.constructions-retro .mtma-platform__feature {
  border-bottom-color: rgba(195,172,242,.13);
}

body.mt-constructions-page.constructions-futuristic .mtma-platform__copy h3,
body.mt-constructions-page.constructions-retro .mtma-platform__copy h3 {
  color: #fff;
  background: transparent;
}
body.mt-constructions-page.constructions-futuristic .mtma-platform__copy h3::before,
body.mt-constructions-page.constructions-retro .mtma-platform__copy h3::before {
  background: #7139D1;
  box-shadow: 0 0 14px rgba(113,57,209,.48);
}
body.mt-constructions-page.constructions-futuristic .mtma-platform__copy p,
body.mt-constructions-page.constructions-retro .mtma-platform__copy p { color: var(--mtc-muted); }

body.mt-constructions-page.constructions-futuristic .mtma-platform__media,
body.mt-constructions-page.constructions-retro .mtma-platform__media {
  border: 3px solid rgba(241,241,241,.2);
  border-radius: 25px;
  background: linear-gradient(180deg, var(--mtc-panel) 0%, var(--mtc-panel-2) 100%);
  box-shadow: 0 22px 54px rgba(0,0,0,.2);
  overflow: hidden;
}
body.mt-constructions-page.constructions-retro .mtma-platform__media {
  border-color: rgba(155,127,247,.34);
  box-shadow: 6px 6px 0 rgba(7,8,35,.26);
}
body.mt-constructions-page.constructions-futuristic .mtma-platform__media img,
body.mt-constructions-page.constructions-retro .mtma-platform__media img { transition: transform .35s cubic-bezier(.22,1,.36,1); }
body.mt-constructions-page.constructions-futuristic .mtma-platform__feature:hover .mtma-platform__media img,
body.mt-constructions-page.constructions-retro .mtma-platform__feature:hover .mtma-platform__media img { transform: scale(1.018); }

/* Momentum: keep construction content, use Task Management realm treatment */
body.mt-constructions-page.constructions-futuristic .mtc-momentum,
body.mt-constructions-page.constructions-retro .mtc-momentum {
  background: var(--mtc-bg-alt);
}
body.mt-constructions-page.constructions-futuristic .mtc-momentum::before {
  background:
    radial-gradient(circle at 18% 58%, rgba(113,57,209,.28), transparent 34%),
    radial-gradient(circle at 84% 78%, rgba(113,57,209,.22), transparent 32%),
    linear-gradient(180deg, rgba(4,5,18,.56), rgba(4,5,18,.9));
}
body.mt-constructions-page.constructions-retro .mtc-momentum::before {
  background:
    linear-gradient(rgba(27,28,72,.72), rgba(27,28,72,.9)),
    url('../images/bg-arcade-2.png') center / cover no-repeat;
}
body.mt-constructions-page.constructions-futuristic .mtc-momentum__bg,
body.mt-constructions-page.constructions-retro .mtc-momentum__bg { opacity: .24; filter: saturate(.75) hue-rotate(10deg); }
body.mt-constructions-page.constructions-futuristic .mtc-momentum__card,
body.mt-constructions-page.constructions-retro .mtc-momentum__card {
  border: 3px solid rgba(241,241,241,.22);
  background: linear-gradient(180deg, var(--mtc-panel) 0%, var(--mtc-panel-2) 100%);
  box-shadow: 0 20px 50px rgba(0,0,0,.22);
  backdrop-filter: none;
}
body.mt-constructions-page.constructions-retro .mtc-momentum__card {
  border-color: rgba(195,172,242,.36);
  box-shadow: 6px 6px 0 rgba(7,8,35,.28);
}
body.mt-constructions-page.constructions-futuristic .mtc-momentum__card strong,
body.mt-constructions-page.constructions-retro .mtc-momentum__card strong { color: #BB93FF; }
body.mt-constructions-page.constructions-futuristic .mtc-momentum__shield,
body.mt-constructions-page.constructions-retro .mtc-momentum__shield { filter: drop-shadow(0 22px 30px rgba(0,0,0,.38)) drop-shadow(0 0 18px rgba(113,57,209,.24)); }

/* Payoff cards */
body.mt-constructions-page.constructions-futuristic .mtp-speed,
body.mt-constructions-page.constructions-retro .mtp-speed {
  background:
    radial-gradient(circle at 0% 38%, rgba(40, 8, 54, .82), transparent 36%),
    radial-gradient(circle at 22% 100%, rgba(30, 36, 92, .74), transparent 42%),
    linear-gradient(180deg, #040512 0%, #09091f 56%, #171b49 100%);
}
body.mt-constructions-page.constructions-futuristic .mtp-speed__copy > span,
body.mt-constructions-page.constructions-futuristic .mtp-speed__copy h2,
body.mt-constructions-page.constructions-retro .mtp-speed__copy > span,
body.mt-constructions-page.constructions-retro .mtp-speed__copy h2 { color: #fff; }
body.mt-constructions-page.constructions-futuristic .mtp-speed__copy h2 strong,
body.mt-constructions-page.constructions-retro .mtp-speed__copy h2 strong { color: #7139D1; }
body.mt-constructions-page.constructions-futuristic .mtp-speed-card,
body.mt-constructions-page.constructions-retro .mtp-speed-card {
  border: 3px solid rgba(241,241,241,.24);
  background: linear-gradient(180deg, #1F054B 0%, #1B063E 100%);
  color: #fff;
  box-shadow: 0 20px 48px rgba(0,0,0,.2);
}
body.mt-constructions-page.constructions-retro .mtp-speed-card { box-shadow: 6px 6px 0 rgba(7,8,35,.28); }
body.mt-constructions-page.constructions-futuristic .mtp-speed-card h3,
body.mt-constructions-page.constructions-retro .mtp-speed-card h3 { color: #7139D1; }
body.mt-constructions-page.constructions-futuristic .mtp-speed-card p,
body.mt-constructions-page.constructions-retro .mtp-speed-card p { color: #fff; }

/* Comparison */
body.mt-constructions-page.constructions-futuristic .mtc-comparison .mtma-comparison__card,
body.mt-constructions-page.constructions-retro .mtc-comparison .mtma-comparison__card {
  border: 3px solid rgba(241,241,241,.22);
  background: linear-gradient(180deg, var(--mtc-panel) 0%, var(--mtc-panel-2) 100%);
  box-shadow: none;
}
body.mt-constructions-page.constructions-retro .mtc-comparison .mtma-comparison__card {
  border-color: rgba(195,172,242,.38);
  box-shadow: 6px 6px 0 rgba(7,8,35,.28);
}
body.mt-constructions-page.constructions-futuristic .mtc-comparison .mtma-comparison__card h3,
body.mt-constructions-page.constructions-retro .mtc-comparison .mtma-comparison__card h3 { color: #BB93FF; }
body.mt-constructions-page.constructions-futuristic .mtc-comparison .mtma-comparison__card p,
body.mt-constructions-page.constructions-retro .mtc-comparison .mtma-comparison__card p { color: #fff; }
body.mt-constructions-page.constructions-futuristic .mtc-comparison .mtma-comparison__card--magictask,
body.mt-constructions-page.constructions-retro .mtc-comparison .mtma-comparison__card--magictask {
  border-color: #C3ACF2;
  background: #2F1856;
}
body.mt-constructions-page.constructions-futuristic .mtc-comparison .mtma-comparison__card:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(0,0,0,.24), 0 0 24px rgba(113,57,209,.12); }
body.mt-constructions-page.constructions-retro .mtc-comparison .mtma-comparison__card:hover { transform: translate(-2px,-2px); box-shadow: 8px 8px 0 rgba(7,8,35,.34); }

body.mt-constructions-page.constructions-futuristic .mtc-comparison, body.mt-constructions-page.constructions-retro .mtc-comparison {
  padding-inline: 24px;
  background: #040512;
}

body.mt-constructions-page.constructions-retro .mtc-comparison {
  background: #1B1C48;
}

body.mt-constructions-page.constructions-futuristic .mtc-comparison .mtma-comparison__eyebrow,
body.mt-constructions-page.constructions-retro .mtc-comparison .mtma-comparison__eyebrow {color: #fff;
  text-align: center;
}

body.mt-constructions-page.constructions-futuristic .mtc-comparison h2,
body.mt-constructions-page.constructions-retro .mtc-comparison h2 {
  margin: 0 auto;
  color: #7139D1;
  font-size: clamp(36px, 3.7vw, 54px);
  line-height: 1.15;
  text-align: center;
}

body.mt-constructions-page.constructions-futuristic .mtc-comparison .mtma-comparison__grid, body.mt-constructions-page.constructions-retro .mtc-comparison .mtma-comparison__grid {
  column-gap: 36px;
}

body.mt-constructions-page.constructions-futuristic .mtc-comparison .mtma-comparison__card, body.mt-constructions-page.constructions-retro .mtc-comparison .mtma-comparison__card {
  min-height: 310px;
  padding-inline: 24px;
  border: 0;
  border-radius: 18px;
  background: linear-gradient(90deg, rgba(32, 26, 58, .82) 0%, rgba(15, 12, 35, .92) 100%);
  box-shadow: inset 0 0 0 1px rgba(113, 57, 209, .08), 0 18px 40px rgba(0, 0, 0, .16);
}

body.mt-constructions-page.constructions-retro .mtc-comparison .mtma-comparison__card {
  background: linear-gradient(90deg, rgba(47, 24, 86, .92) 0%, rgba(32, 33, 82, .92) 100%);
  box-shadow: 6px 6px 0 rgba(7, 8, 35, .28);
}

body.mt-constructions-page.constructions-futuristic .mtc-comparison .mtma-comparison__card h3,
body.mt-constructions-page.constructions-retro .mtc-comparison .mtma-comparison__card h3 {
  margin: 0 0 34px;
  color: #7139D1;
  font-size: 22px;
  line-height: 1.22;
  letter-spacing: .08em;
}

body.mt-constructions-page.constructions-futuristic .mtc-comparison .mtma-comparison__card p,
body.mt-constructions-page.constructions-retro .mtc-comparison .mtma-comparison__card p {
  color: #fff;
  font-size: 17px;
  line-height: 1.62;
}

body.mt-constructions-page.constructions-futuristic .mtc-comparison .mtc-comparison__icon,
body.mt-constructions-page.constructions-retro .mtc-comparison .mtc-comparison__icon {
  opacity: .28;
  filter: none;
}

body.mt-constructions-page.constructions-futuristic .mtc-comparison .mtma-comparison__card--magictask,
body.mt-constructions-page.constructions-retro .mtc-comparison .mtma-comparison__card--magictask {
  background: #2d0f59;
  box-shadow: none;
}

body.mt-constructions-page.constructions-retro .mtc-comparison .mtma-comparison__card--magictask {
  background: #2F1856;
  box-shadow: 6px 6px 0 rgba(7, 8, 35, .28);
}

/* CTA uses Task Management's native realm CSS via realm--glitch/arcade. */
body.mt-constructions-page.constructions-futuristic .mtc-final-cta,
body.mt-constructions-page.constructions-retro .mtc-final-cta { margin-top: 0; }

/* RESPONSIVE --------------------------------------------------------------- */
@media (max-width: 1280px) {
  body.mt-constructions-page.constructions-futuristic .mtma-showcase__stage,
  body.mt-constructions-page.constructions-retro .mtma-showcase__stage { border-radius: 22px; }
}

@media (max-width: 1024px) {
  body.mt-constructions-page.constructions-futuristic .mtma-platform__media,
  body.mt-constructions-page.constructions-retro .mtma-platform__media { border-radius: 20px; }
  body.mt-constructions-page.constructions-futuristic .mtma-why__panel,
  body.mt-constructions-page.constructions-retro .mtma-why__panel { border-radius: 24px; }

body.mt-constructions-page.constructions-futuristic .mtc-comparison .mtma-comparison__grid, body.mt-constructions-page.constructions-retro .mtc-comparison .mtma-comparison__grid {
    column-gap: 22px;
  }
}

@media (max-width: 912px) {
  body.mt-constructions-page.constructions-futuristic .mtma-hero p br,
  body.mt-constructions-page.constructions-retro .mtma-hero p br { display: none; }
  body.mt-constructions-page.constructions-futuristic .mtma-showcase__stage,
  body.mt-constructions-page.constructions-retro .mtma-showcase__stage { border-width: 2px; }
}

@media (max-width: 767px) {
  body.mt-constructions-page.constructions-futuristic,
  body.mt-constructions-page.constructions-retro { overflow-x: hidden; }

  body.mt-constructions-page.constructions-futuristic .mtma-construction-hero-wrap,
  body.mt-constructions-page.constructions-retro .mtma-construction-hero-wrap { background-position: center bottom; }

  body.mt-constructions-page.constructions-retro .mtma-construction-hero-wrap::before { background-size: 28px 28px; }

  body.mt-constructions-page.constructions-futuristic .mtma-showcase__stage,
  body.mt-constructions-page.constructions-retro .mtma-showcase__stage {
    width: calc(100% - 24px);
    margin-left: auto;
    margin-right: auto;
    border-radius: 18px;
  }

body.mt-constructions-page.constructions-futuristic .mtma-why__panel, body.mt-constructions-page.constructions-retro .mtma-why__panel {
    padding-inline: 22px;
    border-radius: 16px;
  }

body.mt-constructions-page.constructions-futuristic .mtma-why h2, body.mt-constructions-page.constructions-futuristic .mtma-why__benefits, body.mt-constructions-page.constructions-retro .mtma-why__benefits {
    grid-template-columns: 1fr;
  }

body.mt-constructions-page.constructions-futuristic .mtma-why__benefit, body.mt-constructions-page.constructions-retro .mtma-why__benefit {
    justify-content: flex-start;
    width: 100%;
    padding-inline: 6px;
  }

  body.mt-constructions-page.constructions-futuristic .mtma-why__benefit + .mtma-why__benefit,
  body.mt-constructions-page.constructions-retro .mtma-why__benefit + .mtma-why__benefit {
    border-top: 1px solid rgba(255, 255, 255, .28);
    border-left: 0;
  }

  body.mt-constructions-page.constructions-futuristic .mtma-problem__card,
  body.mt-constructions-page.constructions-retro .mtma-problem__card { border-radius: 14px; }

  body.mt-constructions-page.constructions-futuristic .mtma-platform__media,
  body.mt-constructions-page.constructions-retro .mtma-platform__media {
    width: 100%;
    border-width: 2px;
    border-radius: 18px;
  }

  body.mt-constructions-page.constructions-futuristic .mtc-momentum__card,
  body.mt-constructions-page.constructions-retro .mtc-momentum__card {
    width: 100%;
    border-width: 2px;
  }

  body.mt-constructions-page.constructions-futuristic .mtp-speed-card,
  body.mt-constructions-page.constructions-retro .mtp-speed-card,
  body.mt-constructions-page.constructions-futuristic .mtc-comparison .mtma-comparison__card,
  body.mt-constructions-page.constructions-retro .mtc-comparison .mtma-comparison__card { border-width: 2px; }

body.mt-constructions-page.constructions-futuristic .mtc-comparison, body.mt-constructions-page.constructions-retro .mtc-comparison {
    padding-inline: 18px;
  }

  body.mt-constructions-page.constructions-futuristic .mtc-comparison h2,
  body.mt-constructions-page.constructions-retro .mtc-comparison h2 {
    font-size: 34px;
  }

body.mt-constructions-page.constructions-futuristic .mtc-comparison .mtma-comparison__grid, body.mt-constructions-page.constructions-retro .mtc-comparison .mtma-comparison__grid {
    column-gap: 16px;
  }

  body.mt-constructions-page.constructions-futuristic .mtc-comparison .mtma-comparison__card,
  body.mt-constructions-page.constructions-retro .mtc-comparison .mtma-comparison__card {
    min-height: 0;
  }
}

@media (max-width: 540px) {
  body.mt-constructions-page.constructions-futuristic .mtma-eyebrow,
  body.mt-constructions-page.constructions-retro .mtma-eyebrow { backdrop-filter: none; }
  body.mt-constructions-page.constructions-futuristic .mtma-showcase__stage,
  body.mt-constructions-page.constructions-retro .mtma-showcase__stage { width: calc(100% - 20px); }
  body.mt-constructions-page.constructions-futuristic .mtma-platform__feature:hover .mtma-platform__media img,
  body.mt-constructions-page.constructions-retro .mtma-platform__feature:hover .mtma-platform__media img,
  body.mt-constructions-page.constructions-futuristic .mtma-why__benefit:hover,
  body.mt-constructions-page.constructions-retro .mtma-why__benefit:hover { transform: none; }
}

@media (max-width: 425px) {
  body.mt-constructions-page.constructions-futuristic .mtma-showcase__stage,
  body.mt-constructions-page.constructions-retro .mtma-showcase__stage { width: calc(100% - 16px); border-radius: 16px; }
  body.mt-constructions-page.constructions-retro .mtma-cta--primary,
  body.mt-constructions-page.constructions-retro .mtma-cta--secondary { box-shadow: 3px 3px 0 rgba(8,9,42,.34); }
}

@media (max-width: 375px) {
  body.mt-constructions-page.constructions-futuristic .mtma-why__panel,
  body.mt-constructions-page.constructions-retro .mtma-why__panel,
  body.mt-constructions-page.constructions-futuristic .mtma-platform__media,
  body.mt-constructions-page.constructions-retro .mtma-platform__media { border-radius: 15px; }
}

@media (max-width: 320px) {
  body.mt-constructions-page.constructions-futuristic .mtma-showcase__stage,
  body.mt-constructions-page.constructions-retro .mtma-showcase__stage { width: calc(100% - 12px); }
}

@media (prefers-reduced-motion: reduce) {
  body.mt-constructions-page.constructions-futuristic *,
  body.mt-constructions-page.constructions-retro *,
  body.mt-constructions-page.constructions-futuristic *::before,
  body.mt-constructions-page.constructions-futuristic *::after,
  body.mt-constructions-page.constructions-retro *::before,
  body.mt-constructions-page.constructions-retro *::after {
    scroll-behavior: auto !important;
  }
}


/* 2026-09-24 follow-up cleanup ------------------------------------------------
   Remove the heavy purple framed panel treatment from the showcase + why strip
   for Futuristic/Retro, and tighten mobile centering/alignment. */
body.mt-constructions-page.constructions-futuristic .mtma-showcase__stage,
body.mt-constructions-page.constructions-retro .mtma-showcase__stage {
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.mt-constructions-page.constructions-futuristic .mtma-why__panel,
body.mt-constructions-page.constructions-retro .mtma-why__panel {
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.mt-constructions-page.constructions-futuristic .mtma-why__benefit,
body.mt-constructions-page.constructions-retro .mtma-why__benefit {
  background: transparent;
}

body.mt-constructions-page.constructions-futuristic .mtma-why__benefit:hover,
body.mt-constructions-page.constructions-retro .mtma-why__benefit:hover {
  transform: none;
  background: transparent;
}/* Construction dark realms: keep the Why strip aligned with the light-page design. */
body.mt-constructions-page.constructions-futuristic .mtma-why, body.mt-constructions-page.constructions-retro .mtma-why {
  padding-inline: 20px;
  background: #040512;
}

body.mt-constructions-page.constructions-retro .mtma-why {
  background: #1B1C48;
}

body.mt-constructions-page.constructions-futuristic .mtma-why__panel, body.mt-constructions-page.constructions-retro .mtma-why__panel {
  width: min(100%, 1130px);
  margin: 0 auto;
  padding-inline: 72px;
  border: 0;
  border-radius: 19px;
  background:
    radial-gradient(circle at 86% 48%, rgba(113, 57, 209, .26), transparent 37%),
    linear-gradient(100deg, #241039 0%, #160923 47%, #32103e 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
  text-align: center;
}

body.mt-constructions-page.constructions-retro .mtma-why__panel {
  background:
    radial-gradient(circle at 86% 48%, rgba(113, 57, 209, .26), transparent 37%),
    linear-gradient(100deg, #2F1856 0%, #202152 52%, #2F1856 100%);
  box-shadow: 6px 6px 0 rgba(7, 8, 35, .28);
}

body.mt-constructions-page.constructions-futuristic .mtma-why__eyebrow,

body.mt-constructions-page.constructions-futuristic .mtma-why h2,
body.mt-constructions-page.constructions-retro .mtma-why h2 {color: #fff;
}

body.mt-constructions-page.constructions-futuristic .mtma-why__benefits, body.mt-constructions-page.constructions-retro .mtma-why__benefits {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(0, 1fr) minmax(0, 1fr);
}

body.mt-constructions-page.constructions-futuristic .mtma-why__benefit, body.mt-constructions-page.constructions-retro .mtma-why__benefit {
  justify-content: center;
  padding-inline: 34px;
  border-radius: 0;
  background: transparent;
}

body.mt-constructions-page.constructions-futuristic .mtma-why__benefit + .mtma-why__benefit,
body.mt-constructions-page.constructions-retro .mtma-why__benefit + .mtma-why__benefit {
  border-left: 1px solid rgba(255, 255, 255, .28);
}

body.mt-constructions-page.constructions-futuristic .mtma-why__benefit img,
body.mt-constructions-page.constructions-retro .mtma-why__benefit img {
  width: 48px;
  height: 48px;
}

body.mt-constructions-page.constructions-futuristic .mtma-why__benefit p,
body.mt-constructions-page.constructions-retro .mtma-why__benefit p {
  max-width: 275px;
  color: #fff;
  font-size: clamp(17px, 1.25vw, 18px);
  line-height: 1.28;
  text-align: left;
}

body.mt-constructions-page.constructions-futuristic .mtma-why__benefit:first-child p,
body.mt-constructions-page.constructions-retro .mtma-why__benefit:first-child p {
  max-width: 360px;
  font-size: clamp(16px, 1.18vw, 17px);
}/* Construction dark realms: original Problem section treatment. */
body.mt-constructions-page.constructions-futuristic .mtma-problem, body.mt-constructions-page.constructions-retro .mtma-problem {
  padding-inline: 20px;
  background-color: #040512;
  background-image: url('../solutions-pages/constructions/assets/images/constructions/construction-problem-lines-bg.png');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

body.mt-constructions-page.constructions-retro .mtma-problem {
  background-color: #1B1C48;
  background-image: url('../images/constructions-retro-problem-bg.png');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

body.mt-constructions-page.constructions-futuristic .mtma-problem__inner,
body.mt-constructions-page.constructions-retro .mtma-problem__inner {
  width: min(100%, 1200px);
}

body.mt-constructions-page.constructions-futuristic .mtma-problem__eyebrow,
body.mt-constructions-page.constructions-retro .mtma-problem__eyebrow {color: #fff;
  text-align: center;
}

body.mt-constructions-page.constructions-futuristic .mtma-problem h2,
body.mt-constructions-page.constructions-retro .mtma-problem h2 {max-width: 760px;
  color: #7139D1;
  text-align: center;
}

body.mt-constructions-page.constructions-futuristic .mtma-problem__layout, body.mt-constructions-page.constructions-retro .mtma-problem__layout {
  grid-template-columns: minmax(360px, 472px) minmax(0, 1fr);
  align-items: center;
  column-gap: 52px;
}


body.mt-constructions-page.constructions-futuristic .mtma-problem__card, body.mt-constructions-page.constructions-retro .mtma-problem__card {
  padding-inline: 26px;
  border: 0;
  border-left: 5px solid #7139D1;
  border-radius: 12px;
  background: #1B1C48;
  box-shadow: none;
}

body.mt-constructions-page.constructions-retro .mtma-problem__card {
  background: #2F1856;
  box-shadow: 5px 5px 0 rgba(7, 8, 35, .26);
}

body.mt-constructions-page.constructions-futuristic .mtma-problem__card h3, body.mt-constructions-page.constructions-retro .mtma-problem__card h3 {
  margin-inline: 0;
  color: #fff;
  font-size: 17px;
  line-height: 1.25;
}

body.mt-constructions-page.constructions-futuristic .mtma-problem__card p,
body.mt-constructions-page.constructions-retro .mtma-problem__card p {
  color: #fff;
  font-size: 15px;
  line-height: 1.36;
}

body.mt-constructions-page.constructions-futuristic .mtma-problem__visual,
body.mt-constructions-page.constructions-retro .mtma-problem__visual {
  justify-content: center;
}

body.mt-constructions-page.constructions-futuristic .mtma-problem__visual img,
body.mt-constructions-page.constructions-retro .mtma-problem__visual img {
  width: min(82%, 560px);
  max-width: 560px;
  filter: drop-shadow(0 22px 32px rgba(0,0,0,.3)) drop-shadow(0 0 18px rgba(113,57,209,.18));
}

@media (max-width: 767px) {
  body.mt-constructions-page.constructions-futuristic .mtma-showcase__stage,
  body.mt-constructions-page.constructions-retro .mtma-showcase__stage {
    width: min(100%, 330px);
    min-height: 340px;
    height: 340px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0;
    overflow: visible;
  }

  body.mt-constructions-page.constructions-futuristic .mtma-showcase__dashboard,
  body.mt-constructions-page.constructions-retro .mtma-showcase__dashboard {
    top: 68px;
    left: 50%;
    width: min(74%, 235px);
    transform: translateX(-50%);
  }

  body.mt-constructions-page.constructions-futuristic .mtma-float--campaign,
  body.mt-constructions-page.constructions-retro .mtma-float--campaign {
    top: 14px;
    left: 50%;
    right: auto;
    width: 44px;
    transform: translateX(72px);
  }

  body.mt-constructions-page.constructions-futuristic .mtma-float--calendar,
  body.mt-constructions-page.constructions-retro .mtma-float--calendar {
    left: 50%;
    bottom: 16px;
    width: 42px;
    transform: translateX(-92px);
  }

  body.mt-constructions-page.constructions-futuristic .mtma-float--construction,
  body.mt-constructions-page.constructions-retro .mtma-float--construction {
    right: auto;
    left: 50%;
    bottom: 8px;
    width: min(40%, 128px);
    transform: translateX(38px);
  }

body.mt-constructions-page.constructions-futuristic .mtma-problem, body.mt-constructions-page.constructions-retro .mtma-problem {
    padding-inline: 16px;
    background-size: auto 100%;
  }

  body.mt-constructions-page.constructions-futuristic .mtma-problem__eyebrow,

  body.mt-constructions-page.constructions-futuristic .mtma-problem h2,

  body.mt-constructions-page.constructions-futuristic .mtma-problem h2 br,
  body.mt-constructions-page.constructions-retro .mtma-problem h2 br {
    display: none;
  }

body.mt-constructions-page.constructions-futuristic .mtma-problem__layout, body.mt-constructions-page.constructions-retro .mtma-problem__layout {
    grid-template-columns: 1fr;
    column-gap: 32px;
  }


body.mt-constructions-page.constructions-futuristic .mtma-problem__card, body.mt-constructions-page.constructions-retro .mtma-problem__card {
    padding-inline: 18px;
  }

  body.mt-constructions-page.constructions-futuristic .mtma-problem__visual img,
  body.mt-constructions-page.constructions-retro .mtma-problem__visual img {
    width: min(100%, 540px);
    max-width: 540px;
  }

  body.mt-constructions-page.constructions-futuristic .mtma-why__panel,
  body.mt-constructions-page.constructions-retro .mtma-why__panel {
    padding-left: 22px;
    padding-right: 22px;
  }
}

@media (max-width: 425px) {
  body.mt-constructions-page.constructions-futuristic .mtma-showcase__stage,
  body.mt-constructions-page.constructions-retro .mtma-showcase__stage {
    width: min(100%, 314px);
    min-height: 324px;
    height: 324px;
  }

  body.mt-constructions-page.constructions-futuristic .mtma-showcase__dashboard,
  body.mt-constructions-page.constructions-retro .mtma-showcase__dashboard {
    top: 64px;
    width: min(76%, 228px);
  }
}

@media (max-width: 375px) {
  body.mt-constructions-page.constructions-futuristic .mtma-showcase__stage,
  body.mt-constructions-page.constructions-retro .mtma-showcase__stage {
    width: min(100%, 296px);
    min-height: 308px;
    height: 308px;
  }

  body.mt-constructions-page.constructions-futuristic .mtma-showcase__dashboard,
  body.mt-constructions-page.constructions-retro .mtma-showcase__dashboard {
    width: min(78%, 214px);
  }

  body.mt-constructions-page.constructions-futuristic .mtma-float--construction,
  body.mt-constructions-page.constructions-retro .mtma-float--construction {
    width: min(39%, 116px);
    transform: translateX(32px);
  }
}

@media (max-width: 320px) {
  body.mt-constructions-page.constructions-futuristic .mtma-showcase__stage,
  body.mt-constructions-page.constructions-retro .mtma-showcase__stage {
    width: min(100%, 272px);
    min-height: 292px;
    height: 292px;
  }

  body.mt-constructions-page.constructions-futuristic .mtma-showcase__dashboard,
  body.mt-constructions-page.constructions-retro .mtma-showcase__dashboard {
    top: 60px;
    width: min(80%, 200px);
  }

  body.mt-constructions-page.constructions-futuristic .mtma-float--calendar,
  body.mt-constructions-page.constructions-retro .mtma-float--calendar {
    transform: translateX(-82px);
  }

  body.mt-constructions-page.constructions-futuristic .mtma-float--campaign,
  body.mt-constructions-page.constructions-retro .mtma-float--campaign {
    transform: translateX(64px);
  }

  body.mt-constructions-page.constructions-futuristic .mtma-float--construction,
  body.mt-constructions-page.constructions-retro .mtma-float--construction {
    transform: translateX(28px);
  }
}


/* 2026-09-24 mobile showcase composition correction ------------------------- */
@media (max-width: 767px) {
  body.mt-constructions-page.constructions-futuristic .mtma-showcase,
  body.mt-constructions-page.constructions-retro .mtma-showcase {
    min-height: 0;
    padding-bottom: 24px;
  }

  body.mt-constructions-page.constructions-futuristic .mtma-showcase__stage,
  body.mt-constructions-page.constructions-retro .mtma-showcase__stage {
    width: calc(100% - 28px);
    max-width: 400px;
    min-height: 292px;
    height: 292px;
    margin: 0 auto;
    transform: none;
    overflow: visible;
  }

  body.mt-constructions-page.constructions-futuristic .mtma-showcase__dashboard,
  body.mt-constructions-page.constructions-retro .mtma-showcase__dashboard {
    top: 42px;
    left: 50%;
    width: 92%;
    max-width: 365px;
    transform: translateX(-50%);
  }

  body.mt-constructions-page.constructions-futuristic .mtma-float--campaign,
  body.mt-constructions-page.constructions-futuristic .mtma-float--calendar,
  body.mt-constructions-page.constructions-futuristic .mtma-float--construction,
  body.mt-constructions-page.constructions-retro .mtma-float--campaign,
  body.mt-constructions-page.constructions-retro .mtma-float--calendar,
  body.mt-constructions-page.constructions-retro .mtma-float--construction {
    animation: none;
    transform: none;
  }

  body.mt-constructions-page.constructions-futuristic .mtma-float--campaign,
  body.mt-constructions-page.constructions-retro .mtma-float--campaign {
    top: 12px;
    left: auto;
    right: 8%;
    width: 46px;
  }

  body.mt-constructions-page.constructions-futuristic .mtma-float--calendar,
  body.mt-constructions-page.constructions-retro .mtma-float--calendar {
    top: auto;
    left: 7%;
    bottom: 10px;
    width: 44px;
  }

  body.mt-constructions-page.constructions-futuristic .mtma-float--construction,
  body.mt-constructions-page.constructions-retro .mtma-float--construction {
    top: auto;
    left: auto;
    right: 2%;
    bottom: 0;
    width: 36%;
    max-width: 142px;
    z-index: 6;
  }
}

@media (max-width: 425px) {
  body.mt-constructions-page.constructions-futuristic .mtma-showcase__stage,
  body.mt-constructions-page.constructions-retro .mtma-showcase__stage {
    width: calc(100% - 24px);
    height: 284px;
    min-height: 284px;
  }

  body.mt-constructions-page.constructions-futuristic .mtma-showcase__dashboard,
  body.mt-constructions-page.constructions-retro .mtma-showcase__dashboard {
    top: 40px;
    width: 94%;
  }

  body.mt-constructions-page.constructions-futuristic .mtma-float--construction,
  body.mt-constructions-page.constructions-retro .mtma-float--construction {
    width: 37%;
    right: 1%;
  }
}

@media (max-width: 375px) {
  body.mt-constructions-page.constructions-futuristic .mtma-showcase__stage,
  body.mt-constructions-page.constructions-retro .mtma-showcase__stage {
    width: calc(100% - 20px);
    height: 265px;
    min-height: 265px;
  }

  body.mt-constructions-page.constructions-futuristic .mtma-showcase__dashboard,
  body.mt-constructions-page.constructions-retro .mtma-showcase__dashboard {
    top: 38px;
    width: 94%;
  }

  body.mt-constructions-page.constructions-futuristic .mtma-float--campaign,
  body.mt-constructions-page.constructions-retro .mtma-float--campaign {
    width: 40px;
    right: 7%;
  }

  body.mt-constructions-page.constructions-futuristic .mtma-float--calendar,
  body.mt-constructions-page.constructions-retro .mtma-float--calendar {
    width: 39px;
    left: 6%;
  }
}

@media (max-width: 320px) {
  body.mt-constructions-page.constructions-futuristic .mtma-showcase__stage,
  body.mt-constructions-page.constructions-retro .mtma-showcase__stage {
    width: calc(100% - 16px);
    height: 240px;
    min-height: 240px;
  }

  body.mt-constructions-page.constructions-futuristic .mtma-showcase__dashboard,
  body.mt-constructions-page.constructions-retro .mtma-showcase__dashboard {
    top: 34px;
    width: 95%;
  }
}


/* 2026-09-24 tablet showcase rebalance (768-912) -------------------------- */
@media (min-width: 768px) and (max-width: 912px) {
  body.mt-constructions-page.constructions-futuristic .mtma-showcase,
  body.mt-constructions-page.constructions-retro .mtma-showcase {
    min-height: 0;
    padding-bottom: 30px;
  }

  body.mt-constructions-page.constructions-futuristic .mtma-showcase__stage,
  body.mt-constructions-page.constructions-retro .mtma-showcase__stage {
    width: calc(100% - 48px);
    max-width: 700px;
    height: 430px;
    min-height: 430px;
    margin: 0 auto;
    overflow: visible;
  }

  body.mt-constructions-page.constructions-futuristic .mtma-showcase__dashboard,
  body.mt-constructions-page.constructions-retro .mtma-showcase__dashboard {
    top: 34px;
    left: 50%;
    width: 96%;
    max-width: 680px;
    transform: translateX(-50%);
  }

  body.mt-constructions-page.constructions-futuristic .mtma-float--campaign,
  body.mt-constructions-page.constructions-retro .mtma-float--campaign {
    top: 46px;
    left: auto;
    right: 32%;
    width: 64px;
  }

  body.mt-constructions-page.constructions-futuristic .mtma-float--calendar,
  body.mt-constructions-page.constructions-retro .mtma-float--calendar {
    top: auto;
    left: 16%;
    bottom: 10px;
    width: 60px;
  }

  body.mt-constructions-page.constructions-futuristic .mtma-float--construction,
  body.mt-constructions-page.constructions-retro .mtma-float--construction {
    top: auto;
    right: 2%;
    left: auto;
    bottom: 2px;
    width: min(30%, 210px);
    z-index: 6;
  }
}


/* 2026-09-24 — use the supplied dark Construction hero background across dark realms */
body.mt-constructions-page.constructions-futuristic .mtma-construction-hero-wrap {
  background-color: #040512;
  background-image: url('../solutions-pages/constructions/assets/images/constructions/construction-dark-hero-bg.png');
  background-position: center bottom;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

body.mt-constructions-page.constructions-retro .mtma-construction-hero-wrap {
  background-color: #1B1C48;
  background-image: url('../solutions-pages/constructions/assets/images/constructions/construction-dark-hero-bg.png');
  background-position: center bottom;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

body.mt-constructions-page.constructions-futuristic .mtma-construction-bg,
body.mt-constructions-page.constructions-retro .mtma-construction-bg {
  display: none;
}

body.mt-constructions-page.constructions-retro .mtma-construction-hero-wrap::before {
  background: none;
}


/* 2026-09-24 platform section: match light-page styling, keep black section background */
body.mt-constructions-page.constructions-futuristic .mtma-platform,
body.mt-constructions-page.constructions-retro .mtma-platform {
  background: #040512;
}

body.mt-constructions-page.constructions-retro .mtma-platform {
  background: #1B1C48;
}

body.mt-constructions-page.constructions-futuristic .mtma-platform__copy h3,
body.mt-constructions-page.constructions-retro .mtma-platform__copy h3 {
  color: #000;
  background: #FFEEE8;
  border-radius: 999px;
  box-shadow: none;
}

body.mt-constructions-page.constructions-futuristic .mtma-platform__copy h3::before,
body.mt-constructions-page.constructions-retro .mtma-platform__copy h3::before {
  background: #ffcdbf;
  box-shadow: none;
}

body.mt-constructions-page.constructions-futuristic .mtma-platform__copy p,
body.mt-constructions-page.constructions-retro .mtma-platform__copy p {
  color: #fff;
}

body.mt-constructions-page.constructions-futuristic .mtma-platform__media,
body.mt-constructions-page.constructions-retro .mtma-platform__media {
  border: 0;
  border-radius: 18px;
  box-shadow: none;
  background: #FFEEE8;
}

body.mt-constructions-page.constructions-futuristic .mtma-platform__feature--campaigns .mtma-platform__copy h3,
body.mt-constructions-page.constructions-retro .mtma-platform__feature--campaigns .mtma-platform__copy h3 {
  background: #DAE6FF;
}
body.mt-constructions-page.constructions-futuristic .mtma-platform__feature--campaigns .mtma-platform__copy h3::before,
body.mt-constructions-page.constructions-retro .mtma-platform__feature--campaigns .mtma-platform__copy h3::before {
  background: #b9d2ff;
}
body.mt-constructions-page.constructions-futuristic .mtma-platform__feature--campaigns .mtma-platform__media,
body.mt-constructions-page.constructions-retro .mtma-platform__feature--campaigns .mtma-platform__media {
  background: #DAE6FF;
}

body.mt-constructions-page.constructions-futuristic .mtma-platform__feature--views .mtma-platform__copy h3,
body.mt-constructions-page.constructions-retro .mtma-platform__feature--views .mtma-platform__copy h3 {
  background: #EDE9FF;
}
body.mt-constructions-page.constructions-futuristic .mtma-platform__feature--views .mtma-platform__copy h3::before,
body.mt-constructions-page.constructions-retro .mtma-platform__feature--views .mtma-platform__copy h3::before {
  background: #d7cdfd;
}
body.mt-constructions-page.constructions-futuristic .mtma-platform__feature--views .mtma-platform__media,
body.mt-constructions-page.constructions-retro .mtma-platform__feature--views .mtma-platform__media {
  background: #EDE9FF;
}

body.mt-constructions-page.constructions-futuristic .mtma-platform__feature--feedback .mtma-platform__copy h3,
body.mt-constructions-page.constructions-retro .mtma-platform__feature--feedback .mtma-platform__copy h3 {
  background: #FFF4DF;
}
body.mt-constructions-page.constructions-futuristic .mtma-platform__feature--feedback .mtma-platform__copy h3::before,
body.mt-constructions-page.constructions-retro .mtma-platform__feature--feedback .mtma-platform__copy h3::before {
  background: #ffdb91;
}
body.mt-constructions-page.constructions-futuristic .mtma-platform__feature--feedback .mtma-platform__media,
body.mt-constructions-page.constructions-retro .mtma-platform__feature--feedback .mtma-platform__media {
  background: #FFF4DF;
}

body.mt-constructions-page.constructions-futuristic .mtma-platform__feature--search .mtma-platform__copy h3,
body.mt-constructions-page.constructions-retro .mtma-platform__feature--search .mtma-platform__copy h3 {
  background: #E9FFDA;
}
body.mt-constructions-page.constructions-futuristic .mtma-platform__feature--search .mtma-platform__copy h3::before,
body.mt-constructions-page.constructions-retro .mtma-platform__feature--search .mtma-platform__copy h3::before {
  background: #c8f5ad;
}
body.mt-constructions-page.constructions-futuristic .mtma-platform__feature--search .mtma-platform__media,
body.mt-constructions-page.constructions-retro .mtma-platform__feature--search .mtma-platform__media {
  background: #E9FFDA;
}

body.mt-constructions-page.constructions-futuristic .mtma-platform__feature--reassign .mtma-platform__copy h3,
body.mt-constructions-page.constructions-retro .mtma-platform__feature--reassign .mtma-platform__copy h3 {
  background: #DAE6FF;
}

body.mt-constructions-page.constructions-futuristic .mtma-platform__feature--reassign .mtma-platform__copy h3::before,
body.mt-constructions-page.constructions-retro .mtma-platform__feature--reassign .mtma-platform__copy h3::before {
  background: #b9d2ff;
}

body.mt-constructions-page.constructions-futuristic .mtma-platform__feature--reassign .mtma-platform__media,
body.mt-constructions-page.constructions-retro .mtma-platform__feature--reassign .mtma-platform__media {
  background: #DAE6FF;
}

body.mt-constructions-page.constructions-futuristic .mtma-platform__feature:hover .mtma-platform__media img,
body.mt-constructions-page.constructions-retro .mtma-platform__feature:hover .mtma-platform__media img {
  transform: none;
}

/* Payoff: beat the shared product-page light restore on Construction dark realms. */
body.mt-product-page.mt-constructions-page.constructions-futuristic .mtp-speed,
body.mt-product-page.mt-constructions-page.constructions-retro .mtp-speed {
  background:
    radial-gradient(circle at 0% 38%, rgba(40, 8, 54, .82), transparent 36%),
    radial-gradient(circle at 22% 100%, rgba(30, 36, 92, .74), transparent 42%),
    linear-gradient(180deg, #040512 0%, #09091f 56%, #171b49 100%) !important;
}

body.mt-product-page.mt-constructions-page.constructions-retro .mtp-speed {
  background:
    radial-gradient(circle at 0% 48%, rgba(94, 45, 160, .34), transparent 34%),
    radial-gradient(circle at 76% 58%, rgba(76, 83, 180, .13), transparent 32%),
    linear-gradient(180deg, #1b1c48 0%, #202052 54%, #1b1c48 100%) !important;
}

body.mt-product-page.mt-constructions-page.constructions-futuristic .mtp-speed__copy > span,
body.mt-product-page.mt-constructions-page.constructions-futuristic .mtp-speed__copy h2,
body.mt-product-page.mt-constructions-page.constructions-retro .mtp-speed__copy > span,
body.mt-product-page.mt-constructions-page.constructions-retro .mtp-speed__copy h2 {
  color: #fff !important;
}

body.mt-product-page.mt-constructions-page.constructions-futuristic .mtp-speed__copy h2 strong,
body.mt-product-page.mt-constructions-page.constructions-retro .mtp-speed__copy h2 strong {
  color: #7139D1 !important;
}

body.mt-product-page.mt-constructions-page.constructions-futuristic .mtp-speed__cards::before,
body.mt-product-page.mt-constructions-page.constructions-futuristic .mtp-speed__cards::after,
body.mt-product-page.mt-constructions-page.constructions-retro .mtp-speed__cards::before,
body.mt-product-page.mt-constructions-page.constructions-retro .mtp-speed__cards::after {
  opacity: .18 !important;
}

body.mt-product-page.mt-constructions-page.constructions-futuristic .mtp-speed-card,
body.mt-product-page.mt-constructions-page.constructions-retro .mtp-speed-card {
  border-color: rgba(255, 255, 255, .08) !important;
  background: rgba(17, 18, 60, .42) !important;
  color: #fff !important;
}

body.mt-product-page.mt-constructions-page.constructions-retro .mtp-speed-card {
  border-color: rgba(155, 127, 247, .18) !important;
  background: linear-gradient(135deg, rgba(63, 45, 124, .96) 0%, rgba(37, 23, 84, .98) 42%, rgba(22, 12, 55, .99) 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 8px 8px 0 rgba(7, 8, 35, .22) !important;
}

body.mt-product-page.mt-constructions-page.constructions-futuristic .mtp-speed-card.is-active,
body.mt-product-page.mt-constructions-page.constructions-futuristic .mtp-speed-card:hover,
body.mt-product-page.mt-constructions-page.constructions-retro .mtp-speed-card.is-active,
body.mt-product-page.mt-constructions-page.constructions-retro .mtp-speed-card:hover {
  background: linear-gradient(135deg, rgba(45, 44, 115, .95), rgba(35, 35, 91, .9)) !important;
}

body.mt-product-page.mt-constructions-page.constructions-retro .mtp-speed-card.is-active,
body.mt-product-page.mt-constructions-page.constructions-retro .mtp-speed-card:hover {
  border-color: rgba(170, 129, 255, .30) !important;
  background: linear-gradient(135deg, rgba(82, 57, 157, .98) 0%, rgba(50, 31, 110, .99) 44%, rgba(24, 12, 60, 1) 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 18px 42px rgba(7, 8, 35, .28) !important;
}

body.mt-product-page.mt-constructions-page.constructions-futuristic .mtp-speed-card h3,
body.mt-product-page.mt-constructions-page.constructions-futuristic .mtp-speed-card p,
body.mt-product-page.mt-constructions-page.constructions-retro .mtp-speed-card h3,
body.mt-product-page.mt-constructions-page.constructions-retro .mtp-speed-card p {
  color: #fff !important;
}

/* Keep construction problem content readable on tablet and mobile. */
@media (max-width: 900px) {
  body.mt-constructions-page.constructions-futuristic .mtma-problem__layout,
  body.mt-constructions-page.constructions-retro .mtma-problem__layout {
    grid-template-columns: 1fr !important;
    column-gap: 34px !important;
  }

  body.mt-constructions-page.constructions-futuristic .mtma-problem__visual img,
  body.mt-constructions-page.constructions-retro .mtma-problem__visual img {
    width: min(100%, 560px) !important;
    max-width: 560px !important;
  }
}
/* Keep every Retro Payoff card on the same purple gradient. */
body.mt-constructions-page.constructions-retro .mtp-speed-card,
body.mt-constructions-page.constructions-retro .mtp-speed-card.is-active,
body.mt-constructions-page.constructions-retro .mtp-speed-card:hover {
  background: linear-gradient(135deg, #3f2d7c 0%, #251754 45%, #160c37 100%) !important;
}

body.mt-product-page.mt-constructions-page.constructions-retro .mtp-speed__copy h2,
body.mt-product-page.mt-constructions-page.constructions-retro .mtp-speed__copy h2 strong {
  color: #9b7ff7 !important;
}