/* Custom styles for Claimora AI */
body::before {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(circle at 15% 20%, rgba(96, 93, 255, 0.18), transparent 45%),
                radial-gradient(circle at 70% 10%, rgba(0, 225, 179, 0.18), transparent 50%),
                radial-gradient(circle at 85% 80%, rgba(96, 93, 255, 0.12), transparent 55%);
    z-index: -1;
}

.mask-gradient {
    mask-image: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,1) 35%, rgba(0,0,0,1) 70%, rgba(0,0,0,0.4) 100%);
}

.grid-lines {
    background-image: linear-gradient(to right, rgba(255,255,255,0.03) 1px, transparent 1px), linear-gradient(to bottom, rgba(255,255,255,0.03) 1px, transparent 1px);
    background-size: 120px 120px;
}

/* Solution pill styles */
.solution-pill {
    @apply rounded-full border border-white/10 bg-white/5 px-5 py-2 text-xs font-semibold uppercase tracking-[0.3em] text-slate-300 transition hover:border-white/20 hover:bg-white/10;
}

.solution-pill.active {
    @apply border-iris/60 bg-iris/10 text-white;
}

/* Testimonial controls */
.testimonial-control {
    @apply inline-flex h-10 w-10 items-center justify-center rounded-full border border-white/10 bg-white/5 text-white transition hover:border-white/20 hover:bg-white/10;
}

.testimonial-dot {
    @apply h-2 w-2 rounded-full bg-white/20 transition hover:bg-white/40;
}

.testimonial-dot.active {
    @apply bg-iris;
}

/* Resource filter styles */
.resource-filter {
    @apply rounded-full border border-white/10 bg-white/5 px-4 py-2 transition hover:border-white/20 hover:bg-white/10;
}

.resource-filter.active {
    @apply border-iris/60 bg-iris/10 text-white;
}

/* Case filter styles */
.case-filter {
    @apply rounded-full border border-white/10 bg-white/5 px-4 py-2 transition hover:border-white/20 hover:bg-white/10;
}

.case-filter.active {
    @apply border-iris/60 bg-iris/10 text-white;
}