/* Chatbot WhatsApp — extends the existing v4.8.16 design system */
.chatbot-page .chatbot-hero{background:radial-gradient(circle at 88% 4%,rgba(45,124,120,.12),transparent 35%)}
.chatbot-page .chatbot-hero .container{max-width:1000px}
.chatbot-page .chatbot-hero h1{max-width:820px}
.chatbot-page .chatbot-hero .lead{max-width:730px}
.chatbot-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.chatbot-benefit{border:1px solid var(--line);border-radius:var(--radius-md);padding:22px 20px;background:var(--cream);box-shadow:var(--shadow-soft)}
.chatbot-benefit-number{display:inline-block;border-radius:8px;padding:3px 9px;background:#e6f1ed;color:#176a5c;font-size:12px;font-weight:800;letter-spacing:.05em}
.chatbot-benefit h3{font-size:19px;line-height:1.3;margin:15px 0 7px}
.chatbot-benefit p{font-size:15px;color:var(--ink-soft);line-height:1.5;margin:0}
.chatbot-demo-section{background:linear-gradient(180deg,#f4f4ee 0%,#f9f7f1 100%);scroll-margin-top:84px}
.chatbot-demo-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,470px);gap:clamp(20px,4vw,56px);align-items:center}
.chatbot-demo-copy{max-width:540px}
.chatbot-demo-copy h2{font-size:clamp(28px,3.4vw,43px);line-height:1.15;letter-spacing:-.03em;margin:0 0 18px}
.chatbot-demo-copy>p:not(.eyebrow){color:var(--ink-soft);line-height:1.65}
.chatbot-mini-steps{display:grid;gap:0;margin:24px 0 27px;border-top:1px solid var(--line)}
.chatbot-mini-steps>div{display:flex;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid var(--line);font-size:15px}
.chatbot-mini-steps b{color:var(--success);font-size:12px;letter-spacing:.08em}
.chatbot-demo-copy .chatbot-demo-disclaimer{font-size:13px;max-width:460px;line-height:1.5;margin-top:16px}
.chatbot-demo-preview{width:100%;min-width:0;display:flex;justify-content:center;overflow:hidden}
.chatbot-demo-preview iframe{display:block;width:100%;max-width:426px;height:766px;border:0;background:transparent}
.chatbot-how-inner{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.9fr);gap:50px;align-items:center}
.chatbot-how h2{font-size:clamp(25px,3vw,34px);line-height:1.2;letter-spacing:-.03em}
.chatbot-how p{color:var(--ink-soft)}
.chatbot-how .chatbot-muted{font-size:14px}
.chatbot-uses{background:var(--cream);padding:24px;border-radius:var(--radius-md);border:1px solid var(--line)}
.chatbot-uses .pill-row{margin-top:10px}
.home-chatbot-strip{display:flex;gap:16px;align-items:center;justify-content:space-between;border:1px solid #cbdeda;border-radius:18px;background:linear-gradient(110deg,#f3f8f5,#fff);padding:20px 23px;margin:22px 0 6px}
.home-chatbot-strip strong{font-size:17px}
.home-chatbot-strip p{margin:3px 0 0;color:var(--ink-soft);font-size:14px;line-height:1.4}
.home-chatbot-strip a{flex:none;font-size:14px;font-weight:750;color:var(--petrol);text-decoration:none;border-bottom:1px solid currentColor}
.travel-chatbot-link{border:1px solid var(--line);background:#fff;border-radius:20px;padding:24px;margin:20px 0 0;display:flex;justify-content:space-between;align-items:center;gap:20px}
.travel-chatbot-link strong{font-size:18px}
.travel-chatbot-link p{margin:6px 0 0;color:var(--ink-soft);font-size:15px}
.travel-chatbot-link a{flex:none;color:var(--petrol);font-weight:700}
@media(max-width:980px){.chatbot-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chatbot-demo-layout{grid-template-columns:1fr}.chatbot-demo-copy{max-width:800px}.chatbot-how-inner{grid-template-columns:1fr;gap:20px}}
@media(max-width:650px){.chatbot-benefit-grid{grid-template-columns:1fr 1fr;gap:9px}.chatbot-benefit{padding:16px 13px}.chatbot-benefit h3{font-size:16px}.chatbot-benefit p{font-size:13px}.chatbot-demo-preview iframe{width:100%;max-width:426px;height:752px}.home-chatbot-strip,.travel-chatbot-link{align-items:flex-start;flex-direction:column;gap:10px}.chatbot-hero .actions{align-items:stretch}}
@media(max-width:370px){.chatbot-benefit-grid{grid-template-columns:1fr}}