:root{--navy:#0b203b;--green:#009c70;--muted:#50647d}*{box-sizing:border-box}body{margin:0;font:16px/1.58 'Segoe UI',Arial,sans-serif;color:var(--navy);background:#f7fafb}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1150px,92%);margin:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px max(4%,calc((100% - 1150px)/2));background:#fff;box-shadow:0 4px 12px #1b3d5b12}.brand img{width:134px;height:72px;object-fit:contain}.navback{color:#007c5e;font-weight:750}.intro{padding:52px 0;background:linear-gradient(116deg,#0c2440,#103e52);color:white}.intro-inner{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:35px}.eyebrow{color:#64e2b0;font-size:12px;letter-spacing:2px;font-weight:800}.intro h1{font-size:clamp(32px,4.1vw,54px);line-height:1.14;margin:15px 0}.intro p{font-size:18px;color:#d8e5ef;max-width:640px}.intro img{width:100%;max-height:330px;object-fit:cover;border-radius:24px;box-shadow:0 16px 38px #0004}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;background:var(--green);color:#fff;border-radius:12px;font-weight:800;border:0;cursor:pointer}.outline{background:#fff;color:var(--navy);border:1px solid #d8e5e9}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 0}.section{padding:52px 0}.section h2{font-size:32px;margin:0 0 8px}.section-lead{color:var(--muted);max-width:770px;margin:0 0 23px}.tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}.tabs button{padding:13px 18px;border:1px solid #d5e6e0;border-radius:11px;background:white;color:#193b52;font-weight:750}.tabs button.active,.tabs button:hover{background:#009c70;color:white}.conversation{border:1px solid #dce8e9;border-radius:24px;background:#fff;padding:24px;box-shadow:0 14px 32px #0a253b0c}.conversation h3{margin:0 0 5px;font-size:24px}.chat{display:grid;gap:13px;margin-top:23px}.message{max-width:82%;border-radius:16px;padding:14px 18px;background:#f2f6fa;border:1px solid #e4edf1}.message.agent{justify-self:end;background:#e7f7ee;border-color:#d1ebdb}.speaker{display:block;font-size:12px;font-weight:800;color:#087d60;letter-spacing:.2px;margin-bottom:4px}.message p{margin:0;font-size:16px}.notice{color:#697d8b;font-size:13px;margin:21px 0 0}.cta{background:#e7f7ef;padding:36px;border-radius:22px;margin-bottom:55px;display:flex;align-items:center;justify-content:space-between;gap:20px}.cta h2{font-size:25px;margin:0 0 6px}.cta p{margin:0;color:#536c7c}.footer{background:#0a2038;color:#cbd8e5;text-align:center;padding:26px}.footer a{color:#b0f2d5}button:focus-visible,a:focus-visible{outline:3px solid #0eaa7a;outline-offset:3px}@media(max-width:750px){.intro-inner{grid-template-columns:1fr}.intro img{max-height:280px}.cta{flex-direction:column;align-items:flex-start}.message{max-width:96%}.header{padding:10px 4%}.section{padding:38px 0}}

/* Logo officiel, version affichage recadrée, aucune modification graphique. */
.header .brand img{width:205px;height:92px;object-fit:contain}
@media(max-width:750px){.header .brand img{width:152px;height:72px}}


/* Pages Hôtellerie / Santé — ergonomie téléphone et tablette */
img,video{max-width:100%}
@media(max-width:900px){.intro-inner{grid-template-columns:minmax(0,1fr)}.intro img{max-width:680px;width:100%;margin:auto}.header{gap:10px}}
@media(max-width:600px){
 .header{padding:9px 4%;flex-wrap:wrap}
 .header .brand img{width:148px;height:64px}
 .header .navback{font-size:14px;text-align:right;max-width:50%}
 .intro{padding:34px 0}
 .intro h1{font-size:clamp(29px,8vw,38px)}
 .intro p{font-size:16px}
 .intro img{max-height:220px}
 .container{width:92%}
 .section h2{font-size:clamp(24px,7vw,30px)}
 .tabs{gap:8px}.tabs button{padding:12px 11px;min-height:44px;flex:1 1 145px}
 .conversation{padding:17px 14px;border-radius:18px}
 .conversation h3{font-size:21px}
 .message{max-width:100%;padding:13px 14px}
 .message p{font-size:15px;overflow-wrap:anywhere}
 .message.agent{max-width:94%}
 .actions{gap:9px}.actions .button{min-height:46px}
 .cta{padding:22px 18px;margin-bottom:34px}
 .cta h2{font-size:22px}
 .cta .button{width:100%;text-align:center}
}

/* Amélioration de la lisibilité des scénarios IA (desktop et mobile). */
body{font-size:17px;line-height:1.65}
.eyebrow,.speaker,.notice{font-size:14px;line-height:1.55}
.tabs button,.navback,.button{font-size:16px;line-height:1.4}
.message p,.section-lead,.cta p{font-size:17px;line-height:1.65}
@media(max-width:600px){body{font-size:16px}.message p,.section-lead,.cta p{font-size:16px}.notice{font-size:14px}}