/* ==========================================================================
   MakeAdera Homepage Hero Stylesheet
   Author: aderaDev
   ========================================================================== */

/* Hero Root: soft white canvas with faint blueprint grid lines */
.makeadera-hero {
	position: relative;
	background-color: var(--makeadera-color-white, #FFFFFF);
	background-image:
		linear-gradient(to right, rgba(13, 13, 13, 0.04) 1px, transparent 1px),
		linear-gradient(to bottom, rgba(13, 13, 13, 0.04) 1px, transparent 1px);
	background-size: 72px 72px;
	padding: 72px 0 88px;
	overflow: hidden;
	font-family: var(--makeadera-font-primary, 'Inter', sans-serif);
}

.makeadera-hero-container {
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 24px;
	display: flex;
	align-items: center;
	gap: 48px;
}

/* --------------------------------------------------------------------------
   Left Column: Copy
   -------------------------------------------------------------------------- */
.makeadera-hero-content {
	flex: 1 1 56%;
	min-width: 0;
	padding-left: 2%;
}

/* Eyebrow Badge Pill */
.makeadera-hero-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background-color: var(--makeadera-color-white, #FFFFFF);
	border: 1px solid var(--makeadera-color-slate-light, #E3E4E5);
	border-radius: 999px;
	padding: 7px 16px;
	font-family: var(--makeadera-font-mono, 'JetBrains Mono', monospace);
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--makeadera-color-slate-dark, #494D53);
	white-space: nowrap;
}

.makeadera-hero-badge-dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: var(--makeadera-color-accent-red, #B20017);
	flex-shrink: 0;
}

/* Main Heading (single h1, two colored lines) */
.makeadera-hero-title {
	margin: 26px 0 0;
	font-family: var(--makeadera-font-primary, 'Inter', sans-serif);
	font-size: clamp(36px, 4.3vw, 66px);
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: -0.025em;
	color: var(--makeadera-color-black, #0D0D0D);
}

.makeadera-hero-title-muted,
.makeadera-hero-title-strong {
	display: block;
}

/* Desktop: hold each phrase on its own single line, as in the design.
   Slight overflow drifts into the image's whitespace instead of wrapping. */
@media (min-width: 1281px) {
	.makeadera-hero-title-muted,
	.makeadera-hero-title-strong {
		white-space: nowrap;
	}
}

.makeadera-hero-title-muted {
	color: var(--makeadera-color-slate-dark, #494D53);
}

.makeadera-hero-title-strong {
	color: var(--makeadera-color-black, #0D0D0D);
}

/* Supporting Paragraph */
.makeadera-hero-subtitle {
	margin: 24px 0 0;
	max-width: 520px;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.6;
	color: var(--makeadera-color-gray-mid, #858689);
}

/* CTA Buttons */
.makeadera-hero-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: 36px;
}

.makeadera-hero-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	height: 50px;
	padding: 0 26px;
	border-radius: 12px;
	font-family: var(--makeadera-font-primary, 'Inter', sans-serif);
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	box-sizing: border-box;
	transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, transform 0.25s ease;
}

.makeadera-hero-btn:hover {
	transform: translateY(-1px);
}

.makeadera-hero-btn-primary {
	background-color: var(--makeadera-color-charcoal, #222528);
	border: 1px solid var(--makeadera-color-charcoal, #222528);
	color: var(--makeadera-color-white, #FFFFFF);
}

.makeadera-hero-btn-primary:hover {
	background-color: var(--makeadera-color-accent-red, #B20017);
	border-color: var(--makeadera-color-accent-red, #B20017);
	color: var(--makeadera-color-white, #FFFFFF);
}

.makeadera-hero-btn-secondary {
	background-color: var(--makeadera-color-white, #FFFFFF);
	border: 1px solid var(--makeadera-color-border-light, #D0D1D3);
	color: var(--makeadera-color-charcoal, #222528);
}

.makeadera-hero-btn-secondary:hover {
	border-color: var(--makeadera-color-charcoal, #222528);
	color: var(--makeadera-color-black, #0D0D0D);
}

.makeadera-hero-btn-secondary svg {
	transition: transform 0.25s ease;
}

.makeadera-hero-btn-secondary:hover svg {
	transform: translateX(3px);
}

/* --------------------------------------------------------------------------
   Right Column: Visual
   -------------------------------------------------------------------------- */
.makeadera-hero-media {
	flex: 1 1 48%;
	min-width: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.makeadera-hero-img {
	width: 100%;
	height: auto;
	max-width: 680px;
	display: block;
	object-fit: contain;
}

/* --------------------------------------------------------------------------
   Stats / Trust Cards Row
   -------------------------------------------------------------------------- */
.makeadera-hero-stats {
	max-width: 1440px;
	margin: 64px auto 0;
	padding: 0 24px;
	display: flex;
	align-items: stretch;
	justify-content: center;
	flex-wrap: wrap;
	gap: 16px;
}

.makeadera-stat-card {
	display: flex;
	flex-direction: column;
	gap: 6px;
	flex: 0 1 176px;
	min-width: 150px;
	background-color: var(--makeadera-color-bg-soft, #F6F7F7);
	border: 1px solid var(--makeadera-color-slate-light, #E3E4E5);
	border-radius: 14px;
	padding: 22px 18px;
	box-shadow: 0 2px 8px rgba(13, 13, 13, 0.04);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.makeadera-stat-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 24px rgba(13, 13, 13, 0.08);
}

.makeadera-stat-value {
	font-family: var(--makeadera-font-primary, 'Inter', sans-serif);
	font-size: 26px;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: var(--makeadera-color-black, #0D0D0D);
}

.makeadera-stat-label {
	font-family: var(--makeadera-font-mono, 'JetBrains Mono', monospace);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--makeadera-color-slate-dark, #494D53);
	line-height: 1.5;
}

.makeadera-stat-desc {
	font-size: 12px;
	font-weight: 400;
	line-height: 1.45;
	color: var(--makeadera-color-gray-mid, #858689);
}

/* Featured (highlighted) card — dark slate, slightly elevated */
.makeadera-stat-card.is-featured {
	background: var(--makeadera-gradient-1, linear-gradient(180deg, #494D53 0%, #222528 100%));
	border-color: var(--makeadera-color-charcoal, #222528);
	box-shadow: 0 14px 30px rgba(13, 13, 13, 0.22);
	transform: scale(1.04);
}

.makeadera-stat-card.is-featured:hover {
	transform: scale(1.04) translateY(-3px);
	box-shadow: 0 18px 36px rgba(13, 13, 13, 0.28);
}

.makeadera-stat-card.is-featured .makeadera-stat-value {
	color: var(--makeadera-color-white, #FFFFFF);
}

.makeadera-stat-card.is-featured .makeadera-stat-label {
	color: rgba(255, 255, 255, 0.9);
}

.makeadera-stat-card.is-featured .makeadera-stat-desc {
	color: rgba(255, 255, 255, 0.65);
}

/* ==========================================================================
   OVERVIEW / WHAT WE DO SECTION
   ========================================================================== */
.makeadera-overview {
	background-color: var(--makeadera-color-white, #FFFFFF);
	padding: 96px 0 104px;
	font-family: var(--makeadera-font-primary, 'Inter', sans-serif);
}

.makeadera-overview-container {
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 24px;
}

/* Section Heading (eyebrow + title) — reusable for other homepage sections */
.makeadera-section-heading {
	margin-bottom: 56px;
}

.makeadera-section-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	font-family: var(--makeadera-font-mono, 'JetBrains Mono', monospace);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--makeadera-color-slate-dark, #494D53);
}

.makeadera-section-eyebrow-line {
	width: 28px;
	height: 2px;
	background-color: var(--makeadera-color-accent-red, #B20017);
	flex-shrink: 0;
}

.makeadera-section-title {
	margin: 18px 0 0;
	font-family: var(--makeadera-font-primary, 'Inter', sans-serif);
	font-size: clamp(32px, 3.4vw, 52px);
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -0.02em;
	color: var(--makeadera-color-black, #0D0D0D);
}

/* Cards Grid */
.makeadera-overview-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

.makeadera-overview-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	background-color: var(--makeadera-color-white, #FFFFFF);
	border: 1px solid var(--makeadera-color-slate-light, #E3E4E5);
	border-radius: 16px;
	padding: 28px 26px 30px;
	box-shadow: 0 2px 10px rgba(13, 13, 13, 0.03);
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.makeadera-overview-card:hover {
	transform: translateY(-4px);
	border-color: var(--makeadera-color-border-light, #D0D1D3);
	box-shadow: 0 14px 30px rgba(13, 13, 13, 0.08);
}

/* Icon tile — the SVG assets are 80x80 with the dark tile, gradient and
   shadow baked in (tile sits at x:16 y:2), so offset to align it flush left */
.makeadera-overview-icon {
	display: block;
	margin-bottom: 32px;
}

.makeadera-overview-icon-img {
	display: block;
	width: 80px;
	height: 80px;
	margin: -2px 0 0 -16px;
}

.makeadera-overview-number {
	font-family: var(--makeadera-font-mono, 'JetBrains Mono', monospace);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.08em;
	color: var(--makeadera-color-gray-mid, #858689);
}

.makeadera-overview-title {
	margin: 10px 0 0;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -0.01em;
	color: var(--makeadera-color-black, #0D0D0D);
}

.makeadera-overview-desc {
	margin: 14px 0 0;
	font-size: 14.5px;
	font-weight: 400;
	line-height: 1.6;
	color: var(--makeadera-color-gray-mid, #858689);
}

/* Overview Responsive */
@media (max-width: 1024px) {
	.makeadera-overview {
		padding: 64px 0 72px;
	}

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

	.makeadera-overview-icon {
		margin-bottom: 16px;
	}

	.makeadera-section-heading {
		margin-bottom: 40px;
	}
}

@media (max-width: 640px) {
	.makeadera-overview {
		padding: 48px 0 56px;
	}

	.makeadera-overview-container {
		padding: 0 16px;
	}

	.makeadera-overview-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.makeadera-overview-icon {
		margin-bottom: 8px;
	}
}

/* ==========================================================================
   QUALITY / TESTING & VALIDATION SECTION (Dark, brand gradient background)
   ========================================================================== */
.makeadera-quality {
	background: var(--makeadera-gradient-4, linear-gradient(180deg, #0A0A0A 0%, #171717 83%, #2C2C2C 100%));
	padding: 110px 0 120px;
	font-family: var(--makeadera-font-primary, 'Inter', sans-serif);
}

.makeadera-quality-container {
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 24px;
	display: flex;
	align-items: flex-start;
	gap: 72px;
}

/* Left Column: Copy & Metrics */
.makeadera-quality-content {
	flex: 1 1 46%;
	min-width: 0;
}

/* Dark variant of the shared section heading */
.makeadera-section-heading.is-dark {
	margin-bottom: 28px;
}

.makeadera-section-heading.is-dark .makeadera-section-eyebrow {
	color: var(--makeadera-color-gray-mid, #858689);
}

.makeadera-section-heading.is-dark .makeadera-section-title {
	color: var(--makeadera-color-white, #FFFFFF);
}

.makeadera-quality-subtitle {
	margin: 0;
	max-width: 480px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.65;
	color: var(--makeadera-color-gray-mid, #858689);
}

/* Metrics List */
.makeadera-quality-metrics {
	margin-top: 56px;
	display: flex;
	flex-direction: column;
	gap: 30px;
	max-width: 545px;
}

.makeadera-quality-metric-row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 12px;
}

.makeadera-quality-metric-label {
	font-family: var(--makeadera-font-mono, 'JetBrains Mono', monospace);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--makeadera-color-gray-mid, #858689);
}

.makeadera-quality-metric-value {
	font-family: var(--makeadera-font-mono, 'JetBrains Mono', monospace);
	font-size: 14px;
	font-weight: 500;
	color: var(--makeadera-color-white, #FFFFFF);
}

/* Thin metric line: faint track with an accent-red fill sized to the value */
.makeadera-quality-metric-track {
	position: relative;
	width: 100%;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.14);
}

.makeadera-quality-metric-fill {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background-color: var(--makeadera-color-accent-red, #B20017);
	transform-origin: left center;
}

/* Progress animation: the red line grows from 0 to its value once the
   metric scrolls into view (is-revealed is set by scroll-reveal.js).
   Scoped to ma-reveal-ready so bars stay full without JavaScript. */
html.ma-reveal-ready .makeadera-quality-metric .makeadera-quality-metric-fill {
	transform: scaleX(0);
	transition: transform 1.7s cubic-bezier(0.22, 1, 0.36, 1) 1.5s;
}

html.ma-reveal-ready .makeadera-quality-metric.is-revealed .makeadera-quality-metric-fill {
	transform: scaleX(1);
}

/* Stagger the three bars (delays start after the section reveal settles,
   matching the data-count-delay values on the metric numbers) */
html.ma-reveal-ready .makeadera-quality-metric:nth-child(2) .makeadera-quality-metric-fill {
	transition-delay: 1.7s;
}

html.ma-reveal-ready .makeadera-quality-metric:nth-child(3) .makeadera-quality-metric-fill {
	transition-delay: 1.9s;
}

@media (prefers-reduced-motion: reduce) {
	html.ma-reveal-ready .makeadera-quality-metric .makeadera-quality-metric-fill {
		transform: scaleX(1);
		transition: none;
	}
}

/* Right Column: 2x2 Feature Cards */
.makeadera-quality-grid {
	flex: 1 1 54%;
	min-width: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}

.makeadera-quality-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	background-color: rgba(255, 255, 255, 0.045);
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 20px;
	padding: 30px 28px 34px;
	transition: background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

.makeadera-quality-card:hover {
	background-color: rgba(255, 255, 255, 0.07);
	border-color: rgba(255, 255, 255, 0.12);
	transform: translateY(-3px);
}

.makeadera-quality-card-icon {
	display: inline-flex;
	color: var(--makeadera-color-accent-red, #B20017);
	margin-bottom: 42px;
}

.makeadera-quality-card-icon svg {
	display: block;
}

.makeadera-quality-card-title {
	margin: 0;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -0.01em;
	color: var(--makeadera-color-white, #FFFFFF);
}

.makeadera-quality-card-desc {
	margin: 12px 0 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6;
	color: var(--makeadera-color-gray-mid, #858689);
}

/* Quality Responsive */
@media (max-width: 1024px) {
	.makeadera-quality {
		padding: 72px 0 80px;
	}

	.makeadera-quality-container {
		flex-direction: column;
		gap: 48px;
	}

	.makeadera-quality-content,
	.makeadera-quality-grid {
		flex: 1 1 100%;
		width: 100%;
	}

	.makeadera-quality-metrics {
		margin-top: 40px;
		max-width: none;
	}

	.makeadera-quality-card-icon {
		margin-bottom: 28px;
	}
}

@media (max-width: 640px) {
	.makeadera-quality {
		padding: 56px 0 64px;
	}

	.makeadera-quality-container {
		padding: 0 16px;
	}

	.makeadera-quality-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}
}

/* ==========================================================================
   CATALOG PREVIEW SECTION (Dynamic WooCommerce products; card/chip/search
   styles come from catalog.css)
   ========================================================================== */
.makeadera-catalog-home {
	background-color: var(--makeadera-color-bg-soft, #F6F7F7);
	padding: 96px 0 104px;
	font-family: var(--makeadera-font-primary, 'Inter', sans-serif);
}

.makeadera-catalog-home-container {
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 24px;
}

.makeadera-catalog-home .makeadera-section-heading {
	margin-bottom: 36px;
}

.makeadera-catalog-home .ma-catalog-grid {
	margin-top: 40px;
}

/* Cards filtered out by the category chips (catalog-filter.js) */
.makeadera-catalog-home .ma-catalog-card.is-hidden {
	display: none;
}

@media (max-width: 1024px) {
	.makeadera-catalog-home {
		padding: 64px 0 72px;
	}
}

@media (max-width: 640px) {
	.makeadera-catalog-home {
		padding: 48px 0 56px;
	}

	.makeadera-catalog-home-container {
		padding: 0 16px;
	}
}

/* ==========================================================================
   FLAGSHIP / RESEARCH ADERA PURPLE STANDARD SECTION (Dark)
   ========================================================================== */
.makeadera-flagship {
	background: var(--makeadera-gradient-4, linear-gradient(180deg, #0A0A0A 0%, #171717 83%, #2C2C2C 100%));
	padding: 110px 0 120px;
	font-family: var(--makeadera-font-primary, 'Inter', sans-serif);
}

.makeadera-flagship-container {
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 24px;
}

/* Muted (gray) eyebrow line variant, as in the Flagship design */
.makeadera-section-heading.is-muted-line .makeadera-section-eyebrow-line {
	background-color: rgba(255, 255, 255, 0.35);
}

.makeadera-flagship .makeadera-section-heading {
	margin-bottom: 28px;
}

.makeadera-flagship-subtitle {
	margin: 0;
	max-width: 480px;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.65;
	color: var(--makeadera-color-gray-mid, #858689);
}

/* Cards Row */
.makeadera-flagship-grid {
	margin-top: 64px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

.makeadera-flagship-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	background-color: rgba(255, 255, 255, 0.045);
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 18px;
	padding: 30px 26px 34px;
	transition: background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

.makeadera-flagship-card:hover {
	background-color: rgba(255, 255, 255, 0.07);
	border-color: rgba(255, 255, 255, 0.12);
	transform: translateY(-3px);
}

.makeadera-flagship-card-number {
	font-family: var(--makeadera-font-mono, 'JetBrains Mono', monospace);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.08em;
	color: var(--makeadera-color-gray-mid, #858689);
	margin-bottom: 30px;
}

.makeadera-flagship-card-title {
	margin: 0;
	font-size: 17px;
	font-weight: 600;
	letter-spacing: -0.01em;
	color: var(--makeadera-color-white, #FFFFFF);
}

.makeadera-flagship-card-desc {
	margin: 12px 0 0;
	font-size: 13.5px;
	font-weight: 400;
	line-height: 1.6;
	color: var(--makeadera-color-gray-mid, #858689);
}

/* Flagship Responsive */
@media (max-width: 1024px) {
	.makeadera-flagship {
		padding: 72px 0 80px;
	}

	.makeadera-flagship-grid {
		margin-top: 44px;
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 640px) {
	.makeadera-flagship {
		padding: 56px 0 64px;
	}

	.makeadera-flagship-container {
		padding: 0 16px;
	}

	.makeadera-flagship-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.makeadera-flagship-card-number {
		margin-bottom: 20px;
	}
}

/* ==========================================================================
   PARTNER BRANDS STRIP (Slate gradient background)
   ========================================================================== */
.makeadera-partners {
	background: var(--makeadera-gradient-1, linear-gradient(180deg, #494D53 0%, #222528 100%));
	padding: 64px 0 72px;
	font-family: var(--makeadera-font-primary, 'Inter', sans-serif);
}

.makeadera-partners-container {
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 24px;
}

.makeadera-partners-eyebrow {
	color: var(--makeadera-color-white, #FFFFFF);
	margin-left: 14%;
}

.makeadera-partners-eyebrow .makeadera-section-eyebrow-line {
	background-color: rgba(255, 255, 255, 0.75);
}

/* Logo Marquee (right-to-left, seamless loop, faded edges) */
.makeadera-partners-marquee {
	margin-top: 52px;
	overflow: hidden;
	/* Grayish edge fade: logos melt into the background on both sides */
	-webkit-mask-image: linear-gradient(to right, transparent 0%, #000 12%, #000 88%, transparent 100%);
	mask-image: linear-gradient(to right, transparent 0%, #000 12%, #000 88%, transparent 100%);
}

.makeadera-partners-track {
	display: flex;
	width: max-content;
	animation: makeaderaPartnersMarquee 32s linear infinite;
	will-change: transform;
}

.makeadera-partners-marquee:hover .makeadera-partners-track {
	animation-play-state: paused;
}

.makeadera-partners-group {
	display: flex;
	align-items: center;
	gap: 72px;
	padding-right: 72px;
}

.makeadera-partners-logo {
	height: 58px;
	width: auto;
	max-width: 240px;
	object-fit: contain;
	flex-shrink: 0;
	opacity: 0.92;
	transition: opacity 0.2s ease;
}

.makeadera-partners-logo:hover {
	opacity: 1;
}

@keyframes makeaderaPartnersMarquee {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}

/* Partners Responsive */
@media (max-width: 1024px) {
	.makeadera-partners {
		padding: 48px 0 56px;
	}

	.makeadera-partners-eyebrow {
		margin-left: 0;
	}

	.makeadera-partners-marquee {
		margin-top: 40px;
	}

	.makeadera-partners-logo {
		height: 46px;
	}
}

@media (max-width: 640px) {
	.makeadera-partners-container {
		padding: 0 16px;
	}

	.makeadera-partners-group {
		gap: 44px;
		padding-right: 44px;
	}

	.makeadera-partners-logo {
		height: 38px;
		max-width: 180px;
	}
}

/* ==========================================================================
   CAPABILITIES / END-TO-END MANUFACTURING SECTION (Light)
   ========================================================================== */
.makeadera-capabilities {
	background-color: var(--makeadera-color-white, #FFFFFF);
	padding: 100px 0 110px;
	font-family: var(--makeadera-font-primary, 'Inter', sans-serif);
}

.makeadera-capabilities-container {
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 24px;
}

.makeadera-capabilities .makeadera-section-heading {
	margin-bottom: 72px;
}

/* Process Steps Timeline */
.makeadera-capabilities-steps {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 32px 20px;
}

.makeadera-capability-step {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin: 0;
	padding: 0;
}

/* Marker Row: bullseye dot + connector line */
.makeadera-capability-marker {
	display: flex;
	align-items: center;
	width: 100%;
	gap: 10px;
}

.makeadera-capability-dot {
	position: relative;
	width: 13px;
	height: 13px;
	border: 1.5px solid var(--makeadera-color-accent-red, #B20017);
	border-radius: 50%;
	flex-shrink: 0;
	box-sizing: border-box;
}

.makeadera-capability-dot::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: var(--makeadera-color-accent-red, #B20017);
}

.makeadera-capability-line {
	flex: 1;
	height: 1px;
	background-color: var(--makeadera-color-slate-light, #E3E4E5);
}

.makeadera-capability-number {
	font-family: var(--makeadera-font-mono, 'JetBrains Mono', monospace);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.06em;
	color: var(--makeadera-color-gray-mid, #858689);
	margin-top: 26px;
}

.makeadera-capability-title {
	font-size: 15px;
	font-weight: 500;
	letter-spacing: -0.01em;
	color: var(--makeadera-color-black, #0D0D0D);
	margin-top: 8px;
}

/* Capabilities Responsive */
@media (max-width: 1280px) {
	.makeadera-capabilities-steps {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (max-width: 1024px) {
	.makeadera-capabilities {
		padding: 72px 0 80px;
	}

	.makeadera-capabilities .makeadera-section-heading {
		margin-bottom: 48px;
	}

	.makeadera-capabilities-steps {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* Mobile: vertical timeline — dot + connector on the left, text beside it */
@media (max-width: 640px) {
	.makeadera-capabilities {
		padding: 56px 0 64px;
	}

	.makeadera-capabilities-container {
		padding: 0 16px;
	}

	.makeadera-capabilities-steps {
		display: flex;
		flex-direction: column;
		gap: 0;
	}

	.makeadera-capability-step {
		display: grid;
		grid-template-columns: 13px 1fr;
		grid-template-rows: auto auto;
		column-gap: 18px;
		row-gap: 0;
		padding-bottom: 30px;
	}

	.makeadera-capability-step:last-child {
		padding-bottom: 0;
	}

	/* Marker becomes a vertical column: dot on top, line running down */
	.makeadera-capability-marker {
		grid-row: 1 / span 2;
		flex-direction: column;
		align-items: center;
		width: auto;
		height: 100%;
		gap: 8px;
	}

	.makeadera-capability-line {
		flex: 1;
		width: 1px;
		height: auto;
	}

	/* No trailing line after the last step */
	.makeadera-capability-step:last-child .makeadera-capability-line {
		display: none;
	}

	.makeadera-capability-number {
		margin-top: 0;
		line-height: 1;
	}

	.makeadera-capability-title {
		margin-top: 6px;
		font-size: 16px;
	}
}

/* --------------------------------------------------------------------------
   Reduced Motion
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
	.makeadera-hero-btn,
	.makeadera-stat-card,
	.makeadera-overview-card,
	.makeadera-quality-card,
	.makeadera-flagship-card,
	.makeadera-hero-btn-secondary svg {
		transition: none;
	}

	.makeadera-hero-btn:hover,
	.makeadera-stat-card:hover,
	.makeadera-overview-card:hover,
	.makeadera-quality-card:hover,
	.makeadera-flagship-card:hover {
		transform: none;
	}

	.makeadera-partners-track {
		animation: none;
	}
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */

/* Large Tablet / Small Desktop (<= 1280px) */
@media (max-width: 1280px) {
	.makeadera-hero {
		padding: 48px 0 64px;
	}

	.makeadera-hero-content {
		padding-left: 0;
	}

	.makeadera-hero-title {
		font-size: clamp(36px, 5.5vw, 60px);
	}

	.makeadera-hero-stats {
		margin-top: 48px;
	}
}

/* Tablet (<= 1024px): stack columns, image below copy */
@media (max-width: 1024px) {
	.makeadera-hero-container {
		flex-direction: column;
		align-items: flex-start;
		gap: 32px;
	}

	.makeadera-hero-content,
	.makeadera-hero-media {
		flex: 1 1 100%;
		width: 100%;
	}

	.makeadera-hero-media {
		justify-content: center;
	}

	.makeadera-hero-img {
		max-width: 560px;
	}

	.makeadera-stat-card {
		flex: 0 1 200px;
	}
}

/* Mobile (<= 640px) */
@media (max-width: 640px) {
	.makeadera-hero {
		padding: 36px 0 48px;
		background-size: 48px 48px;
	}

	.makeadera-hero-container,
	.makeadera-hero-stats {
		padding: 0 16px;
	}

	.makeadera-hero-badge {
		white-space: normal;
		line-height: 1.6;
	}

	.makeadera-hero-title {
		font-size: clamp(30px, 9vw, 40px);
	}

	.makeadera-hero-subtitle {
		font-size: 15px;
	}

	.makeadera-hero-actions {
		width: 100%;
	}

	.makeadera-hero-btn {
		flex: 1 1 auto;
	}

	.makeadera-hero-stats {
		gap: 12px;
	}

	.makeadera-stat-card {
		flex: 1 1 calc(50% - 12px);
		min-width: 0;
	}

	/* Featured card scale looks cramped on small screens */
	.makeadera-stat-card.is-featured {
		transform: none;
	}

	.makeadera-stat-card.is-featured:hover {
		transform: translateY(-3px);
	}
}