/**
 * Front Page — Agent Driven Development
 *
 * Premium consultancy aesthetic inspired by BCG, McKinsey, Bain.
 * Scroll-reveal animations, clean editorial design, warm gold accents.
 *
 * @package add
 */

/* ================================================
   SCROLL REVEAL — INTERSECTION OBSERVER TARGETS
   ================================================ */

.add-reveal {
	opacity: 0;
	transform: translateY(48px);
	transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1),
	            transform 1s cubic-bezier(0.16, 1, 0.3, 1);
	will-change: opacity, transform;
}

.add-reveal.add-visible {
	opacity: 1;
	transform: translateY(0);
}

.add-stagger-1 { transition-delay: 0.08s; }
.add-stagger-2 { transition-delay: 0.18s; }
.add-stagger-3 { transition-delay: 0.28s; }
.add-stagger-4 { transition-delay: 0.38s; }

.add-zoom-reveal {
	opacity: 0;
	transform: scale(0.96);
	transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
	            transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
	will-change: opacity, transform;
}

.add-zoom-reveal.add-visible {
	opacity: 1;
	transform: scale(1);
}

@media (prefers-reduced-motion: reduce) {
	.add-reveal,
	.add-zoom-reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}

	.add-hero::before,
	.add-hero::after,
	.add-quote-dark::before,
	.add-newsletter-dark::before,
	.add-pillars-section::before {
		animation: none !important;
	}

	.add-gradient-bar {
		animation: none !important;
	}

	.add-pillar-icon {
		animation: none !important;
	}

	.add-shimmer {
		animation: none !important;
		-webkit-text-fill-color: currentColor;
		background: none;
	}

	.add-btn-primary .wp-block-button__link {
		animation: none !important;
	}
}

/* ================================================
   HERO — DARK FULL-BLEED
   ================================================ */

.add-hero {
	position: relative;
	overflow: hidden;
}

/* Subtle warm gradient — left */
.add-hero::before {
	content: '';
	position: absolute;
	top: -50%;
	left: -20%;
	width: 80%;
	height: 200%;
	background: radial-gradient(ellipse at 40% 50%,
		rgba(184, 147, 74, 0.12) 0%,
		rgba(245, 158, 11, 0.05) 30%,
		transparent 60%);
	pointer-events: none;
	animation: add-drift-left 20s ease-in-out infinite alternate;
	z-index: 0;
}

/* Subtle warm gradient — right */
.add-hero::after {
	content: '';
	position: absolute;
	bottom: -40%;
	right: -15%;
	width: 65%;
	height: 180%;
	background: radial-gradient(ellipse at 60% 50%,
		rgba(245, 158, 11, 0.08) 0%,
		rgba(139, 115, 85, 0.04) 35%,
		transparent 55%);
	pointer-events: none;
	animation: add-drift-right 24s ease-in-out infinite alternate;
	z-index: 0;
}

@keyframes add-drift-left {
	0% { transform: translate(0, 0) rotate(0deg) scale(1); }
	50% { transform: translate(40px, -25px) rotate(1.5deg) scale(1.03); }
	100% { transform: translate(-20px, 15px) rotate(-1deg) scale(0.98); }
}

@keyframes add-drift-right {
	0% { transform: translate(0, 0) rotate(0deg) scale(1); }
	50% { transform: translate(-30px, 20px) rotate(-1deg) scale(1.02); }
	100% { transform: translate(15px, -30px) rotate(1.5deg) scale(0.97); }
}

/* Dot grid pattern overlay */
.add-hero-inner {
	position: relative;
	z-index: 1;
	background-image: radial-gradient(circle at 1px 1px, rgba(148, 163, 184, 0.06) 1px, transparent 0);
	background-size: 32px 32px;
}

/* Eyebrow pill label */
.add-eyebrow {
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	font-weight: 600;
	font-size: 0.75rem !important;
	color: #b8934a !important;
	background: rgba(184, 147, 74, 0.08);
	border: 1px solid rgba(184, 147, 74, 0.2);
	padding: 0.45rem 1.2rem;
	border-radius: 100px;
	margin-bottom: 2rem !important;
}

