/* Extracted from lib.css — loaded conditionally via functions.php */

/* ── Homepage wrapper ───────────────────────────────────────────── */

.home-content {
	font-family: var(--wp--preset--font-family--body);
	font-size: 1rem;
	line-height: 1.7;
	color: var(--wp--preset--color--primary);
	-webkit-font-smoothing: antialiased;
}

.home-content *,
.home-content *::before,
.home-content *::after { box-sizing: border-box; }

.home-content .section {
	padding: clamp(40px, 5vw, 72px) max(3rem, calc((100% - 1104px) / 2));
}

.home-content .section--off-white { background: var(--wp--preset--color--off-white); }

.home-content .section--white    { background: var(--wp--preset--color--white); }

.home-content .section--navy {
	background: var(--wp--preset--color--deep-navy);
	color: var(--wp--preset--color--white);
	position: relative;
	overflow: hidden;
}

.home-content .section--navy h2,
.home-content .section--navy h3 { color: var(--wp--preset--color--white); }

.home-content .section--teal-tint {
	background: var(--wp--preset--color--teal-light);
	position: relative;
	overflow: hidden;
}

.home-content .section--teal-tint::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 5%;
	width: 220px;
	height: 170px;
	transform: translateY(-50%) rotate(15deg);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 358 273'%3E%3Cg transform='translate(0,273) scale(0.1,-0.1)'%3E%3Cpath fill='rgba(78,165,156,0.08)' d='M360 2708 c-67 -26 -171 -125 -217 -208 -44 -78 -88 -211 -115 -342 -20 -99 -23 -143 -23 -353 0 -244 8 -329 46 -524 103 -516 364 -889 764 -1089 153 -76 391 -147 592 -176 143 -20 478 -21 618 -1 382 54 787 208 1055 400 284 205 409 407 477 775 14 76 18 149 18 370 0 278 -7 364 -45 587 -63 358 -207 565 -405 581 -78 6 -148 -23 -214 -89 -108 -108 -150 -203 -255 -572 -107 -372 -175 -532 -281 -654 -43 -51 -55 -53 -55 -14 0 16 -9 59 -21 96 -27 87 -88 156 -164 184 -111 42 -296 50 -423 20 -186 -45 -340 -192 -412 -396 -13 -35 -27 -63 -32 -63 -19 0 -143 135 -176 192 -82 140 -132 290 -213 647 -81 358 -120 460 -215 555 -89 91 -193 116 -304 74z'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	pointer-events: none;
}

/* ── Section Header ─────────────────────────────────────────────── */

.home-content .section-header {
	max-width: 640px;
	margin-bottom: 2rem;
}

.home-content .section-header.centered {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.home-content h1,
.home-content h2,
.home-content h3 {
	font-family: var(--wp--preset--font-family--display);
	line-height: 1.125;
	letter-spacing: -0.02em;
	color: var(--wp--preset--color--primary);
}

.home-content h2 { font-size: clamp(1.75rem, 3vw, 2.5rem); font-weight: 400; }

.home-content h3 { font-size: clamp(1.25rem, 2vw, 1.75rem); font-weight: 500; }

.home-content h2 em,
.home-content h1 em { font-style: italic; color: var(--wp--preset--color--teal); }

.home-content .section-lead {
	font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.5), 1.15rem);
	line-height: 1.85;
	color: var(--wp--preset--color--mid-grey);
	margin-top: 1rem;
}

.home-content .section--navy .section-lead { color: rgba(255,255,255,0.7); }

/* ── Hero ───────────────────────────────────────────────────────── */

.home-content .hero {
	background: var(--wp--preset--gradient--hero);
	padding: clamp(40px, 5vw, 72px) max(3rem, calc((100% - 1104px) / 2));
	overflow: hidden;
	position: relative;
}

