.elementor-929 .elementor-element.elementor-element-4b2929c{--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-929 .elementor-element.elementor-element-d745087{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 100px) 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-929 .elementor-element.elementor-element-d745087{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS *//* ===================================== */
/* 🤖 HUMAN OR MACHINE */
/* ===================================== */

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

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

.experiment-image-section{
  max-width:1100px;

  margin:0 auto;

  padding:2rem;
}

.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);
}

/* ===================================== */
/* 🧠 MAIN EXPERIMENT */
/* ===================================== */

.human-machine-experiment{
  max-width:900px;

  margin:0 auto;
}

.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:680px;

  margin:0 auto 2rem;

  line-height:1.8;
}

/* ===================================== */
/* 💬 QUOTE BOX */
/* ===================================== */

.quote-box{
  background:
    rgba(255,255,255,.04);

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

  border-radius:16px;

  padding:2rem;

  color:#ffffff;

  font-size:1.15rem;

  line-height:1.9;

  margin-bottom:2rem;

  font-style:italic;
}

/* ===================================== */
/* 🔘 BUTTONS */
/* ===================================== */

.experiment-buttons{
  display:flex;

  justify-content:center;

  gap:1rem;

  flex-wrap:wrap;
}

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

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

  padding:1.5rem;

  border-radius:14px;

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

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

  color:#cccccc;

  line-height:1.8;

  min-height:70px;
}

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

@media(max-width:768px){

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

  .experiment-image-section{
    padding:1.5rem;
  }

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

  .quote-box{
    font-size:1.05rem;
  }

}

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

  color:#999;

  font-size:.95rem;

  line-height:1.7;
}   

/* ===================================== */
/* 📝 EXPERIMENT 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;
}   

.experiment-wrap{
  width:100%;
  max-width:1100px;
  margin:0 auto;
  padding:0 2rem;
  box-sizing:border-box;
}

.experiment-image-section,
.human-machine-experiment{
  width:100%;
  max-width:100%;
  margin:0 auto;
  padding-left:0;
  padding-right:0;
}

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

.experiment-panel{
  width:100%;
  box-sizing:border-box;
}

@media(max-width:768px){
  .experiment-wrap{
    padding:0 1.5rem;
  }
}/* End custom CSS */