.rsa-stage{position:relative;width:100%;aspect-ratio:9/14;max-height:680px;border-radius:28px;overflow:hidden;background:linear-gradient(160deg,#1a0b2e 0%,#2d0a3e 40%,#3b0a2e 100%);box-shadow:0 30px 80px -20px rgba(236,72,153,.35),0 10px 40px -10px rgba(99,102,241,.4);font-family:inherit;color:#fff;isolation:isolate;}
.rsa-stage::before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 20% 20%,rgba(236,72,153,.35),transparent 45%),radial-gradient(circle at 80% 30%,rgba(251,146,60,.28),transparent 45%),radial-gradient(circle at 50% 90%,rgba(139,92,246,.32),transparent 50%);animation:rsaDrift 18s ease-in-out infinite alternate;z-index:0;pointer-events:none;}
@keyframes rsaDrift{0%{transform:translate(0,0) rotate(0)}100%{transform:translate(3%,-2%) rotate(8deg)}}
.rsa-top{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent);}
.rsa-top-brand{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.95;}
.rsa-top-brand .rsa-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#ec4899,#fb923c);box-shadow:0 0 12px #ec4899;animation:rsaPulseDot 2s ease-in-out infinite;}
@keyframes rsaPulseDot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}
.rsa-top-step{font-size:11px;font-weight:600;letter-spacing:.1em;opacity:.7;}
.rsa-progress{position:absolute;top:46px;left:18px;right:18px;height:3px;border-radius:3px;background:rgba(255,255,255,.12);z-index:5;overflow:hidden;}
.rsa-progress-bar{position:absolute;inset:0;width:0;background:linear-gradient(90deg,#ec4899,#fb923c,#a855f7);border-radius:3px;transition:width .6s ease;}
.rsa-scene{position:absolute;inset:60px 18px 64px;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease;z-index:2;pointer-events:none;}
.rsa-scene.is-active{opacity:1;transform:translateY(0);pointer-events:auto;}
.rsa-scene-title{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(90deg,#fb923c,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:14px;text-align:center;}
.rsa-scene-caption{position:absolute;bottom:0;left:0;right:0;font-size:14px;line-height:1.45;font-weight:500;text-align:center;opacity:.92;padding:0 6px;}
.rsa-bottom{position:absolute;bottom:14px;left:18px;right:18px;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:10px;}
.rsa-dots{display:flex;gap:6px;}
.rsa-dots i{display:block;width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.22);transition:all .4s ease;}
.rsa-dots i.on{background:linear-gradient(135deg,#ec4899,#fb923c);width:22px;border-radius:4px;}
.rsa-replay{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;font-size:12px;font-weight:600;padding:7px 12px;border-radius:999px;cursor:pointer;backdrop-filter:blur(6px);transition:all .25s ease;}
.rsa-replay:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.4);}
.rsa-replay svg{width:12px;height:12px;}

/* ---- Scène 1 : création post ---- */
.rsa-post{width:100%;max-width:300px;background:#fff;color:#1a1a1a;border-radius:18px;padding:14px;box-shadow:0 20px 50px rgba(0,0,0,.4);}
.rsa-post-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.rsa-post-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ec4899,#fb923c);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;}
.rsa-post-meta{line-height:1.2;}
.rsa-post-meta b{font-size:13px;display:block;}
.rsa-post-meta span{font-size:11px;color:#777;}
.rsa-post-text{font-size:13px;line-height:1.5;min-height:60px;color:#222;}
.rsa-typing::after{content:"▍";color:#ec4899;animation:rsaBlink 1s infinite;}
@keyframes rsaBlink{50%{opacity:0}}
.rsa-post-media{margin-top:10px;height:110px;border-radius:12px;background:linear-gradient(135deg,#fbbf24,#ec4899,#a855f7);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;opacity:0;transform:scale(.92);transition:opacity .6s ease,transform .6s ease;}
.rsa-post-media.show{opacity:1;transform:scale(1);}
.rsa-post-media::after{content:"🎨";font-size:32px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3));}
.rsa-badge-ai{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.6);color:#fff;font-size:9px;font-weight:600;padding:3px 7px;border-radius:6px;letter-spacing:.06em;}
.rsa-post-video{margin-top:8px;height:70px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#ec4899);display:flex;align-items:center;justify-content:center;position:relative;opacity:0;transform:scale(.92);transition:opacity .6s ease,transform .6s ease;}
.rsa-post-video.show{opacity:1;transform:scale(1);}
.rsa-play-btn{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;color:#ec4899;font-size:14px;box-shadow:0 6px 18px rgba(0,0,0,.3);animation:rsaPlayPulse 2s ease-in-out infinite;}
@keyframes rsaPlayPulse{0%,100%{box-shadow:0 6px 18px rgba(0,0,0,.3),0 0 0 0 rgba(255,255,255,.5)}50%{box-shadow:0 6px 18px rgba(0,0,0,.3),0 0 0 12px rgba(255,255,255,0)}}

/* ---- Scène 2 : adaptation 3 plateformes ---- */
.rsa-versions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:320px;}
.rsa-version{display:flex;gap:10px;padding:11px 12px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);opacity:0;transform:translateX(-12px);transition:opacity .6s ease,transform .6s ease;}
.rsa-version.show{opacity:1;transform:translateX(0);}
.rsa-vplat{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;flex-shrink:0;}
.rsa-vplat.in{background:#0a66c2;}
.rsa-vplat.ig{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af);}
.rsa-vplat.fb{background:#1877f2;}
.rsa-vtext{font-size:12px;line-height:1.4;}
.rsa-vtext b{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin-bottom:3px;}

/* ---- Scène 3 : diffusion multi-réseaux ---- */
.rsa-diffuse{position:relative;width:100%;max-width:300px;height:240px;}
.rsa-diff-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:18px;background:linear-gradient(135deg,#ec4899,#fb923c);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;text-align:center;box-shadow:0 12px 30px rgba(236,72,153,.5);}
.rsa-diff-target{position:absolute;width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;opacity:0;transform:scale(.5);transition:opacity .5s ease,transform .5s ease;}
.rsa-diff-target.show{opacity:1;transform:scale(1);}
.rsa-diff-target.in{background:#0a66c2;top:0;left:10%;}
.rsa-diff-target.ig{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af);top:0;right:10%;}
.rsa-diff-target.fb{background:#1877f2;bottom:0;left:50%;transform:translateX(-50%) scale(.5);}
.rsa-diff-target.fb.show{transform:translateX(-50%) scale(1);}
.rsa-diff-line{position:absolute;left:50%;top:50%;width:2px;height:90px;background:linear-gradient(180deg,rgba(236,72,153,.8),transparent);transform-origin:top center;opacity:0;transition:opacity .5s ease;}
.rsa-diff-line.show{opacity:1;animation:rsaPulseLine 1.6s ease-in-out infinite;}
@keyframes rsaPulseLine{0%,100%{opacity:.4}50%{opacity:1}}

/* ---- Scène 4 : vidéo ---- */
.rsa-bigvideo{width:100%;max-width:280px;height:200px;border-radius:18px;background:linear-gradient(135deg,#a855f7,#ec4899,#fb923c);position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 50px rgba(168,85,247,.4);overflow:hidden;}
.rsa-bigvideo::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3),transparent 60%);}
.rsa-bigplay{width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;color:#ec4899;font-size:22px;box-shadow:0 8px 24px rgba(0,0,0,.3);animation:rsaPlayPulse 2.4s ease-in-out infinite;position:relative;z-index:2;}
.rsa-bigplay::after{content:"";width:0;height:0;border-left:18px solid #ec4899;border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:4px;}
.rsa-video-tag{position:absolute;top:12px;left:12px;background:rgba(0,0,0,.55);color:#fff;font-size:10px;font-weight:700;padding:4px 8px;border-radius:6px;letter-spacing:.08em;z-index:2;}
.rsa-video-dur{position:absolute;bottom:12px;right:12px;background:rgba(0,0,0,.65);color:#fff;font-size:11px;font-weight:600;padding:3px 7px;border-radius:5px;z-index:2;}

/* ---- Scène 5 : engagement ---- */
.rsa-stats{display:flex;gap:10px;margin-bottom:14px;width:100%;max-width:300px;justify-content:center;}
.rsa-stat{flex:1;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 8px;text-align:center;}
.rsa-stat-n{font-size:22px;font-weight:800;background:linear-gradient(90deg,#fb923c,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums;}
.rsa-stat-l{font-size:10px;letter-spacing:.06em;text-transform:uppercase;opacity:.7;margin-top:2px;}
.rsa-conv{width:100%;max-width:300px;display:flex;flex-direction:column;gap:8px;}
.rsa-msg{padding:9px 12px;border-radius:14px;font-size:12px;line-height:1.4;max-width:88%;opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease;}
.rsa-msg.show{opacity:1;transform:translateY(0);}
.rsa-msg.user{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);align-self:flex-start;border-bottom-left-radius:4px;}
.rsa-msg.ai{background:linear-gradient(135deg,#ec4899,#fb923c);align-self:flex-end;border-bottom-right-radius:4px;color:#fff;font-weight:500;position:relative;}
.rsa-msg.ai::before{content:"🤖 IA";position:absolute;top:-16px;right:4px;font-size:9px;font-weight:700;letter-spacing:.08em;opacity:.8;}
.rsa-msg b{font-weight:700;}

/* ---- Scène 6 : tendance ---- */
.rsa-trend{width:100%;max-width:300px;border-radius:16px;padding:14px;background:linear-gradient(135deg,rgba(251,146,60,.2),rgba(236,72,153,.15));border:1px solid rgba(251,146,60,.35);position:relative;overflow:hidden;}
.rsa-trend-tag{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(90deg,#fb923c,#ec4899);color:#fff;font-size:10px;font-weight:700;padding:4px 9px;border-radius:999px;letter-spacing:.08em;margin-bottom:10px;animation:rsaTrendPulse 1.8s ease-in-out infinite;}
@keyframes rsaTrendPulse{0%,100%{box-shadow:0 0 0 0 rgba(251,146,60,.5)}50%{box-shadow:0 0 0 10px rgba(251,146,60,0)}}
.rsa-trend-title{font-size:14px;font-weight:700;margin-bottom:6px;}
.rsa-trend-sub{font-size:12px;opacity:.85;line-height:1.4;margin-bottom:12px;}
.rsa-trend-arrow{display:flex;justify-content:center;font-size:18px;margin:6px 0;opacity:0;transition:opacity .5s ease;}
.rsa-trend-arrow.show{opacity:1;}
.rsa-trend-result{background:rgba(255,255,255,.08);border-radius:10px;padding:10px;font-size:12px;line-height:1.4;opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease;}
.rsa-trend-result.show{opacity:1;transform:translateY(0);}
.rsa-trend-result b{color:#fb923c;}

/* ---- Scène 7 : pendant que vous dormez ---- */
.rsa-split{width:100%;max-width:320px;display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.rsa-half{padding:14px 10px;border-radius:14px;text-align:center;min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;}
.rsa-half.you{background:linear-gradient(160deg,#1e293b,#0f172a);border:1px solid rgba(99,102,241,.2);}
.rsa-half.ai{background:linear-gradient(160deg,rgba(236,72,153,.25),rgba(168,85,247,.2));border:1px solid rgba(236,72,153,.35);}
.rsa-half-emoji{font-size:30px;}
.rsa-half-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.8;}
.rsa-half-state{font-size:13px;font-weight:600;line-height:1.3;}
.rsa-half-state small{display:block;font-size:10px;opacity:.7;margin-top:3px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;}
.rsa-clock{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.1);font-size:11px;font-weight:600;}
.rsa-clock-icon{display:inline-block;animation:rsaClockSpin 6s linear infinite;}
@keyframes rsaClockSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}

/* ---- Scène 8 : validation + notoriété + leads ---- */
.rsa-final{width:100%;max-width:320px;display:flex;flex-direction:column;gap:12px;}
.rsa-val{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px;}
.rsa-val-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.8;}
.rsa-val-list{display:flex;flex-direction:column;gap:6px;}
.rsa-val-row{display:flex;align-items:center;gap:8px;font-size:12px;padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.04);}
.rsa-check{width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .4s ease;color:transparent;font-size:11px;font-weight:700;}
.rsa-check.on{background:linear-gradient(135deg,#22c55e,#10b981);border-color:transparent;color:#fff;}
.rsa-noto{background:linear-gradient(135deg,rgba(99,102,241,.18),rgba(236,72,153,.14));border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px;}
.rsa-noto-head{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.85;margin-bottom:8px;display:flex;justify-content:space-between;}
.rsa-noto-bar{height:8px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden;margin-bottom:8px;}
.rsa-noto-fill{height:100%;width:0;background:linear-gradient(90deg,#fb923c,#ec4899,#a855f7);border-radius:999px;transition:width 1.2s cubic-bezier(.4,0,.2,1);}
.rsa-noto-steps{display:flex;justify-content:space-between;font-size:10px;opacity:.7;}
.rsa-noto-steps span.active{opacity:1;font-weight:700;background:linear-gradient(90deg,#fb923c,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent;}
.rsa-leads{display:flex;flex-direction:column;gap:6px;}
.rsa-lead{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.3);font-size:11.5px;opacity:0;transform:translateX(-10px);transition:opacity .5s ease,transform .5s ease;}
.rsa-lead.show{opacity:1;transform:translateX(0);}
.rsa-lead-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;flex-shrink:0;}
.rsa-lead b{color:#86efac;}

@media (max-width:540px){
  .rsa-stage{aspect-ratio:9/15;}
  .rsa-scene-title{font-size:12px;}
  .rsa-scene-caption{font-size:13px;}
}