/* Hero headline — solid white, no gradient text */
.add-hero-title {
	color: #f8fafc !important;
	-webkit-text-fill-color: #f8fafc;
	font-size: clamp(2.75rem, 6vw, 5rem) !important;
	line-height: 1.06 !important;
	letter-spacing: -0.035em !important;
	font-weight: 700 !important;
	max-width: 46rem;
	margin-bottom: 1.5rem !important;
}

/* Hero sub paragraph */
.add-hero-sub {
	color: #94a3b8 !important;
	font-size: clamp(1.05rem, 1.4vw, 1.25rem) !important;
	line-height: 1.7 !important;
	max-width: 38rem;
	margin-bottom: 0 !important;
}

/* Buttons container */
.add-hero-buttons .wp-block-buttons {
	gap: 1rem;
	margin-top: 2.5rem;
}

/* Primary CTA — glowing green */
.add-hero .add-btn-primary .wp-block-button__link {
	background: linear-gradient(135deg, #355E3B, #2A4B30) !important;
	color: #fff !important;
	box-shadow: 0 4px 16px rgba(53, 94, 59, 0.3),
	            0 2px 6px rgba(0, 0, 0, 0.15);
	border: none !important;
	padding: 0.95rem 2.5rem !important;
	font-size: 0.95rem !important;
	font-weight: 600;
	border-radius: 6px !important;
	transition: box-shadow 0.4s ease, transform 0.3s ease;
	animation: add-glow-pulse 3s ease-in-out infinite;
}

@keyframes add-glow-pulse {
	0%, 100% {
		box-shadow: 0 4px 16px rgba(53, 94, 59, 0.3),
		            0 2px 6px rgba(0, 0, 0, 0.15);
	}
	50% {
		box-shadow: 0 4px 28px rgba(53, 94, 59, 0.5),
		            0 2px 8px rgba(0, 0, 0, 0.2),
		            0 0 48px rgba(53, 94, 59, 0.15);
	}
}

.add-hero .add-btn-primary .wp-block-button__link:hover {
	box-shadow: 0 8px 24px rgba(53, 94, 59, 0.4),
	            0 4px 8px rgba(0, 0, 0, 0.15);
	transform: translateY(-2px);
}

/* Secondary CTA — ghost outline */
.add-hero .add-btn-ghost .wp-block-button__link {
	background: transparent !important;
	border: 1px solid rgba(148, 163, 184, 0.25) !important;
	color: #cbd5e1 !important;
	padding: 0.95rem 2.5rem !important;
	font-size: 0.95rem !important;
	font-weight: 500;
	border-radius: 6px !important;
	transition: border-color 0.3s ease, background 0.3s ease, color 0.3s ease;
}

.add-hero .add-btn-ghost .wp-block-button__link:hover {
	border-color: rgba(148, 163, 184, 0.5) !important;
	background: rgba(255, 255, 255, 0.04) !important;
	color: #f8fafc !important;
}

/* ================================================
   ANIMATED GRADIENT BAR SEPARATOR
   ================================================ */

.add-gradient-bar {
	border: none !important;
	height: 2px !important;
	background: linear-gradient(90deg,
		transparent 0%,
		#b8934a 25%,
		#355E3B 50%,
		#b8934a 75%,
		transparent 100%) !important;
	background-size: 200% 100%;
	opacity: 0.5;
	max-width: none !important;
	animation: add-bar-slide 4s ease-in-out infinite;
}

@keyframes add-bar-slide {
	0% { background-position: 0% 0%; }
	50% { background-position: 100% 0%; }
	100% { background-position: 0% 0%; }
}

/* ================================================
   TRUST METRICS (STATS BAR)
   ================================================ */

.add-metrics {
	border-top: 1px solid rgba(226, 232, 240, 0.6);
	border-bottom: 1px solid rgba(226, 232, 240, 0.6);
}

.add-metric-value {
	font-family: var(--wp--preset--font-family--heading, 'Lora', serif) !important;
	font-weight: 700 !important;
	letter-spacing: -0.03em !important;
	line-height: 1.15 !important;
	margin-bottom: 0.15rem !important;
	background: linear-gradient(135deg, #0f172a 50%, #1a3a2e);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.add-metric-label {
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-weight: 600;
	font-size: 0.7rem !important;
	color: #64748b !important;
	margin-top: 0 !important;
}

/* ================================================
   VALUE PROPOSITION (PROBLEM/SOLUTION)
   ================================================ */

.add-value-bg {
	position: relative;
}

.add-value-bg::before {
	content: '';
	position: absolute;
	inset: 0;
	background:
		linear-gradient(135deg, rgba(248, 250, 252, 0.97), rgba(241, 245, 249, 0.97)),
		radial-gradient(ellipse at 20% 50%, rgba(184, 147, 74, 0.03), transparent 50%);
	z-index: 0;
}

.add-value-bg > * {
	position: relative;
	z-index: 1;
}

.add-trap-list,
.add-approach-list {
	list-style: none !important;
	padding-left: 0 !important;
	margin: 0 !important;
}

.add-trap-list li,
.add-approach-list li {
	padding: 0.85rem 0;
	padding-left: 2rem;
	position: relative;
	border-bottom: 1px solid rgba(226, 232, 240, 0.5);
	font-size: 0.95rem;
	line-height: 1.55;
}

.add-trap-list li:last-child,
.add-approach-list li:last-child {
	border-bottom: none;
}

.add-trap-list li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 1.15rem;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #ef4444;
	box-shadow: 0 0 8px rgba(239, 68, 68, 0.3);
}

.add-trap-list li {
	color: #64748b;
}

.add-approach-list li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 1.15rem;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #355E3B;
	box-shadow: 0 0 8px rgba(53, 94, 59, 0.3);
}

