/* The Intelidea mascot introduces the conversation on the homepage. */
.chatbot-home{position:relative;background:radial-gradient(ellipse at 8% 70%,#e5f2fa,transparent 55%),#f8f8fc;border-radius:0 9vw 0 0;padding:100px 0;overflow:hidden}
.chatbot-home-grid{gap:85px;align-items:center}
.chatbot-home-visual{position:relative;min-width:0}
.mascot-introduction{display:flex;align-items:center;gap:24px;margin:0 0 24px}
.mascot-portrait{position:relative;isolation:isolate;flex:0 0 210px;aspect-ratio:1}
.mascot-portrait::before{content:"";position:absolute;z-index:-1;inset:28px 10px 0;border-radius:50%;background:radial-gradient(circle at 40% 30%,#fff,#e4e6f6 75%);border:1px solid #d8d8ec}
.mascot-portrait::after{content:"";position:absolute;z-index:-1;inset:15px -3px -6px 3px;border:1px solid #a49ac936;border-radius:50%;transform:rotate(-18deg)}
.chatbot-home .chatbot-home-mascot{position:relative;display:block;width:100%;height:auto;margin:0;transform:none;object-fit:contain}
.mascot-introduction figcaption{max-width:235px;min-width:0}
.mascot-introduction figcaption>span{display:block;font-size:.6rem;font-weight:700;line-height:1.7;letter-spacing:.13em;color:#796d9f}
.chatbot-home .mascot-introduction figcaption p{font-size:1.18rem;font-weight:600;letter-spacing:-.025em;line-height:1.4;color:#2f2a5c;margin:12px 0 0;max-width:220px}
.chatbot-home-visual .chat-window{position:relative;padding:0;background:none;box-shadow:none;border:0;border-radius:0;transform:none}
.chatbot-home-visual .chat-message{padding:19px 24px;margin-bottom:16px;box-shadow:0 10px 22px #2f2a5c07;max-width:88%;line-height:1.7;border-radius:24px 24px 24px 5px}
.chatbot-home-visual .chat-message.bot{background:#fff;border:1px solid #e9e9f3}
.chatbot-home-visual .chat-message.bot:first-child{position:relative}
.chatbot-home-visual .chat-message.bot:first-child::before{content:"";position:absolute;top:-7px;left:86px;width:12px;height:12px;border-top:1px solid #e9e9f3;border-left:1px solid #e9e9f3;background:#fff;transform:rotate(45deg)}
.chatbot-home-visual .chat-message.user{margin-left:auto;max-width:82%;border-radius:24px 24px 5px 24px;background:#514777;transform:translateX(8px)}
.chat-demo-caption{font-size:.61rem;color:#727b91;margin-top:24px;letter-spacing:.04em;line-height:1.6}
@media(max-width:1100px){
  .chatbot-home-grid{gap:55px}
  .mascot-introduction{gap:18px}
  .mascot-portrait{flex-basis:175px}
  .chatbot-home .mascot-introduction figcaption p{font-size:1.05rem}
}
@media(max-width:760px){
  .chatbot-home{border-radius:0 65px 0 0;padding:65px 0}
  .chatbot-home-grid{gap:45px}
  .mascot-introduction{gap:18px;margin-bottom:28px}
  .mascot-portrait{flex-basis:155px}
  .mascot-introduction figcaption>span{font-size:.55rem;letter-spacing:.09em}
  .chatbot-home .mascot-introduction figcaption p{font-size:1rem;margin-top:8px}
  .chatbot-home-visual .chat-message{padding:18px 20px}
  .chatbot-home-visual .chat-message.user{transform:none}
  .chatbot-home-visual .chat-message.bot:first-child::before{left:66px}
}
@media(max-width:360px){.mascot-portrait{flex-basis:130px}.mascot-introduction{gap:12px}}