/* Page de vente « Employé IA » (31 oct. 2026) : cartes, animations et vidéos sur les éléments natifs. Charte IA Secrets. */
:root{--ei-surface:#0D0F16;--ei-raise:#151A26;--ei-line:rgba(255,255,255,.08);--ei-line2:rgba(255,255,255,.14);--ei-mint:#7DFFD2;--ei-blue:#B9C6FF;--ei-soft:#B7B7C2;--ei-faint:#8E8E9C;--ei-grad:linear-gradient(100deg,#7DFFD2 0%,#B9C6FF 100%)}
/* fondu entre sections */
#section-e350d5ce,#section-0bffff1c,#section-70f14465,#section-a6c3985c,#section-d0d49a01,#section-55cbe7fd,#section-d594c2cc{background-image:linear-gradient(180deg,transparent 0,rgba(10,12,18,.9) 110px,rgba(10,12,18,.9) calc(100% - 110px),transparent 100%)!important}
#text-c44e1246 p{letter-spacing:.16em}
#headline-ac4ae972 h1{max-width:20ch;margin-left:auto!important;margin-right:auto!important}
#text-5d85613a p{max-width:60ch;margin-left:auto;margin-right:auto}
#text-60f59e2b{max-width:620px;margin:22px auto 0;border:1px solid var(--ei-line2);background:rgba(13,15,22,.75);border-radius:18px;padding:14px 18px}
/* VSL : bouton de lecture au centre */
.ei-stage{position:relative;max-width:860px;margin:36px auto 0;aspect-ratio:16/9;border-radius:24px;overflow:hidden;border:1px solid var(--ei-line2);background:radial-gradient(70% 80% at 50% 30%,#131c2d,#090b11 75%);box-shadow:0 50px 140px -50px rgba(125,255,210,.45);text-align:left}
.ei-win{position:absolute;left:6%;top:12%;width:56%;bottom:12%;background:rgba(13,15,22,.9);border:1px solid var(--ei-line2);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px}
.ei-bar{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--ei-faint)}.ei-bar i{width:9px;height:9px;border-radius:50%;background:#2a2f3c}
.ei-bar b{margin-left:auto;color:var(--ei-mint);font-weight:600;display:inline-flex;align-items:center;gap:6px}
.ei-msg{max-width:88%;border-radius:12px;padding:9px 12px;font-size:13.5px;line-height:1.4;color:#fff}.ei-msg.me{align-self:flex-end;background:var(--ei-raise)}.ei-msg.ai{align-self:flex-start;background:rgba(125,255,210,.1);border:1px solid rgba(125,255,210,.25)}
.ei-task{display:flex;gap:9px;align-items:center;font-size:13px;color:var(--ei-soft)}.ei-task s{flex:none;width:16px;height:16px;border-radius:50%;border:1.5px solid var(--ei-line2);position:relative}.ei-task s::after{content:"";position:absolute;inset:2px;border-radius:50%;background:var(--ei-mint);transform:scale(0)}
.ei-side{position:absolute;right:6%;top:12%;bottom:12%;width:28%;display:grid;align-content:center;justify-items:center;gap:12px;color:#fff;text-align:center}.ei-side img{width:56%}.ei-side b{font-size:15px}.ei-side span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ei-blue)}
.ei-veil{position:absolute;inset:0;background:radial-gradient(40% 40% at 50% 50%,rgba(5,5,7,.55),rgba(5,5,7,.15));z-index:2}
.ei-play{position:absolute;left:50%;top:50%;width:96px;height:96px;margin:-48px 0 0 -48px;border-radius:50%;background:var(--ei-grad);display:grid;place-items:center;z-index:3;box-shadow:0 10px 40px rgba(0,0,0,.5)}
.ei-play::after{content:"";border-left:26px solid #06121A;border-top:15px solid transparent;border-bottom:15px solid transparent;margin-left:7px}
.ei-cap{position:absolute;left:20px;bottom:18px;font-size:12.5px;color:var(--ei-faint);z-index:3}
/* preuves */
#row-b432c086 > div:nth-child(2),#row-b432c086 > div:nth-child(3),#row-b432c086 > div:nth-child(4){border-left:1px solid var(--ei-line)}
/* ancienne / nouvelle façon : deux cartes de même taille */
#row-691a77cd{align-items:stretch!important;gap:22px}
#row-691a77cd > div:nth-child(1),#row-691a77cd > div:nth-child(2){align-self:stretch!important;background:var(--ei-surface);border:1px solid var(--ei-line);border-radius:22px;padding:28px!important}
#row-691a77cd > div:nth-child(2){border-color:rgba(125,255,210,.35);background:linear-gradient(180deg,rgba(125,255,210,.06),var(--ei-surface) 60%);box-shadow:0 30px 90px -45px rgba(125,255,210,.5)}
/* Claude vers l'employé */
.ei-flow{display:grid;justify-items:center}
.ei-tool{width:132px;background:var(--ei-surface);border:1px solid var(--ei-line2);border-radius:22px;padding:20px 12px;display:grid;justify-items:center;gap:10px;color:#fff;font-weight:700}
.ei-tool i{width:64px;height:64px;border-radius:18px;background:#fff;display:grid;place-items:center;box-shadow:0 10px 30px -10px rgba(217,119,87,.6)}
.ei-wire{position:relative;width:2px;height:90px;background:repeating-linear-gradient(to bottom,rgba(125,255,210,.5) 0 6px,transparent 6px 12px)}
.ei-wire::after{content:"";position:absolute;left:50%;top:0;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--ei-mint);box-shadow:0 0 16px 4px rgba(125,255,210,.6)}
.ei-team{display:flex;gap:18px;align-items:center;background:linear-gradient(135deg,#141C2C,#0D0F16);border:1px solid rgba(185,198,255,.3);border-radius:22px;padding:16px 24px;text-align:left;color:#fff}
.ei-team img{width:58px}.ei-team b{font-size:21px;display:block;letter-spacing:-.02em}.ei-team span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ei-blue)}
.ei-tip{margin-top:18px;color:var(--ei-faint);font-size:14px}.ei-tip::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ei-mint);margin-right:8px;vertical-align:1px}
/* bénéfices */
.ei-venn{position:relative;width:min(560px,92vw);aspect-ratio:1/.84;margin:0 auto}
.ei-venn div{position:absolute;width:52%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:700;font-size:15px;padding:12%}
.ei-venn .a{left:24%;top:0;background:radial-gradient(circle,rgba(185,198,255,.18),rgba(185,198,255,.04));border:1px solid rgba(185,198,255,.45);align-items:start;color:var(--ei-blue)}
.ei-venn .b{left:0;top:26%;background:radial-gradient(circle,rgba(125,255,210,.16),rgba(125,255,210,.04));border:1px solid rgba(125,255,210,.4);justify-items:start;color:var(--ei-mint)}
.ei-venn .c{right:0;top:26%;background:radial-gradient(circle,rgba(159,220,235,.16),rgba(159,220,235,.04));border:1px solid rgba(159,220,235,.4);justify-items:end;color:#9FDCEB}
.ei-venn .d{left:24%;top:42%;background:radial-gradient(circle,rgba(185,198,255,.12),rgba(125,255,210,.04));border:1px solid rgba(185,198,255,.3);align-items:end;color:#fff}
.ei-venn .core{left:38%;top:33%;width:24%;background:none;border:0;padding:0;display:grid;justify-items:center;gap:6px;z-index:2;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#fff}.ei-venn .core img{width:70%}
/* étapes, pas seul, citations : cartes */
#row-6578912e,#row-1b05d637,#row-4d3ee087{align-items:stretch!important;gap:16px}
#row-6578912e > div:nth-child(1),#row-6578912e > div:nth-child(2),#row-6578912e > div:nth-child(3),#row-1b05d637 > div:nth-child(1),#row-1b05d637 > div:nth-child(2),#row-1b05d637 > div:nth-child(3),#row-4d3ee087 > div:nth-child(1),#row-4d3ee087 > div:nth-child(2),#row-4d3ee087 > div:nth-child(3){align-self:stretch!important;background:var(--ei-surface);border:1px solid var(--ei-line);border-radius:22px;padding:26px!important}
/* employés : une carte pleine largeur, texte à gauche, vidéo à droite */
#row-a2666dd2,#row-3d0fe1fd,#row-8291e5cd,#row-2e075d9d{background:var(--ei-surface);border:1px solid var(--ei-line);border-radius:28px;padding:24px 24px 24px 38px!important;align-items:center!important;gap:30px;transition:border-color .3s}
#row-3d0fe1fd,#row-8291e5cd,#row-2e075d9d{margin-top:22px!important}
#row-a2666dd2:hover,#row-3d0fe1fd:hover,#row-8291e5cd:hover,#row-2e075d9d:hover{border-color:rgba(125,255,210,.3)}
#row-a2666dd2 > div:nth-child(1),#row-3d0fe1fd > div:nth-child(1),#row-8291e5cd > div:nth-child(1),#row-2e075d9d > div:nth-child(1),#row-a2666dd2 > div:nth-child(2),#row-3d0fe1fd > div:nth-child(2),#row-8291e5cd > div:nth-child(2),#row-2e075d9d > div:nth-child(2){align-self:center!important}
.ei-media{border-radius:20px;overflow:hidden;border:1px solid var(--ei-line2);box-shadow:0 30px 80px -40px rgba(125,255,210,.35);aspect-ratio:16/10;background:#f6f4ee;line-height:0}
.ei-media video{width:100%;height:100%;object-fit:cover;display:block}
/* histoire */
#row-8715a766{max-width:780px;margin:0 auto}
/* parcours */
#row-0b064373{align-items:stretch!important;gap:28px}
.ei-path{background:var(--ei-surface);border:1px solid var(--ei-line2);border-radius:22px;padding:26px;text-align:left;color:#fff}
.ei-path .lbl{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ei-faint)}.ei-path h3{margin:6px 0 18px;font-size:21px}
.ei-path ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ei-path li{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;background:var(--ei-raise);border-radius:14px;padding:12px 14px;position:relative;overflow:hidden}
.ei-path li b{color:var(--ei-mint)}.ei-path li span{font-weight:600}.ei-path li small{display:block;color:var(--ei-faint);font-weight:400;font-size:13.5px}.ei-path li em{font-style:normal;font-family:inherit!important;background:none!important;color:var(--ei-faint)!important;font-size:12px}
.ei-path li::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--ei-grad);transform-origin:left;transform:scaleX(.18)}
/* offre */
#row-d6c640a2{max-width:640px;margin:0 auto}
#row-d6c640a2 > div:nth-child(1){background:linear-gradient(180deg,#121826,#0D0F16);border:1.5px solid rgba(125,255,210,.4);border-radius:28px;padding:34px!important;box-shadow:0 40px 120px -50px rgba(125,255,210,.5)}
#row-13210864,#row-7ff7b696,#row-dbcf47cd,#row-1d52505a,#row-d13f340a,#row-407fc76f{border-bottom:1px dashed var(--ei-line2);padding:11px 0!important;align-items:center!important}
#row-5a537e20{padding:16px 0 4px!important}
#row-c9bc849a{align-items:baseline!important}
/* qui suis-je */
#row-e655c78e{align-items:center!important;gap:40px}
.ei-moi img{width:100%;max-width:300px;border-radius:24px;border:1px solid var(--ei-line2);box-shadow:0 40px 100px -50px rgba(125,255,210,.45);margin:0 auto 10px;display:block}
/* faq */
#row-0608d38a{max-width:780px;margin:0 auto}
/* animations : tout reste visible au repos */
@media (prefers-reduced-motion:no-preference){
 .ei-side img,.ei-team img,.ei-venn .core img{animation:ei-float 6s ease-in-out infinite}
 .ei-msg.me{animation:ei-pop 12s infinite}.ei-msg.ai{animation:ei-pop 12s infinite;animation-delay:1.2s}
 .ei-task:nth-of-type(1) s::after{animation:ei-tick 12s infinite;animation-delay:2.4s}.ei-task:nth-of-type(2) s::after{animation:ei-tick 12s infinite;animation-delay:3.4s}.ei-task:nth-of-type(3) s::after{animation:ei-tick 12s infinite;animation-delay:4.4s}
 .ei-play{animation:ei-ring 2.4s ease-out infinite}
 .ei-wire::after{animation:ei-down 2.2s cubic-bezier(.5,0,.5,1) infinite}
 .ei-venn .a,.ei-venn .d{animation:ei-breathe 7s ease-in-out infinite}.ei-venn .b,.ei-venn .c{animation:ei-breathe 7s ease-in-out infinite;animation-delay:-3.5s}
 .ei-path li::after{animation:ei-fill 10s ease-in-out infinite}.ei-path li:nth-child(2)::after{animation-delay:2.5s}.ei-path li:nth-child(3)::after{animation-delay:5s}.ei-path li:nth-child(4)::after{animation-delay:7.5s}
 #row-d6c640a2 > div:nth-child(1){animation:ei-glow 4s ease-in-out infinite}
}
@keyframes ei-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes ei-pop{0%,4%{opacity:.25;transform:translateY(6px)}10%,88%{opacity:1;transform:none}96%,100%{opacity:.25}}
@keyframes ei-tick{0%,6%{transform:scale(0)}12%,86%{transform:scale(1)}94%,100%{transform:scale(0)}}
@keyframes ei-ring{0%{box-shadow:0 0 0 0 rgba(125,255,210,.5)}80%,100%{box-shadow:0 0 0 18px rgba(125,255,210,0)}}
@keyframes ei-down{0%{top:0;opacity:0}15%,85%{opacity:1}100%{top:100%;opacity:0}}
@keyframes ei-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@keyframes ei-fill{0%{transform:scaleX(.18)}20%,100%{transform:scaleX(1)}}
@keyframes ei-glow{0%,100%{box-shadow:0 40px 120px -50px rgba(125,255,210,.45)}50%{box-shadow:0 40px 140px -40px rgba(185,198,255,.6)}}
@media (max-width:900px){
 #row-b432c086 > div:nth-child(2),#row-b432c086 > div:nth-child(3),#row-b432c086 > div:nth-child(4){border-left:0}
 #row-691a77cd > div:nth-child(1),#row-691a77cd > div:nth-child(2),#row-6578912e > div:nth-child(1),#row-6578912e > div:nth-child(2),#row-6578912e > div:nth-child(3),#row-1b05d637 > div:nth-child(1),#row-1b05d637 > div:nth-child(2),#row-1b05d637 > div:nth-child(3),#row-4d3ee087 > div:nth-child(1),#row-4d3ee087 > div:nth-child(2),#row-4d3ee087 > div:nth-child(3){margin-bottom:14px}
 #row-a2666dd2,#row-3d0fe1fd,#row-8291e5cd,#row-2e075d9d{padding:20px!important}
 #row-a2666dd2 > div:nth-child(2),#row-3d0fe1fd > div:nth-child(2),#row-8291e5cd > div:nth-child(2),#row-2e075d9d > div:nth-child(2){order:-1;margin-bottom:16px}
 #row-d6c640a2 > div:nth-child(1){padding:22px!important}
 .ei-stage{aspect-ratio:4/5}.ei-win{left:5%;right:5%;width:auto;top:6%;bottom:36%}.ei-side{left:0;right:0;width:auto;top:auto;bottom:6%;grid-auto-flow:column;align-content:end}.ei-side img{width:52px}
}
/* Offre de lancement sous la vidéo (modèle Gallo) */
#app #text-60f59e2b{max-width:660px;margin:22px auto 0!important;padding:16px 24px 14px!important;border-radius:16px;background:linear-gradient(160deg,rgba(125,255,210,.09),rgba(185,198,255,.05));border:1px solid rgba(125,255,210,.3);box-shadow:0 20px 50px -30px rgba(125,255,210,.5)}
#app #text-60f59e2b p+p{margin-top:8px}
#app #text-60f59e2b p:last-child strong:last-child span{font-size:26px;font-weight:800;vertical-align:-2px}
@media (max-width:800px){#app #text-60f59e2b{padding:14px 16px 12px!important}#app #text-60f59e2b p:last-child strong:last-child span{font-size:22px}}