.add-approach-list li {
	color: #1e293b;
	font-weight: 500;
}

.add-trap-heading {
	color: #475569 !important;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-size: 0.8rem !important;
	font-weight: 700 !important;
	border-bottom: 2px solid #ef4444;
	display: inline-block;
	padding-bottom: 0.5rem;
	margin-bottom: 1.5rem !important;
}

.add-approach-heading {
	color: #355E3B !important;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-size: 0.8rem !important;
	font-weight: 700 !important;
	border-bottom: 2px solid #355E3B;
	display: inline-block;
	padding-bottom: 0.5rem;
	margin-bottom: 1.5rem !important;
}

/* ================================================
   SERVICE CARDS
   ================================================ */

.add-services-grid .wp-block-column {
	background: #fff;
	border: 1px solid rgba(226, 232, 240, 0.8);
	border-radius: 16px;
	padding: 2.5rem 2rem;
	transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1),
	            box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1),
	            border-color 0.4s ease;
	position: relative;
	overflow: hidden;
}

.add-services-grid .wp-block-column::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, #b8934a, #355E3B, #8b7355, #b8934a);
	background-size: 300% 100%;
	opacity: 0;
	transition: opacity 0.5s ease;
	animation: add-gradient-sweep 4s linear infinite;
}

@keyframes add-gradient-sweep {
	0% { background-position: 0% 0%; }
	100% { background-position: 300% 0%; }
}

.add-services-grid .wp-block-column:hover {
	transform: translateY(-8px);
	box-shadow: 0 32px 64px -16px rgba(0, 0, 0, 0.1),
	            0 0 0 1px rgba(184, 147, 74, 0.12);
	border-color: rgba(184, 147, 74, 0.25);
}

.add-services-grid .wp-block-column:hover::before {
	opacity: 1;
}

/* Step number in gradient */
.add-step-num {
	font-family: var(--wp--preset--font-family--heading, 'Lora', serif) !important;
	font-size: 4rem !important;
	line-height: 1 !important;
	font-weight: 700 !important;
	background: linear-gradient(135deg, rgba(184, 147, 74, 0.2), rgba(139, 115, 85, 0.1));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	margin-bottom: 0.75rem !important;
	display: block;
}

.add-card-link {
	color: #0f172a !important;
	font-weight: 600;
	text-decoration: none !important;
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	transition: gap 0.3s ease;
}

.add-card-link:hover {
	gap: 0.65rem;
}

/* ================================================
   PULL QUOTE — DARK CINEMATIC
   ================================================ */

.add-quote-dark {
	position: relative;
	overflow: hidden;
}

.add-quote-dark::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 700px;
	height: 700px;
	background: radial-gradient(circle,
		rgba(184, 147, 74, 0.05) 0%,
		rgba(139, 115, 85, 0.02) 30%,
		transparent 65%);
	pointer-events: none;
	z-index: 0;
}

