.elementor-566 .elementor-element.elementor-element-e5a5954{--display:flex;--min-height:100vh;--z-index:0;}.elementor-566 .elementor-element.elementor-element-e5a5954:not(.elementor-motion-effects-element-type-background), .elementor-566 .elementor-element.elementor-element-e5a5954 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-286b267 );}.elementor-566 .elementor-element.elementor-element-5531aee{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-e5a5954 *//* ---------- GLOBAL ---------- */
html, body {
  min-height: 100%;
  margin: 0;
  overflow-x: hidden;
  background: #0D0D0D;
}

/* Lock scroll during intro */
body.locked,
html.locked {
  position: fixed;
  overflow: hidden !important;
  height: 100%;
  width: 100%;
  touch-action: none;
  -webkit-overflow-scrolling: none;
}

/* ---------- HERO SECTION ---------- */
.cmx-hero {
  position: relative;
  width: 100%;
  height: 100vh;
  background: #0D0D0D;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 30vh;
  padding-left: 8vw;
  overflow: visible;
}

/* ---------- SVG CONTAINER ---------- */
.cmx-svg {
  position: relative;
  z-index: 1;
  width: 75vw;
  height: auto;
  background: transparent;
  overflow: visible;
  filter: drop-shadow(0 0 10px rgba(138, 99, 255, 0.35))
          drop-shadow(0 0 25px rgba(0, 232, 198, 0.25));
}

/* ---------- PATH STYLING (word + period) ---------- */
#cmxPath,
#cmxPeriod {
  fill: url(#grad);
  stroke: url(#grad);
  stroke-width: 3;
  fill-opacity: 0;
  stroke-opacity: 1;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  will-change: d, filter, transform;
  mix-blend-mode: lighten;
  isolation: isolate;
}

/* ---------- PERIOD COLOR OVERRIDE ---------- */
#cmxPeriod {
  fill: #8A63FF !important;
  stroke: #8A63FF !important;
}



/* ---------- CLEANUP ---------- */
.cmx-svg,
.cmx-svg * {
  background: none !important;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 1024px) {
  .cmx-hero {
    padding-top: 35vh !important;
    padding-left: 6vw;
  }
  .cmx-svg {
    width: 85vw !important;
  }
  #cmxPath,
  #cmxPeriod {
    stroke-width: 2.2; /* slightly thinner */
  }
}

@media (max-width: 768px) {
  .cmx-hero {
    padding-top: 45vh !important;
    padding-left: 0;
  }
  .cmx-svg {
    width: 90vw !important;
  }
  #cmxPath,
  #cmxPeriod {
    stroke-width: 1.6; /* thinner on mobile */
  }
}

@media (max-width: 480px) {
  .cmx-hero {
    padding-top: 50vh !important;
  }
  .cmx-svg {
    width: 82vw !important;
  }
  #cmxPath,
  #cmxPeriod {
    stroke-width: 1.2; /* very fine */
  }
}

/* ---------- iOS FIX ---------- */
@supports (-webkit-touch-callout: none) {
  .cmx-hero {
    background-color: #0D0D0D !important;
    transform: translate3d(0,0,0);
  }

  .cmx-svg {
    background: transparent !important;
    isolation: isolate;
    transform: translateZ(0);
    backface-visibility: hidden;
  }

  #cmxPath,
  #cmxPeriod {
    transform: translateZ(0);
    mix-blend-mode: screen;
  }
}/* End custom CSS */