/* ============ CVTHÈQUE — page ============ */
.cvq-sec{padding:120px 80px 96px;background:#f8f6ff;position:relative;overflow:hidden}
.cvq-inner{width:100%;max-width:1240px;margin:0 auto}

/* HERO */
.cvq-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;margin-top:28px}
.cvq-hero-copy{max-width:540px}
.cvq-pill{display:inline-flex;align-items:center;gap:9px;margin-bottom:22px;padding:9px 20px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid var(--border2);box-shadow:0 4px 16px rgba(99,102,241,.1);color:var(--p);font-size:12px;line-height:1;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.cvq-pill-dot{width:7px;height:7px;border-radius:50%;background:var(--p);box-shadow:0 0 0 4px rgba(99,102,241,.18);flex-shrink:0;animation:tdot 1.6s infinite}
.cvq-title{font-size:clamp(38px,4.2vw,60px);line-height:1.04;font-weight:800;letter-spacing:-2px;color:#15112e;margin-bottom:20px}
.cvq-title span{color:var(--p)}
.cvq-sub{font-size:16.5px;line-height:1.65;font-weight:500;color:#77708e;margin-bottom:32px;max-width:480px}
.cvq-cta{display:inline-flex;align-items:center;gap:12px;padding:20px 40px;border-radius:16px;background:linear-gradient(135deg,var(--p),#7c3aed);color:#fff;font-family:'Plus Jakarta Sans',sans-serif;font-size:17px;font-weight:800;letter-spacing:-.2px;box-shadow:0 16px 40px rgba(99,102,241,.5);transition:transform .22s,box-shadow .22s;position:relative;overflow:hidden;isolation:isolate}
.cvq-cta::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#7c3aed,var(--p2));opacity:0;transition:opacity .3s;z-index:-1}
.cvq-cta:hover::before{opacity:1}
.cvq-cta:hover{transform:translateY(-3px);box-shadow:0 22px 52px rgba(99,102,241,.7)}
.cvq-cta-arrow{font-size:18px;transition:transform .2s}
.cvq-cta:hover .cvq-cta-arrow{transform:translateX(5px)}
.cvq-reassure{list-style:none;display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:22px}
.cvq-reassure li{display:inline-flex;align-items:center;gap:6px;font-family:'DM Mono',monospace;font-size:12px;font-weight:600;color:#77708e}
.cvq-reassure li::before{content:'✓';display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:rgba(34,197,94,.16);color:#16a34a;font-size:9px;font-weight:900}

/* DÉMO — fenêtre CVthèque */
.cvq-demo{position:relative}
.cvq-demo::before{content:'';position:absolute;inset:-30px -10px;background:radial-gradient(60% 60% at 70% 20%,rgba(124,58,237,.18),transparent 70%);pointer-events:none}
/* Gisel guide + bulle (comme remplissage / template) */
.cvq-guide{position:absolute;z-index:6;top:-78px;right:-26px;width:112px;height:112px;display:flex;align-items:flex-end;justify-content:center}
.cvq-guide-glow{position:absolute;inset:0;margin:auto;width:104px;height:104px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.32),rgba(129,140,248,.14) 55%,transparent 72%);filter:blur(3px);animation:probAvGlow 4.5s ease-in-out infinite}
.cvq-guide-img{position:relative;z-index:1;width:104px;height:auto;filter:drop-shadow(0 14px 22px rgba(79,70,229,.32));animation:probAvFloat 5s ease-in-out infinite}
.cvq-guide-bubble{position:absolute;z-index:7;top:18px;right:100px;white-space:nowrap;font-size:11.5px;font-weight:700;color:#15112e;background:#fff;border:1px solid #ded4ff;border-radius:999px;padding:7px 13px;box-shadow:0 8px 22px rgba(99,102,241,.18);animation:probAvFloat 5s ease-in-out infinite .25s}
.cvq-guide-bubble::after{content:'';position:absolute;top:50%;right:-5px;transform:translateY(-50%) rotate(45deg);width:9px;height:9px;background:#fff;border-right:1px solid #ded4ff;border-top:1px solid #ded4ff}
.cvq-demo-win{position:relative;background:#fff;border:1px solid #ece6fb;border-radius:20px;box-shadow:0 30px 70px rgba(40,29,82,.16),0 6px 20px rgba(21,17,46,.06);overflow:hidden}
.cvq-demo-bar{display:flex;align-items:center;gap:7px;padding:14px 18px;border-bottom:1px solid #f1edfb;background:#fbfaff}
.cvq-demo-bar .cvq-dot{width:10px;height:10px;border-radius:50%;background:#e0dcef}
.cvq-demo-bar .cvq-dot:nth-child(1){background:#f3b7c2}
.cvq-demo-bar .cvq-dot:nth-child(2){background:#f5d9a8}
.cvq-demo-bar .cvq-dot:nth-child(3){background:#bfe3c0}
.cvq-demo-bar-title{margin-left:8px;font-family:'DM Mono',monospace;font-size:11px;font-weight:600;color:#9a93b4}
.cvq-demo-body{padding:18px}

/* recherche animée */
.cvq-search{display:flex;align-items:center;gap:9px;height:44px;padding:0 14px;border:1px solid #e9e4f6;border-radius:11px;background:#faf9ff;margin-bottom:14px}
.cvq-search svg{width:16px;height:16px;color:#a99fc8;flex-shrink:0}
.cvq-search-text{font-size:13.5px;font-weight:500;color:#5b5470;font-family:'Plus Jakarta Sans',sans-serif;white-space:nowrap;overflow:hidden}
.cvq-search-text::after{content:'Rechercher un consultant…';color:#b3abc9}
.cvq-search-caret{width:1.5px;height:16px;background:var(--p);animation:cvqCaret 1s steps(1) infinite}
@keyframes cvqCaret{0%,50%{opacity:1}51%,100%{opacity:0}}

/* filtres */
.cvq-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.cvq-chip{padding:7px 13px;border-radius:999px;background:#f2eefc;border:1px solid #e6def8;font-size:12px;font-weight:700;color:#6d45e8;opacity:0;transform:translateY(4px);animation:cvqChipIn .5s ease-out forwards}
.cvq-chip.f1{animation-delay:.3s}.cvq-chip.f2{animation-delay:.45s}
.cvq-chip.f3{animation-delay:.6s}.cvq-chip.f4{animation-delay:.75s}
/* le filtre "Disponible" s'active en boucle (mis en avant) */
.cvq-chip.f3{animation:cvqChipIn .5s ease-out .6s forwards,cvqChipActive 4s ease-in-out 1.4s infinite}
@keyframes cvqChipIn{to{opacity:1;transform:translateY(0)}}
@keyframes cvqChipActive{0%,100%{background:#f2eefc;border-color:#e6def8;color:#6d45e8}30%,70%{background:var(--p);border-color:var(--p);color:#fff}}

/* résultats */
.cvq-results{display:flex;flex-direction:column;gap:10px}
.cvq-row{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid #f0ecfa;border-radius:13px;background:#fff;opacity:0;transform:translateY(10px);transition:border-color .2s,box-shadow .2s,transform .2s;animation:cvqRowLoop 6s ease-in-out infinite}
.cvq-row:hover{border-color:#d8caf7;box-shadow:0 10px 24px rgba(124,58,237,.12);transform:translateY(-1px)}
/* chaque profil apparait après l'autre, reste affiché, puis tout disparaît et reboucle */
.cvq-row.r1{animation-delay:0s}
.cvq-row.r2{animation-delay:.6s}
.cvq-row.r3{animation-delay:1.2s}
@keyframes cvqRowLoop{0%{opacity:0;transform:translateY(10px)}10%,85%{opacity:1;transform:translateY(0)}95%,100%{opacity:0;transform:translateY(10px)}}
/* le badge (Dispo/Sept.) apparait juste après son profil */
.cvq-status{opacity:0;transform:scale(.6);animation:cvqBadgePop 6s ease-in-out infinite}
.cvq-row.r1 .cvq-status{animation-delay:.35s}
.cvq-row.r2 .cvq-status{animation-delay:.95s}
.cvq-row.r3 .cvq-status{animation-delay:1.55s}
@keyframes cvqBadgePop{0%{opacity:0;transform:scale(.6)}9%{opacity:1;transform:scale(1.12)}14%,85%{opacity:1;transform:scale(1)}95%,100%{opacity:0;transform:scale(.6)}}
.cvq-ava{flex-shrink:0;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c3aed,var(--p));color:#fff;font-size:12px;font-weight:800;font-family:'DM Mono',monospace}
.cvq-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.cvq-row-info b{font-size:14px;font-weight:800;color:#15112e}
.cvq-row-info i{font-size:12px;font-style:normal;font-weight:500;color:#8d86a3}
.cvq-status{flex-shrink:0;padding:5px 11px;border-radius:999px;font-size:11px;font-weight:800;font-family:'DM Mono',monospace}
.cvq-status.ok{background:rgba(34,197,94,.12);color:#16a34a;border:1px solid rgba(34,197,94,.25)}
.cvq-status.soon{background:#f2eefc;color:#6d45e8;border:1px solid #e6def8}

/* ============ LE PROBLÈME + AVANT/APRÈS ============ */
.cvq-prob-sec{padding:96px 80px;background:#fff;position:relative;overflow:hidden}
.cvq-prob-inner{max-width:1240px;margin:0 auto}
.cvq-prob-head{text-align:center;max-width:760px;margin:0 auto 56px}
.cvq-prob-head .cvq-pill{margin-bottom:22px}
.cvq-prob-title{font-size:clamp(32px,3.6vw,48px);line-height:1.08;font-weight:800;letter-spacing:-1.6px;color:#15112e;margin-bottom:18px}
.cvq-prob-title span{color:var(--p)}
.cvq-prob-text{font-size:16px;line-height:1.7;font-weight:500;color:#77708e}
.cvq-prob-text b{color:#15112e;font-weight:800}

/* grille avant/flèche/après */
.cvq-ba{display:grid;grid-template-columns:1fr 48px 1fr;gap:24px;align-items:center}
.cvq-ba-col{position:relative;border-radius:20px;padding:24px;min-height:340px}
.cvq-ba-tag{position:absolute;top:-14px;left:24px;z-index:3;display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:999px;font-size:12px;font-weight:800;font-family:'DM Mono',monospace}
.cvq-ba-tag.bad{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}
.cvq-ba-tag.good{background:#dcfce7;color:#16a34a;border:1px solid #bbf7d0}
.cvq-ba-before{background:#fff5f5;border:1px solid #fde0e0}
.cvq-ba-after{background:#f4fbf6;border:1px solid #d6f0de}

/* — AVANT : nuage de CV éparpillés (repris du schéma de référence) — */
.cvq-chaos{position:relative;width:100%;height:170px;margin-bottom:6px}
.cvq-cloud-bg{position:absolute;inset:0;width:100%;height:100%}
.cvq-cv{position:absolute;background:#fff;border-radius:10px;padding:8px 10px;border:1.5px solid rgba(255,77,77,.3);box-shadow:0 4px 14px rgba(255,77,77,.12);display:flex;flex-direction:column;gap:4px;width:86px}
.cvq-cv .cvq-cv-bar{height:4px;border-radius:2px;background:rgba(255,77,77,.18)}
.cvq-cv .cvq-cv-top{height:13px;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:3px;background:rgba(255,77,77,.2)}
.cvq-cv .cvq-cv-top span{font-size:8px;font-weight:800;color:#FF4D4D}
.cvq-cv .cvq-cv-alert{position:absolute;top:-6px;right:-6px;width:16px;height:16px;border-radius:50%;background:#FF4D4D;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;color:#fff;box-shadow:0 2px 6px rgba(255,77,77,.4)}
/* positions/rotations comme le schéma + léger flottement */
.cvq-cv:nth-of-type(1){left:8px;top:16px;transform:rotate(-11deg);animation:cvqFloat 4s ease-in-out infinite}
.cvq-cv:nth-of-type(2){left:175px;top:8px;transform:rotate(7deg);animation:cvqFloat 4s ease-in-out .5s infinite}
.cvq-cv:nth-of-type(3){left:342px;top:12px;transform:rotate(-8deg);animation:cvqFloat 4s ease-in-out 1s infinite}
.cvq-cv:nth-of-type(4){left:92px;top:74px;transform:rotate(9deg);animation:cvqFloat 4s ease-in-out .7s infinite}
.cvq-cv:nth-of-type(5){left:262px;top:70px;transform:rotate(-6deg);animation:cvqFloat 4s ease-in-out 1.3s infinite}
.cvq-cv:nth-of-type(6){left:410px;top:64px;transform:rotate(10deg);animation:cvqFloat 4s ease-in-out .3s infinite}
@keyframes cvqFloat{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-5px) rotate(var(--r,0deg))}}
.cvq-cv:nth-of-type(1){--r:-11deg}.cvq-cv:nth-of-type(2){--r:7deg}.cvq-cv:nth-of-type(3){--r:-8deg}.cvq-cv:nth-of-type(4){--r:9deg}.cvq-cv:nth-of-type(5){--r:-6deg}.cvq-cv:nth-of-type(6){--r:10deg}
/* badges de sources */
.cvq-src{position:absolute;display:flex;align-items:center;gap:4px;border-radius:100px;padding:3px 9px 3px 6px;border:1px solid;font-size:8px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;opacity:.9;box-shadow:0 3px 10px rgba(21,17,46,.06)}
.cvq-src svg{flex-shrink:0}

/* flèche sous le nuage */
.cvq-arr-down{display:flex;flex-direction:column;align-items:center;margin:14px 0}
.cvq-arr-line{width:2px;height:18px;background:rgba(255,77,77,.4)}
.cvq-arr-tip{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid rgba(255,77,77,.55)}

/* encart frustration (RH perdu) — fidèle à la maquette */
.cvq-pain{position:relative;display:flex;align-items:center;gap:18px;padding:22px 22px;border-radius:18px;background:#fff;border:2px dashed rgba(255,77,77,.4);box-shadow:0 14px 34px rgba(255,77,77,.08)}
/* horloge rouge pleine en haut à droite */
.cvq-pain-clock{position:absolute;top:-16px;right:18px;width:34px;height:34px;border-radius:50%;background:#FF4D4D;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(255,77,77,.4);animation:cvqTick 6s linear infinite}
.cvq-pain-clock svg{width:18px;height:18px}
@keyframes cvqTick{to{transform:rotate(360deg)}}
.cvq-pain-face{width:78px;height:auto;flex-shrink:0;animation:cvqShake 5s ease-in-out infinite}
@keyframes cvqShake{0%,86%,100%{transform:translateX(0)}90%{transform:translateX(-2px) rotate(-2deg)}94%{transform:translateX(2px) rotate(2deg)}}
/* zone centrale : barres + tags */
.cvq-pain-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}
.cvq-pain-toprow{display:flex;align-items:center;gap:10px}
.cvq-pain-eye{flex-shrink:0;width:38px;height:38px;border-radius:11px;background:#FCE4E4;display:flex;align-items:center;justify-content:center}
.cvq-pain-eye svg{width:20px;height:20px}
.cvq-pain-bars{flex:1;display:flex;flex-direction:column;gap:7px}
.cvq-pain-bar{height:7px;border-radius:4px;background:rgba(255,77,77,.18)}
.cvq-pain-tags{display:flex;flex-wrap:wrap;gap:8px}
.cvq-pain-tags span{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;background:rgba(255,77,77,.08);border:1px solid rgba(255,77,77,.28);font-size:11.5px;font-weight:700;color:#FF4D4D;white-space:nowrap}
.cvq-pain-tags span svg{width:12px;height:12px;flex-shrink:0}
/* mini-fichiers à droite */
.cvq-pain-files{display:flex;flex-direction:column;gap:10px;flex-shrink:0}
.cvq-pain-file{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(255,77,77,.25);border-radius:11px;box-shadow:0 5px 14px rgba(255,77,77,.16)}
.cvq-pain-file svg{width:22px;height:22px}

/* flèche centrale */
.cvq-ba-arrow{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0 auto;border-radius:50%;background:var(--p);color:#fff;box-shadow:0 10px 26px rgba(99,102,241,.4);animation:cvqArrowPulse 2s ease-in-out infinite}
.cvq-ba-arrow svg{width:20px;height:20px}
@keyframes cvqArrowPulse{0%,100%{transform:scale(1);box-shadow:0 10px 26px rgba(99,102,241,.4)}50%{transform:scale(1.08);box-shadow:0 10px 26px rgba(99,102,241,.4),0 0 0 8px rgba(99,102,241,.12)}}

/* — APRÈS : Gisel détourée qui flotte (sans cadre ni fond) — */
.cvq-after-avatar{position:relative;display:flex;align-items:flex-end;justify-content:center;margin:0 auto 12px;height:150px}
.cvq-after-avatar-glow{position:absolute;inset:0;margin:auto;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.18),transparent 68%);filter:blur(6px);z-index:0}
.cvq-after-avatar img{position:relative;z-index:1;width:auto;height:170px;max-width:100%;object-fit:contain;filter:drop-shadow(0 16px 28px rgba(79,70,229,.26));animation:probAvFloat 5s ease-in-out infinite}

/* — APRÈS : pipeline — */
.cvq-pipe{display:flex;align-items:stretch;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.cvq-pipe-step{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;min-width:96px;padding:14px 10px;border-radius:12px;text-align:center}
.cvq-pipe-step i{font-style:normal;font-size:18px;margin-bottom:2px}
.cvq-pipe-step b{font-size:12.5px;font-weight:800;line-height:1.15}
.cvq-pipe-step small{font-size:10px;font-weight:600;opacity:.7}
.cvq-pipe-step.import{background:#ede9ff;color:#5b3fd6;border:1px solid #ddd2ff}
.cvq-pipe-step.ia{background:linear-gradient(135deg,var(--p) 0%,#7c3aed 100%);color:#fff;box-shadow:0 10px 26px rgba(99,102,241,.42)}
.cvq-pipe-step.ia small{opacity:.85}
.cvq-pipe-step.db{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}
.cvq-pipe-arrow{display:flex;align-items:center;justify-content:center;color:#22c55e;font-size:18px;font-weight:800;flex-shrink:0;animation:cvqArrowMove 1.6s ease-in-out infinite}
.cvq-pipe-arrow.with-label{flex-direction:column;gap:2px}
.cvq-pipe-arrow em{font-style:normal;font-family:'DM Mono',monospace;font-size:8px;font-weight:700;letter-spacing:.05em;color:#9a93b4;text-transform:uppercase}
@keyframes cvqArrowMove{0%,100%{transform:translateX(0);opacity:.6}50%{transform:translateX(3px);opacity:1}}
.cvq-pipe-down{display:block;text-align:center;color:#22c55e;font-size:20px;font-weight:800;margin:6px 0;animation:cvqDown 1.6s ease-in-out infinite}
@keyframes cvqDown{0%,100%{transform:translateY(0);opacity:.6}50%{transform:translateY(3px);opacity:1}}

/* profils structurés */
.cvq-after-list{display:flex;flex-direction:column;gap:10px}
.cvq-after-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e6e2f3;border-radius:13px;background:#fff;box-shadow:0 6px 16px rgba(21,17,46,.04)}
/* le brillement du bloc GISEL (traitement en continu) */
.cvq-pipe-step.ia{animation:cvqIaGlow 2.6s ease-in-out infinite}
@keyframes cvqIaGlow{0%,100%{box-shadow:0 10px 26px rgba(99,102,241,.42)}50%{box-shadow:0 12px 32px rgba(99,102,241,.5),0 0 0 5px rgba(124,58,237,.18)}}
.cvq-after-row .cvq-ava{width:34px;height:34px;font-size:11px}
.cvq-after-row .cvq-ava.cy{background:linear-gradient(135deg,#06b6d4,#0891b2)}
.cvq-after-row .cvq-ava.or{background:linear-gradient(135deg,#f59e0b,#f97316)}
.cvq-after-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.cvq-after-info b{font-size:13.5px;font-weight:800;color:#15112e}
.cvq-after-tags{display:flex;flex-wrap:wrap;gap:5px}
.cvq-after-tags i{font-style:normal;font-size:10px;font-weight:700;padding:3px 8px;border-radius:999px;background:#f2eefc;color:#6d45e8;border:1px solid #e6def8;opacity:0;transform:translateY(4px) scale(.85);animation:cvqTagLoop 6s ease-in-out infinite}
.cvq-after-tags i.ok{background:#dcfce7;color:#16a34a;border-color:#bbf7d0}
.cvq-after-tags i.tjm{background:#fef3c7;color:#b45309;border-color:#fde68a}
/* les étiquettes apparaissent une après l'autre, restent un peu, puis loop */
.cvq-after-tags i:nth-child(1){animation-delay:.0s}
.cvq-after-tags i:nth-child(2){animation-delay:.18s}
.cvq-after-tags i:nth-child(3){animation-delay:.36s}
.cvq-after-tags i:nth-child(4){animation-delay:.54s}
/* décalage par profil pour un effet "cascade" sur les 3 cartes */
.cvq-after-row.a2 .cvq-after-tags i:nth-child(1){animation-delay:.7s}
.cvq-after-row.a2 .cvq-after-tags i:nth-child(2){animation-delay:.88s}
.cvq-after-row.a2 .cvq-after-tags i:nth-child(3){animation-delay:1.06s}
.cvq-after-row.a2 .cvq-after-tags i:nth-child(4){animation-delay:1.24s}
.cvq-after-row.a3 .cvq-after-tags i:nth-child(1){animation-delay:1.4s}
.cvq-after-row.a3 .cvq-after-tags i:nth-child(2){animation-delay:1.58s}
.cvq-after-row.a3 .cvq-after-tags i:nth-child(3){animation-delay:1.76s}
.cvq-after-row.a3 .cvq-after-tags i:nth-child(4){animation-delay:1.94s}
@keyframes cvqTagLoop{0%{opacity:0;transform:translateY(4px) scale(.85)}7%{opacity:1;transform:translateY(0) scale(1.08)}12%,82%{opacity:1;transform:translateY(0) scale(1)}92%,100%{opacity:0;transform:translateY(4px) scale(.85)}}
.cvq-after-check{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#22c55e;color:#fff;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 12px rgba(34,197,94,.32)}

/* ============ CE QUE C'EST — 3 atouts animés ============ */
.cvq-what-sec{padding:96px 80px;background:#f8f6ff;position:relative;overflow:hidden}
.cvq-what-inner{max-width:1240px;margin:0 auto}
.cvq-what-head{text-align:center;max-width:740px;margin:0 auto 52px}
.cvq-what-head .cvq-pill{margin-bottom:22px}
.cvq-what-title{font-size:clamp(32px,3.6vw,48px);line-height:1.08;font-weight:800;letter-spacing:-1.6px;color:#15112e}
.cvq-what-title span{color:var(--p)}
.cvq-what-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.cvq-what-card{position:relative;display:flex;flex-direction:column;padding:24px;border:1px solid #ece8f7;border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(21,17,46,.055),0 2px 10px rgba(21,17,46,.03);transition:border-color .25s,box-shadow .25s,transform .25s}
.cvq-what-card:hover{border-color:#ded4ff;box-shadow:0 22px 48px rgba(124,58,237,.14),0 4px 14px rgba(21,17,46,.05);transform:translateY(-4px)}
/* zone démo en haut de carte */
.cvq-what-demo{position:relative;height:120px;border-radius:13px;background:linear-gradient(160deg,#faf9ff,#f3f0fc);border:1px solid #efeafc;overflow:hidden;margin-bottom:20px}
.cvq-what-icon{width:44px;height:44px;border-radius:12px;background:#f0e9ff;color:#7c3aed;display:flex;align-items:center;justify-content:center;margin-bottom:14px;transition:background .25s,color .25s}
.cvq-what-icon svg{width:23px;height:23px}
.cvq-what-card:hover .cvq-what-icon{background:#7c3aed;color:#fff}
.cvq-what-card h3{font-size:17px;line-height:1.25;font-weight:800;letter-spacing:-.3px;color:#15112e;margin-bottom:9px}
.cvq-what-card p{font-size:14.5px;line-height:1.56;font-weight:500;color:#77708e}

/* avatar commun (initiales) */
.cvq-gp-av{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,var(--p));color:#fff;font-size:9px;font-weight:800;font-family:'DM Mono',monospace;flex-shrink:0}
.cvq-gp-av.cy{background:linear-gradient(135deg,#06b6d4,#0891b2)}
.cvq-gp-av.or{background:linear-gradient(135deg,#f59e0b,#f97316)}

/* démo 1 — "1 plateforme · 3 profils" : fiches qui s'empilent proprement */
.dm-group{display:flex;flex-direction:column;justify-content:center;gap:7px;padding:14px 16px}
.cvq-gtitle{font-size:11px;font-weight:600;color:#8d86a3;margin-bottom:3px}
.cvq-gtitle b{color:#15112e;font-weight:800}
.cvq-gp{display:flex;align-items:center;gap:8px;height:26px;padding:0 8px;background:#fff;border:1px solid #efeafc;border-radius:8px;box-shadow:0 3px 8px rgba(124,58,237,.06);opacity:0;transform:translateY(8px);animation:cvqGpIn 3.6s ease-in-out infinite}
.cvq-gp-l{flex:1;height:5px;border-radius:3px;background:#e7e3f2}
.cvq-gp.g1{animation-delay:.2s}.cvq-gp.g2{animation-delay:.5s}.cvq-gp.g3{animation-delay:.8s}
@keyframes cvqGpIn{0%,8%{opacity:0;transform:translateY(8px)}30%,90%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(8px)}}

/* démo 2 — on tape "React" et le bon profil ressort */
.dm-search{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:14px 16px}
.dm-search .cvq-ws-bar{display:flex;align-items:center;gap:7px;height:28px;padding:0 10px;background:#fff;border:1px solid #e9e4f6;border-radius:8px}
.dm-search .cvq-ws-bar svg{width:14px;height:14px;flex-shrink:0}
.dm-search .cvq-ws-typed{font-size:12px;font-weight:700;color:#15112e;font-family:'Plus Jakarta Sans',sans-serif;white-space:nowrap;overflow:hidden}
.dm-search .cvq-ws-typed::after{content:'React';animation:cvqType 4s steps(5) infinite}
@keyframes cvqType{0%,5%{content:''}12%{content:'R'}19%{content:'Re'}26%{content:'Rea'}33%{content:'Reac'}40%,100%{content:'React'}}
.dm-search .cvq-ws-caret{width:1.5px;height:13px;background:#7c3aed;animation:cvqCaret 1s steps(1) infinite}
.dm-search .cvq-ws-res{display:flex;align-items:center;gap:8px;height:28px;padding:0 9px;border-radius:8px;background:#fff;border:1px solid #efeafc;font-size:11.5px;font-weight:700;color:#15112e}
.dm-search .cvq-ws-res .cvq-gp-av{width:20px;height:20px;font-size:8px}
.dm-search .cvq-ws-ok{margin-left:auto;color:#22c55e;font-weight:900}
.dm-search .cvq-ws-res.hit{animation:cvqHitIn 4s ease-in-out infinite}
@keyframes cvqHitIn{0%,42%{background:#fff;border-color:#efeafc;transform:scale(1)}55%,92%{background:#f0e9ff;border-color:#c9b6f5;transform:scale(1.02)}100%{background:#fff;border-color:#efeafc}}

/* démo 3 — un CV.pdf arrive → "+1 ajouté" à la base */
.dm-sync{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:14px}
.cvq-sy-new{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:9px;background:#fff;border:1px solid #e2d8f7;box-shadow:0 6px 16px rgba(124,58,237,.16);font-size:12px;font-weight:800;color:#15112e;animation:cvqSyNew 3.4s ease-in-out infinite}
.cvq-sy-new svg{width:18px;height:20px;flex-shrink:0}
@keyframes cvqSyNew{0%{transform:translateY(-14px);opacity:0}22%,62%{transform:translateY(0);opacity:1}82%,100%{transform:translateY(6px);opacity:0}}
.cvq-sy-base{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:10px;background:#f0e9ff;border:1px solid #ddd2ff}
.cvq-sy-db{font-size:11.5px;font-weight:700;color:#6d45e8}
.cvq-sy-count{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#16a34a;animation:cvqSyCount 3.4s ease-in-out infinite}
.cvq-sy-count b{font-size:13px;font-weight:900}
@keyframes cvqSyCount{0%,60%{opacity:0;transform:scale(.6)}72%,92%{opacity:1;transform:scale(1)}100%{opacity:0}}

/* ============ CE QUE VOUS GAGNEZ — 4 bénéfices chiffrés ============ */
.cvq-gain-sec{padding:96px 80px;background:#fff;position:relative;overflow:hidden}
.cvq-gain-inner{max-width:1240px;margin:0 auto}
.cvq-gain-head{text-align:center;max-width:720px;margin:0 auto 52px}
.cvq-gain-head .cvq-pill{margin-bottom:22px}
.cvq-gain-title{font-size:clamp(32px,3.6vw,48px);line-height:1.08;font-weight:800;letter-spacing:-1.6px;color:#15112e}
.cvq-gain-title span{color:var(--p)}
/* layout avatar + liste (comme la section Pourquoi Gisel de la landing) */
.cvq-gain-proof{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:56px;align-items:stretch;max-width:1080px;margin:0 auto}
.cvq-gain-avatar{position:relative;display:flex;align-items:center;justify-content:center;height:100%;min-height:0}
.cvq-gain-glow{position:absolute;inset:0;margin:auto;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.28),rgba(99,102,241,.12) 55%,transparent 72%);filter:blur(8px);animation:probAvGlow 5s ease-in-out infinite;z-index:0}
.cvq-gain-ring{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:330px;height:330px;border-radius:50%;border:1.5px dashed rgba(124,58,237,.22);animation:whyRing 26s linear infinite;z-index:0}
.cvq-gain-img{position:relative;z-index:1;width:320px;max-width:100%;height:auto;filter:drop-shadow(0 24px 44px rgba(79,70,229,.32));animation:probAvFloat 5.5s ease-in-out infinite}
.cvq-gain-badge{position:absolute;z-index:2;bottom:42px;right:6px;display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;color:#15112e;background:rgba(255,255,255,.96);border:1px solid #ded4ff;border-radius:999px;padding:8px 15px;box-shadow:0 12px 28px rgba(124,58,237,.22);animation:probAvFloat 5.5s ease-in-out infinite .3s;white-space:nowrap}
.cvq-gain-badge-dot{width:7px;height:7px;border-radius:50%;background:#7c3aed;box-shadow:0 0 0 4px rgba(124,58,237,.18);animation:tdot 1.6s infinite}
.cvq-gain-list{list-style:none;display:flex;flex-direction:column;gap:18px;min-height:400px}
.cvq-gain-item{flex:1;width:100%;box-sizing:border-box;position:relative;display:flex;align-items:center;gap:20px;padding:22px 26px;border:1px solid #ece8f7;border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(21,17,46,.05),0 2px 8px rgba(21,17,46,.03);transition:border-color .25s,box-shadow .25s,transform .25s}
.cvq-gain-item::before{content:'';position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:3px;background:linear-gradient(180deg,#7c3aed,var(--p));transform:scaleY(0);transform-origin:top;transition:transform .3s}
.cvq-gain-item:hover{border-color:#ded4ff;box-shadow:0 20px 42px rgba(124,58,237,.14),0 4px 12px rgba(21,17,46,.05);transform:translateX(4px)}
.cvq-gain-item:hover::before{transform:scaleY(1)}
.cvq-gain-ic{width:50px;height:50px;border-radius:13px;background:#f0e9ff;color:#7c3aed;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .25s,background .25s,color .25s}
.cvq-gain-ic svg{width:26px;height:26px}
.cvq-gain-item:hover .cvq-gain-ic{background:#7c3aed;color:#fff;transform:scale(1.06) rotate(-4deg)}
.cvq-gain-body{flex:1;min-width:0}
.cvq-gain-body h3{font-size:18px;line-height:1.25;font-weight:800;letter-spacing:-.3px;color:#15112e;margin-bottom:7px}
.cvq-gain-body p{font-size:14.5px;line-height:1.55;font-weight:500;color:#77708e}
.cvq-gain-check{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--green,#22c55e);color:#fff;font-size:12px;font-weight:900;box-shadow:0 5px 14px rgba(34,197,94,.32)}

/* ============ POURQUOI C'EST DIFFÉRENT — comparatif ============ */
.cvq-diff-sec{padding:96px 80px;background:#f8f6ff;position:relative;overflow:hidden}
.cvq-diff-inner{max-width:1180px;margin:0 auto}
.cvq-diff-head{text-align:center;max-width:760px;margin:0 auto 52px}
.cvq-diff-head .cvq-pill{margin-bottom:22px}
.cvq-diff-title{font-size:clamp(32px,3.6vw,48px);line-height:1.1;font-weight:800;letter-spacing:-1.6px;color:#15112e}
.cvq-diff-title span{color:var(--p)}
.cvq-diff-compare{display:grid;grid-template-columns:1fr 52px 1.15fr;gap:20px;align-items:center}
.cvq-diff-col{position:relative;border-radius:20px;padding:26px 24px}
.cvq-diff-col.old{background:#fff5f5;border:1px solid #fde0e0}
.cvq-diff-col.new{background:#fff;border:1px solid #e6e2f3;box-shadow:0 18px 44px rgba(124,58,237,.1)}
.cvq-diff-tag{display:inline-flex;align-items:center;margin-bottom:18px;padding:7px 14px;border-radius:999px;font-size:12px;font-weight:800;font-family:'DM Mono',monospace;letter-spacing:.02em}
.cvq-diff-tag.bad{background:#fee2e2;color:#dc2626}
.cvq-diff-tag.good{background:linear-gradient(135deg,var(--p),#7c3aed);color:#fff;box-shadow:0 8px 20px rgba(124,58,237,.32)}
.cvq-diff-list{list-style:none;display:flex;flex-direction:column;gap:14px}
/* côté ancien */
.cvq-diff-col.old li{display:flex;align-items:center;gap:11px;padding:13px 15px;border-radius:12px;background:#fff;border:1px solid #f7d9d9}
.cvq-diff-x{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:#fee2e2;color:#dc2626;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center}
.cvq-diff-li-name{font-size:14px;font-weight:800;color:#15112e;flex-shrink:0}
.cvq-diff-col.old li i{font-style:normal;font-size:12.5px;font-weight:500;color:#a86b6b;margin-left:auto;text-align:right}
/* côté GISEL */
.cvq-diff-col.new li{display:flex;align-items:flex-start;gap:15px;padding:18px 18px;border-radius:14px;background:#faf9ff;border:1px solid #efeafc;transition:border-color .2s,box-shadow .2s,transform .2s}
.cvq-diff-col.new li:not(:last-child){margin-bottom:0}
.cvq-diff-col.new li:hover{border-color:#ded4ff;box-shadow:0 12px 28px rgba(124,58,237,.12);transform:translateY(-2px)}
.cvq-diff-ic{flex-shrink:0;width:42px;height:42px;border-radius:12px;background:#f0e9ff;color:#7c3aed;display:flex;align-items:center;justify-content:center}
.cvq-diff-ic svg{width:23px;height:23px}
.cvq-diff-body{flex:1;min-width:0}
.cvq-diff-body h3{font-size:15.5px;line-height:1.25;font-weight:800;color:#15112e;margin-bottom:6px}
.cvq-diff-body p{font-size:13.5px;line-height:1.5;font-weight:500;color:#77708e}
.cvq-diff-check{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:#22c55e;color:#fff;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(34,197,94,.32);margin-top:2px}
/* flèche centrale */
.cvq-diff-arrow{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0 auto;border-radius:50%;background:var(--p);color:#fff;box-shadow:0 10px 26px rgba(99,102,241,.4);animation:cvqArrowPulse 2s ease-in-out infinite}
.cvq-diff-arrow svg{width:20px;height:20px}

/* ============ CTA FINAL ============ */
.cvq-final-sec{padding:40px 80px 104px;background:#f8f6ff}
.cvq-final{position:relative;max-width:880px;margin:0 auto;padding:64px 40px;border-radius:28px;border:1px solid rgba(255,255,255,.06);text-align:center;overflow:hidden;color:#fff;background:
  radial-gradient(60% 90% at 80% 0%,rgba(99,102,241,.34),transparent 60%),
  radial-gradient(60% 90% at 10% 100%,rgba(129,140,248,.2),transparent 60%),
  linear-gradient(160deg,#16142b 0%,#0e0d1a 55%,#0a0913 100%);box-shadow:0 30px 70px rgba(10,9,19,.5)}
.cvq-final-glow{position:absolute;top:-140px;left:50%;transform:translateX(-50%);width:620px;height:320px;background:radial-gradient(ellipse,rgba(99,102,241,.32),transparent 65%);pointer-events:none;z-index:0;animation:whyGlowPulse 5s ease-in-out infinite}
@keyframes whyGlowPulse{0%,100%{opacity:.7;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.08)}}
.cvq-final-content{position:relative;z-index:1;max-width:580px;margin:0 auto}
.cvq-final h2{font-size:clamp(28px,3.4vw,42px);line-height:1.1;font-weight:800;letter-spacing:-1.2px;color:#fff;margin-bottom:14px}
.cvq-final h2 span{background:linear-gradient(135deg,#a78bfa,#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#a78bfa}
.cvq-final p{max-width:480px;margin:0 auto 30px;font-size:16px;line-height:1.6;font-weight:500;color:rgba(255,255,255,.72)}
.cvq-final-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:15px;font-weight:700;padding:16px 32px;border-radius:13px;background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;font-family:'Plus Jakarta Sans',sans-serif;box-shadow:0 12px 32px rgba(99,102,241,.5);transition:transform .2s,box-shadow .2s}
.cvq-final-btn:hover{transform:translateY(-2px);box-shadow:0 16px 42px rgba(99,102,241,.7)}
.cvq-final-btn svg{transition:transform .2s;flex-shrink:0}
.cvq-final-btn:hover svg{transform:translateX(4px)}
.cvq-final-trust{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 18px;margin-top:40px}
.cvq-final-trust-item{display:inline-flex;align-items:center;gap:6px;font-family:'DM Mono',monospace;font-size:11px;line-height:1;font-weight:600;color:rgba(255,255,255,.7)}
.cvq-final-trust-item i{display:flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:rgba(34,197,94,.18);color:#4ade80;font-size:9px;font-weight:900;font-style:normal;flex-shrink:0}

/* ============ FAQ (réutilise le style .contact-faq-list de contact.css) ============ */
.cvq-faq-sec{padding:40px 80px 104px;background:#f8f6ff}
.cvq-faq-inner{max-width:860px;margin:0 auto}
.cvq-faq-head{text-align:center;margin:0 auto 40px}
.cvq-faq-head .cvq-pill{margin-bottom:20px}
.cvq-faq-title{font-size:clamp(30px,3.4vw,46px);line-height:1.1;font-weight:800;letter-spacing:-1.4px;color:#15112e}
.cvq-faq-title span{color:var(--p)}
.cvq-faq-inner .contact-faq-list{display:flex;flex-direction:column;gap:14px}

/* liens croisés — intégrés dans le CTA sombre (version claire sur fond foncé) */
.cvq-cross{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:34px;padding-top:30px;border-top:1px solid rgba(255,255,255,.1);text-align:left}
.cvq-cross-card{display:block;padding:18px 20px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.05);text-decoration:none;transition:border-color .2s,background .2s,transform .2s}
.cvq-cross-card:hover{border-color:rgba(167,139,250,.5);background:rgba(255,255,255,.09);transform:translateY(-3px)}
.cvq-cross-tag{display:inline-flex;align-items:center;margin-bottom:10px;padding:4px 10px;border-radius:999px;background:rgba(124,92,255,.22);border:1px solid rgba(167,139,250,.3);font-size:10px;font-weight:800;letter-spacing:.04em;color:#c4b5fd;font-family:'DM Mono',monospace}
.cvq-cross-card h3{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:800;letter-spacing:-.2px;color:#fff;margin-bottom:6px}
.cvq-cross-card h3 em{font-style:normal;color:#a78bfa;transition:transform .2s}
.cvq-cross-card:hover h3 em{transform:translateX(4px)}
.cvq-cross-card p{font-size:13px;line-height:1.5;font-weight:500;color:rgba(255,255,255,.62)}

/* CTA final sombre */
.cvq-end-sec{padding:20px 80px 104px;background:#f8f6ff}
.cvq-end{position:relative;max-width:900px;margin:0 auto;padding:64px 40px;border-radius:28px;border:1px solid rgba(255,255,255,.06);text-align:center;overflow:hidden;color:#fff;background:
  radial-gradient(60% 90% at 80% 0%,rgba(99,102,241,.34),transparent 60%),
  radial-gradient(60% 90% at 10% 100%,rgba(129,140,248,.2),transparent 60%),
  linear-gradient(160deg,#16142b 0%,#0e0d1a 55%,#0a0913 100%);box-shadow:0 30px 70px rgba(10,9,19,.5)}
.cvq-end-glow{position:absolute;top:-140px;left:50%;transform:translateX(-50%);width:620px;height:320px;background:radial-gradient(ellipse,rgba(99,102,241,.32),transparent 65%);pointer-events:none;z-index:0;animation:whyGlowPulse 5s ease-in-out infinite}
.cvq-end-content{position:relative;z-index:1;max-width:680px;margin:0 auto}
.cvq-end-content h2,.cvq-end-content > p{max-width:560px;margin-left:auto;margin-right:auto}
.cvq-end h2{font-size:clamp(28px,3.4vw,42px);line-height:1.1;font-weight:800;letter-spacing:-1.2px;color:#fff;margin-bottom:14px}
.cvq-end p{max-width:480px;margin:0 auto 30px;font-size:16px;line-height:1.6;font-weight:500;color:rgba(255,255,255,.72)}
.cvq-end-btn{display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;padding:16px 34px;border-radius:13px;background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;font-family:'Plus Jakarta Sans',sans-serif;box-shadow:0 12px 32px rgba(99,102,241,.5);transition:transform .2s,box-shadow .2s}
.cvq-end-btn:hover{transform:translateY(-2px);box-shadow:0 16px 42px rgba(99,102,241,.7)}
.cvq-end-trust{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 18px;margin-top:40px}
.cvq-end-trust-item{display:inline-flex;align-items:center;gap:6px;font-family:'DM Mono',monospace;font-size:11px;line-height:1;font-weight:600;color:rgba(255,255,255,.66)}
.cvq-end-trust-item::before{content:'✓';color:#4ade80;font-weight:900}

/* responsive */
@media(max-width:1000px){.cvq-sec{padding:96px 48px 80px}.cvq-hero{grid-template-columns:1fr;gap:44px}.cvq-hero-copy{max-width:none;text-align:center;margin:0 auto}.cvq-sub{margin-left:auto;margin-right:auto}.cvq-reassure{justify-content:center}.cvq-demo{max-width:520px;margin:0 auto;width:100%}
  .cvq-prob-sec{padding:80px 48px}
  .cvq-ba{grid-template-columns:1fr;gap:34px}
  .cvq-ba-arrow{transform:rotate(90deg)}
  .cvq-ba-col{max-width:560px;margin:0 auto;width:100%}
  .cvq-what-sec{padding:80px 48px}
  .cvq-what-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto;gap:20px}
  .cvq-gain-sec{padding:80px 48px}
  .cvq-gain-proof{grid-template-columns:1fr;gap:36px;max-width:620px}
  .cvq-gain-avatar{min-height:300px}.cvq-gain-img{width:280px}
  .cvq-gain-list{min-height:0}
  .cvq-diff-sec{padding:80px 48px}
  .cvq-diff-compare{grid-template-columns:1fr;gap:30px;max-width:560px;margin:0 auto}
  .cvq-diff-arrow{transform:rotate(90deg)}
  .cvq-final-sec{padding:30px 48px 88px}
  .cvq-faq-sec{padding:30px 48px 88px}
  .cvq-cross{grid-template-columns:1fr}
  .cvq-end-sec{padding:20px 48px 88px}}
@media(max-width:640px){.cvq-sec{padding:80px 22px 64px}.cvq-title{font-size:36px;letter-spacing:-1.3px}.cvq-cta{width:100%;justify-content:center}
  .cvq-guide{width:84px;height:84px;top:-58px;right:-6px}.cvq-guide-glow,.cvq-guide-img{width:80px;height:80px}.cvq-guide-bubble{display:none}
  .cvq-prob-sec{padding:64px 22px}.cvq-prob-title{font-size:30px;letter-spacing:-1.1px}
  .cvq-pipe{flex-direction:column}.cvq-pipe-arrow{transform:rotate(90deg)}.cvq-pipe-step{width:100%}
  .cvq-what-sec{padding:64px 22px}.cvq-what-title{font-size:30px;letter-spacing:-1.1px}
  .cvq-gain-sec{padding:64px 22px}.cvq-gain-title{font-size:30px;letter-spacing:-1.1px}
  .cvq-gain-avatar{min-height:240px}.cvq-gain-img{width:220px}.cvq-gain-glow,.cvq-gain-ring{width:230px;height:230px}
  .cvq-gain-item{padding:18px}
  .cvq-diff-sec{padding:64px 22px}.cvq-diff-title{font-size:30px;letter-spacing:-1.1px}
  .cvq-diff-col.old li{flex-wrap:wrap}.cvq-diff-col.old li i{margin-left:0;text-align:left;width:100%}
  .cvq-final-sec{padding:24px 22px 72px}.cvq-final{padding:48px 24px;border-radius:22px}.cvq-final h2{font-size:28px}.cvq-final-trust{flex-direction:column;gap:8px}
  .cvq-faq-sec{padding:24px 22px 72px}.cvq-faq-title{font-size:28px;letter-spacing:-1px}
  .cvq-end-sec{padding:16px 22px 72px}.cvq-end{padding:48px 24px;border-radius:22px}.cvq-end h2{font-size:28px}.cvq-end-trust{flex-direction:column;gap:8px}}