/* Decorative oversized quote mark */
.add-quote-mark {
	font-family: var(--wp--preset--font-family--heading, 'Lora', serif) !important;
	font-size: 8rem !important;
	line-height: 1 !important;
	color: rgba(184, 147, 74, 0.2) !important;
	margin-bottom: -3rem !important;
	display: block;
	position: relative;
	z-index: 1;
}

.add-quote-body {
	font-family: var(--wp--preset--font-family--heading, 'Lora', serif) !important;
	color: #e2e8f0 !important;
	font-style: italic;
	line-height: 1.5 !important;
	position: relative;
	z-index: 1;
}

/* Quote source attribution */
.add-quote-source {
	color: #b8934a !important;
	font-style: normal !important;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 0.8rem !important;
	position: relative;
	z-index: 1;
	margin-top: 1.5rem !important;
}

/* ================================================
   AUDIENCE ROLE CARDS
   ================================================ */

.add-role-cards .wp-block-column {
	border: 1px solid rgba(226, 232, 240, 0.8);
	border-radius: 12px;
	padding: 2rem 1.75rem;
	transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),
	            box-shadow 0.4s ease,
	            border-color 0.3s ease;
	background: #fff;
	position: relative;
	overflow: hidden;
}

.add-role-cards .wp-block-column::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	transition: height 0.35s ease;
}

