*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07070a;color:#f8f5fb;font-family:"DM Sans",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 40px));margin:auto}header{position:fixed;inset:0 0 auto;height:78px;display:flex;align-items:center;padding:0 max(22px,calc((100vw - 1180px)/2));background:rgba(7,7,10,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08);z-index:50}.logo{display:flex;flex-direction:column;line-height:1;min-width:170px}.logo b{font-family:"Bebas Neue";font-size:1.8rem;letter-spacing:.16em}.logo span{font-size:.62rem;letter-spacing:.17em;color:#b84cff}.logo em{font-family:"Mrs Saint Delafield";font-size:1.7rem;letter-spacing:0}nav{margin-left:auto;display:flex;gap:25px;align-items:center;text-transform:uppercase;font-size:.76rem}.navcta{border:1px solid #b84cff;border-radius:9px;padding:10px 17px}.menu{display:none;margin-left:auto;background:none;border:0;color:white;font-size:1.5rem}.hero{min-height:920px;padding-top:78px;display:flex;align-items:center;position:relative;background:url("assets/astrid.jpg") center 42%/cover}.overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,10,.98),rgba(7,7,10,.87) 39%,rgba(7,7,10,.25) 65%,rgba(7,7,10,.82)),linear-gradient(180deg,transparent 55%,#07070a)}.hero-grid{position:relative;display:grid;grid-template-columns:1.2fr .55fr;gap:60px;align-items:end;padding:120px 0}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#d18aff;font-size:.8rem;font-weight:700}h1,h2{font-family:"Bebas Neue";text-transform:uppercase;line-height:.98;letter-spacing:.025em;margin:12px 0}h1{font-size:clamp(4rem,7vw,7.5rem);max-width:900px}h2{font-size:clamp(2.6rem,5vw,5rem)}h3{margin:8px 0;text-transform:uppercase}.script{font-family:"Mrs Saint Delafield";color:#b84cff;font-size:clamp(2.6rem,4.5vw,4.6rem);line-height:1}.lead{max-width:640px;font-size:1.08rem;color:#e4dee8}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 40px}.btn{min-height:52px;padding:0 24px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.13);text-transform:uppercase;font-size:.78rem;font-weight:700;transition:.25s}.btn:hover{transform:translateY(-2px)}.primary{background:linear-gradient(135deg,#b84cff,#7620d2);border:0;box-shadow:0 0 32px rgba(184,76,255,.28)}.ghost{background:rgba(0,0,0,.28)}.secondary{background:#16121b;border-color:rgba(184,76,255,.55)}.full{width:100%}.proof{display:flex;gap:32px}.proof div{display:flex;flex-direction:column;border-left:1px solid #b84cff;padding-left:14px}.proof span,.section p,.card p,.steps p,.result-head>p{color:#b9b2c0}.hero-card{padding:30px;border:1px solid rgba(255,255,255,.13);background:rgba(10,8,13,.75);backdrop-filter:blur(12px);border-radius:16px}.hero-card h2{font-size:2.4rem}.hero-card small,.hero-card a{color:#d18aff}.hero-card ul{list-style:none;padding:0}.hero-card li{margin:14px 0;padding-left:22px;position:relative}.hero-card li:before{content:"✓";position:absolute;left:0;color:#b84cff}.bar{border-block:1px solid rgba(255,255,255,.1);background:#09090c}.bar-grid{display:grid;grid-template-columns:repeat(4,1fr)}.bar span{text-align:center;padding:22px;border-right:1px solid rgba(255,255,255,.1);font-size:.78rem;text-transform:uppercase}.section{padding:105px 0;border-bottom:1px solid rgba(255,255,255,.1)}.dark{background:#0d0b11}.two-cols,.about,.application-grid,.faq{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card{min-height:220px;padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.035);transition:.3s}.card:hover{transform:translateY(-5px);border-color:rgba(184,76,255,.45)}.card>span{color:#b84cff}.heading{text-align:center;max-width:720px;margin:0 auto 55px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.steps article{text-align:center}.steps i{width:86px;height:86px;border-radius:50%;border:1px solid #b84cff;display:grid;place-items:center;margin:0 auto 18px;color:#b84cff;font-size:2rem;font-style:normal;box-shadow:0 0 28px rgba(184,76,255,.2)}.steps b{color:#b84cff;font-size:.72rem}.result-head{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:end;margin-bottom:40px}.results{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:18px}.result{min-height:470px;border-radius:16px;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;background:url("assets/astrid.jpg") 66% center/cover}.r2{background-position:74% center}.r3{background-position:58% center}.result:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(7,7,10,.96))}.result div{position:absolute;z-index:1;left:24px;right:24px;bottom:20px}.result small{color:#d18aff;text-transform:uppercase;letter-spacing:.13em}.result h3{font-family:"Bebas Neue";font-size:2.2rem}.note{font-size:.76rem;color:#7f7786!important}.portrait{min-height:670px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:url("assets/astrid.jpg") center 35%/cover;box-shadow:0 20px 60px rgba(0,0,0,.4)}blockquote{margin:26px 0;padding-left:22px;border-left:2px solid #b84cff}.application{background:radial-gradient(circle at 86% 16%,rgba(184,76,255,.12),transparent 25%),#08070b}.sticky{position:sticky;top:110px}.checks{display:grid;gap:12px}.checks span{color:#eee}.checks span::first-letter{color:#b84cff}form{padding:30px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.035);display:grid;gap:13px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:grid;gap:7px;font-size:.78rem;color:#d3ccd8}input,select,textarea{width:100%;padding:14px 15px;border-radius:9px;border:1px solid rgba(255,255,255,.12);background:#111015;color:#fff}.consent{display:flex;align-items:flex-start;gap:9px}.consent input{width:auto;margin-top:5px}#status{min-height:22px;color:#d18aff;margin:0}.faq details{border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px 22px;margin-bottom:12px;background:rgba(255,255,255,.035)}summary{cursor:pointer;font-weight:700}.cta{padding:65px 0;background:linear-gradient(90deg,#0d0812,#160c20)}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:35px}.cta h2{max-width:820px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:50px;padding:55px 0}.footer-grid>div{display:grid;gap:9px;align-content:start}.reveal{opacity:0;transform:translateY(28px);transition:.8s}.reveal.visible{opacity:1;transform:none}@media(max-width:1000px){.menu{display:block}nav{display:none;position:absolute;top:78px;left:0;right:0;flex-direction:column;align-items:flex-start;padding:25px;background:#09090c}nav.open{display:flex}.hero-grid{grid-template-columns:1fr}.hero-card{max-width:520px}.two-cols,.about,.application-grid,.faq{grid-template-columns:1fr}.sticky{position:static}.steps{grid-template-columns:1fr 1fr}.results{grid-template-columns:1fr 1fr}.big{grid-column:1/-1}}@media(max-width:680px){.container{width:min(100% - 28px,1180px)}header{padding:0 16px}.hero{min-height:880px;background-position:66% center}.overlay{background:linear-gradient(90deg,rgba(7,7,10,.98),rgba(7,7,10,.63))}.hero-card{display:none}.bar-grid,.cards,.steps,.results,.row,.footer-grid{grid-template-columns:1fr}.bar span{border-bottom:1px solid rgba(255,255,255,.1)}.result-head{grid-template-columns:1fr;gap:16px}.big{grid-column:auto}.portrait{min-height:520px}.section{padding:78px 0}.cta-inner{flex-direction:column;align-items:flex-start}.proof{gap:16px;flex-wrap:wrap}}

