.elementor-989 .elementor-element.elementor-element-b967940{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-989 .elementor-element.elementor-element-3b1e907{width:var( --container-widget-width, 90% );max-width:90%;margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-989 .elementor-element.elementor-element-3b1e907.elementor-element{--align-self:center;}@media(max-width:767px){.elementor-989 .elementor-element.elementor-element-3b1e907{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}/* Start custom CSS *//* ===================================== */
/* 🌌 EXPERIMENT WRAP */
/* ===================================== */

.experiment-wrap{
  width:100%;

  max-width:1100px;

  margin:0 auto;

  padding:0 2rem;

  box-sizing:border-box;
}

/* ===================================== */
/* 🌌 HERO */
/* ===================================== */

.experiment-hero{
  padding-top:7rem;
}

/* ===================================== */
/* 🖼️ HERO IMAGE */
/* ===================================== */

.experiment-image-section{
  width:100%;
}

.experiment-hero-image{
  width:100%;

  display:block;

  border-radius:20px;

  border:
    1px solid rgba(139,92,246,.22);

  box-shadow:
    0 0 32px rgba(139,92,246,.18);
}

/* ===================================== */
/* 🧠 EXPERIMENT PANEL */
/* ===================================== */

.infinite-archive-experiment{
  width:100%;
}

.experiment-panel{
  background:#131323;

  border:
    1px solid rgba(139,92,246,.25);

  border-radius:18px;

  padding:3rem 2rem;

  box-shadow:
    0 0 28px rgba(0,0,0,.18);

  text-align:center;
}

.experiment-panel h2{
  margin-bottom:1rem;
}

.experiment-intro{
  color:#cccccc;

  max-width:720px;

  margin:0 auto 2rem;

  line-height:1.8;
}

/* ===================================== */
/* ✍️ ARCHIVE INPUT */
/* ===================================== */

.archive-input{
  width:100%;

  min-height:170px;

  padding:1rem;

  border-radius:16px;

  border:
    1px solid rgba(139,92,246,.25);

  background:
    rgba(255,255,255,.04);

  color:#ffffff;

  font-size:1rem;

  line-height:1.7;

  resize:vertical;

  box-sizing:border-box;

  margin-bottom:1.5rem;
}

.archive-input::placeholder{
  color:#9999aa;
}

/* ===================================== */
/* ✨ ARCHIVE RESULT */
/* ===================================== */

.archive-result{
  margin-top:2rem;

  padding:1.8rem;

  border-radius:16px;

  background:
    rgba(255,255,255,.03);

  border:
    1px solid rgba(139,92,246,.18);

  color:#cccccc;

  line-height:1.9;

  min-height:120px;

  text-align:left;

  font-size:1rem;
}

/* ===================================== */
/* 📝 NOTE */
/* ===================================== */

.experiment-note{
  margin-top:1rem;

  color:#999999;

  font-size:.95rem;

  line-height:1.7;

  text-align:center;

  max-width:620px;

  margin-left:auto;
  margin-right:auto;
}

/* ===================================== */
/* 📱 MOBILE */
/* ===================================== */

@media(max-width:768px){

  .experiment-wrap{
    padding:0 1.5rem;
  }

  .experiment-hero{
    padding-top:4rem;
  }

  .experiment-panel{
    padding:2rem 1.5rem;
  }

  .archive-input{
    min-height:140px;
  }

}/* End custom CSS */