.pricing-table { display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--space-6); align-items: start; }
.pricing-toggle { display: flex; align-items: center; justify-content: center; gap: var(--space-4); margin-bottom: var(--space-10); }
.pricing-toggle span { font-size: var(--fs-sm); font-weight: var(--fw-medium); color: var(--color-gray-500); }
.pricing-toggle span.is-active { color: var(--color-primary); font-weight: var(--fw-semibold); }
.toggle-switch { position: relative; width: 48px; height: 26px; background: var(--color-gray-300); border-radius: var(--radius-full); cursor: pointer; transition: background var(--transition-fast); }
.toggle-switch.is-active { background: var(--color-primary-light); }
.toggle-switch::after { content: ''; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: var(--color-white); transition: transform var(--transition-fast); box-shadow: var(--shadow-sm); }
.toggle-switch.is-active::after { transform: translateX(22px); }
.pricing-save-badge { font-size: var(--fs-xs); background: #007A5C; color: var(--color-white); padding: var(--space-1) var(--space-2); border-radius: var(--radius-full); font-weight: var(--fw-semibold); }
@media (max-width: 1100px) { .pricing-table { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 768px) { .pricing-table { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; } .pricing-card.is-popular { transform: none; } }