@keyframes pulse-dot {
    0%, 100% { transform: scale(1); opacity: 0.9; }
    50% { transform: scale(1.4); opacity: 0.5; }
}
.pulse-dot { animation: pulse-dot 1.8s ease-in-out infinite; }
.live-indicator {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #7C5CFF;
    border-radius: 50%;
    animation: pulse-dot 1.8s ease-in-out infinite;
}
.hero-grid {
    background-image:
        linear-gradient(rgba(124, 92, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(124, 92, 255, 0.03) 1px, transparent 1px);
    background-size: 40px 40px;
}
details[open] summary ~ * { animation: reveal 0.3s ease-out; }
@keyframes reveal {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}
::selection { background-color: rgba(124, 92, 255, 0.35); color: #FFFFFF; }
*:focus-visible {
    outline: 2px solid #7C5CFF;
    outline-offset: 2px;
    border-radius: 4px;
}
html, body { overflow-x: hidden; }


/* Founder's Circle pill — subtle pulse glow to draw eye without shouting */
@keyframes fc-pulse-glow {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(139, 92, 246, 0.35), 0 0 24px 0 rgba(139, 92, 246, 0.12);
    }
    50% {
        box-shadow: 0 0 0 6px rgba(139, 92, 246, 0), 0 0 32px 4px rgba(139, 92, 246, 0.20);
    }
}

.fc-pill-glow {
    animation: fc-pulse-glow 3.2s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
    .fc-pill-glow {
        animation: none;
        box-shadow: 0 0 24px 0 rgba(139, 92, 246, 0.15);
    }
}