/* ETHNOS R819 — volet 06 / offre d'ouverture 10 000 membres.
   Base canonique : R818.
   Périmètre : état fondateur du volet Notre modèle, hiérarchie 10 000, compteur réel,
   CTA et microcopie. Les deux visuels R818 et l'état payant restent intacts. */
:root{
  --r818-charcoal:#1f1f1f;
  --r818-blue:#0a3448;
  --r818-blue-bright:#0b526d;
  --r818-orange:#ee8d55;
  --r818-orange-top:#ffad7a;
  --r818-orange-dark:#c96d3d;
  --r818-ink:#071826;
}

body[data-etnos-build="r776"] .joinPage .joinCard[data-current-view="payment"] .paymentWorkspace.paymentWorkspaceR775.paymentWorkspaceR818{
  box-sizing:border-box!important;
  width:min(1500px,100%)!important;
  max-width:1500px!important;
  height:auto!important;
  min-height:0!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-rows:auto auto auto!important;
  gap:14px!important;
  align-content:start!important;
  overflow:visible!important;
}

body[data-etnos-build="r776"] .joinPage .paymentLaunchR818[hidden],
body[data-etnos-build="r776"] .joinPage .paymentPostLaunchR818[hidden]{
  display:none!important;
}

body[data-etnos-build="r776"] .joinPage .paymentLaunchR818{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:clamp(300px,41vh,430px)!important;
  display:grid!important;
  grid-template-columns:minmax(250px,.86fr) minmax(430px,1.22fr) minmax(230px,.72fr)!important;
  overflow:hidden!important;
  border:0!important;
  border-top:4px solid var(--r818-orange)!important;
  border-radius:6px!important;
  background:linear-gradient(112deg,var(--r818-charcoal) 0%,#202326 27%,var(--r818-blue) 68%,var(--r818-blue-bright) 100%)!important;
  box-shadow:none!important;
  color:#fff!important;
}

body[data-etnos-build="r776"] .joinPage .paymentLaunchPhotoR818{
  position:relative!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#15232a!important;
}
body[data-etnos-build="r776"] .joinPage .paymentLaunchPhotoR818::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
}
body[data-etnos-build="r776"] .joinPage .paymentLaunchPhotoCommunityR818::after{
  background:linear-gradient(90deg,rgba(10,17,21,.08) 0%,rgba(10,17,21,.06) 58%,rgba(31,31,31,.78) 100%)!important;
}
body[data-etnos-build="r776"] .joinPage .paymentLaunchPhotoOpenR818::after{
  background:linear-gradient(90deg,rgba(10,52,72,.72) 0%,rgba(10,52,72,.14) 40%,rgba(10,52,72,.02) 100%)!important;
}
body[data-etnos-build="r776"] .joinPage .paymentLaunchPhotoR818 img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
}
body[data-etnos-build="r776"] .joinPage .paymentLaunchPhotoCommunityR818 img{
  object-position:50% 50%!important;
}
body[data-etnos-build="r776"] .joinPage .paymentLaunchPhotoOpenR818 img{
  object-position:50% 54%!important;
}

body[data-etnos-build="r776"] .joinPage .paymentLaunchContentR818{
  box-sizing:border-box!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:9px!important;
  padding:clamp(24px,3vw,44px)!important;
  background:linear-gradient(90deg,rgba(31,31,31,.94) 0%,rgba(22,39,48,.88) 52%,rgba(10,52,72,.84) 100%)!important;
  text-align:left!important;
}
body[data-etnos-build="r776"] .joinPage .paymentLaunchContentR818 .joinSectionLabel{
  margin:0!important;
  color:var(--r818-orange-top)!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.13em!important;
}
body[data-etnos-build="r776"] .joinPage .paymentLaunchContentR818 h2{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(48px,4.45vw,76px)!important;
  line-height:.94!important;
  letter-spacing:-.045em!important;
  font-weight:750!important;
}
body[data-etnos-build="r776"] .joinPage .paymentLaunchAudienceR818{
  display:block!important;
  margin:0!important;
  color:#fff!important;
  font-size:clamp(20px,1.75vw,31px)!important;
  line-height:1.05!important;
  font-weight:750!important;
  letter-spacing:-.02em!important;
}
body[data-etnos-build="r776"] .joinPage .paymentLaunchLeadR818{
  max-width:660px!important;
  margin:4px 0 1px!important;
  color:#dce8ec!important;
  font-size:clamp(12.5px,.92vw,16px)!important;
  line-height:1.42!important;
  text-align:left!important;
}

