@media (max-width:1300px) {
	.tool-grid,
	.product-grid,
	.four-up {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.feature-grid,
	.pricing-grid,
	.purchase-layout,
	.footer-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width:991px) {
	.hero-inner,
	.tutorial-grid,
	.inner-hero-grid,
	.pricing-intro,
	.contact-grid,
	.story-grid,
	.tool-grid,
	.product-grid,
	.feature-grid,
	.pricing-grid,
	.three-col-grid,
	.footer-grid {
		grid-template-columns: 1fr;
	}

	.main-nav {
		position: absolute;
		top: 100%;
		left: 20px;
		right: 20px;
		display: none;
		flex-direction: column;
		align-items: flex-start;
		padding: 22px 20px;
		border: 1px solid var(--border);
		border-radius: 18px;
		background: rgba(255,255,255,0.96);
		box-shadow: var(--shadow);
	}

	.main-nav.open {
		display: flex;
	}

	.purchase-layout {
		grid-template-columns: 1fr;
	}

	.bundle-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.bundle-card:nth-child(4) {
		grid-column: auto;
	}
	.menu-toggle {
		display: inline-block;
	}

	.nav-menu {
		position: static;
		display: none;
		width: 100%;
		transform: none;
		opacity: 1;
		padding: 0;
		border: 0;
		box-shadow: none;
		background: transparent;
		margin-top: 10px;
	}

	.catalog-head,
	.cta-panel,
	.footer-bottom-inner {
		flex-direction: column;
		align-items: flex-start;
	}

	.two-col {
		grid-template-columns: 1fr;
	}

	.catalog-intro-bar {
		display: grid;
		align-items: start;
	}

	.calculator-heading,
	.calculator-result {
		grid-template-columns: 1fr;
		display: grid;
		align-items: start;
	}

	.signal-items {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
}

@media (max-width:768px) {
	.hero-copy h1 {
		font-size: 2.7rem;
	}

	.tool-grid,
	.product-grid,
	.four-up,
	.pricing-grid,
	.three-col-grid {
		grid-template-columns: 1fr;
	}

	.nav-actions .btn-primary-header {
		display: none;
	}

	.section-space {
		padding: 72px 0;
	}

	.hero-visual {
		width: calc(100% - 20px);
		margin: 12px 10px 10px 0;
	}

	.visual-stat {
		left: -10px;
	}

	.visual-status {
		right: -10px;
	}

	.tutorial-media {
		min-height: 300px;
	}

	.page-stat-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.page-stat-grid div {
		justify-content: flex-start;
		border-right: 0;
		border-bottom: 1px solid rgba(255,255,255,0.14);
		padding-bottom: 12px;
	}

	.page-stat-grid div:last-child {
		border-bottom: 0;
		padding-bottom: 0;
	}

	.hero-photo-stack img {
		height: 250px;
	}

	.photo-caption {
		right: -8px;
	}
}

@media (max-width:580px) {
	.container {
		padding: 0 18px;
	}

	.hero-copy h1 {
		font-size: 2.3rem;
	}

	.filter-chips {
		justify-content: flex-start;
	}

	.cta-panel {
		padding: 22px 20px;
	}

	.bundle-calculator {
		padding: 22px 18px;
	}

	.calculator-result {
		grid-template-columns: 1fr 1fr;
	}

	.calculator-result .btn {
		grid-column: 1 / -1;
	}
}