*{box-sizing:border-box}body{margin:0;background:#f4f5f8;color:#192238;font:16px/1.6 Segoe UI,Arial,sans-serif}header,main,footer{max-width:1180px;margin:auto;padding:26px}header{display:flex;justify-content:space-between;border-bottom:1px solid #dfe4ec}a{color:#315ed9;text-decoration:none}.logo{color:#182138;font-weight:800;letter-spacing:2px}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#51689d;font-weight:700}h1{font-size:clamp(44px,6vw,76px);line-height:1.05;letter-spacing:-3px;margin:35px 0 24px}h2{line-height:1.2;font-size:30px}.lead{max-width:660px;font-size:20px;color:#657087}.notice{background:#e9eefb;border-left:3px solid #456ce0;padding:14px 18px;font-size:14px;margin:24px 0}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0 20px}button{cursor:pointer;border:1px solid #dce2ed;background:white;border-radius:10px;padding:12px 16px;color:#264472;font:inherit;min-height:44px}button:hover,button:focus-visible{background:#edf1fb;outline-color:#3866f2}button[aria-selected=true]{background:#25365c;color:white;border-color:#25365c}.demo{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.chat{background:white;border-radius:20px;border:1px solid #dce2ed;overflow:hidden;min-height:480px}.chat-head{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid #e7eaf0}.avatar{background:#25365c;color:white;border-radius:12px;font-size:24px;font-weight:800;padding:4px 14px}small{display:block;color:#758096;font-size:11px}.quiet{font-size:12px;margin-left:auto;padding:8px}#messages{padding:20px;max-height:330px;overflow:auto;min-height:200px}.bubble{background:#f0f3f8;border-radius:4px 15px 15px;padding:12px 16px;margin-bottom:12px;max-width:90%;white-space:pre-wrap}.bubble.user{margin-left:auto;background:#e7eeff;border-radius:15px 4px 15px 15px}#actions{display:flex;gap:8px;flex-wrap:wrap;padding:20px;background:#fafbfe}aside{padding:20px 30px;background:#e8edf5;border-radius:20px}.empty{padding:24px 0;color:#6c7a92}.ticket{background:white;padding:20px;border-radius:12px;border:1px solid #d6deed}.badge{display:inline-block;padding:4px 10px;background:#e8efff;border-radius:20px;font-size:12px;color:#315dd5}.muted{font-size:13px;color:#6f7b91}.order{margin:50px 0;padding:28px;background:#17253e;color:white;border-radius:20px}.order a{display:inline-block;background:#d7f291;color:#162129;padding:12px 20px;border-radius:10px}.order p{color:#c5cede;max-width:640px}footer{color:#748096;font-size:12px}button:disabled{opacity:.5;cursor:default}@media(max-width:700px){.demo{grid-template-columns:1fr}header,main,footer{padding:18px}.chat-head{padding:12px}.quiet{max-width:90px}aside{padding:20px}}