.home-content .hero::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 8%;
	width: 420px;
	height: 320px;
	transform: translateY(-50%);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 358 273'%3E%3Cg transform='translate(0,273) scale(0.1,-0.1)'%3E%3Cpath fill='rgba(255,255,255,0.04)' d='M360 2708 c-67 -26 -171 -125 -217 -208 -44 -78 -88 -211 -115 -342 -20 -99 -23 -143 -23 -353 0 -244 8 -329 46 -524 103 -516 364 -889 764 -1089 153 -76 391 -147 592 -176 143 -20 478 -21 618 -1 382 54 787 208 1055 400 284 205 409 407 477 775 14 76 18 149 18 370 0 278 -7 364 -45 587 -63 358 -207 565 -405 581 -78 6 -148 -23 -214 -89 -108 -108 -150 -203 -255 -572 -107 -372 -175 -532 -281 -654 -43 -51 -55 -53 -55 -14 0 16 -9 59 -21 96 -27 87 -88 156 -164 184 -111 42 -296 50 -423 20 -186 -45 -340 -192 -412 -396 -13 -35 -27 -63 -32 -63 -19 0 -143 135 -176 192 -82 140 -132 290 -213 647 -81 358 -120 460 -215 555 -89 91 -193 116 -304 74z'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	pointer-events: none;
}

.home-content .hero::after {
	content: '';
	position: absolute;
	bottom: 8%;
	left: 3%;
	width: 250px;
	height: 190px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 358 273'%3E%3Cg transform='translate(0,273) scale(0.1,-0.1)'%3E%3Cpath fill='rgba(255,255,255,0.025)' d='M360 2708 c-67 -26 -171 -125 -217 -208 -44 -78 -88 -211 -115 -342 -20 -99 -23 -143 -23 -353 0 -244 8 -329 46 -524 103 -516 364 -889 764 -1089 153 -76 391 -147 592 -176 143 -20 478 -21 618 -1 382 54 787 208 1055 400 284 205 409 407 477 775 14 76 18 149 18 370 0 278 -7 364 -45 587 -63 358 -207 565 -405 581 -78 6 -148 -23 -214 -89 -108 -108 -150 -203 -255 -572 -107 -372 -175 -532 -281 -654 -43 -51 -55 -53 -55 -14 0 16 -9 59 -21 96 -27 87 -88 156 -164 184 -111 42 -296 50 -423 20 -186 -45 -340 -192 -412 -396 -13 -35 -27 -63 -32 -63 -19 0 -143 135 -176 192 -82 140 -132 290 -213 647 -81 358 -120 460 -215 555 -89 91 -193 116 -304 74z m2803 -99 c62 -17 104 -63 157 -173 190 -390 207 -1215 34 -1559 -127 -250 -376 -446 -767 -603 -288 -116 -562 -168 -877 -167 -773 2 -1298 352 -1504 1002 -73 233 -101 442 -93 720 11 426 101 689 260 762 50 22 127 25 165 5 92 -48 145 -177 243 -589 114 -480 204 -680 368 -814 115 -94 204 -117 216 -55 21 101 71 228 115 291 89 126 202 175 405 176 141 0 198 -14 254 -61 46 -39 66 -87 81 -194 28 -191 104 -185 260 22 117 155 203 365 296 723 88 342 146 455 259 506 46 21 75 23 128 8z'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	pointer-events: none;
	transform: scaleX(-1);
}

.home-content .hero-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: center;
}

.home-content .hero-content { position: relative; z-index: 1; }

.home-content .hero h1 {
	color: var(--wp--preset--color--white);
	font-size: clamp(2.25rem, 5vw, 3.75rem);
	font-weight: 400;
	margin-bottom: 0.5rem;
}

.home-content .hero h1 em { color: var(--wp--preset--color--salmon); font-style: italic; }

.home-content .hero-subtitle {
	font-family: var(--wp--preset--font-family--body);
	font-size: clamp(1rem, 1.5vw, 1.25rem);
	font-weight: 600;
	color: rgba(255,255,255,0.6);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-bottom: 1.5rem;
}

.home-content .hero-lead {
	font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.5), 1.15rem);
	line-height: 1.8;
	color: rgba(255,255,255,0.8);
	max-width: 520px;
}

.home-content .hero-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	background: rgba(255,255,255,0.08);
	backdrop-filter: blur(8px);
	border: 1px solid rgba(255,255,255,0.12);
	border-radius: 100px;
	padding: 0.4rem 1rem 0.4rem 0.6rem;
	font-size: 0.8125rem;
	font-weight: 500;
	color: rgba(255,255,255,0.85);
	margin-bottom: 1.5rem;
}

