/* ===== RESPONSIVE ===== */
/* App Simulator stacks at 900px for better mobile/tablet experience */
@media (max-width: 900px) {
    .emulator-top-row > .emulator-section { flex: 1 1 100%; }
    .emulator-users-grid { grid-template-columns: 1fr; }
    .simulator-users-container { grid-template-columns: 1fr; }
    .simulator-users-grid { grid-template-columns: 1fr; }
    .simulator-preview-card { grid-row: auto; order: -1; }
}

@media (max-width: 768px) {
    .landing h1 { font-size: 36px; }
    .landing-features { grid-template-columns: 1fr; }
    .key-grid { grid-template-columns: 1fr; }
    .form-row { grid-template-columns: 1fr; }
    .header-jwt { display: none !important; }
    .pricing-features { flex-direction: column; gap: 8px; }
    .tabs { flex-wrap: wrap; }
    .tab { flex: 1 1 45%; }
    .auth-card { padding: 32px 24px; }
}