.tz-demo-section{padding:clamp(70px,8vw,120px) 0;background:linear-gradient(150deg,#fff 0%,#fbf9ff 60%,#fff7f7 100%);overflow:hidden}
.tz-demo-section .shell{max-width:1180px;margin:auto;padding-left:clamp(20px,4vw,40px);padding-right:clamp(20px,4vw,40px)}
.tz-demo-intro{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(210px,.65fr);gap:45px;align-items:end;margin-bottom:36px}
.tz-demo-intro h2{font-size:clamp(32px,4.2vw,55px);letter-spacing:-.045em;line-height:1.13;margin:16px 0 20px;color:#241638}
.tz-demo-intro p{max-width:680px;font-size:clamp(15px,1.5vw,18px);line-height:1.75;color:#5c566b}
.tz-demo-intro-aside{display:flex;flex-direction:column;gap:10px;padding:20px 0 10px 25px;border-left:1px solid #e7dff1;color:#6c6376;font-size:13px}
.tz-demo-intro-aside strong{font-size:20px;color:#241638}
.tz-demo-live{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#8156ae}
.tz-demo-live span{display:inline-block;background:#34b989;width:8px;height:8px;border-radius:50%;margin-right:6px;box-shadow:0 0 0 4px #34b9891c}
.tz-demo-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px;align-items:stretch}
.tz-demo-panel{min-width:0;background:white;border:1px solid #e7dff0;border-radius:23px;box-shadow:0 20px 55px #3e1b7110;overflow:hidden}
.tz-demo-panel-top{padding:16px 24px;display:flex;align-items:center;gap:12px;background:#faf8fd;border-bottom:1px solid #ede6f2;font-size:12px;color:#5d5368;font-weight:700}
.tz-demo-dots{display:flex;gap:5px}.tz-demo-dots i{width:7px;height:7px;background:#d3c6df;border-radius:50%}.tz-demo-dots i:first-child{background:#fc8869}.tz-demo-dots i:nth-child(2){background:#e9b75c}.tz-demo-dots i:last-child{background:#71cda8}
.tz-demo-ref{margin-left:auto;font-size:10px;color:#91879c}
.tz-demo-ticket{padding:25px 28px 20px}
.tz-demo-person{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.tz-demo-person img{border-radius:50%;background:#f0e5fa}
.tz-demo-person strong,.tz-demo-person span{display:block}.tz-demo-person strong{color:#241638;font-size:15px}.tz-demo-person span{font-size:12px;color:#857c8b;margin-top:3px}
.tz-demo-label{display:inline-block;padding:6px 10px;background:#f4eafa;color:#7546a6;border-radius:100px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.tz-demo-question{font-size:clamp(18px,2vw,23px);line-height:1.5;font-weight:700;letter-spacing:-.025em;color:#2b2037;margin:14px 0 0}
.tz-demo-status{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:19px 28px;background:#fbf9fd;border-top:1px solid #f1eaf5}
.tz-demo-status div span,.tz-demo-status div strong{display:block}.tz-demo-status div span{font-size:11px;color:#887c90;margin-bottom:5px}.tz-demo-status div strong{font-size:15px;color:#30243e}
.tz-demo-status-icon{font-size:12px;font-weight:800;color:#7d43b7;white-space:nowrap}
.tz-demo-progress{height:4px;background:#eee7f5}.tz-demo-progress span{display:block;width:25%;height:100%;background:linear-gradient(90deg,#ff7c24,#e73b85,#6d22db);transition:width .5s ease}
.tz-demo-reply{min-height:125px;padding:23px 28px}.tz-demo-reply-kicker{display:block;color:#9454c1;font-size:11px;letter-spacing:.07em;font-weight:800}.tz-demo-reply p{font-size:15px;line-height:1.65;color:#52475c;margin:10px 0 0}
.tz-demo-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 25px 22px}
.tz-demo-controls button{border:0;font-family:inherit;cursor:pointer;font-weight:750;font-size:12px;border-radius:11px;padding:12px 15px;transition:transform .2s,background .2s}
.tz-demo-controls button:focus-visible,.tz-demo-step:focus-visible,.tz-demo-cta:focus-visible{outline:3px solid #ac72d4;outline-offset:3px}
.tz-demo-controls button:hover:not(:disabled){transform:translateY(-2px)}
.tz-demo-back{background:#f5f0fa;color:#493557}.tz-demo-back:disabled{opacity:.45;cursor:default}
.tz-demo-next{background:linear-gradient(110deg,#ff792b,#e63786,#7529d5);color:white}.tz-demo-next span{padding-left:8px}
.tz-demo-pips{display:flex;gap:6px}.tz-demo-pips span{width:7px;height:7px;border-radius:99px;background:#e4d8ed;transition:all .25s}.tz-demo-pips span.active{width:19px;background:#8b49b6}
.tz-demo-steps{display:grid;gap:12px}
.tz-demo-step{display:flex;align-items:center;text-align:left;gap:18px;width:100%;background:white;border:1px solid #ece3f2;border-radius:17px;padding:20px 18px;color:#2b2037;cursor:pointer;transition:border .3s,box-shadow .3s,transform .3s,background .3s;font-family:inherit}
.tz-demo-step:hover{transform:translateX(4px);border-color:#b58bd7}
.tz-demo-step.active{border-color:#c5a5df;background:linear-gradient(110deg,#fff,#faf3ff);box-shadow:0 12px 30px #5f268010}
.tz-demo-step-n{font-size:19px;font-weight:850;color:#a18aa9;letter-spacing:-.05em;min-width:30px}
.tz-demo-step.active .tz-demo-step-n{color:#9b3fba}
.tz-demo-step strong,.tz-demo-step small{display:block}.tz-demo-step strong{font-size:15px;margin-bottom:6px}.tz-demo-step small{font-size:12px;line-height:1.55;color:#746b7c}
.tz-demo-step-arrow{margin-left:auto;font-size:17px;color:#9c64b8}
.tz-demo-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:25px;padding:20px 24px;border:1px solid #eadff1;border-radius:15px;background:#fff}
.tz-demo-bottom p{font-size:14px;color:#5e5369;line-height:1.55;margin:0}.tz-demo-bottom strong{color:#31233c}
.tz-demo-cta{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;text-decoration:none!important;background:#2d1b42;color:white!important;padding:14px 18px;border-radius:11px;font-size:13px;font-weight:750;transition:transform .2s}
.tz-demo-cta:hover{transform:translateY(-2px)}.tz-demo-disclaimer{font-size:11px;line-height:1.6;color:#81758a;margin:15px 2px 0}
@media(max-width:820px){.tz-demo-intro{grid-template-columns:1fr;gap:8px}.tz-demo-intro-aside{display:none}.tz-demo-layout{grid-template-columns:1fr}.tz-demo-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.tz-demo-step{align-items:flex-start}.tz-demo-step-arrow{display:none}}
@media(max-width:560px){.tz-demo-steps{grid-template-columns:1fr}.tz-demo-panel-top{padding:14px 16px}.tz-demo-ref{display:none}.tz-demo-ticket,.tz-demo-status,.tz-demo-reply{padding-left:18px;padding-right:18px}.tz-demo-controls{padding:12px 14px 18px}.tz-demo-bottom{align-items:stretch;flex-direction:column}.tz-demo-cta{justify-content:center}}
@media(prefers-reduced-motion:reduce){.tz-demo-section *{transition:none!important;animation:none!important}}

/* V44 — démonstration conversation vidéo */
.tz-chat-cinema{max-width:950px;margin:0 auto;background:#fff;border:1px solid #e6dcef;border-radius:24px;box-shadow:0 25px 75px #3c185f16;overflow:hidden}
.tz-chat-head{padding:17px 24px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #eee7f2;background:linear-gradient(110deg,#fff,#faf6ff)}
.tz-chat-brand{display:flex;align-items:center;gap:12px}.tz-chat-brand img{object-fit:contain}.tz-chat-brand strong,.tz-chat-brand span{display:block}
.tz-chat-brand strong{font-size:15px;color:#291c36}.tz-chat-brand span{font-size:11px;color:#85758f;margin-top:4px}.tz-chat-brand i{display:inline-block;background:#3ac78c;width:7px;height:7px;border-radius:50%;margin-right:4px}
.tz-chat-head-right{display:flex;gap:10px;align-items:center}.tz-chat-ref{font-size:11px;color:#92879d}.tz-chat-pill{background:#f0e6fa;border-radius:20px;padding:7px 10px;color:#7440a7;font-size:11px;font-weight:800}
.tz-chat-stage{min-height:460px;height:min(530px,66vh);display:flex;flex-direction:column;background:radial-gradient(circle at 5% 10%,#fdf6ff,transparent 45%),radial-gradient(circle at 95% 90%,#fff1e9,transparent 45%),#fcfbff;padding:18px 24px}
.tz-chat-day{text-align:center;margin-bottom:15px}.tz-chat-day span{font-size:10px;color:#94899d;background:#eee8f3;padding:7px 12px;border-radius:50px}
.tz-chat-messages{display:flex;flex-direction:column;gap:15px;flex:1;overflow-y:auto;scrollbar-width:thin;padding:10px 4px 20px}
.tz-chat-line{display:flex;gap:10px;align-items:flex-end;max-width:86%;animation:tzFilmPop .4s cubic-bezier(.2,.8,.2,1) both}
.tz-chat-line.tech{align-self:flex-start}.tz-chat-line.sophie{align-self:flex-end;flex-direction:row-reverse}
.tz-chat-avatar{width:35px;height:35px;flex:none;border-radius:50%;object-fit:cover;background:#f1e4fa;display:grid;place-items:center;color:#fff;font-weight:800;font-size:12px}
.tz-chat-avatar.tech{background:linear-gradient(140deg,#fc802e,#d13aa6,#6e2aca)}
.tz-chat-bubble{padding:12px 16px;border-radius:17px 17px 17px 4px;background:white;border:1px solid #e8e0ef;box-shadow:0 3px 12px #33114d09;color:#35273f;font-size:14px;line-height:1.6}
.tz-chat-line.sophie .tz-chat-bubble{background:linear-gradient(120deg,#7934b7,#a13d9d);color:#fff;border-color:transparent;border-radius:17px 17px 4px 17px}
.tz-chat-sender{font-size:10px;color:#8c8094;font-weight:750;margin-bottom:5px}.tz-chat-line.sophie .tz-chat-sender{color:#efe0ff}
.tz-chat-typing{display:flex;align-items:center;gap:9px;font-size:11px;color:#8d8196;padding:8px 4px;min-height:40px}.tz-chat-typing[hidden]{display:none}
.tz-chat-typing-avatar{width:25px;height:25px;border-radius:50%;background:linear-gradient(130deg,#ff7c25,#7e2bca);display:grid;place-items:center;color:white;font-weight:800}
.tz-chat-typing-dots{display:flex;gap:4px;padding:9px 11px;background:white;border-radius:14px}.tz-chat-typing-dots i{width:5px;height:5px;border-radius:50%;background:#a287b9;animation:tzDot 1s infinite alternate}.tz-chat-typing-dots i:nth-child(2){animation-delay:.18s}.tz-chat-typing-dots i:nth-child(3){animation-delay:.36s}
.tz-chat-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 22px;background:#fff;border-top:1px solid #eee6f3}
.tz-chat-playback{display:flex;gap:8px;flex-wrap:wrap}.tz-chat-playback button{font:inherit;cursor:pointer;font-size:12px;font-weight:750;border-radius:11px;padding:11px 15px;border:1px solid #e8dff0;transition:transform .2s}.tz-chat-playback button:hover{transform:translateY(-2px)}.tz-chat-playback button:focus-visible{outline:3px solid #ae78d2;outline-offset:2px}
.tz-film-main{background:linear-gradient(105deg,#ff7e2c,#d83d8f,#7630c7);color:white;border-color:transparent!important}.tz-film-secondary{background:#f9f6fc;color:#59456b}
.tz-chat-time{display:flex;align-items:center;gap:12px;font-size:11px;color:#85778e;white-space:nowrap}.tz-film-track{width:100px;height:5px;border-radius:10px;background:#e9e1ef;overflow:hidden}.tz-film-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,#f9842e,#8c3ec3);transition:width .4s}
@keyframes tzFilmPop{from{opacity:0;transform:translateY(13px) scale(.97)}to{opacity:1;transform:none}}
@keyframes tzDot{to{opacity:.25;transform:translateY(-3px)}}
@media(max-width:650px){.tz-chat-head{padding:14px}.tz-chat-ref{display:none}.tz-chat-stage{padding:15px 12px;height:500px}.tz-chat-line{max-width:95%}.tz-chat-footer{padding:12px;flex-direction:column;align-items:stretch}.tz-chat-time{justify-content:center}.tz-film-track{flex:1}.tz-chat-playback{justify-content:center}.tz-chat-bubble{font-size:13px}}
@media(prefers-reduced-motion:reduce){.tz-chat-line,.tz-chat-typing-dots i{animation:none!important}}