.home-content .hero-badge-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #4ade80;
	animation: hero-badge-pulse 2s ease-in-out infinite;
}

@keyframes hero-badge-pulse {
	0%, 100% { opacity: 1; transform: scale(1); }
	50%       { opacity: 0.5; transform: scale(0.8); }
}

.home-content .hero-visual { position: relative; z-index: 1; }

.home-content .hero-image {
	border-radius: 16px;
	width: 100%;
	aspect-ratio: 4/3;
	object-fit: cover;
	box-shadow: 12px 12px 50px rgba(0,0,0,0.4);
}

/* ── Partner Logos ──────────────────────────────────────────────── */

.home-content .logo-row {
	width: 80%;
	margin: 0 auto;
	overflow: hidden;
	mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
	-webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
}

.home-content .logo-track {
	display: flex;
	align-items: center;
	gap: clamp(2.5rem, 5vw, 5rem);
	animation: logo-scroll 30s linear infinite;
	width: max-content;
}

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

.home-content .logo-row img {
	height: 56px;
	width: auto;
	opacity: 0.4;
	filter: grayscale(100%);
	flex-shrink: 0;
}

.home-content .logo-row img:hover {
	opacity: 0.8;
	filter: grayscale(0%);
}

/* ── Card Grid ──────────────────────────────────────────────────── */

.home-content .card-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5rem;
}

.home-content .card {
	background: var(--wp--preset--color--white);
	border-radius: 12px;
	padding: 2rem;
	border-top: 4px solid var(--wp--preset--color--teal);
	box-shadow: var(--shadow-card);
	transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.home-content .card:hover {
	box-shadow: var(--shadow-card-hover);
	transform: translateY(-4px);
}

.home-content .card--salmon { border-top-color: var(--wp--preset--color--salmon); }

.home-content .card--orange  { border-top-color: var(--wp--preset--color--orange); }

.home-content .card--navy    { border-top-color: var(--wp--preset--color--deep-navy); }

.home-content .card-icon {
	width: 48px;
	height: 48px;
	background: var(--wp--preset--color--teal-light);
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1rem;
}

.home-content .card h3 { margin-bottom: 0.75rem; }

.home-content .card p {
	font-size: 1rem;
	line-height: 1.7;
	color: var(--wp--preset--color--mid-grey);
	margin-bottom: 1rem;
}

.home-content .card-link {
	font-weight: 600;
	font-size: 0.85rem;
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	text-decoration: none;
	color: var(--wp--preset--color--teal);
	transition: gap 0.3s;
}

.home-content .card-link:hover { gap: 0.6rem; }

/* ── Testimonials ───────────────────────────────────────────────── */

.home-content .testimonial-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5rem;
}

.home-content .testimonial {
	background: var(--wp--preset--color--white);
	border-radius: 12px;
	padding: 2rem;
	box-shadow: var(--shadow-card);
	position: relative;
}

.home-content .testimonial::before {
	content: '\201C';
	font-family: var(--wp--preset--font-family--display);
	font-size: 4rem;
	color: var(--wp--preset--color--teal-light);
	position: absolute;
	top: 0.75rem;
	left: 1.25rem;
	line-height: 1;
}

.home-content .testimonial-text {
	font-size: 1rem;
	line-height: 1.75;
	font-style: italic;
	margin-bottom: 1.5rem;
	position: relative;
	z-index: 1;
}

.home-content .testimonial-author {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.home-content .testimonial-avatar {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--wp--preset--color--teal-light);
	flex-shrink: 0;
}

.home-content .testimonial-name {
	font-weight: 600;
	font-size: 0.85rem;
	color: var(--wp--preset--color--primary);
}

.home-content .testimonial-role {
	font-size: 0.8125rem;
	color: var(--wp--preset--color--mid-grey);
}

/* ── CTA Banner ─────────────────────────────────────────────────── */

.home-content .cta-banner {
	text-align: center;
	max-width: 700px;
	margin: 0 auto;
}

.home-content .cta-banner h2 { margin-bottom: 1rem; }

/* ── Pocket Rocket ──────────────────────────────────────────────── */

