.vis{border-radius:var(--r);border:1px solid var(--lijn);background:linear-gradient(#1c1620b3,#141017e6);margin:0;padding:clamp(22px,3vw,34px)}.vis figcaption{color:var(--licht-stil);margin-top:20px;font-size:.84rem}.vis .stroom{grid-template-columns:repeat(5,1fr);gap:10px;list-style:none;display:grid;position:relative}.vis .stroom:before{content:"";background:linear-gradient(90deg,var(--gloed),var(--gloed-2),var(--goud));opacity:.6;height:1px;position:absolute;top:22px;left:10%;right:10%}.vis .stroom:after{content:"";background:var(--goud);width:7px;height:7px;box-shadow:0 0 14px var(--goud);opacity:0;border-radius:50%;position:absolute;top:19px;left:10%}.vis.in .stroom:after{animation:7s ease-in-out 1.6s infinite reis}@keyframes reis{0%{opacity:0;left:10%}8%{opacity:1}92%{opacity:1}to{opacity:0;left:90%}}.vis .stroom li{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.js .vis .stroom li{opacity:0;transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--i) * .25s);transform:translateY(8px)}.js .vis.in .stroom li{opacity:1;transform:none}.vis .knoop{background:var(--nacht);border:1px solid var(--lijn-sterk);width:44px;height:44px;font-family:var(--mono);color:var(--goud);border-radius:50%;place-items:center;font-size:.8rem;display:grid}.vis .stroom li:last-child .knoop{background:var(--goud);color:var(--nacht);border-color:var(--goud)}.vis .ktekst{color:var(--licht-zacht);font-size:.9rem;line-height:1.35}.vis .wlbl{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--licht-stil);margin:0 0 10px;font-size:.7rem}.vis .balk+.wlbl{margin-top:22px}.vis .balk{background:#f4ede40a;border-radius:10px;height:46px;display:flex;overflow:hidden}.vis .seg{width:var(--w);white-space:nowrap;transition:width 1.4s var(--ease);transition-delay:calc(var(--i) * .15s);align-items:center;padding-left:10px;font-size:.8rem;display:flex;overflow:hidden}.js .vis .seg{width:0}.js .vis.in .seg{width:var(--w)}.vis .seg b{color:var(--nacht);font-weight:500}.vis .seg.licht{background:var(--licht)}.vis .seg.a{background:var(--gloed)}.vis .seg.b{background:var(--gloed-2)}.vis .seg.c{background:#b7739e}.vis .seg.d{background:var(--goud)}.vis .seg:not(.licht) b{display:none}.vis .legende{color:var(--licht-zacht);flex-wrap:wrap;gap:8px 18px;margin-top:18px;font-size:.82rem;list-style:none;display:flex}.vis .legende i{border-radius:2px;width:9px;height:9px;margin-right:7px;display:inline-block}.vis .legende i.licht{background:var(--licht)}.vis .legende i.a{background:var(--gloed)}.vis .legende i.b{background:var(--gloed-2)}.vis .legende i.c{background:#b7739e}.vis .legende i.d{background:var(--goud)}.vis .chat{flex-direction:column;gap:10px;display:flex}.vis .bel{border-radius:16px;max-width:80%;padding:12px 16px;font-size:.95rem;line-height:1.45}.js .vis .bel{opacity:0;transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:calc(.4s + var(--i) * 1.1s);transform:translateY(8px)}.js .vis.in .bel{opacity:1;transform:none}.vis .bel.klant{background:#f4ede414;border-bottom-right-radius:4px;align-self:flex-end}.vis .bel.ai{background:linear-gradient(135deg,#ff8a4c38,#e8487a29);border:1px solid #ff8a4c40;border-bottom-left-radius:4px;align-self:flex-start}.vis .vraag{border:1px solid var(--lijn);background:#f4ede40f;border-radius:14px;padding:14px 16px;font-size:.98rem}.vis .vraag span{color:var(--goud);margin-right:6px}.vis .antw{margin-top:14px;padding:4px 4px 0}.js .vis .antw{opacity:0;transition:opacity 1.2s var(--ease) .8s}.js .vis.in .antw{opacity:1}.vis .antw p{color:var(--licht-zacht);font-size:.95rem}.vis .bron{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;margin-top:14px;font-size:.7rem;display:flex;color:var(--licht-stil)!important}.vis .bron span{border:1px solid var(--lijn-sterk);text-transform:none;letter-spacing:0;border-radius:999px;padding:5px 10px;font-size:.78rem}.vis .bron span:first-child{border-color:var(--goud);color:var(--goud)}.vis .prompts{grid-template-columns:1fr 1.4fr;gap:12px;display:grid}.vis .pkaart{border:1px solid var(--lijn);background:#f4ede408;border-radius:14px;padding:18px}.vis .pkaart.na{background:#ffd9a00d;border-color:#ffd9a066}.vis .plbl{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--licht-stil);margin-bottom:10px;font-size:.68rem}.vis .ptekst{font-family:var(--mono);color:var(--licht);font-size:.82rem;line-height:1.55}.vis .presult{color:var(--licht-zacht);margin-top:12px;font-size:.88rem}.vis .pkaart.na .presult{color:var(--goud)}@media (width<=760px){.vis .stroom{grid-template-columns:1fr;gap:14px}.vis .stroom:before,.vis .stroom:after{display:none}.vis .stroom li{text-align:left;flex-direction:row}.vis .prompts{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.vis .seg{width:var(--w)}.vis .stroom li,.vis .bel,.vis .antw{opacity:1;transform:none}}