.page-ai-assistant-system h1 { max-width:14ch; }
.page-ai-assistant-system .bk-rail::after { animation-name:aa-rail-travel; }
@keyframes aa-rail-travel { 0% { top:-44%; } 100% { top:100%; } }

.aa-hero-board { background:color-mix(in srgb,var(--bk-dark-2) 91%,transparent); border:1px solid color-mix(in srgb,var(--bk-accent) 27%,transparent); border-radius:17px; box-shadow:0 30px 70px color-mix(in srgb,var(--bk-dark) 65%,transparent); padding:25px; }
.aa-hero-question { display:flex; justify-content:flex-end; margin-bottom:12px; }
.aa-hero-question p { background:var(--bk-dark); border:1px solid var(--bk-rail); border-radius:12px 12px 3px 12px; color:var(--bk-inv); font-size:10.5px; margin:0; max-width:77%; padding:12px 14px; }
.aa-hero-question small { color:var(--bk-muted); font-size:8px; margin:8px 8px 0 0; text-transform:uppercase; }
.aa-hero-answer { background:color-mix(in srgb,var(--bk-accent) 9%,transparent); border:1px solid color-mix(in srgb,var(--bk-accent) 22%,transparent); border-radius:3px 12px 12px; display:grid; gap:11px; grid-template-columns:34px 1fr; padding:14px; }
.aa-hero-answer > span { align-items:center; background:var(--bk-accent); border-radius:8px; color:var(--bk-dark); display:flex; height:34px; justify-content:center; }
.aa-hero-answer small { color:var(--bk-accent); display:block; font-size:8px; letter-spacing:.1em; text-transform:uppercase; }
.aa-hero-answer p { color:var(--bk-inv); font-size:10.5px; line-height:1.55; margin:2px 0 0; }
.aa-hero-source { align-items:center; border-bottom:1px solid var(--bk-rail); display:flex; justify-content:space-between; margin:15px 0; padding-bottom:14px; }
.aa-hero-source small, .aa-hero-source b { display:block; }
.aa-hero-source small { color:var(--bk-muted); font-size:8px; text-transform:uppercase; }
.aa-hero-source b { color:var(--bk-inv); font-size:10.5px; }
.aa-hero-source strong { color:var(--bk-accent); font-size:9px; }
.aa-hero-board > p { color:var(--bk-dim); display:flex; font-size:10px; gap:8px; margin:0; }
.aa-hero-board > p span { color:var(--bk-accent); }

.aa-customer, .aa-trace { min-height:625px; }
.aa-question-form { margin-top:18px; }
.aa-question-form label { color:var(--bk-muted); display:block; font-size:9px; letter-spacing:.08em; margin-bottom:6px; text-transform:uppercase; }
.aa-question-form > div { display:grid; gap:7px; grid-template-columns:1fr auto; }
.aa-question-form input { background:var(--bk-warm); border:1px solid var(--bk-edge); border-radius:8px; color:var(--bk-ink); font:inherit; font-size:12px; min-height:48px; min-width:0; padding:10px 12px; }
.aa-question-form button { background:var(--bk-accent); border:0; border-radius:8px; color:var(--bk-dark); cursor:pointer; font-family:var(--awd-font-body); font-size:11px; font-weight:600; min-height:48px; padding:10px 18px; }
.aa-conversation { display:grid; gap:11px; margin:20px 0; }
.aa-bubble { border:1px solid var(--bk-edge); padding:14px; }
.aa-bubble small { color:var(--bk-muted); display:block; font-size:8px; letter-spacing:.09em; text-transform:uppercase; }
.aa-bubble p { color:var(--bk-body); font-size:11px; line-height:1.55; margin:3px 0 0; }
.aa-bubble-visitor { background:var(--bk-warm); border-radius:12px 12px 3px 12px; justify-self:end; max-width:84%; }
.aa-bubble-assistant { border-color:color-mix(in srgb,var(--bk-accent) 45%,var(--bk-edge)); border-radius:3px 12px 12px; display:grid; gap:10px; grid-template-columns:34px 1fr; }
.aa-bubble-assistant > span { align-items:center; background:var(--bk-accent); border-radius:8px; color:var(--bk-dark); display:flex; height:34px; justify-content:center; }
.aa-bubble-assistant:focus { outline:3px solid color-mix(in srgb,var(--bk-accent) 35%,transparent); outline-offset:3px; }
.aa-customer-actions { align-items:center; border-top:1px solid var(--bk-edge); display:flex; flex-wrap:wrap; gap:9px 15px; padding-top:14px; }
.aa-customer-actions a { align-items:center; background:var(--bk-accent); border-radius:8px; color:var(--bk-dark); display:inline-flex; font-size:10.5px; font-weight:600; min-height:46px; padding:10px 15px; text-decoration:none; }
.aa-customer-actions a i { font-style:normal; margin-left:7px; }
.aa-customer-actions button { background:transparent; border:0; border-bottom:1px solid var(--bk-edge); color:var(--bk-body); cursor:pointer; font-family:var(--awd-font-body); font-size:10px; min-height:44px; padding:8px 0; }

