.feature-visual{height:180px;margin:20px -10px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;border-radius:9px;background:radial-gradient(ellipse at top,#26352b,#091113 75%);border:1px solid #ffffff10;color:#f5f6ef;font:600 12px Arial,sans-serif}
.mini-score{display:flex;align-items:center;justify-content:center;gap:9px;padding:13px 10px;background:#161c2b;border-top:3px solid var(--sample-accent,#7c3aed);border-radius:4px;box-shadow:0 5px 20px #0004;max-width:96%}.mini-score img{width:27px;height:30px;object-fit:contain}.mini-score strong{font-size:21px;white-space:nowrap}.mini-time{font:700 11px monospace;color:#d2bbff}.mini-themes .mini-score{padding:6px 16px;min-width:80%;font-size:10px}.mini-themes .mini-score strong{font-size:15px}.mini-themes .mini-score:nth-child(2){background:#06132b;--sample-accent:#4da3ff}.mini-themes .mini-score:nth-child(3){background:#f1f3f5;color:#141b22;--sample-accent:#2563eb}
.feature-event{position:absolute;inset:43px 10px auto;display:flex;align-items:center;gap:10px;min-height:80px;padding:12px;background:#171b2a;border-left:4px solid #e8c94a;border-radius:5px;animation:feature-event 18s infinite;opacity:0}.feature-event:nth-child(2){animation-delay:6s;border-color:#4adca0}.feature-event:nth-child(3){animation-delay:12s;border-color:#7c3aed}.feature-event b{display:block;font-size:11px;letter-spacing:.06em;margin-bottom:7px}.feature-event small{font-size:10px;color:#b3bccc}.feature-event .event-symbol{font-size:28px}.sample-avatar{display:grid;place-items:center;flex:none;width:36px;height:40px;border-radius:50% 50% 8px 8px;background:#453170;color:white;font-size:17px}
@keyframes feature-event{0%,30%{opacity:1;transform:translateY(0)}33%,97%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:translateY(0)}}
.privacy-lock{font-size:30px;color:#d2bbff;animation:privacy-pulse 3s ease-in-out infinite}.private-token{padding:12px 18px;background:#1a1d2b;border:1px solid #7c3aed40;border-radius:6px;letter-spacing:4px;font-family:monospace}.privacy-label{color:#b3b8c4;font-size:10px;letter-spacing:.08em}@keyframes privacy-pulse{50%{transform:scale(1.12);filter:drop-shadow(0 0 9px #7c3aed88)}}
.feature-stat{width:85%;display:flex;justify-content:space-between;font-size:11px}.possession-bar{display:flex;height:7px;width:85%;border-radius:5px;overflow:hidden}.possession-bar i:first-child{width:58%;background:#7c3aed}.possession-bar i:last-child{flex:1;background:#607c91}.mini-session{display:flex;align-items:center;gap:14px;border:1px solid #7c3aed40;padding:15px;border-radius:8px}.mini-session strong{display:block;font-size:13px}.mini-session small{display:block;color:#aab0bf;font-size:10px;margin-top:7px}.feature-visual-label{position:absolute;bottom:9px;font-size:8px;letter-spacing:.1em;color:#828c99;text-transform:uppercase}
.mini-themes{padding:0 0 22px;gap:7px}.mini-themes .mini-score{padding:5px 16px}
.privacy-lock svg{width:34px;height:34px;display:block}
body:has(#demo.demo-paused) .feature-visual *{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.feature-visual *{animation:none!important}.feature-event{position:static;opacity:1;min-height:0;padding:8px;width:94%;transform:none}.feature-visual.events{height:215px;gap:5px}.feature-event .sample-avatar{height:28px;width:28px;font-size:12px}.feature-event .event-symbol{font-size:18px}}