.features { background: var(--color-bg-alt); }
.features-grid {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
}
.feature-card {
    background: var(--color-bg-card); border: 1px solid var(--color-border);
    border-radius: var(--radius-lg); padding: 36px;
    transition: all 0.4s; position: relative; overflow: hidden;
}
.feature-card::before {
    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
    background: linear-gradient(90deg, var(--color-primary), var(--color-accent));
    opacity: 0; transition: opacity 0.4s;
}
.feature-card:hover { border-color: var(--color-border-hover); transform: translateY(-4px); box-shadow: var(--shadow-glow); }
.feature-card:hover::before { opacity: 1; }
.feature-card-lg { grid-column: span 2; }
.feature-icon { font-size: 2.5rem; margin-bottom: 20px; }
.feature-card h3 { font-size: 1.3rem; margin-bottom: 12px; }
.feature-card p { color: var(--color-text-muted); line-height: 1.7; }
.feature-visual { margin-top: 24px; display: flex; justify-content: center; }
.call-simulation { display: flex; align-items: center; gap: 4px; height: 60px; }
.call-wave {
    width: 4px; border-radius: 4px; background: var(--color-primary);
    animation: waveAnim 1.2s ease-in-out infinite;
}
.call-wave:nth-child(1) { height: 20px; animation-delay: 0s; }
.call-wave:nth-child(2) { height: 40px; animation-delay: 0.2s; }
.call-wave:nth-child(3) { height: 25px; animation-delay: 0.4s; }
@keyframes waveAnim {
    0%,100% { transform: scaleY(1); }
    50% { transform: scaleY(1.8); }
}
.feature-config-preview {
    margin-top: 24px; background: var(--color-bg-alt); border-radius: var(--radius);
    padding: 20px; border: 1px solid var(--color-border);
}
.config-line { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid var(--color-border); }
.config-line:last-child { border-bottom: none; }
.config-key { color: var(--color-text-muted); font-size: 0.9rem; }
.config-val { color: var(--color-accent); font-weight: 500; font-size: 0.9rem; }
@media(max-width:768px) {
    .features-grid { grid-template-columns: 1fr; }
    .feature-card-lg { grid-column: span 1; }
}