.ch-hero{background:var(--mist);padding:56px 0 40px;text-align:center}
.ch-hero h1{font-size:clamp(1.8rem,4vw,2.6rem);margin-bottom:10px}
.ch-hero h1 span{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}
.ch-hero .lead{max-width:620px;margin:0 auto;color:var(--smoke)}
.ch-main{padding:28px 0 80px}
.ch-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:24px}
.ch-tabs a{padding:10px 22px;border-radius:100px;border:1.5px solid var(--gray-200);font-weight:600;font-size:.9rem;color:var(--ink);background:#fff}
.ch-tabs a.active{background:var(--gradient-brand);color:#fff;border-color:transparent}
.ch-card{max-width:680px;margin:0 auto;background:#fff;border:1px solid var(--gray-200);border-radius:18px;padding:28px}
.ch-card h2{font-size:1.4rem;margin-bottom:6px}
.ch-sub{color:var(--smoke);margin-bottom:18px;font-size:.95rem}
.ch-center{text-align:center}
.ch-ico{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.ch-ico.wa{background:#25D366;color:#fff}
.ch-ico.ok{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}
.ch-done p{max-width:340px;margin:0 auto 14px}
.ch-done .ch-note{margin-bottom:16px}
.ch-topics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}
.ch-seg{display:flex;gap:6px;background:var(--mist);padding:5px;border-radius:100px;margin-bottom:20px}
.ch-seg a{flex:1;text-align:center;padding:9px 12px;border-radius:100px;font-weight:600;font-size:.88rem;color:var(--ink)}
.ch-seg a.active{background:#fff;color:var(--violet);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.ch-form{display:flex;flex-direction:column;gap:14px}
.ch-form label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:600}
.ch-form input,.ch-form select,.ch-form textarea{font:inherit;font-weight:400;padding:11px 14px;border:1.5px solid var(--gray-200);border-radius:10px;width:100%;background:#fff}
.ch-form input:focus,.ch-form select:focus,.ch-form textarea:focus{outline:none;border-color:var(--violet)}
.ch-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ch-hp{position:absolute!important;left:-9999px;opacity:0;height:0;width:0}
.ch-note{font-size:.85rem;color:var(--smoke);text-align:center}
.ch-note a{color:var(--violet);font-weight:600}
.ch-alert{max-width:680px;margin:0 auto 16px;padding:14px 18px;border-radius:12px;font-size:.92rem}
.ch-alert.ok{background:#f0fff4;border:1px solid #b7e6c5;color:#1a7f37}
.ch-alert.err{background:#fff5f5;border:1px solid #f3c1c1;color:#b42318}
.ch-log{height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--mist);border-radius:14px}
.ch-msg{max-width:82%;padding:10px 14px;border-radius:14px;font-size:.92rem;line-height:1.45;word-wrap:break-word}
.ch-msg.bot{background:#fff;border:1px solid var(--gray-200);align-self:flex-start}
.ch-msg.me{background:var(--gradient-brand);color:#fff;align-self:flex-end}
.ch-wa{display:inline-block;margin-top:6px;color:#128C7E;font-weight:700}
.ch-quick{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.ch-quick button{font:inherit;font-size:.8rem;padding:7px 14px;border-radius:100px;border:1.5px solid var(--gray-200);background:#fff;cursor:pointer}
.ch-quick button:hover{border-color:var(--violet);color:var(--violet)}
.ch-input{display:flex;gap:8px}
.ch-input input{flex:1;font:inherit;padding:11px 14px;border:1.5px solid var(--gray-200);border-radius:100px}
@media (max-width:600px){.ch-row,.ch-topics{grid-template-columns:1fr}.ch-card{padding:20px 16px}.ch-msg{max-width:92%}}
/* Mode embed (di dalam widget chat) */
.ch-embed{background:#fff}
.ch-embed .ch-main{padding:14px 0 20px}
.ch-embed .mp-wrap{padding:0 14px}
.ch-embed .ch-card{border:0;padding:6px 2px;max-width:none}
.ch-embed .ch-card h2{font-size:1.15rem}
.ch-embed .ch-topics{grid-template-columns:1fr}
.ch-embed .ch-row{grid-template-columns:1fr}
.ch-embed .ch-log{height:240px}
.ch-embed .ch-alert{margin-bottom:12px}

/* ---- Perbaikan & tambahan chat ---- */
.ch-form button[disabled],.ch-input button[disabled]{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}
.ch-input input:disabled{background:var(--mist);cursor:not-allowed}
.ch-msg{white-space:pre-line}
.ch-msg.bot.typing{color:var(--smoke);letter-spacing:2px;animation:ch-pulse 1s ease-in-out infinite}
@keyframes ch-pulse{0%,100%{opacity:.4}50%{opacity:1}}
.ch-cta{display:inline-block;margin-top:8px;padding:6px 14px;border-radius:100px;background:var(--mist);color:var(--violet);font-weight:700;font-size:.82rem;border:1.5px solid rgba(91,46,255,.25)}
.ch-cta:hover{background:var(--violet);color:#fff;border-color:var(--violet)}
.ch-alert strong{user-select:all}
.ch-embed .ch-alert{max-width:none}
@media (prefers-reduced-motion:reduce){.ch-msg.bot.typing{animation:none}}