/* test ALEX
.premium-hero-border-bubble {
  height: clamp(115px, 9vw, 185px);
  overflow: visible;
}

.premium-hero-border-bubble svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.premium-hero-border-large {

  height: clamp(150px, 10vw, 210px);

}

.premium-bubble-arrow {
  fill: none;
  stroke: rgba(255,255,255,.95);
  stroke-width: clamp(2.4px, .25vw, 4px);
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: none;
  transform-origin: 960px 45px;
  animation: arrowBounce 1.6s ease-in-out infinite;
}
.quiz-card-slider-section,

.activity-intro {

  padding-top: clamp(70px, 8vw, 120px);

}

.premium-hero-border-large svg {

  overflow: visible;

}

.premium-divider-tablet,
.premium-divider-mobile{
  display:none;
}

@media (max-width:980px){
  .premium-divider-desktop{
    display:none;
  }

  .premium-divider-tablet{
    display:block;
  }
}

@media (max-width:560px){
  .premium-divider-tablet{
    display:none;
  }

  .premium-divider-mobile{
    display:block;
  }

  .premium-hero-border__activity-large{
    height:clamp(90px,22vw,130px);
  }
}
/****************HOME*********************/

.hero-revolution-wrapper {
  position: relative;
  overflow: hidden;
}

.premium-hero-border {
  position: absolute;
  overflow: visible;
  left: 0;
  right: 0;
  bottom: -1px;
  width: 100%;
  height: 120px;
  z-index: 20;
  pointer-events: none;
}

.premium-hero-border svg {
  display: block;
  overflow: visible;
  width: 100%;
  height: 100%;
}

.premium-shape-fill {
  fill: #1c1131;
  filter: none;
}



.premium-shape-glow {
  display: none;
}

.premium-shape-border {
  fill: none;
  stroke: url(#EnergyGradient-hero);
  stroke-width: 6.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: none;
}

.premium-shape-highlight {
  fill: none;
  stroke: rgba(255, 255, 255, .9);
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: .85;
  filter: none;
}

/* MODE SOMBRE */
@media (prefers-color-scheme: dark) {
  html, body {
    background: #382457;
  }

  .hero {
    background: #382457;
  }

  .shape-fill {
    fill: #382457;
  }
}

/***** VERS LE BAS ******/

.demo-section-down {
  position: relative;
  overflow: visible !important;
  background: transparent;
  z-index: 2;
}

.top-bg-down {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 120px;
  background: transparent;
  z-index: 1;
  pointer-events: none;
}

.bottom-shape-down {
  position: absolute;
  width: 100%;
  z-index: 5;
  left: 0;
  right: 0;
  top: -1px;
  height: 120px;
  pointer-events: none;
  overflow: visible !important;

}

.bottom-shape-down svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible !important;
}

.shape-fill-down {
  fill: /*rgb(56, 36, 87);*/ #1c1131;
  filter: none;
}

.shape-glow-down {
  display: none;
}