.home-content .pocket-rocket {
	background: var(--wp--preset--color--deep-navy);
	border-radius: 20px;
	padding: 5rem;
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 60px;
	align-items: center;
	overflow: hidden;
	position: relative;
}

.home-content .pocket-rocket::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 5%;
	width: 300px;
	height: 230px;
	transform: translateY(-50%);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 358 273'%3E%3Cg transform='translate(0,273) scale(0.1,-0.1)'%3E%3Cpath fill='rgba(78,165,156,0.07)' d='M360 2708 c-67 -26 -171 -125 -217 -208 -44 -78 -88 -211 -115 -342 -20 -99 -23 -143 -23 -353 0 -244 8 -329 46 -524 103 -516 364 -889 764 -1089 153 -76 391 -147 592 -176 143 -20 478 -21 618 -1 382 54 787 208 1055 400 284 205 409 407 477 775 14 76 18 149 18 370 0 278 -7 364 -45 587 -63 358 -207 565 -405 581 -78 6 -148 -23 -214 -89 -108 -108 -150 -203 -255 -572 -107 -372 -175 -532 -281 -654 -43 -51 -55 -53 -55 -14 0 16 -9 59 -21 96 -27 87 -88 156 -164 184 -111 42 -296 50 -423 20 -186 -45 -340 -192 -412 -396 -13 -35 -27 -63 -32 -63 -19 0 -143 135 -176 192 -82 140 -132 290 -213 647 -81 358 -120 460 -215 555 -89 91 -193 116 -304 74z m2803 -99 c62 -17 104 -63 157 -173 190 -390 207 -1215 34 -1559 -127 -250 -376 -446 -767 -603 -288 -116 -562 -168 -877 -167 -773 2 -1298 352 -1504 1002 -73 233 -101 442 -93 720 11 426 101 689 260 762 50 22 127 25 165 5 92 -48 145 -177 243 -589 114 -480 204 -680 368 -814 115 -94 204 -117 216 -55 21 101 71 228 115 291 89 126 202 175 405 176 141 0 198 -14 254 -61 46 -39 66 -87 81 -194 28 -191 104 -185 260 22 117 155 203 365 296 723 88 342 146 455 259 506 46 21 75 23 128 8z'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	pointer-events: none;
}

/* Pocket Rocket split: dark card (phone) + info panel side-by-side */

.home-content .pocket-rocket-split {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4rem;
	align-items: center;
}

.home-content .pocket-rocket--phone-only {
	display: flex;
	justify-content: center;
	align-items: center;
}

.home-content .pocket-rocket--phone-only .pocket-rocket-visual {
	margin: 0;
	max-width: 100%;
	position: relative;
	z-index: 1;
}

.home-content .pocket-rocket-info {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.home-content .pocket-rocket-info h2 {
	font-size: clamp(1.75rem, 3vw, 2.5rem);
	margin: 0;
}

.home-content .pocket-rocket-info h2 em { color: var(--wp--preset--color--salmon); }

.home-content .pocket-rocket-info .pocket-rocket-lead {
	font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.5), 1.15rem);
	line-height: 1.7;
	color: var(--text-dim);
	margin: 0;
}

@media (max-width: 768px) {
	.home-content .pocket-rocket-split {
		grid-template-columns: 1fr;
		gap: 2rem;
	}
}

.home-content .pocket-rocket-content { position: relative; z-index: 1; }

.home-content .pocket-rocket-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	background: rgba(78,165,156,0.15);
	border: 1px solid rgba(78,165,156,0.3);
	border-radius: 100px;
	padding: 0.35rem 0.85rem;
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--wp--preset--color--teal);
	margin-bottom: 1.5rem;
}

.home-content .pocket-rocket h2 {
	color: var(--wp--preset--color--white);
	font-size: clamp(1.75rem, 3vw, 2.5rem);
	margin-bottom: 1rem;
}

.home-content .pocket-rocket h2 em { color: var(--wp--preset--color--salmon); }

.home-content .pocket-rocket-lead {
	font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.5), 1.15rem);
	line-height: 1.8;
	color: rgba(255,255,255,0.7);
	max-width: 480px;
	margin-bottom: 1.5rem;
}

.home-content .pocket-rocket-features {
	list-style: none;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.75rem 2rem;
	margin-bottom: 2rem;
}

