/* =========================================================================
   Chatbotistic — Responsive Layer (mobile-first refinements)
   ========================================================================= */

@media (max-width: 1100px) {
	.cb-grid--4 { grid-template-columns: repeat(3, 1fr); }
	.cb-usecase-grid { grid-template-columns: repeat(3, 1fr); }
	.cb-pricing { grid-template-columns: repeat(2, 1fr); }
	.cb-steps { grid-template-columns: repeat(2, 1fr); }
	.cb-integrations-grid { grid-template-columns: repeat(4, 1fr); }
	.cb-footer__grid { grid-template-columns: 1fr 1fr 1fr; }
	.cb-footer__brand { grid-column: 1 / -1; }
}

@media (max-width: 900px) {
	.cb-nav { display: none; }
	.cb-nav.is-open {
		display: block;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: rgba(6, 9, 20, 0.98);
		backdrop-filter: blur(14px);
		border-bottom: 1px solid var(--cb-border-strong);
		padding: 14px 18px;
	}
	.cb-nav.is-open .cb-nav__list {
		flex-direction: column;
		align-items: stretch;
		gap: 4px;
	}
	.cb-nav.is-open .cb-nav__list a { padding: 12px 14px; font-size: 1rem; }
	.cb-nav-toggle { display: inline-flex; }
	.cb-hide-mobile { display: none; }
	.cb-header__inner { position: relative; }

	.cb-grid--3 { grid-template-columns: repeat(2, 1fr); }
	.cb-grid--4 { grid-template-columns: repeat(2, 1fr); }
	.cb-problem-grid { grid-template-columns: repeat(2, 1fr); }
	.cb-solution, .cb-split, .cb-split--reverse { grid-template-columns: 1fr; gap: 36px; }
	.cb-split--reverse > :first-child { order: 0; }
	.cb-dashboard { grid-template-columns: 1fr; min-height: auto; }
	.cb-dashboard__sidebar { display: none; }
	.cb-dashboard__stats { grid-template-columns: repeat(2, 1fr); }
	.cb-dashboard__row { grid-template-columns: 1fr; }
	.cb-stats { grid-template-columns: repeat(2, 1fr); }
	.cb-docs { grid-template-columns: 1fr; }
	.cb-docs__sidebar { position: static; max-height: none; }
}

@media (max-width: 640px) {
	.cb-grid--2, .cb-grid--3, .cb-grid--4,
	.cb-usecase-grid, .cb-pricing, .cb-steps, .cb-problem-grid,
	.cb-integrations-grid, .cb-stats {
		grid-template-columns: 1fr;
	}
	.cb-footer__grid { grid-template-columns: 1fr; gap: 28px; }
	.cb-pricing-card.is-featured { transform: none; }
	.cb-hero__title { font-size: 2.2rem; }
	.cb-section { padding: 60px 0; }
	.cb-cta-block { padding: 36px 20px; }
	.cb-container { padding: 0 18px; }
	.cb-dashboard__stats { grid-template-columns: 1fr 1fr; }
	.cb-footer__bar { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 420px) {
	.cb-hero__ctas { flex-direction: column; align-items: stretch; }
	.cb-hero__ctas .cb-btn { width: 100%; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
		scroll-behavior: auto !important;
	}
}