.shape-border-down {
  fill: none;
  stroke: url(#EnergyGradientDown);
  stroke-width: 6.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: none;
}

.shape-highlight-down {
  fill: none;
  stroke: rgba(255,255,255,.9);
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: .85;
  filter: none;
}


/*************************************/
/* PREMIUM HERO BORDER ACTIVITY */
/*************************************/

.premium-hero-border__activity {
  position: absolute;
  overflow: visible;
  left: 0;
  right: 0;
  bottom: -1px;
  width: 100%;
  height: clamp(150px, 10vw, 210px);
  z-index: 20;
  pointer-events: none;
}

.premium-hero-border__activity svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
/* Divider large */
.premium-hero-border__activity-large {
  height: clamp(150px, 10vw, 210px);
}

.premium-hero-border__activity-large svg {
  overflow: visible;
}

@media (max-width: 768px){

  .premium-hero-border__activity,
  .premium-hero-border__activity-large{
    height: 100px;
  }
  .top-bg-down,
  .bottom-shape-down, .premium-hero-border{
    height: 50px;
  }
	

}
/*************************************/
/* DARK MODE */
/*************************************/

@media (prefers-color-scheme: dark) {

  html,
  body {
    background: #382457;
  }

  .hero {
    background: #382457;
  }

  .shape-fill {
    fill: #382457;
  }
}
/* Variante bubble 
.premium-hero-border__activity-bubble {
  height: clamp(115px, 9vw, 185px);
  overflow: visible;
}

.premium-hero-border__activity-bubble svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

/* Arrow 
.premium-hero-border__activity-arrow {
  fill: none;
  stroke: rgba(255,255,255,.95);
  stroke-width: clamp(2.4px, .25vw, 4px);
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: none;
  transform-origin: 960px 45px;
  animation: arrowBounce 1.6s ease-in-out infinite;
}

/*************************************/
/* SHAPES */
/************************************

.premium-hero-border__activity .premium-shape-fill {
  fill: #382457;
  filter: none;
}

.premium-hero-border__activity .premium-shape-glow {
  display: none;
}

.premium-hero-border__activity .premium-shape-border {
  fill: none;
  stroke: url(#EnergyGradient-hero-activity);
  stroke-width: 6.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: none;
}

.premium-hero-border__activity .premium-shape-highlight {
  fill: none;
  stroke: rgba(255,255,255,.9);
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: .85;
  filter: none;
}

/*************************************/
/* SPACING */
/************************************

.quiz-card-slider-section,
.activity-intro {
  padding-top: clamp(70px, 8vw, 120px);
}



/*************************************/
/* DIVIDER DOWN */
/*************************************/

/*.demo-section-down {
  position: relative;
  overflow: visible !important;
  background: transparent !important;
  z-index: 2;
}

.top-bg-down {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 120px;
  background: transparent;
  z-index: 1;
  pointer-events: none;
}

.bottom-shape-down {
  position: absolute;
  width: 100%;
  z-index: 5;
  left: 0;
  right: 0;
  top: -1px;
  height: 120px;
  pointer-events: none;
  overflow: visible !important;
}

.bottom-shape-down svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible !important;
}

.shape-fill-down {
  fill: rgb(56, 36, 87);
  filter: none;
}

.shape-glow-down {
  display: none;
}

.shape-border-down {
  fill: none;
  stroke: url(#EnergyGradientDown);
  stroke-width: 6.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: none;
}

.shape-highlight-down {
  fill: none;
  stroke: rgba(255,255,255,.9);
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: .85;
  filter: none;
}

.shape-tablet-down,
.shape-mobile-down{
  display:none;
}

@media (max-width:980px){

  .shape-desktop-down{
    display:none;
  }

  .shape-tablet-down{
    display:block;
  }
}

@media (max-width:767px){

  .shape-tablet-down{
    display:none;
  }

  .shape-mobile-down{
    display:block;
  }
}

/* =====================================================
   HERO BEEQUIZZ PREMIUM
===================================================== */

.beequiz-hero {
  --bee-yellow: #ffc900;
  --bee-yellow-light: #ffe36c;
  --bee-purple: #8c3cff;
  --bee-dark: #120b1e;

  position: relative;
  isolation: isolate;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  min-height: clamp(650px, 82vh, 850px);

  padding:
    clamp(150px, 16vh, 205px)
    24px
    clamp(110px, 12vh, 150px);

  overflow: hidden;
  background: var(--bee-dark);
}


/* =====================================================
   VIDÉO
===================================================== */

.beequiz-hero__video {
  position: absolute;
  z-index: -5;
  inset: 0;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;
}


/* =====================================================
   CONTRASTE VIDÉO
===================================================== */

.beequiz-hero__overlay {
  position: absolute;
  z-index: -4;
  inset: 0;

  background:
    linear-gradient(
      180deg,
      rgba(10, 5, 17, 0.28) 0%,
      rgba(12, 6, 22, 0.4) 42%,
      rgba(8, 4, 14, 0.66) 100%
    ),
    linear-gradient(
      90deg,
      rgba(9, 4, 16, 0.32) 0%,
      transparent 34%,
      transparent 66%,
      rgba(9, 4, 16, 0.32) 100%
    );
}


/* Zone sombre douce derrière le contenu */

/*.beequiz-hero::before {
  content: "";

  position: absolute;
  z-index: -3;

  top: 47%;
  left: 50%;
  transform: translate(-50%, -50%);

  width: min(1080px, 94vw);
  height: 520px;

  border-radius: 50%;

  background:
    radial-gradient(
      ellipse at center,
      rgba(13, 6, 24, 0.76) 0%,
      rgba(20, 8, 37, 0.5) 40%,
      rgba(20, 8, 37, 0.12) 67%,
      transparent 76%
    );

  pointer-events: none;
}
*/

/* =====================================================
   HALO UNIQUE
===================================================== */

.beequiz-hero__halo {
  position: absolute;
  z-index: -2;

  top: 47%;
  left: 50%;
  transform: translate(-50%, -50%);

  width: min(760px, 75vw);
  height: 330px;

  border-radius: 50%;

  background:
    radial-gradient(
      ellipse at center,
      rgba(129, 44, 255, 0.33) 0%,
      rgba(129, 44, 255, 0.13) 42%,
      transparent 72%
    );

  filter: blur(25px);
  pointer-events: none;
}


/* =====================================================
   CONTENU
===================================================== */

.beequiz-hero__content {
  position: relative;
  z-index: 5;

  width: min(1160px, 100%);
  margin: 0 auto;

  text-align: center;
}


/* =====================================================
   SURTITRE
===================================================== */

/*.beequiz-eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(12px, 1.7vw, 24px);

  margin-bottom: clamp(20px, 2vw, 28px);
}

.beequiz-eyebrow p {
  margin: 0;

  color: var(--bee-yellow);

  font-family: "Tilt Warp", sans-serif;
  font-size: clamp(13px, 1.35vw, 20px);
  font-weight: 400;
  line-height: 1.2;

  letter-spacing: 0.055em;
  text-transform: uppercase;

  text-shadow:
    0 2px 12px rgba(0, 0, 0, 0.7),
    0 0 16px rgba(255, 201, 0, 0.2);
}

.beequiz-eyebrow span {
  width: clamp(35px, 6vw, 95px);
  height: 1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255, 201, 0, 0.95)
    );

  box-shadow: 0 0 8px rgba(255, 201, 0, 0.28);
}

.beequiz-eyebrow span:last-child {
  background:
    linear-gradient(
      90deg,
      rgba(255, 201, 0, 0.95),
      transparent
    );
}*/
.beequiz-eyebrow{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap: clamp(12px, 1.7vw, 24px);

  width:100%;
  margin:0 auto 30px;
}

.beequiz-eyebrow p{
  flex:0 0 auto;

  margin:0 !important;
  padding:0 !important;

  color:#ffc900;
  font-family:"Tilt Warp",sans-serif;
  font-size:clamp(14px,1.3vw,20px);
  line-height:1.2;
  letter-spacing:.04em;
  text-align:center;
  text-transform:uppercase;

  white-space:nowrap;
}

.beequiz-eyebrow__line{
  display:block !important;
  flex:0 1 110px;

  width:110px;
  min-width:40px;
  max-width:110px;
  height:1px;

  background:linear-gradient(
    90deg,
    transparent 0%,
    #ffc900 100%
  ) !important;

  opacity:1 !important;
  visibility:visible !important;

  box-shadow:0 0 8px rgba(255,201,0,.35);
}

.beequiz-eyebrow__line:last-child{
  background:linear-gradient(
    90deg,
    #ffc900 0%,
    transparent 100%
  ) !important;
}

/* =====================================================
   H1
===================================================== */

.beequiz-title {
 /* display: flex;
  align-items: baseline;
  justify-content: center;*/

	display:flex !important;
 flex-direction:column;
  align-items:center ;
  justify-content:center !important;
  gap:0;
  white-space:normal;
	
  margin: 0;

  font-family: "Tilt Warp", sans-serif;
  font-size: clamp(92px, 1vw, 190px);
  font-weight: 400;
  line-height: 0.84;

  letter-spacing: -0.06em;
  text-transform: uppercase;
  /*white-space: nowrap;*/

  filter: drop-shadow(0 18px 28px rgba(0, 0, 0, 0.55));
}

.beequiz-title__main {
  color: #fff;

  text-shadow:
    0 0 18px rgba(255, 255, 255, 0.12),
    0 0 35px rgba(128, 52, 255, 0.32);
	
}

.beequiz-title__location {
  color: transparent;

  background:
    linear-gradient(
      180deg,
      #ffe66d 0%,
      #ffc900 48%,
      #eaa800 100%
    );

  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;

  filter: drop-shadow(0 8px 16px rgba(255, 183, 0, 0.18));
		
}

.beequiz-title__line{
  display:flex;
  align-items:baseline!important;
  justify-content:center;
  flex-wrap:wrap;
  gap:.2em;
}
/* =====================================================
   SOUS-TITRE
===================================================== */

.beequiz-subtitle {
  margin:
    clamp(24px, 2.5vw, 34px)
    auto
    clamp(32px, 3vw, 42px);

  color: #fff;

  font-family: "Tilt Warp", sans-serif;
  font-size: clamp(23px, 2.7vw, 43px);
  font-weight: 400;
  line-height: 1.15;

  letter-spacing: -0.015em;
  text-transform: uppercase;

  text-shadow:
    0 5px 18px rgba(0, 0, 0, 0.8);
}

.beequiz-title__details{
    display:block;          /* Passe à la ligne */
   /* margin-top:18px;*/
   /* font-size:24px;*/
   /* line-height:1.3;*/
   /* letter-spacing:.08em;*/
   /* text-transform:uppercase;*/
	 width:100%;
	margin:
    clamp(24px, 0.1vw, 34px)
    auto
    clamp(32px, 3vw, 42px);

  color: #fff;

  font-family: "Tilt Warp", sans-serif;
  font-size: clamp(23px, 1.7vw, 43px);
  font-weight: 400;
  line-height: 1.3;
 text-align:center;
  letter-spacing: .12em;
  text-transform: uppercase;

  text-shadow:
    0 5px 18px rgba(0, 0, 0, 0.8);
	
  -webkit-text-fill-color:#fff;
}



/* =====================================================
   BOUTON
===================================================== */

.beequiz-button--compact{
    width:fit-content;
    min-width:360px;
    padding:18px 48px;
    margin:0 auto 30px;
}
/*
.beequiz-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;

  min-width: 260px;
  min-height: 68px;

  padding: 10px 12px 10px 30px;

  border: 1px solid rgba(255, 255, 255, 0.48);
  border-radius: 18px;

  color: #17101f;
  background:
    linear-gradient(
      180deg,
      var(--bee-yellow-light) 0%,
      var(--bee-yellow) 55%,
      #f1b600 100%
    );

  font-family: "Tilt Warp", sans-serif;
  font-size: clamp(18px, 1.4vw, 22px);
  font-weight: 400;
  line-height: 1;

  text-decoration: none;
  text-transform: uppercase;

  box-shadow:
    0 10px 26px rgba(0, 0, 0, 0.4),
    0 0 20px rgba(255, 201, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    filter 0.25s ease;
}

.beequiz-button:hover {
  color: #17101f;

  transform: translateY(-3px);

  filter: brightness(1.04);

  box-shadow:
    0 15px 32px rgba(0, 0, 0, 0.48),
    0 0 28px rgba(255, 201, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.beequiz-button__icon {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 46px;
  height: 46px;

  border-radius: 13px;
  background: #21142f;
}

.beequiz-button__icon svg {
  width: 23px;
  height: 23px;

  fill: none;
  stroke: var(--bee-yellow);
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
*/

/* =====================================================
   TABLETTE
===================================================== */

@media (max-width: 980px) {

  .beequiz-hero {
    min-height: 720px;

    padding:
      155px
      22px
      110px;
  }

}


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

@media (max-width: 700px) {

  .beequiz-hero {
    min-height: 640px;

    padding:
      125px
      18px
      90px;
  }

  .beequiz-hero__video {
    object-position: 56% center;
  }

  .beequiz-hero::before {
    width: 115vw;
    height: 460px;
  }

  .beequiz-hero__halo {
    width: 105vw;
    height: 300px;
  }

  /*.beequiz-eyebrow {
    gap: 9px;
    margin-bottom: 22px;
  }

  .beequiz-eyebrow p {
    max-width: 240px;
    font-size: 12px;
  }

  .beequiz-eyebrow span {
    width: 28px;
  }
*/
	
  .beequiz-eyebrow{
    gap:10px;
  }

  .beequiz-eyebrow p{
    font-size:12px;
    white-space:normal;
  }

  .beequiz-eyebrow__line{
    flex-basis:40px;
    width:40px;
    min-width:25px;
  }
}

  .beequiz-title__bee,
  .beequiz-title__quizz {
    display: block;
  }

  .beequiz-subtitle {
    max-width: 340px;

    margin-top: 27px;
    margin-bottom: 32px;

    font-size: clamp(21px, 6vw, 28px);
  }

  .beequiz-button {
    min-width: 225px;
    min-height: 62px;

    padding: 9px 10px 9px 25px;

    border-radius: 16px;
    font-size: 18px;
  }

  .beequiz-button__icon {
    width: 42px;
    height: 42px;
  }
}