/* Yuktiq AI chatbot page and home teaser */
.chatsec{padding-block:48px 80px}
.chatgrid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.7fr);gap:28px;align-items:start}
.chatframe{background:var(--surface);border:1px solid var(--line);border-top:5px solid var(--gold-fill);box-shadow:var(--shadow);min-width:0}
.chatframe iframe{display:block;width:100%;height:78vh;min-height:620px;max-height:860px;border:0}
.chattips{position:sticky;top:90px;background:var(--band);color:var(--band-ink);padding:24px;display:grid;gap:14px}
.chattips .label{color:var(--band-gold)}
.chattips ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.chattips li{background:rgba(255,255,255,.06);border:1px solid var(--band-line);padding:10px 12px;font-size:.95rem}
.chattips .note{font-size:.88rem;color:var(--band-muted)}
.chattips .note a{color:var(--band-gold)}
.chattips .btn.gold.dark{background:var(--gold-fill);color:var(--on-gold)}
.aiteaser{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:32px;align-items:center;background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--gold-fill);padding:34px;box-shadow:var(--shadow)}
.aiteaser h2 span{color:var(--gold)}
.chatmock{background:var(--band);padding:18px;display:grid;gap:10px;font-size:.93rem}
.chatmock .u,.chatmock .a{padding:10px 14px;max-width:92%}
.chatmock .u{justify-self:end;background:var(--band-gold);color:var(--on-gold);border-radius:12px 12px 2px 12px}
.chatmock .a{background:rgba(255,255,255,.1);color:var(--band-ink);border-radius:12px 12px 12px 2px}
.chatmock small{font:500 .68rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--band-muted)}
@media (max-width:900px){
  .chatgrid,.aiteaser{grid-template-columns:minmax(0,1fr)}
  .chattips{position:static}
  .chatframe iframe{height:75vh;min-height:560px}
  .aiteaser{padding:24px}
}