body[data-etnos-build="r776"] .joinPage .paymentLaunchCounterR818{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  grid-template-areas:"number label" "number limit"!important;
  column-gap:13px!important;
  row-gap:2px!important;
  align-items:center!important;
  margin:5px 0 2px!important;
  padding:10px 15px!important;
  border:1px solid rgba(255,173,122,.58)!important;
  border-radius:5px!important;
  background:rgba(255,255,255,.075)!important;
  box-shadow:none!important;
}
body[data-etnos-build="r776"] .joinPage .paymentLaunchCounterR818>span{
  grid-area:label!important;
  align-self:end!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.11em!important;
  line-height:1.15!important;
}
body[data-etnos-build="r776"] .joinPage .paymentLaunchCounterR818>strong{
  grid-area:number!important;
  color:var(--r818-orange-top)!important;
  font-size:clamp(31px,2.5vw,44px)!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
  font-variant-numeric:tabular-nums!important;
}
body[data-etnos-build="r776"] .joinPage .paymentLaunchCounterR818>small{
  grid-area:limit!important;
  align-self:start!important;
  color:#c9dbe2!important;
  font-size:11px!important;
  line-height:1.2!important;
}

body[data-etnos-build="r776"] .joinPage .paymentLaunchFreedomR818{
  box-sizing:border-box!important;
  max-width:690px!important;
  margin:4px 0 0!important;
  padding:9px 11px!important;
  border-left:3px solid var(--r818-orange)!important;
  background:rgba(255,255,255,.06)!important;
  color:#edf4f6!important;
  font-size:clamp(11.5px,.8vw,14px)!important;
  line-height:1.38!important;
  text-align:left!important;
}
body[data-etnos-build="r776"] .joinPage .paymentLaunchFreedomR818 strong{
  color:#fff!important;
  font-weight:800!important;
}
body[data-etnos-build="r776"] .joinPage .paymentLaunchFinePrintR818{
  max-width:690px!important;
  margin:0!important;
  color:#aec6d0!important;
  font-size:10px!important;
  line-height:1.3!important;
  text-align:left!important;
}

body[data-etnos-build="r776"] .joinPage .paymentPostLaunchR818{
  display:grid!important;
  gap:14px!important;
  min-width:0!important;
}
body[data-etnos-build="r776"] .joinPage .paymentPrimaryActionR818{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
}
/* Reprise exacte du bouton orange officiel déjà actif en R802. */
body[data-etnos-build="r776"] .joinPage .paymentPrimaryActionR818 .joinContinue{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:250px!important;
  min-height:48px!important;
  height:48px!important;
  margin:0!important;
  padding:0 24px!important;
  border:1px solid rgba(255,211,183,.92)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,var(--r818-orange-top) 0%,var(--r818-orange) 100%)!important;
  color:var(--r818-ink)!important;
  box-shadow:0 1px 0 var(--r818-orange-dark),0 3px 5px rgba(0,0,0,.11)!important;
  filter:none!important;
  font-size:14px!important;
  font-weight:750!important;
  line-height:1!important;
  text-shadow:none!important;
  white-space:nowrap!important;
}
body[data-etnos-build="r776"] .joinPage .paymentPrimaryActionR818 .joinContinue:not(:disabled):hover{
  filter:brightness(1.025)!important;
  transform:translateY(-1px)!important;
  box-shadow:0 2px 0 var(--r818-orange-dark),0 4px 6px rgba(0,0,0,.12)!important;
}

@media (max-width:1100px){
  body[data-etnos-build="r776"] .joinPage .paymentLaunchR818{
    min-height:0!important;
    grid-template-columns:1fr 1fr!important;
  }
  body[data-etnos-build="r776"] .joinPage .paymentLaunchContentR818{
    grid-column:1 / -1!important;
    grid-row:1!important;
    align-items:center!important;
    text-align:center!important;
    padding:26px clamp(24px,5vw,54px)!important;
  }
  body[data-etnos-build="r776"] .joinPage .paymentLaunchLeadR818,
  body[data-etnos-build="r776"] .joinPage .paymentLaunchFreedomR818,
  body[data-etnos-build="r776"] .joinPage .paymentLaunchFinePrintR818{
    text-align:center!important;
  }
  body[data-etnos-build="r776"] .joinPage .paymentLaunchPhotoR818{
    min-height:220px!important;
    max-height:260px!important;
  }
}

@media (max-width:760px){
  body[data-etnos-build="r776"] .joinPage .paymentLaunchR818{
    grid-template-columns:1fr!important;
  }
  body[data-etnos-build="r776"] .joinPage .paymentLaunchPhotoOpenR818{
    display:none!important;
  }
  body[data-etnos-build="r776"] .joinPage .paymentLaunchPhotoCommunityR818{
    min-height:210px!important;
  }
  body[data-etnos-build="r776"] .joinPage .paymentLaunchContentR818 h2{
    font-size:clamp(44px,13vw,62px)!important;
  }
  body[data-etnos-build="r776"] .joinPage .paymentLaunchCounterR818{
    width:100%!important;
    max-width:390px!important;
  }
  body[data-etnos-build="r776"] .joinPage .paymentPrimaryActionR818 .joinContinue{
    width:min(100%,360px)!important;
    min-width:0!important;
  }
}

