/* ============ DOC VANTA FIELD-NOTE BUBBLE ============ */
.vanta{position:fixed;left:16px;bottom:16px;z-index:70;max-width:min(88vw,340px);display:flex;gap:.7rem;align-items:flex-end;opacity:0;transform:translateY(20px);transition:opacity .5s,transform .5s cubic-bezier(.16,1,.3,1);pointer-events:none}
.vanta.in{opacity:1;transform:translateY(0);pointer-events:auto}
.vanta-av{flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#2a1650,#0c0820);border:1px solid rgba(177,77,255,.5);overflow:hidden;box-shadow:0 0 18px rgba(177,77,255,.35)}
.vanta-av svg{width:100%;height:100%}
.vanta-bubble{position:relative;background:rgba(12,8,24,.92);border:1px solid rgba(177,77,255,.4);border-radius:14px;border-bottom-left-radius:4px;padding:.7rem .9rem;backdrop-filter:blur(8px)}
.vanta-name{font-family:var(--font-mono);font-size:.54rem;letter-spacing:.16em;text-transform:uppercase;color:var(--plasma);margin-bottom:.25rem}
.vanta-text{font-size:.84rem;line-height:1.5;color:var(--ink)}
.vanta-x{position:absolute;top:6px;right:8px;background:none;border:none;color:var(--ink-dim);font-size:1rem;cursor:pointer;line-height:1}
.vanta-x:hover{color:var(--plasma)}
@media (max-width:600px){.vanta{left:10px;right:10px;bottom:10px;max-width:none}}
@media (prefers-reduced-motion:reduce){.vanta{transition:opacity .2s}}
/* guided tour controls */
.vanta-next{display:flex;gap:.4rem;margin-top:.7rem}
.vanta-next button{font-family:var(--font-mono);font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;border-radius:8px;padding:.4rem .7rem;cursor:pointer;border:1px solid rgba(177,77,255,.5);background:rgba(177,77,255,.15);color:var(--ink)}
.vanta-next button:hover{background:rgba(177,77,255,.3)}
.vanta-next .vt-no{border-color:rgba(238,243,233,.2);background:none;color:var(--ink-dim)}