/* Color-coding per audience */
.add-role-exec::before { background: linear-gradient(90deg, #0f172a, #1e293b); }
.add-role-director::before { background: linear-gradient(90deg, #b8934a, #8b7355); }
.add-role-manager::before { background: linear-gradient(90deg, #f59e0b, #d97706); }
.add-role-dev::before { background: linear-gradient(90deg, #355E3B, #2A4B30); }
.add-role-biz::before { background: linear-gradient(90deg, #6366f1, #4f46e5); }
.add-role-security::before { background: linear-gradient(90deg, #ef4444, #b91c1c); }

.add-role-cards .wp-block-column:hover {
	transform: translateY(-5px);
	box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.07);
}

.add-role-cards .wp-block-column:hover::before {
	height: 4px;
}

.add-role-icon {
	font-size: 2rem !important;
	margin-bottom: 0.75rem !important;
	line-height: 1 !important;
}

.add-role-link {
	color: #0f172a !important;
	font-weight: 600;
	text-decoration: none !important;
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	transition: gap 0.3s ease;
	font-size: 0.9rem;
}

.add-role-link:hover {
	gap: 0.65rem;
}

/* ================================================
   LATEST ARTICLES
   ================================================ */

.add-articles-list .wp-block-group {
	border-bottom: 1px solid rgba(226, 232, 240, 0.6);
	transition: border-color 0.3s ease;
	position: relative;
}

.add-articles-list .wp-block-group::after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 0;
	height: 2px;
	background: linear-gradient(90deg, #b8934a, #355E3B);
	transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.add-articles-list .wp-block-group:hover::after {
	width: 100%;
}

.add-articles-list .wp-block-post-title a {
	text-decoration: none !important;
	transition: color 0.3s ease;
}

.add-articles-list .wp-block-post-title a:hover {
	color: #355E3B !important;
}

/* ================================================
   NEWSLETTER CTA — DARK
   ================================================ */

.add-newsletter-dark {
	position: relative;
	overflow: hidden;
}

.add-newsletter-dark::before {
	content: '';
	position: absolute;
	top: -30%;
	left: 25%;
	width: 50%;
	height: 160%;
	background: radial-gradient(ellipse, rgba(184, 147, 74, 0.04) 0%, transparent 60%);
	pointer-events: none;
	animation: add-drift-left 20s ease-in-out infinite alternate;
}

.add-newsletter-dark h2 {
	color: #f1f5f9 !important;
}

.add-newsletter-dark p {
	color: #94a3b8 !important;
}

.add-newsletter-dark .wp-block-button__link {
	background: linear-gradient(135deg, #355E3B, #2A4B30) !important;
	color: #fff !important;
	box-shadow: 0 4px 16px rgba(53, 94, 59, 0.3),
	            0 2px 6px rgba(0, 0, 0, 0.15);
	padding: 1rem 3rem !important;
	border-radius: 6px !important;
	font-weight: 600;
	font-size: 0.95rem !important;
	border: none !important;
	transition: box-shadow 0.4s ease, transform 0.3s ease;
}

.add-newsletter-dark .wp-block-button__link:hover {
	box-shadow: 0 8px 24px rgba(53, 94, 59, 0.4),
	            0 4px 8px rgba(0, 0, 0, 0.15);
	transform: translateY(-2px);
}

/* ================================================
   SECTION HEADINGS — shared oversize style
   ================================================ */

.add-section-title {
	letter-spacing: -0.03em !important;
}

.add-section-sub {
	max-width: 36rem;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* ================================================
   DARK MODE OVERRIDES
   ================================================ */

[data-theme="dark"] .add-metrics {
	border-color: rgba(30, 41, 59, 0.8);
}

[data-theme="dark"] .add-metric-value {
	background: linear-gradient(135deg, #f1f5f9 50%, #b8934a);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

[data-theme="dark"] .add-metric-label {
	color: #475569 !important;
}

[data-theme="dark"] .add-value-bg::before {
	background:
		linear-gradient(135deg, rgba(15, 23, 42, 0.97), rgba(15, 23, 42, 0.97)),
		radial-gradient(ellipse at 20% 50%, rgba(184, 147, 74, 0.04), transparent 50%);
}

[data-theme="dark"] .add-trap-list li {
	color: #94a3b8;
	border-color: rgba(51, 65, 85, 0.5);
}

[data-theme="dark"] .add-approach-list li {
	color: #e2e8f0;
	border-color: rgba(51, 65, 85, 0.5);
}

[data-theme="dark"] .add-trap-heading {
	color: #64748b !important;
}

[data-theme="dark"] .add-services-grid .wp-block-column {
	background: #0f172a;
	border-color: rgba(51, 65, 85, 0.6);
}

[data-theme="dark"] .add-services-grid .wp-block-column:hover {
	border-color: rgba(184, 147, 74, 0.3);
	box-shadow: 0 32px 64px -16px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .add-card-link {
	color: #b8934a !important;
}

[data-theme="dark"] .add-role-cards .wp-block-column {
	background: #0f172a;
	border-color: rgba(51, 65, 85, 0.6);
}

[data-theme="dark"] .add-role-cards .wp-block-column:hover {
	box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .add-role-link {
	color: #b8934a !important;
}

[data-theme="dark"] .add-articles-list .wp-block-group {
	border-color: rgba(51, 65, 85, 0.5);
}

[data-theme="dark"] .add-articles-list .wp-block-post-title a:hover {
	color: #b8934a !important;
}

[data-theme="dark"] .add-gradient-bar {
	opacity: 0.3;
}

/* ================================================
   FOUR PILLARS — OUR APPROACH
   ================================================ */

.add-pillars-section {
	background: linear-gradient(180deg, #fffbf5 0%, #fef7ed 50%, #fffbf5 100%) !important;
	position: relative;
	overflow: hidden;
}

.add-pillars-section::before {
	content: '';
	position: absolute;
	top: 10%;
	right: -10%;
	width: 50%;
	height: 80%;
	background: radial-gradient(ellipse, rgba(184, 147, 74, 0.06) 0%, transparent 70%);
	pointer-events: none;
	animation: add-drift-right 20s ease-in-out infinite alternate;
}

.add-pillars-grid .wp-block-column {
	background: rgba(255, 255, 255, 0.85);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border: 1px solid rgba(226, 232, 240, 0.7);
	border-radius: 16px;
	padding: 2.5rem 2rem;
	position: relative;
	overflow: hidden;
	transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1),
	            box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1),
	            border-color 0.4s ease;
}

.add-pillars-grid .wp-block-column::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	opacity: 0;
	transition: opacity 0.5s ease, height 0.3s ease;
}

.add-pillar-card:nth-child(1)::before {
	background: linear-gradient(90deg, #b8934a, #d4a853);
}
.add-pillar-card:nth-child(2)::before {
	background: linear-gradient(90deg, #f59e0b, #fbbf24);
}
.add-pillar-card:nth-child(3)::before {
	background: linear-gradient(90deg, #355E3B, #4a8055);
}
.add-pillar-card:nth-child(4)::before {
	background: linear-gradient(90deg, #6366f1, #818cf8);
}

.add-pillars-grid .wp-block-column:hover {
	transform: translateY(-10px);
	box-shadow: 0 32px 64px -16px rgba(184, 147, 74, 0.15),
	            0 0 0 1px rgba(184, 147, 74, 0.08);
	border-color: rgba(184, 147, 74, 0.2);
}

.add-pillars-grid .wp-block-column:hover::before {
	opacity: 1;
	height: 4px;
}

/* Pillar icons — floating animation */
.add-pillar-icon {
	font-size: 2.75rem !important;
	line-height: 1 !important;
	margin-bottom: 1.25rem !important;
	display: inline-block;
	animation: add-float 6s ease-in-out infinite;
}

.add-pillar-icon--outcomes {
	color: #b8934a !important;
	animation-delay: 0s;
}
.add-pillar-icon--native {
	color: #f59e0b !important;
	animation-delay: 1.5s;
}
.add-pillar-icon--risk {
	color: #355E3B !important;
	animation-delay: 3s;
}
.add-pillar-icon--teams {
	color: #6366f1 !important;
	animation-delay: 4.5s;
}

@keyframes add-float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-8px); }
}

/* Shimmer text effect for section titles */
.add-shimmer {
	background: linear-gradient(
		110deg,
		var(--wp--preset--color--primary, #0f172a) 30%,
		#b8934a 50%,
		var(--wp--preset--color--primary, #0f172a) 70%
	);
	background-size: 200% 100%;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	animation: add-shimmer 4s ease-in-out infinite;
}

@keyframes add-shimmer {
	0% { background-position: 200% 0; }
	100% { background-position: -200% 0; }
}

/* ================================================
   DARK MODE — PILLARS
   ================================================ */

[data-theme="dark"] .add-pillars-section {
	background: linear-gradient(180deg, #0f172a 0%, #1a1a2e 50%, #0f172a 100%) !important;
}

[data-theme="dark"] .add-pillars-grid .wp-block-column {
	background: rgba(15, 23, 42, 0.85);
	border-color: rgba(51, 65, 85, 0.6);
}

[data-theme="dark"] .add-pillars-grid .wp-block-column:hover {
	border-color: rgba(184, 147, 74, 0.3);
	box-shadow: 0 32px 64px -16px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] .add-pillars-grid .wp-block-column p {
	color: #94a3b8 !important;
}

[data-theme="dark"] .add-pillars-grid .wp-block-column h3 {
	color: #f1f5f9 !important;
}

[data-theme="dark"] .add-shimmer {
	background: linear-gradient(
		110deg,
		#f1f5f9 30%,
		#b8934a 50%,
		#f1f5f9 70%
	);
	background-size: 200% 100%;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	animation: add-shimmer 4s ease-in-out infinite;
}

/* ================================================
   RESPONSIVE
   ================================================ */

@media (max-width: 782px) {
	.add-hero-title {
		font-size: clamp(2rem, 8vw, 3.25rem) !important;
	}

	.add-hero .wp-block-buttons {
		flex-direction: column;
	}

	.add-hero .wp-block-button {
		width: 100%;
	}

	.add-hero .wp-block-button__link {
		width: 100%;
		text-align: center;
		justify-content: center;
	}

	.add-services-grid .wp-block-column {
		padding: 2rem 1.5rem;
	}

	.add-step-num {
		font-size: 3rem !important;
	}

	.add-role-cards .wp-block-column {
		margin-bottom: 0.75rem;
	}

	.add-quote-mark {
		font-size: 5rem !important;
		margin-bottom: -2rem !important;
	}

	.add-pillars-grid .wp-block-column {
		padding: 2rem 1.5rem;
	}

	.add-pillar-icon {
		font-size: 2.25rem !important;
	}
}

@media (max-width: 600px) {
	.add-metrics .wp-block-columns {
		display: grid !important;
		grid-template-columns: 1fr 1fr;
		gap: 1.5rem;
	}

	.add-eyebrow {
		font-size: 0.65rem !important;
		letter-spacing: 0.2em;
		padding: 0.35rem 1rem;
	}
}