.demo-shell{max-width:1600px;margin:auto;padding:22px 4vw 18px}.protocole-demo-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.protocole-demo-heading h2{font-size:clamp(28px,3vw,45px);margin:6px 0 18px;line-height:1.1}.protocole-demo-heading em{color:#81e8df;font-style:normal}.protocole-demo-heading .eyebrow{font-size:11px;margin:0}.demo-controls{display:flex;gap:7px;flex-wrap:wrap}.demo-shell button{font:inherit;padding:8px 12px;font-size:13px;cursor:pointer;border:1px solid #456171;border-radius:7px;background:#152e40;color:#eef4f8}.demo-shell button:hover{background:#28505f}.demo-shell button:focus-visible,.demo-shell a:focus-visible{outline:3px solid #ffe0a0;outline-offset:3px}.demo-shell button:disabled{opacity:.4;cursor:default}#demo-steps{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-bottom:18px}#demo-steps button{text-align:left;position:relative;min-height:48px;border-bottom:3px solid #243949}#demo-steps button span{display:block;font-size:10px;color:#9eafb9}#demo-steps button[aria-current="step"]{border-color:#8ae5d9;background:#17454a}#demo-steps button.done{border-bottom-color:#519f99}.demo-inputs{display:flex;gap:10px;position:relative;margin-bottom:24px}.demo-inputs a{flex:1;background:#122231;border:1px solid #345565;border-radius:8px;padding:10px 16px;text-decoration:none;color:#e3f5f6;font-size:15px}.demo-inputs small{display:block;font-size:11px;color:#95adbd}.demo-inputs .active{border-color:#8ae5d9;box-shadow:0 0 22px #63d8cf24}.demo-packet{position:absolute;left:50%;bottom:-24px;color:#92eee1;font-size:22px;animation:demo-transfer 2s infinite}.demo-work{display:grid;grid-template-columns:170px minmax(280px,1fr) minmax(390px,1.22fr);gap:20px;min-height:355px}.demo-work aside{display:flex;flex-direction:column;gap:10px}.demo-agent{padding:16px 12px;border-left:3px solid #2e4959;background:#122231;border-radius:0 8px 8px 0;font-size:16px}.demo-agent small{display:block;font-size:12px;color:#9ab1c2;margin-top:6px}.demo-agent.active{border-color:#8ae5d9;background:#1b3d43}.demo-agent.human{border-color:#e1c18a}.demo-evidence{background:#122231;border:1px solid #294657;border-radius:10px;padding:20px}.demo-evidence #demo-owner{font-size:11px;letter-spacing:.08em;color:#8ae5d9;margin:0 0 10px}.demo-evidence h3{font-size:26px;line-height:1.15;margin:0 0 16px}.demo-evidence #demo-copy{font-size:16px;line-height:1.5;color:#c8d9e4;margin:0 0 16px}.demo-detail-row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #2b4353;padding:9px 0;font-size:13px}.demo-detail-row strong{color:#9aeade;font-size:13px}.demo-detail-note{padding:12px;border-left:3px solid #e1c18a;background:#352e22;color:#f2ddba;font-size:13px;line-height:1.5}.demo-plan{border:1px solid #294657;border-radius:10px;padding:14px;background:#0f1d2b}.demo-plan-header{display:flex;justify-content:space-between;gap:8px;font-size:14px;margin-bottom:20px}.demo-plan-header span{font-size:11px;color:#e1c18a}.demo-seats{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.demo-seat{min-height:75px;border:1px dashed #365362;border-radius:6px;padding:6px 3px;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:5px;font-size:10px;line-height:1.25;color:#6f8798}.demo-seat small{font-size:9px}.demo-seat.filled{border-style:solid;background:#1b3342;color:#f1f7fa;animation:demo-seat-in .5s both}.demo-seat.presidence{background:#443724;border-color:#e1c18a}.demo-seat.hors-rang{border-color:#bd9fd5}.demo-seat.highlight{outline:2px solid #bceee4;outline-offset:1px}.demo-table{height:76px;background:linear-gradient(120deg,#246258,#153f46);border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:10px 0;gap:7px;font-size:14px}.demo-table small{font-size:9px;color:#b6d7d5}#demo-checks{margin-top:13px;display:grid;gap:6px;font-size:12px;color:#a8c5d6}.demo-check{display:flex;align-items:center;gap:8px}.demo-check:before{content:'○';color:#70889b}.demo-check.ok:before{content:'✓';color:#8de5c1}.demo-check.warn:before{content:'!';color:#f5cc83;font-weight:bold}.demo-check.warn{color:#f5cc83}.demo-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px}.demo-bottom>p{font-size:16px;line-height:1.4;max-width:540px;color:#d2e5ec}.demo-bottom>div{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.demo-bottom a,.demo-footnote a{color:#a3f1e8;font-size:13px}.demo-bottom button[aria-pressed="true"]{border-color:#e1c18a;background:#443724}.demo-footnote{font-size:11px;color:#8da6b7;margin:12px 0 0}.demo-enter{animation:demo-evidence-in .45s ease-out}.demo-shell.paused .demo-packet{animation-play-state:paused}@keyframes demo-evidence-in{from{opacity:.3;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes demo-seat-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes demo-transfer{0%,100%{opacity:.35;transform:translateY(-3px)}50%{opacity:1;transform:translateY(3px)}}@media(max-width:1100px){.demo-work{grid-template-columns:135px 1fr}.demo-plan{grid-column:1/-1}.protocole-demo-heading{align-items:flex-start}.demo-bottom{align-items:flex-start;flex-direction:column}#demo-steps{grid-template-columns:repeat(4,1fr)}}@media(max-width:650px){.demo-shell{padding:20px}.protocole-demo-heading{flex-direction:column;gap:0;margin-bottom:15px}.demo-inputs{flex-direction:column}.demo-work{grid-template-columns:1fr}.demo-work aside{display:grid;grid-template-columns:repeat(2,1fr)}.demo-agent{font-size:13px;padding:10px}.demo-plan{grid-column:auto;padding:9px}.demo-seat{font-size:8px;min-height:85px}.demo-table small{font-size:8px}.demo-evidence h3{font-size:24px}#demo-steps button{font-size:11px;padding:6px}.demo-inputs a{font-size:13px}}@media(prefers-reduced-motion:reduce){.demo-shell *{animation:none!important;transition:none!important}}
.demo-slide{padding:0!important}.demo-slide .demo-shell{padding:20px 4vw 18px}.demo-slide .demo-agent{padding:10px 12px}.demo-slide .demo-agent small{margin-top:4px}.demo-slide .demo-plan-header{margin-bottom:12px}.demo-slide .demo-table{height:66px}.demo-slide .demo-bottom{margin-top:10px}.demo-slide .demo-bottom>p{font-size:14px}.demo-slide .demo-footnote{margin-top:8px}@media(min-width:1101px) and (max-height:850px){.demo-slide .demo-shell{padding-top:12px}.demo-slide .protocole-demo-heading h2{font-size:32px;margin-bottom:10px}.demo-slide #demo-steps{margin-bottom:10px}.demo-slide .demo-inputs{margin-bottom:20px}.demo-slide .demo-inputs a{padding:7px 12px}.demo-slide .demo-agent{font-size:14px;padding:8px 12px}.demo-slide .demo-evidence{padding:15px}.demo-slide .demo-evidence h3{font-size:23px;margin-bottom:12px}.demo-slide .demo-evidence #demo-copy{font-size:14px}.demo-slide .demo-seat{min-height:63px}.demo-slide .demo-table{height:58px}.demo-slide .demo-detail-row{padding:7px 0}.demo-slide .demo-detail-note{font-size:12px;padding:9px}.demo-slide .demo-work{min-height:310px}}