.aa-trace-card, .aa-source-card, .aa-boundary-card { border:1px solid var(--bk-rail); border-radius:10px; margin-top:14px; padding:14px; }
.aa-trace-card small, .aa-trace-card strong, .aa-boundary-card small { display:block; }
.aa-trace-card small, .aa-source-card small, .aa-boundary-card small { color:var(--bk-muted); font-size:8px; letter-spacing:.09em; text-transform:uppercase; }
.aa-trace-card strong { color:var(--bk-inv); font-size:12px; margin-top:4px; }
.aa-source-card { align-items:center; display:grid; gap:11px; grid-template-columns:38px 1fr; }
.aa-source-card > span { align-items:center; background:color-mix(in srgb,var(--bk-accent) 13%,transparent); border-radius:8px; color:var(--bk-accent); display:flex; height:38px; justify-content:center; }
.aa-source-card strong { color:var(--bk-inv); display:block; font-size:11px; margin-top:2px; }
.aa-boundary-card { background:color-mix(in srgb,var(--bk-accent) 9%,transparent); border-color:color-mix(in srgb,var(--bk-accent) 25%,transparent); }
.aa-boundary-card p { color:var(--bk-inv); font-size:10.5px; line-height:1.5; margin:5px 0 0; }
.aa-trace-steps { list-style:none; margin:15px 0 0; padding:0; }
.aa-trace-steps li { align-items:center; border-bottom:1px solid var(--bk-rail); color:var(--bk-dim); display:grid; font-size:10px; gap:10px; grid-template-columns:32px 1fr; min-height:49px; }
.aa-trace-steps li span { color:var(--bk-accent); font-family:var(--awd-font-display); font-size:9px; }
.aa-demo-note { color:var(--bk-muted); font-size:9px; margin:14px 0 0; }

.aa-knowledge-grid { align-items:center; display:grid; gap:70px; grid-template-columns:.82fr 1.18fr; }
.aa-knowledge-stack { display:grid; gap:9px; }
.aa-knowledge-stack article { border:1px solid var(--bk-rail); border-radius:11px; display:grid; gap:13px; grid-template-columns:48px 1fr; padding:13px; }
.aa-knowledge-stack article > span { align-items:center; background:var(--bk-dark-2); border-radius:8px; color:var(--bk-accent); display:flex; font-family:var(--awd-font-display); font-size:10px; height:48px; justify-content:center; }
.aa-knowledge-stack small { color:var(--bk-muted); font-size:8px; letter-spacing:.1em; text-transform:uppercase; }
.aa-knowledge-stack h3 { color:var(--bk-inv); font-size:14px; margin:1px 0; }
.aa-knowledge-stack p { color:var(--bk-dim); font-size:10.5px; margin:0; }

.aa-test-grid { display:grid; gap:10px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.aa-test-grid article { background:color-mix(in srgb,var(--bk-clay-ink) 7%,transparent); border:1px solid color-mix(in srgb,var(--bk-clay-ink) 15%,transparent); border-radius:11px; padding:16px; }
.aa-test-grid span { color:var(--bk-clay-kicker); font-family:var(--awd-font-display); font-size:10px; }
.aa-test-grid b { color:var(--bk-clay-ink); display:block; font-size:12px; margin-top:8px; }
.aa-test-grid small { color:var(--bk-clay-body); display:block; font-size:9.5px; margin-top:2px; }

@media(max-width:900px) {
	.aa-hero-board { max-width:620px; }
	.aa-knowledge-grid { gap:42px; grid-template-columns:minmax(0,1fr); }
}
@media(max-width:700px) {
	.aa-customer, .aa-trace { min-height:0; }
	.aa-test-grid { grid-template-columns:1fr; }
}
@media(max-width:420px) {
	.aa-hero-board { padding:19px; }
	.aa-hero-source { align-items:flex-start; gap:8px; }
	.aa-question-form > div { grid-template-columns:1fr; }
	.aa-question-form button { width:100%; }
	.aa-customer-actions { align-items:stretch; flex-direction:column; }
	.aa-customer-actions a, .aa-customer-actions button { justify-content:center; text-align:center; width:100%; }
}
@media(prefers-reduced-motion:reduce) {
	.page-ai-assistant-system .bk-rail::after { animation:none; }
}