.usecases{margin-top:2.5rem}.tablist{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem;padding:.35rem;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);width:max-content;max-width:100%}.tablist button{min-height:44px;padding:0 1.2rem;border-radius:10px;border:0;background:transparent;color:var(--mist);font:600 15px var(--body);cursor:pointer;transition:background .15s,color .15s}.tablist button:hover{color:#fff}.tablist button[aria-selected=true]{background:var(--teal-deep);color:#fff}.tabpanel{display:grid;grid-template-columns:1.25fr 1fr;gap:1.25rem;align-items:stretch;animation:fadein .5s ease-out}.tabpanel[hidden]{display:none}@keyframes fadein{0%{opacity:0;transform:translateY(10px)}}.scene{margin:0;border-radius:var(--r);overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 80px -40px #000c}.scene{position:relative}.photo-tag{position:absolute;top:12px;left:12px;z-index:1;font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#0d1b2abf;border:1px solid rgba(23,178,163,.5);padding:.25rem .6rem;border-radius:999px;backdrop-filter:blur(6px)}.scene img{width:100%;height:100%;object-fit:cover}@media(max-width:960px){.tabpanel{grid-template-columns:1fr}.tablist{width:100%}.tablist button{flex:1 1 45%}}.chat{display:flex;flex-direction:column;gap:.75rem}.msg{max-width:85%;padding:.8rem 1rem;border-radius:16px;font-size:.93rem;line-height:1.45}.msg.them{background:#ffffff12;align-self:flex-start;border-bottom-left-radius:4px}.msg.us{background:linear-gradient(135deg,#17b2a340,#17b2a314);border:1px solid rgba(23,178,163,.4);align-self:flex-end;border-bottom-right-radius:4px;color:#fff}.caret{display:inline-block;width:2px;height:1em;background:var(--gold);vertical-align:-2px;margin-left:2px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.chips{display:flex;gap:.5rem;align-self:flex-end}.chips span{font-size:.78rem;padding:.35rem .7rem;border-radius:999px;border:1px solid rgba(255,255,255,.15);color:#cfd8ea}.inbox{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.inbox li{display:flex;align-items:center;gap:.7rem;padding:.7rem .85rem;border-radius:12px;background:#ffffff0a;border:1px solid var(--cardline);font-size:.88rem}.inbox .dot{width:7px;height:7px;border-radius:50%;background:#17b2a3;flex:none}.inbox .subj{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#dbe4f4}.lbl{font-size:.7rem;font-weight:700;padding:.2rem .55rem;border-radius:999px;white-space:nowrap}.lbl.u{background:#ff636326;color:#ff8f8f}.lbl.b{background:#7aa7ff26;color:#a9c6ff}.lbl.l{background:#e8a33d2e;color:var(--gold)}.lbl.s{background:#ffffff14;color:#8a97ae}.lbl.c{background:#6edcaa24;color:#86e3b8}[data-demo=inbox].in .lbl{animation:pop .5s calc(.6s + var(--i)*.45s) both cubic-bezier(.2,.9,.3,1.4)}@keyframes pop{0%{opacity:0;transform:scale(.6)}}.doc{display:grid;grid-template-columns:.8fr 1fr;gap:1rem;align-items:start}.paper{position:relative;background:#f4f1ea;border-radius:8px;padding:1rem;display:grid;gap:.55rem;overflow:hidden;min-height:200px}.paper b{color:#13294b;font-size:.8rem;letter-spacing:.12em}.paper i{display:block;height:7px;border-radius:4px;background:#d6d0c2}.paper i.s{width:60%}.scan{position:absolute;left:0;right:0;height:40px;top:-40px;background:linear-gradient(180deg,transparent,rgba(232,163,61,.45),transparent)}[data-demo=doc].in .scan{animation:scan 2.6s .3s ease-in-out infinite}@keyframes scan{to{top:100%}}.fields{margin:0;display:grid;gap:.4rem}.fields div{display:flex;justify-content:space-between;gap:.5rem;padding:.5rem .7rem;border-radius:10px;background:#ffffff0a;border:1px solid var(--cardline);font-size:.85rem}.fields dt{color:#8a97ae}.fields dd{margin:0;color:#fff;font-weight:600}[data-demo=doc].in .fields div{animation:slide .5s calc(.5s + var(--i)*.35s) both}@keyframes slide{0%{opacity:0;transform:translate(12px)}}.flow svg{width:100%;height:auto;overflow:visible}.flow .track{fill:none;stroke:#ffffff1f;stroke-width:2}.flow .pulse{fill:none;stroke:url(#fl);stroke-width:3;stroke-linecap:round;stroke-dasharray:40 600;filter:drop-shadow(0 0 6px rgba(232,163,61,.8))}[data-demo=flow].in .pulse{animation:flow 3.2s linear infinite}@keyframes flow{0%{stroke-dashoffset:640}to{stroke-dashoffset:0}}.flow .node circle{fill:#0d1a30;stroke:#17b2a3b3;stroke-width:1.5}.flow .node .core{fill:var(--gold);stroke:none}.flow text{fill:#cfd8ea;font-size:12px;font-family:var(--font);font-weight:600}[data-demo=flow].in .node .core{animation:pulse 3.2s calc(var(--i)*.8s) infinite}@media(max-width:520px){.doc{grid-template-columns:1fr}.paper{min-height:120px}}