@media (max-width: 1024px) {
	.yps-hero__inner,
	.yps-console,
	.yps-contact-grid,
	.yps-contact-split__inner,
	.yps-experience__inner,
	.yps-about-hero__inner,
	.yps-about-story__inner,
	.yps-about-console-split {
		grid-template-columns: 1fr;
	}

	.yps-about-console-features {
		grid-template-columns: 1fr;
	}

	.yps-about-console-app__body {
		grid-template-columns: 1fr;
	}

	.yps-about-console-app__sidebar {
		display: flex;
		flex-wrap: wrap;
		gap: 0.5rem;
		padding: 0.75rem;
		border-right: none;
		border-bottom: 1px solid rgba(148, 163, 184, 0.08);
	}

	.yps-about-console-app__sidebar-label {
		width: 100%;
		margin-bottom: 0.25rem;
	}

	.yps-about-console-site {
		flex: 1 1 auto;
		min-width: 140px;
	}

	.yps-about-hero__stats {
		grid-template-columns: 1fr;
	}

	.yps-about-stat-card {
		display: grid;
		grid-template-columns: auto 1fr;
		grid-template-rows: auto auto;
		gap: 0 1rem;
		text-align: left;
		padding: 1.25rem 1.5rem;
	}

	.yps-about-stat-card__icon {
		grid-row: span 2;
		margin-bottom: 0;
		align-self: center;
	}

	.yps-about-stat-card__num {
		align-self: end;
		margin-bottom: 0.15rem;
	}

	.yps-about-story__float-card {
		position: relative;
		bottom: auto;
		right: auto;
		margin-top: 1rem;
		max-width: none;
	}

	.yps-experience__chat-card,
	.yps-experience__sites-card {
		left: 0;
		width: min(260px, 85%);
	}

	.yps-experience__flow {
		border-radius: var(--yps-radius-xl);
		padding: 1.25rem;
	}

	.yps-experience__flow-arrow {
		display: none;
	}

	.yps-experience__flow-step {
		width: 100%;
		justify-content: center;
	}

	.yps-hero__stats,
	.yps-stats-band__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.yps-bento .yps-feature-card {
		grid-column: span 6 !important;
	}

	.yps-bento .yps-feature-card:nth-child(6) {
		grid-column: span 12 !important;
	}

	.yps-grid-4,
	.yps-how-steps,
	.yps-testimonials__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.yps-grid-3,
	.yps-features-grid {
		grid-template-columns: 1fr;
	}

	.yps-blog-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.yps-latest-news__head {
		flex-direction: column;
		align-items: flex-start;
	}

	.yps-security__grid,
	.yps-about-console__grid {
		grid-template-columns: 1fr;
	}

	.yps-arch__arrow {
		display: none;
	}

	.yps-how-diagram__flow {
		flex-direction: column;
		gap: 0.5rem;
	}

	.yps-how-diagram__connector {
		flex: none;
		width: 24px;
		height: 40px;
		max-width: none;
		min-width: 0;
		transform: rotate(90deg);
	}

	.yps-arch__node {
		max-width: none;
		flex: 1 1 100%;
	}

	.yps-chrome-footer__grid {
		grid-template-columns: 1fr 1fr;
	}

	.yps-nav {
		display: none;
	}

	.yps-hero__terminal {
		transform: none;
	}
}

@media (max-width: 640px) {
	.yps-grid-2,
	.yps-grid-4,
	.yps-how-steps,
	.yps-testimonials__grid,
	.yps-hero__stats,
	.yps-stats-band__grid {
		grid-template-columns: 1fr;
	}

	.yps-bento .yps-feature-card {
		grid-column: span 12 !important;
	}

	.yps-hero__actions {
		flex-direction: column;
	}

	.yps-hero__actions .yps-btn {
		width: 100%;
	}

	.yps-tools-table {
		font-size: 0.875rem;
	}

	.yps-tools-table th:nth-child(2),
	.yps-tools-table td:nth-child(2) {
		display: none;
	}

	.yps-chrome-footer__grid {
		grid-template-columns: 1fr;
	}

	.yps-blog-grid {
		grid-template-columns: 1fr;
	}

	.yps-hero {
		min-height: auto;
		padding-top: 6rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}

	.yps-marquee__track {
		animation: none;
	}
}