/* Home */
.hero-home{min-height:clamp(560px,78vh,760px);display:flex;align-items:flex-end}
.hero-home .hero-img{object-position:68% 30%}
.hero-home .hero-shade{background:linear-gradient(90deg,rgba(20,35,74,.94) 0%,rgba(20,35,74,.82) 34%,rgba(20,35,74,.25) 64%,rgba(20,35,74,0) 100%),linear-gradient(0deg,rgba(20,35,74,.9) 0%,rgba(20,35,74,0) 55%)}
.hero-home .wrap{width:100%;padding-block:clamp(40px,7vw,96px) clamp(36px,6vw,80px)}
.hero-copy{max-width:600px}
.hero-copy>*{animation:rise .8s var(--ease) both}
.hero-copy>*:nth-child(2){animation-delay:.08s}
.hero-copy>*:nth-child(3){animation-delay:.16s}
.hero-copy>*:nth-child(4){animation-delay:.24s}
.hero-copy>*:nth-child(5){animation-delay:.32s}
.badge{display:inline-flex;align-items:center;gap:12px;padding:8px 14px 8px 8px;border-radius:999px;background:var(--surface);color:var(--ink)}
.badge b{height:32px;min-width:32px;padding:0 10px;border-radius:999px;background:var(--signal);color:var(--on-signal);display:grid;place-items:center;font-size:13px;font-weight:700}
.badge span{font-size:13px;font-weight:600;letter-spacing:.02em}
.hero h1{color:var(--surface);font-size:clamp(32px,4.6vw,58px);line-height:1.04;letter-spacing:-.025em;margin-top:22px;text-wrap:balance}
.hero-copy p{font-size:clamp(15px,1.4vw,18px);color:#D8DFEE;margin-top:16px;max-width:520px;text-wrap:pretty}
.hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.hero-cta .btn-signal{flex:1 1 220px;max-width:300px}
.hero-note{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13px;color:var(--on-ink-muted)}
.hero-note .ph{color:var(--signal-soft)}

.channels{display:flex;flex-direction:column;margin-top:24px}
.channel{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;padding:16px 0;border-top:1px solid var(--line-2);color:var(--ink);transition:padding .25s var(--ease)}
.channel:last-child{border-bottom:1px solid var(--line-2)}
a.channel:hover{padding-left:8px;color:var(--ink)}
.channel-ico{width:44px;height:44px;border-radius:var(--r-ctl);background:var(--brand-100);color:var(--brand);display:grid;place-items:center;font-size:22px}
.channel-ico.wa{background:#E7F5EC;color:var(--wa-text)}
.channel b{display:block;font-weight:500}
.channel small{font-size:14px;color:var(--muted)}
.channel>.ph{font-size:18px;transition:transform .25s var(--ease)}
a.channel:hover>.ph{transform:translateX(4px)}

.chat{border-radius:var(--r-card);background:var(--bg);box-shadow:0 0 0 1px var(--line),0 24px 48px -28px rgba(20,35,74,.35);overflow:hidden;align-self:start}
.chat-head{display:flex;align-items:center;gap:10px;padding:14px 18px;background:var(--ink);color:var(--on-ink)}
.chat-av{width:32px;height:32px;border-radius:50%;background:var(--surface);display:grid;place-items:center;color:var(--signal);font-size:16px}
.chat-head b{display:block;font-size:14px;font-weight:500}
.chat-head small{font-size:12px;color:#B6C2DE;display:flex;align-items:center;gap:6px}
.chat-head small::before{content:"";width:7px;height:7px;border-radius:50%;background:#4ADE80}
.chat-body{padding:18px;display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.45;min-height:326px}
.msg{max-width:82%;padding:10px 14px;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s var(--ease)}
.msg.show{opacity:1;transform:none}
.msg.bot{align-self:flex-start;border-radius:12px 12px 12px 4px;background:var(--surface);box-shadow:0 0 0 1px var(--line)}
.msg.me{align-self:flex-end;border-radius:12px 12px 4px 12px;background:var(--ink);color:var(--on-ink)}
.chips,.slots{display:flex;flex-wrap:wrap;gap:6px;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s var(--ease)}
.chips.show,.slots.show{opacity:1;transform:none}
.chip{padding:6px 12px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--brand);color:var(--brand);font-size:13px;font-weight:500}
.slot{padding:8px 14px;border-radius:var(--r-ctl);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2);font-weight:500}
.slot.pick{background:var(--ink);color:var(--on-ink);box-shadow:none}
.typing{align-self:flex-start;display:none;gap:4px;padding:12px 14px;border-radius:12px 12px 12px 4px;background:var(--surface);box-shadow:0 0 0 1px var(--line)}
.typing.show{display:flex}
.typing i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:blink 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}
.typing i:nth-child(3){animation-delay:.3s}
.chat-input{margin:0 18px 18px;height:48px;border-radius:var(--r-ctl);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2);display:flex;align-items:center;padding:0 8px 0 14px;color:#6B7290;font-size:14px}
.chat-input span:last-child{margin-left:auto;width:34px;height:34px;border-radius:6px;background:var(--ink);color:var(--on-ink);display:grid;place-items:center}
.demo-note{font-size:12px;color:var(--muted);margin-top:10px;display:flex;gap:6px;align-items:center}