.demo-intro{max-width:720px;margin:0 auto 2.5rem;text-align:center}.demo-intro__body{color:var(--gray-500);font-size:var(--text-lg);line-height:1.7;margin-top:1rem}.demo-pkg-grid{grid-template-columns:repeat(3,1fr);margin-top:3rem}.demo-pkg-grid .pkg__price{font-size:var(--text-xl)}.demo-pkg__omschrijving{color:var(--gray-500);font-size:var(--text-sm);line-height:1.6;margin:.5rem 0 1.25rem}.demo-pkg__acties{display:flex;flex-direction:column;gap:.85rem;align-items:center}.demo-pkg__meer-link{color:var(--gray-500);font-size:var(--text-sm);text-decoration:underline}.demo-pkg__meer-link:hover{color:var(--white)}@media (max-width:900px){.demo-pkg-grid{grid-template-columns:1fr}}.demo-chat{display:grid;grid-template-columns:260px 1fr;gap:1.5rem;align-items:start}.demo-personas{display:flex;flex-direction:column;gap:.6rem}.demo-persona-card{display:flex;align-items:center;gap:.75rem;width:100%;text-align:left;background:var(--navy-mid);border:1px solid var(--gray-200);border-radius:var(--r-lg);padding:.9rem 1rem;cursor:pointer;transition:var(--t)}.demo-persona-card:hover{border-color:rgba(var(--ai-active-rgb),.35)}.demo-persona-card--actief{border-color:var(--ai-active);background:rgba(var(--ai-active-rgb),.08)}.demo-persona-card:focus-visible{outline:2px solid var(--ai-active);outline-offset:2px}.demo-persona-card__body{display:flex;flex-direction:column;gap:.15rem;min-width:0}.demo-persona-card__company{font-weight:600;color:var(--white);font-size:var(--text-sm)}.demo-persona-card__category{font-size:var(--text-xs);color:var(--gray-500)}.demo-avatar{flex-shrink:0;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(var(--ai-active-rgb),.16);border:1px solid rgba(var(--ai-active-rgb),.3);color:var(--ai-active);font-size:var(--text-xs);font-weight:700}.demo-panel{display:flex;flex-direction:column;height:min(600px,75vh);background:var(--navy);border:1px solid rgba(var(--ai-active-rgb),.25);border-radius:16px;overflow:hidden}.demo-panel__kop{display:flex;align-items:center;gap:.75rem;padding:1rem 1.1rem;border-bottom:1px solid rgba(var(--ai-active-rgb),.18);background:rgba(var(--ai-active-rgb),.06)}.demo-panel__naam{font-weight:700;color:var(--white);font-size:.95rem;line-height:1.3}.demo-panel__badge{font-size:.7rem;color:rgba(255,255,255,.5)}.demo-panel__berichten{flex:1;overflow-y:auto;padding:1.1rem;display:flex;flex-direction:column;gap:.6rem}.demo-panel__berichten>:first-child{margin-top:auto}.demo-bubbel{max-width:80%;padding:.65rem .9rem;border-radius:12px;font-size:.9rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:break-word}.demo-bubbel--bot{align-self:flex-start;background:rgba(255,255,255,.06);color:rgba(255,255,255,.9);border-bottom-left-radius:4px}.demo-bubbel--jij{align-self:flex-end;background:rgba(var(--ai-active-rgb),.16);color:var(--white);border:1px solid rgba(var(--ai-active-rgb),.3);border-bottom-right-radius:4px}.demo-bubbel--fout{align-self:flex-start;background:rgba(255,255,255,.04);color:rgba(255,255,255,.6);font-style:italic}.demo-typt{align-self:flex-start;color:rgba(var(--ai-active-rgb),.8);font-size:.85rem;padding:.2rem .4rem}.demo-invoer{display:flex;gap:.5rem;padding:.85rem;border-top:1px solid rgba(var(--ai-active-rgb),.18)}.demo-invoer input[type=text]{flex:1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:.65rem .85rem;color:var(--white);font-size:.9rem}.demo-invoer input[type=text]:focus-visible{outline:2px solid var(--ai-active);outline-offset:1px}.demo-verstuur{background:var(--ai-active);color:var(--navy);border:none;border-radius:10px;padding:0 .95rem;cursor:pointer;display:flex;align-items:center;transition:filter .18s ease}.demo-verstuur:hover{filter:brightness(1.08)}.demo-verstuur:disabled{opacity:.5;cursor:default}.demo-verstuur:focus-visible{outline:2px solid var(--white);outline-offset:2px}.demo-honeypot{position:absolute;left:-9999px;height:0;overflow:hidden}@media (max-width:800px){.demo-chat{grid-template-columns:1fr}.demo-personas{flex-direction:row;overflow-x:auto;padding-bottom:.3rem}.demo-persona-card{flex:0 0 auto;min-width:200px}.demo-panel{height:min(420px,55vh)}}