.elementor-159 .elementor-element.elementor-element-bdf9040{--display:flex;--min-height:0px;}.elementor-159 .elementor-element.elementor-element-36370b4{background-color:var( --e-global-color-primary );background-image:url("https://miragematrixled.com/wp-content/uploads/2026/03/file_000000001cc4722fb45d07e031fe41f4.webp");}.elementor-159 .elementor-element.elementor-element-e196208{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-159 .elementor-element.elementor-element-17ec15d{width:var( --container-widget-width, 41.625% );max-width:41.625%;--container-widget-width:41.625%;--container-widget-flex-grow:0;}.elementor-159 .elementor-element.elementor-element-17ec15d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-159 .elementor-element.elementor-element-28ae0de{width:var( --container-widget-width, 49% );max-width:49%;--container-widget-width:49%;--container-widget-flex-grow:0;columns:1;text-align:justify;font-family:"Montserrat", Sans-serif;font-size:19px;font-weight:500;}.elementor-159 .elementor-element.elementor-element-28ae0de p{margin-block-end:0px;}@media(min-width:768px){.elementor-159 .elementor-element.elementor-element-bdf9040{--content-width:1600px;}}/* Start custom CSS for html, class: .elementor-element-36370b4 *//* ===== MIRAGEMATRIX HERO SECTION ===== */

.mm-hero {
  position: relative;
  min-height: 25vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #030303;
}

.mm-hero__bg {
  position: absolute;
  inset: 0;
  background:
    url(https://miragematrixled.com/wp-content/uploads/2026/03/ChatGPT-Image-Mar-24-2026-11_59_38-AM-1.png) center center / cover no-repeat;
}
}

.mm-hero__overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to right, rgba(0,0,0,0.72), rgba(0,0,0,0.38)),
    linear-gradient(to top, rgba(0,0,0,0.42), rgba(0,0,0,0.18));
}

.mm-hero__content {
  position: relative;
  z-index: 2;
  width: min(92%, 1100px);
  margin: 0 auto;
  text-align: center;
  padding: 80px 20px;
}

.mm-hero__eyebrow {
  margin: 0 0 18px;
  color: rgba(255,255,255,0.72);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.28em;
  text-transform: uppercase;
}

.mm-hero__title {
  margin: 0 0 24px;
  color: #ffffff;
  font-size: clamp(42px, 6vw, 76px);
  line-height: 1.04;
  font-weight: 700;
  letter-spacing: -0.02em;
  text-shadow:
    0 0 20px rgba(47,128,255,0.12),
    0 0 28px rgba(255,138,42,0.08);
}

.mm-hero__text {
  max-width: 760px;
  margin: 0 auto 34px;
  color: rgba(255,255,255,0.84);
  font-size: 19px;
  line-height: 1.7;
}

.mm-hero__buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.mm-hero__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0 24px;
  border-radius: 14px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, filter 0.25s ease;
}

.mm-hero__btn--primary {
  color: #ffffff;
  background:
    linear-gradient(rgba(9,12,22,0.96), rgba(9,12,22,0.96)) padding-box,
    linear-gradient(90deg, #2f80ff 0%, #5ec0ff 40%, #ff8a2a 100%) border-box;
  border: 1.5px solid transparent;
  box-shadow:
    0 0 14px rgba(47,128,255,0.24),
    0 0 18px rgba(255,138,42,0.16);
}

.mm-hero__btn--primary:hover {
  transform: translateY(-1px);
  filter: brightness(1.04);
  box-shadow:
    0 0 20px rgba(47,128,255,0.32),
    0 0 24px rgba(255,138,42,0.24);
}

.mm-hero__btn--secondary {
  color: #ffffff;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.18);
}

.mm-hero__btn--secondary:hover {
  transform: translateY(-1px);
  background: rgba(255,255,255,0.10);
  box-shadow: 0 0 16px rgba(255,255,255,0.08);
}

/* TABLET */
@media (max-width: 1024px) {
  .mm-hero {
    min-height: 80vh;
  }

  .mm-hero__content {
    padding: 64px 18px;
  }

  .mm-hero__text {
    font-size: 17px;
    max-width: 680px;
  }
}

/* MOBILE */
@media (max-width: 640px) {
  .mm-hero {
    min-height: 74vh;
  }

  .mm-hero__content {
    padding: 56px 14px;
  }

  .mm-hero__eyebrow {
    font-size: 11px;
    letter-spacing: 0.20em;
  }

  .mm-hero__text {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 28px;
  }

  .mm-hero__buttons {
    gap: 12px;
  }

  .mm-hero__btn {
    width: 100%;
    min-height: 50px;
  }
}/* End custom CSS */