.reflexes-section {
    padding: 80px 0;
}

.reflex-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-bottom: 36px;
}

.reflex-tab {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    color: var(--color-text-muted);
    padding: 12px 22px;
    border-radius: var(--radius-md);
    font-weight: 600;
    font-size: 0.95rem;
    cursor: pointer;
    box-shadow: var(--shadow-card);
    transition: all var(--transition-fast);
}

.reflex-tab:hover {
    border-color: var(--color-primary);
    color: var(--color-text-main);
}

.reflex-tab.active {
    background: linear-gradient(135deg, #C5A059 0%, #A07D35 100%);
    border-color: var(--color-primary);
    color: #FFFFFF;
    box-shadow: 0 4px 16px rgba(184, 147, 74, 0.3);
}

.reflex-display {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: 36px;
    min-height: 280px;
    box-shadow: var(--shadow-card);
}

.reflex-view {
    display: none;
}

.reflex-view.active {
    display: block;
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

.reflex-card-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 36px;
}

.reflex-badge {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: var(--radius-full);
    margin-bottom: 12px;
}

.reflex-badge.red { background: rgba(178, 59, 59, 0.1); color: #B23B3B; }
.reflex-badge.green { background: rgba(45, 122, 88, 0.1); color: #2D7A58; }
.reflex-badge.orange { background: rgba(179, 125, 34, 0.1); color: #B37D22; }
.reflex-badge.cyan { background: rgba(53, 122, 136, 0.1); color: #357A88; }

.reflex-name {
    font-family: var(--font-heading);
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 10px;
    color: var(--color-text-main);
}

.reflex-desc {
    font-size: 0.95rem;
    color: var(--color-text-muted);
    margin-bottom: 16px;
}

.reflex-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 0.9rem;
}

.reflex-list li::before {
    content: "•";
    color: var(--color-primary);
    margin-right: 8px;
    font-weight: bold;
}

.reflex-solution {
    background: var(--color-surface-muted);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.solution-title {
    font-weight: 700;
    font-size: 0.95rem;
    color: var(--color-text-main);
    margin-bottom: 8px;
}

.solution-text {
    font-size: 0.88rem;
    color: var(--color-text-muted);
    line-height: 1.5;
}