.home-content .pocket-rocket-features li {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 1rem;
	font-weight: 500;
	color: rgba(255,255,255,0.85);
}

.home-content .pocket-rocket-features li::before {
	content: '';
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: rgba(78,165,156,0.2);
	flex-shrink: 0;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6l3 3 5-5' stroke='%234EA59C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
}

.home-content .pocket-rocket-phone {
	position: relative;
	z-index: 1;
	width: 260px;
	flex-shrink: 0;
}

.home-content .pocket-rocket-phone-frame {
	width: 100%;
	aspect-ratio: 9/18;
	background: var(--wp--preset--color--white);
	border-radius: 32px;
	box-shadow: 0 20px 60px rgba(0,0,0,0.4), inset 0 0 0 3px rgba(255,255,255,0.1);
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.home-content .pocket-rocket-phone-notch {
	width: 120px;
	height: 28px;
	background: var(--wp--preset--color--deep-navy);
	border-radius: 0 0 16px 16px;
	margin: 0 auto;
}

.home-content .pocket-rocket-phone-screen {
	flex: 1;
	padding: 1.25rem;
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.home-content .pr-screen-header { text-align: center; padding-bottom: 0.5rem; }

.home-content .pr-screen-header h4 {
	font-size: 0.875rem;
	color: var(--wp--preset--color--deep-navy);
	font-family: var(--wp--preset--font-family--display);
	margin: 0;
}

.home-content .pr-screen-header p {
	font-size: 0.6875rem;
	color: var(--wp--preset--color--mid-grey);
	margin: 0;
}

.home-content .pr-screen-card {
	background: var(--wp--preset--color--off-white);
	border-radius: 10px;
	padding: 0.75rem;
}

.home-content .pr-screen-card-label {
	font-size: 0.625rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--wp--preset--color--teal);
	margin-bottom: 0.25rem;
}

.home-content .pr-screen-card-title {
	font-size: 0.75rem;
	font-weight: 600;
	color: var(--wp--preset--color--primary);
	margin-bottom: 0.15rem;
}

.home-content .pr-screen-card-desc {
	font-size: 0.625rem;
	color: var(--wp--preset--color--mid-grey);
	line-height: 1.4;
}

.home-content .pr-screen-bar {
	height: 6px;
	background: #F2F2F2;
	border-radius: 3px;
	overflow: hidden;
}

.home-content .pr-screen-bar-fill {
	height: 100%;
	border-radius: 3px;
	background: var(--wp--preset--color--teal);
}

/* ── Two-Column Layout ──────────────────────────────────────────── */

.home-content .two-col {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: center;
}

.home-content .two-col-image {
	border-radius: 12px;
	width: 100%;
	aspect-ratio: 4/3;
	object-fit: cover;
	box-shadow: var(--shadow-card);
}

/* ── Blog Cards ─────────────────────────────────────────────────── */

.home-content .blog-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5rem;
}

.home-content .blog-card {
	background: var(--wp--preset--color--white);
	border-radius: 12px;
	overflow: hidden;
	box-shadow: var(--shadow-card);
	transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
	text-decoration: none;
	color: inherit;
	display: block;
}

.home-content .blog-card:hover {
	box-shadow: var(--shadow-card-hover);
	transform: translateY(-4px);
	color: inherit;
}

.home-content .blog-card-thumb {
	display: block;
	width: 100%;
	height: 200px;
	overflow: hidden;
	margin: 0;
	background: #F2F2F2;
}

.home-content .blog-card-thumb a {
	display: block;
	height: 100%;
}

.home-content .blog-card-thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.home-content .blog-card-body { padding: 1.25rem 1.5rem 1.5rem; }

.home-content .blog-card-meta {
	font-size: 0.75rem;
	color: var(--wp--preset--color--teal);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-bottom: 0.5rem;
}

.home-content .blog-card-body h3 {
	font-size: 1.125rem;
	margin-bottom: 0.5rem;
}

.home-content .blog-card-body h3 a {
	color: var(--wp--preset--color--salmon);
	text-decoration: none;
}

.home-content .blog-card-body h3 a:hover {
	text-decoration: underline;
}