@media (max-height:820px) and (min-width:1101px){
  body[data-etnos-build="r776"] .joinPage .paymentLaunchR818{
    min-height:clamp(265px,38vh,320px)!important;
  }
  body[data-etnos-build="r776"] .joinPage .paymentLaunchContentR818{
    gap:6px!important;
    padding:20px 30px!important;
  }
  body[data-etnos-build="r776"] .joinPage .paymentLaunchContentR818 h2{
    font-size:clamp(42px,4vw,62px)!important;
  }
  body[data-etnos-build="r776"] .joinPage .paymentLaunchAudienceR818{
    font-size:clamp(18px,1.55vw,25px)!important;
  }
  body[data-etnos-build="r776"] .joinPage .paymentLaunchLeadR818{
    font-size:12px!important;
    line-height:1.3!important;
  }
  body[data-etnos-build="r776"] .joinPage .paymentLaunchCounterR818{
    padding:7px 12px!important;
    margin:2px 0!important;
  }
  body[data-etnos-build="r776"] .joinPage .paymentLaunchCounterR818>strong{
    font-size:32px!important;
  }
  body[data-etnos-build="r776"] .joinPage .paymentLaunchFreedomR818{
    padding:7px 9px!important;
    margin-top:1px!important;
    font-size:11px!important;
    line-height:1.28!important;
  }
  body[data-etnos-build="r776"] .joinPage .paymentLaunchFinePrintR818{
    font-size:9px!important;
  }
}

/* ETHNOS R819 — hiérarchie commerciale du lancement.
   10 000 est le message principal ; l'année offerte devient le bénéfice secondaire.
   Le compteur reste celui du moteur d'attribution fondateur R818. */
body[data-etnos-build="r776"] .joinPage .paymentLaunchHeadlineR819{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:0!important;
  margin:0!important;
  line-height:1!important;
}
body[data-etnos-build="r776"] .joinPage .paymentLaunchNumberR819{
  display:block!important;
  color:#fff!important;
  font-size:clamp(68px,5.35vw,104px)!important;
  line-height:.86!important;
  font-weight:800!important;
  letter-spacing:-.055em!important;
  font-variant-numeric:tabular-nums!important;
}
body[data-etnos-build="r776"] .joinPage .paymentLaunchMemberLabelR819{
  display:block!important;
  margin-top:8px!important;
  color:#fff!important;
  font-size:clamp(22px,1.65vw,31px)!important;
  line-height:1!important;
  font-weight:760!important;
  letter-spacing:-.025em!important;
}
body[data-etnos-build="r776"] .joinPage .paymentLaunchBenefitR819{
  margin:4px 0 0!important;
  color:#eef5f7!important;
  font-size:clamp(16px,1.25vw,23px)!important;
  line-height:1.15!important;
  font-weight:650!important;
  text-align:left!important;
}
body[data-etnos-build="r776"] .joinPage .paymentLaunchBenefitR819 strong{
  color:var(--r818-orange-top)!important;
  font-size:1.2em!important;
  font-weight:820!important;
}
body[data-etnos-build="r776"] .joinPage .paymentLaunchBravoR819{
  max-width:690px!important;
  margin:3px 0 1px!important;
  color:#dce8ec!important;
  font-size:clamp(12.5px,.9vw,15px)!important;
  line-height:1.38!important;
  text-align:left!important;
}
body[data-etnos-build="r776"] .joinPage .paymentLaunchBravoR819 strong{
  color:#fff!important;
  font-weight:820!important;
}
body[data-etnos-build="r776"] .joinPage .paymentLaunchCounterR819{
  min-width:min(390px,100%)!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  grid-template-areas:"number label" "number assigned"!important;
  margin:5px 0 2px!important;
}
body[data-etnos-build="r776"] .joinPage .paymentLaunchCounterR819>span{
  grid-area:label!important;
}
body[data-etnos-build="r776"] .joinPage .paymentLaunchCounterR819>strong{
  grid-area:number!important;
}
body[data-etnos-build="r776"] .joinPage .paymentLaunchCounterR819>small{
  grid-area:assigned!important;
  color:#c9dbe2!important;
  font-size:11px!important;
  line-height:1.2!important;
}
body[data-etnos-build="r776"] .joinPage .paymentLaunchCounterR819>small b{
  color:#fff!important;
  font-weight:800!important;
  font-variant-numeric:tabular-nums!important;
}

@media (max-width:1100px){
  body[data-etnos-build="r776"] .joinPage .paymentLaunchHeadlineR819{
    align-items:center!important;
  }
  body[data-etnos-build="r776"] .joinPage .paymentLaunchBenefitR819,
  body[data-etnos-build="r776"] .joinPage .paymentLaunchBravoR819{
    text-align:center!important;
  }
}

@media (max-width:760px){
  body[data-etnos-build="r776"] .joinPage .paymentLaunchNumberR819{
    font-size:clamp(58px,18vw,82px)!important;
  }
  body[data-etnos-build="r776"] .joinPage .paymentLaunchMemberLabelR819{
    font-size:clamp(20px,7vw,28px)!important;
  }
  body[data-etnos-build="r776"] .joinPage .paymentLaunchCounterR819{
    min-width:0!important;
    width:100%!important;
  }
}