/* Transformation personnelle */
.transformations{
  background:
    radial-gradient(circle at 12% 25%,rgba(184,76,255,.09),transparent 24%),
    #07070a;
}
.before-after{
  display:grid;
  grid-template-columns:minmax(0,1fr) 145px minmax(0,1fr);
  align-items:center;
  gap:20px;
  margin-top:20px;
}
.comparison-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:#0e0d12;
  box-shadow:0 24px 60px rgba(0,0,0,.34);
}
.comparison-card img{
  width:100%;
  height:620px;
  object-fit:cover;
  object-position:center top;
  display:block;
}
.comparison-label{
  position:absolute;
  z-index:2;
  top:18px;
  left:18px;
  padding:9px 15px;
  border-radius:999px;
  background:rgba(8,8,11,.8);
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(10px);
  text-transform:uppercase;
  letter-spacing:.15em;
  font-size:.7rem;
}
.comparison-label.after{
  color:#fff;
  border-color:#b84cff;
  box-shadow:0 0 25px rgba(184,76,255,.25);
}
.comparison-copy{
  position:absolute;
  left:0;right:0;bottom:0;
  padding:55px 24px 22px;
  display:flex;
  flex-direction:column;
  background:linear-gradient(transparent,rgba(5,5,8,.96));
}
.comparison-copy strong{
  font-family:"Bebas Neue";
  font-size:2rem;
  letter-spacing:.04em;
}
.comparison-copy span{color:#c9c0ce;font-size:.84rem}
.comparison-center{
  text-align:center;
  display:grid;
  place-items:center;
  gap:5px;
}
.comparison-center span{
  font-family:"Bebas Neue";
  font-size:2.5rem;
  color:#d18aff;
}
.comparison-center b{
  font-size:3rem;
  color:#b84cff;
  line-height:1;
}
.comparison-center small{
  color:#8e8593;
  text-transform:uppercase;
  font-size:.62rem;
  letter-spacing:.12em;
}
.story-strip{
  margin:28px 0 42px;
  padding:24px 28px;
  border:1px solid rgba(184,76,255,.42);
  border-radius:14px;
  background:linear-gradient(90deg,rgba(184,76,255,.08),rgba(255,255,255,.025));
  text-align:center;
}
.story-strip p{margin:0!important;color:#dcd5e0!important}
.story-strip strong{color:#d18aff}
.photo-showcase{
  display:grid;
  grid-template-columns:1.08fr .92fr .92fr;
  gap:18px;
}
.showcase{
  margin:0;
  min-height:500px;
  position:relative;
  overflow:hidden;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.11);
  background:#101014;
}
.showcase img{
  width:100%;
  height:100%;
  min-height:500px;
  object-fit:cover;
  object-position:center;
  display:block;
  transition:transform .6s ease;
}
.showcase:hover img{transform:scale(1.035)}
.showcase.tall img{object-position:center 35%}
.showcase figcaption{
  position:absolute;
  left:0;right:0;bottom:0;
  padding:65px 23px 22px;
  background:linear-gradient(transparent,rgba(4,4,7,.96));
  display:grid;
}
.showcase figcaption span{
  color:#d18aff;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:.68rem;
}
.showcase figcaption strong{
  font-family:"Bebas Neue";
  font-size:1.75rem;
  letter-spacing:.035em;
}
.marketing-proof{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px;
  overflow:hidden;
}
.marketing-proof div{
  padding:24px;
  display:grid;
  gap:4px;
  text-align:center;
  background:rgba(255,255,255,.025);
  border-right:1px solid rgba(255,255,255,.1);
}
.marketing-proof div:last-child{border-right:0}
.marketing-proof strong{text-transform:uppercase;font-size:.82rem;color:#fff}
.marketing-proof span{font-size:.78rem;color:#a9a0af}

@media(max-width:1000px){
  .before-after{grid-template-columns:1fr 80px 1fr}
  .comparison-card img{height:520px}
  .photo-showcase{grid-template-columns:1fr 1fr}
  .showcase.tall{grid-column:1/-1}
}
@media(max-width:680px){
  .before-after{grid-template-columns:1fr}
  .comparison-center{padding:4px 0}
  .comparison-center b{transform:rotate(90deg)}
  .comparison-card img{height:560px}
  .photo-showcase,.marketing-proof{grid-template-columns:1fr}
  .showcase.tall{grid-column:auto}
  .marketing-proof div{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}
  .marketing-proof div:last-child{border-bottom:0}
}

.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}
.lang-switch{
  width:44px;height:36px;border-radius:9px;border:1px solid rgba(184,76,255,.55);
  background:rgba(184,76,255,.08);color:#fff;font-size:.72rem;font-weight:700;
  letter-spacing:.08em;cursor:pointer;box-shadow:0 0 18px rgba(184,76,255,.12)
}
.lang-switch:hover{background:rgba(184,76,255,.18)}
header nav{margin-left:24px}

.ai-zone{
  background:
    linear-gradient(180deg,rgba(184,76,255,.04),transparent),
    radial-gradient(circle at 80% 30%,rgba(184,76,255,.12),transparent 28%),
    #09080d;
}
.ai-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}
.ai-copy p{color:#b9b2c0}
.ai-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}
.ai-badges span{
  border:1px solid rgba(184,76,255,.38);background:rgba(184,76,255,.06);
  color:#d8c8e3;border-radius:999px;padding:8px 13px;font-size:.68rem;
  text-transform:uppercase;letter-spacing:.1em
}
.coach-bot{
  border:1px solid rgba(184,76,255,.4);border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  box-shadow:0 0 50px rgba(184,76,255,.12),0 28px 80px rgba(0,0,0,.45);
  overflow:hidden;position:relative
}
.coach-bot:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(120deg,transparent 20%,rgba(184,76,255,.06) 50%,transparent 80%);
  transform:translateX(-100%);animation:sweep 5s linear infinite
}
@keyframes sweep{to{transform:translateX(100%)}}
.bot-top{
  display:flex;justify-content:space-between;align-items:center;padding:16px 18px;
  border-bottom:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.22)
}
.bot-status{display:flex;align-items:center;gap:9px;font-size:.67rem;letter-spacing:.12em}
.bot-status i{width:8px;height:8px;border-radius:50%;background:#55ff9a;box-shadow:0 0 12px #55ff9a}
.bot-top button{background:none;border:0;color:#b9b2c0;font-size:1.1rem;cursor:pointer}
.bot-screen{padding:26px;min-height:470px;position:relative}
.bot-message{
  padding:16px 18px;border-radius:14px 14px 14px 4px;background:#15111b;
  border:1px solid rgba(255,255,255,.09);color:#ddd4e2;margin-bottom:22px
}
.bot-step{display:none}
.bot-step.active{display:block;animation:fadeUp .35s ease}
.bot-step>p{font-weight:700;color:#fff;margin-bottom:16px}
.bot-options{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.bot-options button{
  min-height:54px;border-radius:11px;border:1px solid rgba(255,255,255,.11);
  background:#111015;color:#eee;cursor:pointer;transition:.22s;padding:11px
}
.bot-options button:hover{
  border-color:#b84cff;background:rgba(184,76,255,.09);
  transform:translateY(-2px);box-shadow:0 0 20px rgba(184,76,255,.12)
}
.bot-result{display:none;text-align:center;padding:15px 0;position:relative}
.bot-result.active{display:block;animation:fadeUp .5s ease}
.bot-result small{color:#55ff9a;letter-spacing:.15em}
.bot-result h3{font-family:"Bebas Neue";font-size:2.4rem;margin:14px 0 8px}
.bot-result p{color:#c8bfce}
.result-meter{
  height:8px;background:#18151d;border-radius:999px;overflow:hidden;margin:24px 0 28px
}
.result-meter span{
  display:block;height:100%;width:0;background:linear-gradient(90deg,#7620d2,#d18aff);
  box-shadow:0 0 16px #b84cff;transition:width 1.2s ease
}
.bot-result.active .result-meter span{width:92%}
.scan-line{
  position:absolute;left:0;right:0;top:0;height:1px;background:#b84cff;
  box-shadow:0 0 18px #b84cff;animation:scan 2s ease-in-out infinite
}
@keyframes scan{0%,100%{transform:translateY(10px);opacity:.2}50%{transform:translateY(210px);opacity:1}}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

@media(max-width:1000px){
  .ai-grid{grid-template-columns:1fr}
  .header-actions{margin-left:auto}
}
@media(max-width:680px){
  .bot-options{grid-template-columns:1fr}
  .bot-screen{min-height:540px}
  .lang-switch{width:40px}
}

/* Upgrade high-tech avant / après */
.before-after{
  position:relative;
}
.before-after::before{
  content:"";
  position:absolute;
  inset:-18px;
  border-radius:28px;
  background:
    linear-gradient(90deg,transparent,rgba(184,76,255,.10),transparent),
    radial-gradient(circle at 50% 50%,rgba(184,76,255,.08),transparent 62%);
  filter:blur(8px);
  z-index:-1;
  animation:comparisonPulse 4.5s ease-in-out infinite;
}
.comparison-card{
  isolation:isolate;
}
.comparison-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(135deg,rgba(209,138,255,.65),transparent 35%,rgba(184,76,255,.35));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
  z-index:3;
}
.comparison-card::after{
  content:"";
  position:absolute;
  left:-30%;
  top:-20%;
  width:35%;
  height:140%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent);
  transform:rotate(10deg);
  animation:comparisonScan 5.5s linear infinite;
  pointer-events:none;
  z-index:2;
}
.comparison-center{
  position:relative;
}
.comparison-center::before{
  content:"";
  position:absolute;
  width:78px;
  height:78px;
  border-radius:50%;
  border:1px solid rgba(184,76,255,.35);
  box-shadow:0 0 35px rgba(184,76,255,.20);
  animation:ringPulse 2.4s ease-in-out infinite;
}
.comparison-center > *{
  position:relative;
  z-index:1;
}
@keyframes comparisonPulse{
  0%,100%{opacity:.45;transform:scale(.99)}
  50%{opacity:1;transform:scale(1.01)}
}
@keyframes comparisonScan{
  from{transform:translateX(-250%) rotate(10deg)}
  to{transform:translateX(520%) rotate(10deg)}
}
@keyframes ringPulse{
  0%,100%{transform:scale(.85);opacity:.35}
  50%{transform:scale(1.15);opacity:.9}
}

/* Contacts réels */
.floating-contact{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:80;
  display:flex;
  align-items:center;
  gap:10px;
}
.floating-contact a{
  box-shadow:0 14px 40px rgba(0,0,0,.42);
  backdrop-filter:blur(14px);
}
.floating-whatsapp{
  min-height:50px;
  padding:0 18px;
  border-radius:999px;
  display:flex;
  align-items:center;
  gap:14px;
  color:#fff;
  background:linear-gradient(135deg,#20c86f,#0a9f53);
  border:1px solid rgba(255,255,255,.18);
  font-size:.78rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.floating-instagram{
  width:50px;
  height:50px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  font-weight:700;
  background:linear-gradient(135deg,#b84cff,#ff4f86,#ffb34d);
  border:1px solid rgba(255,255,255,.18);
}
.floating-contact a:hover{transform:translateY(-3px)}
@media(max-width:680px){
  .floating-contact{right:14px;bottom:14px}
  .floating-whatsapp span{display:none}
  .floating-whatsapp{width:50px;padding:0;justify-content:center}
}