.home-content .blog-card-body p {
	font-size: 0.85rem;
	line-height: 1.65;
	color: var(--wp--preset--color--mid-grey);
}

/* ── Newsletter section ─────────────────────────────────────────── */

.home-content .newsletter-form {
	max-width: 600px;
	margin: 0 auto;
}

.home-content .form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
	margin-bottom: 1rem;
}

.home-content .form-field {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
}

.home-content .form-field.full { grid-column: 1 / -1; }

.home-content .form-field label {
	font-size: 0.8125rem;
	font-weight: 600;
	color: rgba(255,255,255,0.85);
}

.home-content .form-field input,
.home-content .form-field select {
	font-family: var(--wp--preset--font-family--body);
	font-size: 1rem;
	padding: 0.75rem 1rem;
	border: 1.5px solid rgba(255,255,255,0.2);
	border-radius: 8px;
	background: rgba(255,255,255,0.08);
	color: var(--wp--preset--color--white);
	transition: border-color 0.2s;
}

.home-content .form-field input::placeholder { color: rgba(255,255,255,0.4); }

.home-content .form-field input:focus,
.home-content .form-field select:focus {
	outline: none;
	border-color: var(--wp--preset--color--teal);
	background: rgba(255,255,255,0.12);
}

.home-content .form-field select { color: rgba(255,255,255,0.7); }

.home-content .form-field select option { color: var(--wp--preset--color--primary); background: var(--wp--preset--color--white); }

.home-content .form-submit {
	text-align: center;
	margin-top: 1.5rem;
}

/* ── Zero top padding variant ───────────────────────────────────── */

.home-content .section--pt-0 { padding-top: 0 !important; }

/* ── WP:image block — redirect styles to inner img ──────────────── */

.home-content .hero-image { margin: 0; }

.home-content .hero-image img {
	border-radius: 16px;
	width: 100%;
	aspect-ratio: 4/3;
	object-fit: cover;
	box-shadow: 12px 12px 50px rgba(0,0,0,0.4);
	display: block;
}

.home-content .two-col-image { margin: 0; }

.home-content .two-col-image img {
	border-radius: 12px;
	width: 100%;
	aspect-ratio: 4/3;
	object-fit: cover;
	box-shadow: var(--shadow-card);
	display: block;
}

/* btn-group inside home-content */

/* ── Responsive ─────────────────────────────────────────────────── */

@media (max-width: 1024px) {
	.home-content .card-grid,
	.home-content .testimonial-grid,
	.home-content .blog-grid      { grid-template-columns: repeat(2, 1fr); }
	.home-content .hero-grid,
	.home-content .two-col        { gap: 48px; }
}

.home-content .section--navy .eyebrow { color: var(--wp--preset--color--salmon); }

.home-content .cta-banner .btn-group { justify-content: center; }

.home-content .wp-block-buttons.btn-group {
	gap: 1rem !important;
	margin-top: 1.5rem;
	flex-wrap: wrap;
}

@media (max-width: 768px) {
	.home-content .section    { padding: 4rem 1.5rem; }
	.home-content .hero       { padding: 4rem 1.5rem; }

	.home-content .hero-grid  { grid-template-columns: 1fr; }
	.home-content .hero-visual { display: none; }
	.home-content .hero       { text-align: center; }
	.home-content .hero-lead  { margin: 0 auto; }
	.home-content .hero-badge { margin: 0 auto 1.5rem; }

	.home-content .card-grid,
	.home-content .testimonial-grid,
	.home-content .blog-grid  { grid-template-columns: 1fr; }

	.home-content .two-col    { grid-template-columns: 1fr; }
	.home-content .two-col-image { max-height: 300px; }

	.home-content .btn-group  { justify-content: center; }
	.home-content .form-row   { grid-template-columns: 1fr; }

	.home-content .pocket-rocket {
		grid-template-columns: 1fr;
		padding: 2rem;
		text-align: center;
	}
	.home-content .pocket-rocket-phone   { display: none; }
	.home-content .pocket-rocket-features { grid-template-columns: 1fr; justify-items: center; }
	.home-content .pocket-rocket-lead    { margin-left: auto; margin-right: auto; }
	.home-content .pocket-rocket .btn-group { justify-content: center; }
}