/* ============================================================
   BITCHFLOOR — INSCRIPTION V5
   Page WordPress PROD : 347633
   ============================================================ */

.page-id-347633 h1.entry-title,
.page-id-347633 .et_post_meta_wrapper{display:none!important;}
.page-id-347633 #main-content,
.page-id-347633 #main-content .container{
  padding-top:0!important;
  margin-top:0!important;
  background:#07080c!important;
}
.page-id-347633 #main-content .container{
  width:100%!important;
  max-width:none!important;
}
.page-id-347633 #left-area{width:100%!important;padding:0!important;}
.page-id-347633 #main-content .container:before{display:none!important;}
.page-id-347633 .entry-content,
.page-id-347633 article.et_pb_post{margin:0!important;padding:0!important;}
body.page-id-347633{background:#07080c!important;}

.bf-signup-v5,
.bf-signup-v5 *{box-sizing:border-box;}
.bf-signup-v5{
  --bf-bg:#07080c;
  --bf-panel:#0d0e14;
  --bf-panel2:#11121a;
  --bf-line:rgba(255,255,255,.09);
  --bf-text:#f7f7fb;
  --bf-muted:#9ca3af;
  --bf-purple:#8b5cf6;
  --bf-purple2:#a855f7;
  background:var(--bf-bg);
  color:var(--bf-text);
  font-family:inherit;
  overflow:hidden;
}
.bf-signup-shell{width:min(1380px,calc(100% - 64px));margin:0 auto;}
.bf-signup-kicker{
  color:#c7a7ff;
  font-size:11px;
  font-weight:950;
  letter-spacing:.2em;
  text-transform:uppercase;
}

/* HERO */
.bf-signup-hero{
  position:relative;
  padding:108px 0 94px;
  background:
    radial-gradient(circle at 77% 45%,rgba(123,58,237,.18),transparent 32%),
    linear-gradient(125deg,#08090d 0%,#0c0b14 55%,#120d20 100%);
  border-bottom:1px solid var(--bf-line);
}
.bf-signup-hero:after{
  content:"";
  position:absolute;
  width:600px;height:600px;
  border:1px solid rgba(139,92,246,.12);
  border-radius:50%;
  right:-190px;top:-250px;
  box-shadow:0 0 0 80px rgba(139,92,246,.025),0 0 0 160px rgba(139,92,246,.018);
}
.bf-signup-hero h1{
  margin:24px 0 24px!important;
  max-width:980px;
  color:#363638!important;
  font-size:clamp(64px,7vw,118px)!important;
  line-height:.92!important;
  font-weight:500!important;
  letter-spacing:-.055em!important;
}
.bf-signup-hero h1 span{color:var(--bf-purple)!important;}
.bf-signup-lead{
  max-width:760px;
  margin:0!important;
  color:#d1d5db!important;
  font-size:20px!important;
  line-height:1.55!important;
}
.bf-signup-trust{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  max-width:900px;
  margin-top:48px;
}
.bf-signup-trust span{
  border-top:1px solid var(--bf-line);
  padding-top:18px;
  color:#8e93a0;
  font-size:12px;
}
.bf-signup-trust strong{display:block;margin-bottom:3px;color:#fff;font-size:16px;}

/* MAIN */
.bf-signup-main{padding:100px 0 110px;}
.bf-signup-section-head{
  display:flex;align-items:end;justify-content:space-between;gap:30px;
  margin-bottom:40px;
}
.bf-signup-section-head h2,
.bf-signup-alt-head h2,
.bf-signup-included h2{
  margin:14px 0 0!important;
  color:#f3f4f6!important;
  font-size:clamp(38px,4.5vw,72px)!important;
  line-height:1!important;
  font-weight:500!important;
  letter-spacing:-.045em!important;
}
.bf-signup-proof{color:#8f93a0;font-size:12px;text-align:right;}

.bf-plan-featured{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);
  min-height:610px;
  overflow:hidden;
  border:1px solid rgba(139,92,246,.34);
  border-radius:32px;
  background:linear-gradient(120deg,#0d0e14 0%,#11101a 58%,#160f25 100%);
  box-shadow:0 45px 110px rgba(0,0,0,.35);
}
.bf-plan-featured-copy{padding:66px 64px 58px;position:relative;z-index:2;}
.bf-plan-badge,
.bf-plan-small-badge{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(168,85,247,.4);
  background:rgba(139,92,246,.12);
  color:#d6c1ff;
  font-size:10px;
  font-weight:950;
  letter-spacing:.14em;
}
.bf-plan-featured h3{margin:20px 0 8px!important;color:#fff!important;font-size:28px!important;font-weight:800!important;}
.bf-plan-price{display:flex;align-items:flex-end;gap:10px;margin-bottom:12px;}
.bf-plan-price strong{font-size:78px;line-height:.95;letter-spacing:-.06em;color:#fff;}
.bf-plan-price span{padding-bottom:9px;color:#aeb2bd;font-size:18px;}
.bf-plan-subtitle{margin:0 0 30px!important;color:#a4a8b2!important;font-size:13px!important;}
.bf-plan-list{list-style:none!important;margin:0 0 34px!important;padding:0!important;display:grid;gap:13px;}
.bf-plan-list li{position:relative;padding-left:26px;color:#e4e5e9;font-size:14px;}
.bf-plan-list li:before{content:"✓";position:absolute;left:0;color:#a855f7;font-weight:950;}
.bf-plan-micro{margin-top:13px;color:#747984;font-size:10px;}

.bf-signup-btn{
  display:inline-flex!important;
  align-items:center;justify-content:center;
  min-height:52px;
  padding:0 25px!important;
  border-radius:999px!important;
  font-size:13px!important;
  font-weight:900!important;
  text-decoration:none!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.bf-signup-btn:hover{transform:translateY(-2px);}
.bf-signup-btn-primary{
  color:#fff!important;
  background:linear-gradient(100deg,#8b5cf6,#a855f7)!important;
  box-shadow:0 14px 38px rgba(139,92,246,.26);
}
.bf-signup-btn-primary:hover{box-shadow:0 18px 50px rgba(139,92,246,.36);}
.bf-signup-btn-ghost{
  width:100%;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:#101118!important;
}
.bf-signup-btn-ghost:hover{border-color:rgba(168,85,247,.55)!important;}

.bf-plan-featured-visual{position:relative;min-height:100%;}
.bf-plan-orbit{position:absolute;border:1px solid rgba(139,92,246,.22);border-radius:50%;}
.orbit-a{width:440px;height:440px;right:-70px;top:70px;box-shadow:0 0 0 60px rgba(139,92,246,.025),0 0 0 120px rgba(139,92,246,.018);}
.orbit-b{width:280px;height:280px;right:10px;top:150px;border-color:rgba(255,255,255,.08);}
.bf-plan-big-number{
  position:absolute;right:55px;top:185px;
  color:#fff;font-size:110px;font-weight:950;letter-spacing:-.07em;line-height:.8;
  transform:rotate(-3deg);
}
.bf-plan-big-number span{font-size:44px;color:#a855f7;}
.bf-plan-visual-label{
  position:absolute;right:70px;top:305px;
  color:#7d8190;font-size:10px;font-weight:950;letter-spacing:.18em;text-align:right;
}

/* DURÉES FIXES */
.bf-signup-alt-head{margin:105px 0 34px;}
.bf-signup-alt-head p{margin:14px 0 0!important;color:#8f93a0!important;font-size:14px!important;}
.bf-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.bf-plan-card{
  padding:30px;
  border:1px solid var(--bf-line);
  border-radius:24px;
  background:#0b0c11;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.bf-plan-card:hover{transform:translateY(-5px);border-color:rgba(139,92,246,.32);box-shadow:0 25px 65px rgba(0,0,0,.32);}
.bf-plan-card.is-gold{background:linear-gradient(145deg,#0d0e14,#12101a);}
.bf-plan-card h3{margin:18px 0 16px!important;color:#fff!important;font-size:28px!important;font-weight:700!important;}
.bf-plan-card-price{color:#fff;font-size:43px;font-weight:900;letter-spacing:-.04em;}
.bf-plan-card-duration{margin-top:8px;color:#c8cbd2;font-size:13px;}
.bf-plan-card-note{min-height:42px;margin:7px 0 25px;color:#777d89;font-size:11px;}

/* INCLUS */
.bf-signup-included{padding:105px 0 115px;border-top:1px solid var(--bf-line);background:#08090d;}
.bf-signup-included h2{max-width:900px;}
.bf-included-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:46px;}
.bf-included-grid>div{min-height:160px;padding:24px;border:1px solid var(--bf-line);border-radius:20px;background:#0b0c11;}
.bf-included-grid strong{display:block;margin-bottom:12px;color:#fff;font-size:16px;}
.bf-included-grid span{color:#858a96;font-size:12px;line-height:1.55;}
.bf-signup-bottom-cta{
  display:flex;align-items:center;justify-content:space-between;gap:40px;
  margin-top:95px;padding-top:70px;border-top:1px solid var(--bf-line);
}
.bf-signup-bottom-cta h2{margin-top:12px!important;font-size:clamp(42px,5vw,78px)!important;}
.bf-signup-bottom-cta h2 span{color:var(--bf-purple)!important;}

@media(max-width:980px){
  .bf-signup-shell{width:min(100% - 34px,1380px);}
  .bf-signup-hero{padding:78px 0 70px;}
  .bf-signup-hero h1{font-size:clamp(54px,13vw,88px)!important;}
  .bf-signup-trust{grid-template-columns:1fr;gap:8px;}
  .bf-plan-featured{grid-template-columns:1fr;}
  .bf-plan-featured-copy{padding:45px 30px;}
  .bf-plan-featured-visual{min-height:330px;}
  .bf-plan-big-number{right:35px;top:110px;font-size:88px;}
  .bf-plan-visual-label{right:42px;top:215px;}
  .orbit-a{width:330px;height:330px;right:-75px;top:20px;}
  .orbit-b{width:220px;height:220px;right:0;top:70px;}
  .bf-plan-grid{grid-template-columns:1fr;}
  .bf-included-grid{grid-template-columns:1fr 1fr;}
  .bf-signup-section-head,.bf-signup-bottom-cta{align-items:flex-start;flex-direction:column;}
  .bf-signup-proof{text-align:left;}
}
@media(max-width:600px){
  .bf-signup-shell{width:calc(100% - 24px);}
  .bf-signup-hero h1{font-size:50px!important;}
  .bf-signup-lead{font-size:16px!important;}
  .bf-plan-price strong{font-size:60px;}
  .bf-included-grid{grid-template-columns:1fr;}
  .bf-plan-featured-copy{padding:35px 22px;}
}

/* ============================================================
   V5.1 — hiérarchie conversion + rythme plus compact
   ============================================================ */
.bf-signup-hero-v51{padding:82px 0 76px;}
.bf-signup-hero-v51 h1{
  max-width:1100px;
  margin:20px 0 20px!important;
  color:#f3f4f6!important;
  font-size:clamp(58px,6.4vw,104px)!important;
  line-height:.94!important;
}
.bf-signup-hero-v51 h1 span{color:var(--bf-purple)!important;}
.bf-signup-hero-v51 .bf-signup-lead{max-width:820px;font-size:18px!important;}
.bf-signup-hero-btn{margin-top:30px;}
.bf-signup-hero-micro{margin-top:12px;color:#858a96;font-size:11px;}
.bf-signup-main-v51{padding:78px 0 82px;}
.bf-signup-main-v51 .bf-signup-section-head{margin-bottom:30px;}
.bf-signup-main-v51 .bf-plan-featured{min-height:570px;}
.bf-signup-included{padding:82px 0 86px;}
.bf-signup-included .bf-included-grid{margin-top:36px;}
.bf-signup-fixed{padding:82px 0 90px;border-top:1px solid var(--bf-line);background:#07080c;}
.bf-signup-fixed .bf-signup-alt-head{margin:0 0 30px;}
.bf-signup-final{padding:0 0 92px;background:#08090d;}
.bf-signup-final .bf-signup-bottom-cta{margin-top:0;padding-top:70px;}
@media(max-width:980px){
  .bf-signup-hero-v51{padding:66px 0 62px;}
  .bf-signup-main-v51,.bf-signup-included,.bf-signup-fixed{padding-top:68px;padding-bottom:70px;}
}


/* ============================================================
   V5.2 — 3 retouches finales uniquement
   1) titre offre principale sur une ligne (desktop)
   2) suppression du proof à droite (HTML)
   3) visuel historique DJ à droite de la carte abonnement
   ============================================================ */
@media (min-width: 1100px){
  .bf-signup-main-v51 .bf-signup-section-head h2{
    white-space:nowrap;
    font-size:clamp(38px,3.65vw,64px)!important;
    letter-spacing:-.042em!important;
  }
}

.bf-plan-featured-photo{
  position:relative;
  min-height:100%;
  overflow:hidden;
  background-image:
    linear-gradient(90deg, #11101a 0%, rgba(17,16,26,.72) 12%, rgba(17,16,26,.18) 42%, rgba(17,16,26,.04) 100%),
    linear-gradient(180deg, rgba(20,13,34,.08) 0%, rgba(20,13,34,.18) 62%, rgba(20,13,34,.52) 100%),
    url('https://bitchfloor.com/wp-content/uploads/2017/12/Fotolia_94287657_Subscription_Monthly_XXL-ConvertImage.jpg');
  background-size:cover;
  background-position:center center;
}
.bf-plan-featured-photo:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(120deg, rgba(139,92,246,.07), transparent 48%, rgba(20,13,34,.22));
}

@media(max-width:980px){
  .bf-plan-featured-photo{
    min-height:360px;
    background-position:center 42%;
    background-image:
      linear-gradient(180deg, #11101a 0%, rgba(17,16,26,.28) 16%, rgba(17,16,26,.06) 58%, rgba(17,16,26,.62) 100%),
      url('https://bitchfloor.com/wp-content/uploads/2017/12/Fotolia_94287657_Subscription_Monthly_XXL-ConvertImage.jpg');
  }
}


/* ============================================================
   V5.3 FINAL — polish visuel des 3 durées fixes uniquement
   ============================================================ */
.bf-signup-fixed .bf-plan-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.bf-signup-fixed .bf-plan-card:before{
  content:"";
  position:absolute;
  z-index:-1;
  width:310px;height:310px;
  right:-145px;top:-150px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(139,92,246,.10) 0%,rgba(139,92,246,.035) 42%,transparent 70%);
  opacity:.72;
  transition:opacity .25s ease,transform .35s ease;
}
.bf-signup-fixed .bf-plan-card:nth-child(2):before{
  background:radial-gradient(circle,rgba(139,92,246,.16) 0%,rgba(139,92,246,.05) 44%,transparent 72%);
  opacity:.84;
}
.bf-signup-fixed .bf-plan-card.is-gold{
  border-color:rgba(139,92,246,.24);
  background:linear-gradient(145deg,rgba(139,92,246,.045),transparent 42%),linear-gradient(145deg,#0d0e14,#12101a);
}
.bf-signup-fixed .bf-plan-card.is-gold:before{
  width:380px;height:380px;
  right:-160px;top:-185px;
  background:radial-gradient(circle,rgba(168,85,247,.24) 0%,rgba(139,92,246,.075) 43%,transparent 72%);
  opacity:1;
}
.bf-signup-fixed .bf-plan-card:hover:before{opacity:1;transform:scale(1.08);}
.bf-signup-fixed .bf-plan-card:hover{
  border-color:rgba(168,85,247,.42);
  box-shadow:0 25px 65px rgba(0,0,0,.32),0 0 34px rgba(139,92,246,.075);
}
.bf-signup-fixed .bf-plan-card .bf-signup-btn-ghost{
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease!important;
}
.bf-signup-fixed .bf-plan-card .bf-signup-btn-ghost:hover{
  border-color:rgba(168,85,247,.72)!important;
  background:linear-gradient(100deg,rgba(139,92,246,.16),rgba(168,85,247,.11))!important;
  box-shadow:0 10px 30px rgba(139,92,246,.12);
}
.bf-signup-fixed .bf-plan-card.is-gold .bf-plan-small-badge{
  border-color:rgba(168,85,247,.58);
  background:rgba(139,92,246,.17);
  color:#eadfff;
  box-shadow:0 0 24px rgba(139,92,246,.08);
}
