*, *::before, *::after {
			box-sizing: border-box;
			margin: 0;
			padding: 0;
		}

		/* Smooth Scroll & Lenis Standards */
		html {
			scroll-behavior: smooth;
		}

		html.lenis, html.lenis body {
			height: auto;
		}

		.lenis.lenis-smooth {
			scroll-behavior: auto !important;
		}

		.lenis.lenis-smooth [data-lenis-prevent] {
			overscroll-behavior: contain;
		}

		.lenis.lenis-stopped {
			overflow: hidden;
		}

		.lenis.lenis-scrolling iframe {
			pointer-events: none;
		}

		html {
			overflow-x: clip;
		}

		body {
			font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
			background-color: #ffffff;
			color: #1e244b;
			min-height: 100vh;
			display: flex;
			flex-direction: column;
			overflow-x: clip;
			-webkit-font-smoothing: antialiased;
		}

		/* Headless topbar removed as requested */
		.headless-topbar {
			display: none !important;
		}

		/* Top Brand Header */
		.ironfin-header {
			position: relative;
			width: 100%;
			padding: 24px 0 10px;
			z-index: 100;
			background: transparent;
		}

		.ironfin-header-inner {
			max-width: 1240px;
			margin: 0 auto;
			padding: 0 32px;
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 24px;
		}

		/* Brand Logo */
		.ironfin-brand-logo {
			display: inline-flex;
			align-items: center;
			text-decoration: none;
			flex-shrink: 0;
			transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease;
		}

		.ironfin-brand-logo:hover {
			transform: scale(1.02);
			opacity: 0.95;
		}

		.ironfin-header-logo-img {
			height: 44px;
			width: auto;
			max-width: 165px;
			object-fit: contain;
			display: block;
		}

		/* Centered Navigation Menu */
		.ironfin-nav {
			display: flex;
			align-items: center;
		}

		.ironfin-nav-list {
			display: flex;
			align-items: center;
			list-style: none;
			margin: 0;
			padding: 0;
			gap: 36px;
		}

		.ironfin-nav-item {
			position: relative;
			display: flex;
			align-items: center;
		}

		.ironfin-nav-link {
			font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
			font-size: 16px;
			font-weight: 500;
			color: #4A5568;
			text-decoration: none;
			position: relative;
			padding: 6px 0;
			transition: color 0.2s cubic-bezier(0.16, 1, 0.3, 1);
		}

		.ironfin-nav-link:hover {
			color: #1E244B;
		}

		/* Active State with Reference Coral Underline Dash */
		.ironfin-nav-link.active {
			color: #1E244B;
			font-weight: 700;
		}

		.ironfin-nav-link.active::after {
			content: '';
			position: absolute;
			bottom: -4px;
			left: 50%;
			transform: translateX(-50%);
			width: 24px;
			height: 3px;
			background: #fd8306;
			border-radius: 999px;
			box-shadow: 0 2px 6px rgba(253, 131, 6, 0.35);
		}

		/* Right Search Action */
		.ironfin-header-right {
			display: flex;
			align-items: center;
			flex-shrink: 0;
		}

		.ironfin-header-search-btn {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			background: transparent;
			border: none;
			padding: 8px 14px;
			border-radius: 999px;
			color: #1E244B;
			font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
			font-size: 15px;
			font-weight: 600;
			cursor: pointer;
			transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
		}

		.ironfin-header-search-btn:hover {
			color: #fd8306;
			background: rgba(253, 131, 6, 0.08);
			transform: translateY(-1px);
		}

		.header-search-icon {
			width: 18px;
			height: 18px;
			display: block;
			stroke: currentColor;
			transition: transform 0.25s ease;
		}

		.ironfin-header-search-btn:hover .header-search-icon {
			transform: scale(1.1);
		}

		@media (max-width: 992px) {
			.ironfin-nav-list {
				gap: 22px;
			}
			.ironfin-nav-link {
				font-size: 15px;
			}
			.ironfin-header-logo-img {
				height: 38px;
			}
		}

		/* Mobile Hamburger Toggle Button */
		.ironfin-mobile-menu-btn {
			display: none;
			width: 40px;
			height: 40px;
			padding: 10px 8px;
			border-radius: 10px;
			background: rgba(30, 36, 75, 0.05);
			border: 1px solid rgba(226, 232, 240, 0.8);
			cursor: pointer;
			flex-direction: column;
			justify-content: space-between;
			align-items: center;
			transition: all 0.25s ease;
		}

		.ironfin-mobile-menu-btn:hover {
			background: rgba(253, 131, 6, 0.08);
			border-color: rgba(253, 131, 6, 0.3);
		}

		.hamburger-bar {
			width: 22px;
			height: 2px;
			background-color: #1E244B;
			border-radius: 2px;
			transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
		}

		.ironfin-mobile-menu-btn.is-open .bar-1 {
			transform: translateY(7px) rotate(45deg);
		}
		.ironfin-mobile-menu-btn.is-open .bar-2 {
			opacity: 0;
			transform: scaleX(0);
		}
		.ironfin-mobile-menu-btn.is-open .bar-3 {
			transform: translateY(-7px) rotate(-45deg);
		}

		/* Mobile Navigation Drawer */
		.ironfin-mobile-drawer {
			display: none;
			width: 100%;
			max-height: 0;
			overflow: hidden;
			background: rgba(255, 255, 255, 0.98);
			backdrop-filter: blur(16px);
			-webkit-backdrop-filter: blur(16px);
			border-bottom: 1px solid rgba(226, 232, 240, 0.9);
			box-shadow: 0 16px 30px -10px rgba(30, 36, 75, 0.08);
			transition: max-height 0.38s cubic-bezier(0.16, 1, 0.3, 1), padding 0.38s ease;
		}

		.ironfin-mobile-drawer.is-open {
			max-height: 380px;
			padding: 12px 20px 20px;
		}

		.mobile-nav-list {
			list-style: none;
			padding: 0;
			margin: 0;
			display: flex;
			flex-direction: column;
			gap: 6px;
		}

		.mobile-nav-link {
			display: flex;
			align-items: center;
			padding: 12px 16px;
			border-radius: 10px;
			font-size: 15px;
			font-weight: 600;
			color: #1E244B;
			text-decoration: none;
			transition: all 0.2s ease;
		}

		.mobile-nav-link:hover,
		.mobile-nav-link.active {
			background: rgba(253, 131, 6, 0.08);
			color: #fd8306;
		}

		@media (max-width: 768px) {
			.ironfin-header {
				padding: 14px 0 10px;
			}
			.ironfin-header-inner {
				padding: 0 18px;
			}
			.ironfin-nav {
				display: none;
			}
			.ironfin-mobile-menu-btn {
				display: inline-flex;
			}
			.ironfin-mobile-drawer {
				display: block;
			}
			.ironfin-header-logo-img {
				height: 32px;
			}
			.header-search-text {
				display: none;
			}
			.ironfin-header-search-btn {
				padding: 8px;
			}
		}

		/* ====================================================
		   HERO SECTION CONTAINER
		   ==================================================== */
		.ironfin-hero-wrapper {
			position: relative;
			width: 100%;
			flex: 1;
			display: flex;
			flex-direction: column;
			justify-content: center;
			padding: 68px 0 20px;
			overflow: hidden;
		}

		@media (max-width: 768px) {
			.ironfin-hero-wrapper {
				padding: 40px 0 20px;
			}
		}

		/* Ambient Radial Glows */
		.ambient-glow-left {
			position: absolute;
			top: 5%;
			left: 2%;
			width: 540px;
			height: 540px;
			background: radial-gradient(circle, rgba(255, 140, 110, 0.16) 0%, rgba(255, 180, 150, 0.05) 45%, transparent 70%);
			filter: blur(80px);
			z-index: 0;
			pointer-events: none;
		}

		.ambient-glow-right {
			position: absolute;
			top: 10%;
			right: 2%;
			width: 600px;
			height: 600px;
			background: radial-gradient(circle, rgba(56, 189, 248, 0.16) 0%, rgba(125, 211, 252, 0.05) 50%, transparent 70%);
			filter: blur(90px);
			z-index: 0;
			pointer-events: none;
		}

		.ironfin-hero-grid {
			position: relative;
			z-index: 2;
			max-width: 1240px;
			width: 100%;
			margin: 0 auto;
			padding: 0 32px;
			display: grid;
			grid-template-columns: 1fr 1.12fr;
			align-items: center;
			gap: 40px;
		}

		/* LEFT COLUMN: COPY & CTAS */
		.ironfin-hero-content {
			position: relative;
			z-index: 2;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
		}

		.ironfin-heading-wrap {
			position: relative;
			display: block;
			width: fit-content;
			max-width: 100%;
			margin-bottom: 24px;
		}

		.ironfin-hero-heading {
			font-size: 58px;
			line-height: 1.24;
			font-weight: 800;
			color: #1E244B;
			letter-spacing: -1.5px;
			margin: 0;
		}

		.ironfin-h-line {
			display: block;
		}

		/* Word-by-Word Entrance Animation (From Right to Left) */
		.hero-word {
			display: inline-block;
			opacity: 0;
			transform: translateX(35px);
			filter: blur(8px);
			animation: wordSlideFromRight 0.55s cubic-bezier(0.16, 1, 0.3, 1) forwards;
			animation-delay: calc(var(--w-idx, 1) * 0.09s);
			will-change: transform, opacity, filter;
		}

		@keyframes wordSlideFromRight {
			0% {
				opacity: 0;
				transform: translateX(35px);
				filter: blur(8px);
			}
			100% {
				opacity: 1;
				transform: translateX(0);
				filter: blur(0);
			}
		}

		/* Underline Accent on Highlighted Word */
		.ironfin-h-highlight {
			position: relative;
			display: inline-block;
			white-space: nowrap;
			color: inherit;
		}

		.ironfin-underline-svg {
			position: absolute;
			left: -2%;
			bottom: -4px;
			width: 104%;
			height: 18px;
			pointer-events: none;
			overflow: visible;
		}

		.ironfin-underline-path {
			stroke-dasharray: 280;
			stroke-dashoffset: 280;
			opacity: 0;
			animation: drawUnderline 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards;
		}

		.ironfin-underline-path.path-1 { animation-delay: 0.48s; }
		.ironfin-underline-path.path-2 { animation-delay: 0.62s; }

		@keyframes drawUnderline {
			0% { stroke-dashoffset: 280; opacity: 0; }
			30% { opacity: 1; }
			100% { stroke-dashoffset: 0; opacity: 1; }
		}

		/* Flight Path Combo: Coral Loop Arrow & Origami Paper Plane (from Reference) */
		.hero-flight-combo {
			position: absolute;
			top: -18px;
			right: -145px;
			display: inline-flex;
			align-items: center;
			gap: 10px;
			pointer-events: none;
			z-index: 5;
		}

		.hero-flight-arrow {
			width: 106px;
			height: auto;
			display: block;
			filter: drop-shadow(0 4px 10px rgba(253, 131, 6, 0.12));
			opacity: 0;
			animation: flightFadeIn 0.75s cubic-bezier(0.16, 1, 0.3, 1) 0.65s forwards;
		}

		.hero-flight-plane {
			width: 68px;
			height: auto;
			display: block;
			filter: drop-shadow(0 8px 18px rgba(253, 131, 6, 0.22));
			opacity: 0;
			transform: translate(-10px, 8px) scale(0.85);
			animation: flightPlaneEnter 0.85s cubic-bezier(0.16, 1, 0.3, 1) 0.8s forwards,
			           planeFloat 4s ease-in-out 1.7s infinite alternate;
		}

		@keyframes flightFadeIn {
			to {
				opacity: 1;
			}
		}

		@keyframes flightPlaneEnter {
			to {
				opacity: 1;
				transform: translate(0, 0) scale(1);
			}
		}

		@keyframes planeFloat {
			0% {
				transform: translate(0, 0) rotate(0deg);
			}
			100% {
				transform: translate(4px, -6px) rotate(-3deg);
			}
		}

		/* 2. Then Description Paragraph: Exactly 2 lines entering line by line from below */
		.ironfin-hero-desc {
			font-size: 16px;
			line-height: 1.68;
			color: #64748B;
			max-width: 580px;
			margin: 0 0 36px 0;
		}

		.desc-line {
			display: block;
			opacity: 0;
			transform: translateY(18px);
			filter: blur(6px);
			animation: descLineFromBelow 0.65s cubic-bezier(0.16, 1, 0.3, 1) forwards;
			will-change: transform, opacity, filter;
		}

		.desc-line-1 {
			animation-delay: 0.70s;
		}

		.desc-line-2 {
			animation-delay: 0.88s;
		}

		@keyframes descLineFromBelow {
			0% {
				opacity: 0;
				transform: translateY(18px);
				filter: blur(6px);
			}
			100% {
				opacity: 1;
				transform: translateY(0);
				filter: blur(0);
			}
		}

		/* CTA Wrapper: un-animated container so buttons animate individually */
		.ironfin-cta-group {
			display: flex;
			align-items: center;
			gap: 24px;
			position: relative;
		}

		@keyframes fadeInUp {
			to {
				opacity: 1;
				transform: translateY(0);
			}
		}

		/* 3. Then Orange Button comes */
		.ironfin-btn-primary {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			position: relative;
			z-index: 2;
			background-color: #fd8306;
			color: #ffffff;
			font-size: 15px;
			font-weight: 700;
			text-decoration: none;
			white-space: nowrap;
			padding: 16px 36px;
			border-radius: 999px;
			box-shadow: 0 12px 24px -6px rgba(253, 131, 6, 0.45);
			opacity: 0;
			transform: translateY(16px);
			animation: fadeInUp 0.65s cubic-bezier(0.16, 1, 0.3, 1) 1.35s forwards;
			transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
		}

		.ironfin-btn-primary:hover {
			background-color: #e54b3d;
			transform: translateY(-2px);
			box-shadow: 0 16px 30px -6px rgba(253, 131, 6, 0.55);
		}

		/* Burst Doodle under orange button */
		.ironfin-burst-doodle {
			position: absolute;
			bottom: -48px;
			left: -20px;
			width: 48px;
			height: auto;
			pointer-events: none;
			z-index: 1;
			opacity: 0;
			transform: scale(0.6);
			animation: popBurst 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) 1.55s forwards;
		}

		@keyframes popBurst {
			to {
				opacity: 1;
				transform: scale(1);
			}
		}

		/* 4. And Then Blue Video Button comes */
		.ironfin-btn-video {
			display: inline-flex;
			align-items: center;
			gap: 12px;
			background: none;
			border: none;
			cursor: pointer;
			color: #1E244B;
			font-size: 15px;
			font-weight: 700;
			text-decoration: none;
			white-space: nowrap;
			opacity: 0;
			transform: translateY(16px);
			animation: fadeInUp 0.65s cubic-bezier(0.16, 1, 0.3, 1) 1.65s forwards;
			transition: color 0.2s ease;
		}

		.ironfin-btn-video:hover {
			color: #fd8306;
		}

		.ironfin-play-icon {
			width: 44px;
			height: 44px;
			border-radius: 50%;
			background-color: #1E244B;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #ffffff;
			transition: transform 0.2s ease, background-color 0.2s ease;
		}

		.ironfin-btn-video:hover .ironfin-play-icon {
			transform: scale(1.08);
			background-color: #fd8306;
		}

		/* RIGHT COLUMN: REFINED CARDS COMPOSITION */
		.ironfin-hero-visual {
			position: relative;
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 36px 12px 50px;
			z-index: 2;
		}

		.ironfin-cards-container {
			position: relative;
			width: 480px;
			height: 380px;
		}

		.ironfin-sparkle-star {
			position: absolute;
			top: -14px;
			right: 20px;
			width: 32px;
			height: 32px;
			opacity: 0.95;
			z-index: 2;
			pointer-events: none;
			animation: starTwinkle 4s ease-in-out infinite alternate;
		}

		.ironfin-sparkle-star img {
			width: 100%;
			height: 100%;
			object-fit: contain;
			display: block;
		}

		@keyframes starTwinkle {
			0% { transform: scale(0.85); opacity: 0.6; }
			100% { transform: scale(1.1); opacity: 1; }
		}

		.ironfin-cyan-swoop {
			position: absolute;
			bottom: -22px;
			right: -16px;
			width: 66px;
			height: auto;
			opacity: 0.95;
			z-index: 1;
			pointer-events: none;
		}

		.ironfin-cyan-swoop img {
			width: 100%;
			height: auto;
			display: block;
		}

		/* Layer 1: Base Card */
		.ironfin-base-card {
			position: absolute;
			top: 32px;
			left: 10px;
			width: 440px;
			background: transparent;
			border: none;
			box-shadow: none;
			padding: 0;
			z-index: 1;
			opacity: 0;
			transform: translateY(30px) scale(0.96);
			animation: cardEntrance 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.1s forwards;
		}

		.ironfin-base-card-img {
			width: 100%;
			height: auto;
			display: block;
			filter: drop-shadow(0 20px 45px rgba(30, 36, 75, 0.10));
		}

		@keyframes cardEntrance {
			to {
				opacity: 1;
				transform: translateY(0) scale(1);
			}
		}

		/* Layer 2: Top Floating Profile Card */
		.ironfin-profile-card {
			position: absolute;
			top: -16px;
			right: -6px;
			width: 184px;
			background: transparent;
			border: none;
			box-shadow: none;
			padding: 0;
			z-index: 3;
			opacity: 0;
			transform: translateY(-20px) scale(0.9);
			animation: cardEntrance 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards,
			           floatProfile 5s ease-in-out infinite 0.9s alternate;
		}

		.ironfin-profile-card-img {
			width: 100%;
			height: auto;
			display: block;
			filter: drop-shadow(0 18px 36px rgba(30, 36, 75, 0.13));
		}

		@keyframes floatProfile {
			0% { transform: translateY(0px); }
			100% { transform: translateY(-7px); }
		}

		/* Layer 3: Bottom Floating Sales Card */
		.ironfin-sales-card {
			position: absolute;
			bottom: -24px;
			left: -18px;
			width: 172px;
			background: transparent;
			border: none;
			box-shadow: none;
			padding: 0;
			z-index: 4;
			opacity: 0;
			transform: translateY(24px) scale(0.9);
			animation: cardEntrance 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.3s forwards,
			           floatSales 5.5s ease-in-out infinite 1.0s alternate;
		}

		.ironfin-sales-card-img {
			width: 100%;
			height: auto;
			display: block;
			filter: drop-shadow(0 20px 40px rgba(30, 36, 75, 0.14));
		}

		@keyframes floatSales {
			0% { transform: translateY(0px); }
			100% { transform: translateY(7px); }
		}

		/* ====================================================
		   CLIENT LOGOS MARQUEE SECTION (REFERENCE ACCURATE)
		   ==================================================== */
		.ironfin-marquee-section {
			width: 100%;
			max-width: 1240px;
			margin: 110px auto 40px auto;
			padding: 0 32px;
			position: relative;
			z-index: 5;
		}

		.ironfin-marquee-wrapper {
			position: relative;
			width: 100%;
			overflow: hidden;
			container-type: inline-size;
			/* Subtle fade at container edges */
			-webkit-mask-image: linear-gradient(to right, transparent, black 3%, black 97%, transparent);
			mask-image: linear-gradient(to right, transparent, black 3%, black 97%, transparent);
		}

		.ironfin-marquee-track {
			display: flex;
			align-items: center;
			width: max-content;
			animation: ironfinMarqueeScroll 28s linear infinite;
			will-change: transform;
		}

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

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

		.ironfin-marquee-group {
			display: flex;
			align-items: center;
			justify-content: space-around;
			width: max-content;
			flex-shrink: 0;
		}

		@media (min-width: 992px) {
			.ironfin-marquee-group {
				min-width: 1176px;
			}
			.ironfin-marquee-item {
				flex: 0 0 20%;
				width: 20%;
				min-width: 20%;
				max-width: 20%;
			}
		}

		.ironfin-marquee-item {
			flex: 0 0 auto;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-shrink: 0;
			height: 48px;
			padding: 4px 32px;
			border-radius: 8px;
			transition: transform 0.25s ease, opacity 0.25s ease;
			cursor: default;
			box-sizing: border-box;
		}

		.ironfin-marquee-item img {
			height: 32px;
			max-width: 150px;
			width: auto;
			object-fit: contain;
			opacity: 0.88;
			filter: contrast(105%);
			transition: opacity 0.25s ease, filter 0.25s ease, transform 0.25s ease;
			user-select: none;
			pointer-events: auto;
		}

		.ironfin-marquee-item:hover img {
			opacity: 1;
			transform: scale(1.08);
			filter: none;
		}

		@media (max-width: 768px) {
			.ironfin-marquee-section {
				margin-top: 50px;
				margin-bottom: 30px;
				padding: 0 16px;
			}
			.ironfin-marquee-group {
				min-width: 0;
			}
			.ironfin-marquee-item {
				flex: 0 0 auto;
				width: auto;
				min-width: 0;
				max-width: none;
				padding: 0 22px;
				height: 42px;
			}
			.ironfin-marquee-item img {
				height: 26px;
				max-width: 115px;
			}
		}

		@media (max-width: 480px) {
			.ironfin-marquee-section {
				margin-top: 38px;
				margin-bottom: 24px;
				padding: 0 12px;
			}
			.ironfin-marquee-item {
				padding: 0 18px;
				height: 38px;
			}
			.ironfin-marquee-item img {
				height: 23px;
				max-width: 105px;
			}
		}

		/* Visual Editor Mode for Marquee */
		body.visual-edit-mode .ironfin-marquee-track {
			animation-play-state: paused !important;
		}

		body.visual-edit-mode .ironfin-marquee-item {
			cursor: pointer;
			position: relative;
			transition: outline 0.15s ease;
		}

		body.visual-edit-mode .ironfin-marquee-item:hover {
			outline: 2px dashed #0284c7 !important;
			outline-offset: 4px !important;
			border-radius: 6px;
		}

		body.visual-edit-mode .ironfin-marquee-item:hover::after {
			content: '✎ Edit Logos';
			position: absolute;
			top: -24px;
			left: 50%;
			transform: translateX(-50%);
			background: #0284c7;
			color: #ffffff;
			font-size: 10px;
			font-weight: 700;
			padding: 2px 6px;
			border-radius: 4px;
			pointer-events: none;
			z-index: 1000;
			font-family: -apple-system, BlinkMacSystemFont, sans-serif;
			line-height: 1;
			white-space: nowrap;
			display: block;
		}

		/* ====================================================
		   ANALYTICS BENTO GRID SECTION (REFERENCE FIDELITY)
		   ==================================================== */
		.ironfin-analytics-section {
			position: relative;
			width: 100%;
			padding: 100px 0 100px;
			overflow: hidden;
			background-color: #ffffff;
		}

		/* Ambient Dual Mesh Glows for Analytics Section */
		.analytics-ambient-glow-left {
			position: absolute;
			top: 5%;
			left: 0%;
			width: 650px;
			height: 650px;
			background: radial-gradient(circle, rgba(255, 140, 110, 0.15) 0%, rgba(255, 180, 150, 0.05) 50%, transparent 70%);
			filter: blur(90px);
			pointer-events: none;
			z-index: 0;
		}

		.analytics-ambient-glow-right {
			position: absolute;
			top: 20%;
			right: 0%;
			width: 680px;
			height: 680px;
			background: radial-gradient(circle, rgba(56, 189, 248, 0.14) 0%, rgba(125, 211, 252, 0.05) 50%, transparent 70%);
			filter: blur(100px);
			pointer-events: none;
			z-index: 0;
		}

		.ironfin-analytics-inner {
			position: relative;
			z-index: 2;
			max-width: 1240px;
			margin: 0 auto;
			padding: 0 32px;
		}

		/* Section Header */
		.analytics-header {
			text-align: center;
			margin-bottom: 50px;
		}

		.analytics-eyebrow {
			display: inline-flex;
			align-items: center;
			gap: 6px;
			font-size: 13.5px;
			font-weight: 700;
			color: #1E244B;
			letter-spacing: 0.3px;
			margin-bottom: 12px;
		}

		.eyebrow-slash-coral {
			color: #fd8306;
			font-weight: 900;
		}

		.eyebrow-slash-cyan {
			color: #38BDF8;
			font-weight: 900;
			margin-right: 2px;
		}

		.analytics-heading {
			font-size: 42px;
			font-weight: 800;
			color: #1E244B;
			letter-spacing: -0.8px;
			margin-bottom: 14px;
		}

		.analytics-desc {
			max-width: 680px;
			margin: 0 auto;
			font-size: 15px;
			line-height: 1.6;
			color: #64748B;
		}

		/* Bento Grid Container (4 Columns) */
		.analytics-bento-container {
			position: relative;
			margin-bottom: 55px;
		}

		.analytics-bento-grid {
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			grid-auto-rows: 1fr;
			gap: 24px;
		}

		/* Bento Card Base Styling */
		.bento-card {
			background: #ffffff;
			border-radius: 20px;
			padding: 26px 24px;
			box-shadow: 0 10px 30px -8px rgba(30, 36, 75, 0.05), 0 2px 6px rgba(30, 36, 75, 0.02);
			border: 1px solid rgba(226, 232, 240, 0.75);
			display: flex;
			flex-direction: column;
			position: relative;
			transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s cubic-bezier(0.16, 1, 0.3, 1);
			min-height: 200px;
		}

		.bento-card:hover {
			transform: translateY(-4px);
			box-shadow: 0 18px 40px -10px rgba(30, 36, 75, 0.10), 0 0 0 1px rgba(226, 232, 240, 0.9);
		}

		.bento-span-2 {
			grid-column: span 2;
		}

		/* Card 1: Customer Target Donut */
		.bento-card-1 {
			align-items: center;
			justify-content: center;
			text-align: center;
		}

		.bento-donut-wrap {
			position: relative;
			width: 88px;
			height: 88px;
			margin-bottom: 12px;
		}

		.bento-donut-svg {
			width: 100%;
			height: 100%;
			transform: rotate(135deg);
		}

		.bento-donut-arc {
			stroke-dasharray: 239;
			stroke-dashoffset: 239;
			transition: stroke-dashoffset 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.2s;
		}

		.bento-card-1.is-visible .bento-donut-arc,
		.ironfin-analytics-section.is-visible .bento-donut-arc {
			stroke-dashoffset: 79;
		}

		.bento-donut-icon {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			display: flex;
			align-items: center;
			justify-content: center;
			pointer-events: none;
		}

		.bento-stat-val {
			font-size: 26px;
			font-weight: 800;
			color: #1E244B;
			letter-spacing: -0.5px;
			margin-bottom: 3px;
		}

		.bento-stat-label {
			font-size: 13px;
			font-weight: 500;
			color: #64748B;
		}

		/* Card 2: Revenue Trend Line Graph */
		.bento-card-2 {
			justify-content: space-between;
		}

		.bento-trend-svg-wrap {
			width: 100%;
			height: 96px;
			margin-bottom: 12px;
			position: relative;
		}

		.bento-trend-svg {
			width: 100%;
			height: 100%;
			overflow: visible;
		}

		.bento-trend-path {
			stroke-dasharray: 650;
			stroke-dashoffset: 650;
			transition: stroke-dashoffset 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0.15s;
		}

		.bento-card-2.is-visible .bento-trend-path,
		.ironfin-analytics-section.is-visible .bento-trend-path {
			stroke-dashoffset: 0;
		}

		.bento-trend-area {
			opacity: 0;
			transition: opacity 0.9s ease 0.6s;
		}

		.bento-card-2.is-visible .bento-trend-area,
		.ironfin-analytics-section.is-visible .bento-trend-area {
			opacity: 1;
		}

		.bento-trend-footer {
			display: flex;
			align-items: flex-end;
			justify-content: space-between;
		}

		/* Designer Vector Metrics (Clean Inline Typography - Zero Pill Backgrounds) */
		.bento-trend-delta,
		.bento-badge-pill {
			display: inline-flex;
			align-items: center;
			gap: 4px;
			font-size: 13.5px;
			font-weight: 700;
			color: #0284C7;
			background: transparent;
			padding: 0;
			border: none;
			border-radius: 0;
			letter-spacing: 0.2px;
		}

		.bento-trend-delta.coral,
		.bento-badge-pill.negative {
			color: #fd8306;
		}

		.bento-trend-delta.cyan,
		.bento-badge-pill.cyan {
			color: #0284C7;
		}

		/* Card 3: Sales KPI (Pure Centered Figma Alignment) */
		.bento-card-3 {
			justify-content: center;
			align-items: center;
			text-align: center;
		}

		.bento-sales-tag {
			font-size: 13px;
			font-weight: 600;
			color: #64748B;
			margin-bottom: 6px;
		}

		.bento-sales-big {
			font-size: 34px;
			font-weight: 800;
			color: #1E244B;
			letter-spacing: -0.8px;
			margin-bottom: 4px;
		}

		.bento-sales-sub {
			font-size: 12.5px;
			color: #94A3B8;
			margin-bottom: 14px;
			font-weight: 500;
		}

		/* Card 4: Dual Concentric Rings */
		.bento-card-4 {
			flex-direction: row;
			align-items: center;
			justify-content: space-between;
			gap: 28px;
		}

		.bento-dual-rings-wrap {
			width: 110px;
			height: 110px;
			flex-shrink: 0;
			position: relative;
		}

		.bento-ring-outer {
			stroke-dasharray: 264;
			stroke-dashoffset: 264;
			transition: stroke-dashoffset 1.5s cubic-bezier(0.16, 1, 0.3, 1) 0.2s;
		}

		.bento-card-4.is-visible .bento-ring-outer,
		.ironfin-analytics-section.is-visible .bento-ring-outer {
			stroke-dashoffset: 66;
		}

		.bento-ring-inner {
			stroke-dasharray: 176;
			stroke-dashoffset: 176;
			transition: stroke-dashoffset 1.5s cubic-bezier(0.16, 1, 0.3, 1) 0.45s;
		}

		.bento-card-4.is-visible .bento-ring-inner,
		.ironfin-analytics-section.is-visible .bento-ring-inner {
			stroke-dashoffset: 88;
		}

		.bento-dual-stats-list {
			flex: 1;
			display: flex;
			flex-direction: column;
			gap: 16px;
		}

		.dual-stat-row {
			display: flex;
			align-items: center;
			justify-content: space-between;
		}

		.dual-stat-left {
			display: flex;
			align-items: baseline;
			gap: 8px;
		}

		.dual-stat-pct {
			font-size: 22px;
			font-weight: 800;
			color: #1E244B;
			letter-spacing: -0.4px;
		}

		.dual-stat-pct.coral {
			color: #fd8306;
		}

		.dual-stat-pct.cyan {
			color: #0284C7;
		}

		.dual-stat-lbl {
			font-size: 13px;
			color: #64748B;
			font-weight: 500;
		}

		/* Card 5: Target Donut Dial */
		.bento-card-5 {
			align-items: center;
			justify-content: center;
			text-align: center;
		}

		.bento-dial-arc {
			stroke-dasharray: 239;
			stroke-dashoffset: 239;
			transition: stroke-dashoffset 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.3s;
		}

		.bento-card-5.is-visible .bento-dial-arc,
		.ironfin-analytics-section.is-visible .bento-dial-arc {
			stroke-dashoffset: 60;
		}

		/* Card 6: Closed Deals Wave */
		.bento-card-6 {
			justify-content: space-between;
			overflow: hidden;
			position: relative;
		}

		.bento-deals-header {
			position: relative;
			z-index: 2;
		}

		.bento-deals-top {
			display: flex;
			align-items: baseline;
			gap: 8px;
			margin-bottom: 2px;
		}

		.bento-deals-val {
			font-size: 28px;
			font-weight: 800;
			color: #1E244B;
			letter-spacing: -0.6px;
		}

		.bento-wave-svg-wrap {
			width: 100%;
			height: 68px;
			margin-top: 14px;
			position: relative;
			z-index: 1;
		}

		.bento-wave-svg {
			width: 100%;
			height: 100%;
			display: block;
		}

		.bento-wave-path {
			stroke-dasharray: 400;
			stroke-dashoffset: 400;
			transition: stroke-dashoffset 1.5s cubic-bezier(0.16, 1, 0.3, 1) 0.35s;
		}

		.bento-wave-area {
			opacity: 0;
			transition: opacity 0.9s ease 0.65s;
		}

		.bento-card-6.is-visible .bento-wave-path,
		.ironfin-analytics-section.is-visible .bento-wave-path {
			stroke-dashoffset: 0;
		}

		.bento-card-6.is-visible .bento-wave-area,
		.ironfin-analytics-section.is-visible .bento-wave-area {
			opacity: 1;
		}

		body.visual-edit-mode .bento-wave-area {
			opacity: 1 !important;
		}

		/* Decorative Doodles for Analytics Section */
		.analytics-doodle-speech {
			position: absolute;
			top: -40px;
			right: -18px;
			width: 72px;
			height: 72px;
			pointer-events: none;
			z-index: 10;
			opacity: 0;
			transform: scale(0.6) translateY(10px);
			transform-origin: bottom center;
			transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
		}

		.bento-card-3.is-visible .analytics-doodle-speech,
		.analytics-bento-container.is-visible .analytics-doodle-speech,
		.ironfin-analytics-section.is-visible .analytics-doodle-speech {
			opacity: 1;
			transform: scale(1) translateY(0);
			animation: doodleSpeechFloat 4.5s ease-in-out infinite alternate 0.5s;
		}

		@keyframes doodleSpeechFloat {
			0% { transform: translateY(0px) rotate(3deg); }
			100% { transform: translateY(-7px) rotate(6deg); }
		}

		.analytics-doodle-arrow {
			position: absolute;
			bottom: -32px;
			left: -44px;
			width: 76px;
			height: 76px;
			pointer-events: none;
			z-index: 10;
			opacity: 0;
			transform: scale(0.7) rotate(-10deg);
			transform-origin: top right;
			transition: opacity 0.6s ease 0.2s, transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 0.2s;
		}

		.analytics-bento-container.is-visible .analytics-doodle-arrow,
		.ironfin-analytics-section.is-visible .analytics-doodle-arrow {
			opacity: 1;
			transform: scale(1) rotate(0deg);
			animation: doodleArrowSway 5s ease-in-out infinite alternate 0.8s;
		}

		@keyframes doodleArrowSway {
			0% { transform: translateY(0) rotate(0deg); }
			100% { transform: translateY(5px) rotate(-4deg); }
		}

		/* Bottom 2-Column Features */
		.analytics-features-grid {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 50px;
			padding: 10px 10px 0;
		}

		.analytics-feat-item {
			display: flex;
			align-items: flex-start;
			gap: 14px;
		}

		.analytics-feat-icon {
			width: 24px;
			height: 24px;
			flex-shrink: 0;
			color: #38BDF8;
			margin-top: 2px;
			transition: transform 0.3s ease;
		}

		.analytics-feat-item:hover .analytics-feat-icon {
			transform: scale(1.15) rotate(15deg);
		}

		.analytics-feat-title {
			font-size: 20px;
			font-weight: 700;
			color: #1E244B;
			margin-bottom: 8px;
			letter-spacing: -0.3px;
		}

		.analytics-feat-desc {
			font-size: 14.5px;
			line-height: 1.6;
			color: #64748B;
		}

		/* Bottom Section Hand-Drawn Brush Accent */
		.analytics-bottom-accent {
			display: flex;
			justify-content: center;
			align-items: center;
			margin-top: 60px;
			width: 100%;
		}

		.analytics-bottom-accent svg {
			width: 240px;
			height: 20px;
		}

		.analytics-bottom-accent path {
			stroke-dasharray: 260;
			stroke-dashoffset: 260;
			transition: stroke-dashoffset 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.2s;
		}

		.analytics-bottom-accent.is-visible path,
		.ironfin-analytics-section.is-visible .analytics-bottom-accent path {
			stroke-dashoffset: 0;
		}

		/* Visual Edit Mode Override (Instant Static Display) */
		body.visual-edit-mode .bento-trend-path,
		body.visual-edit-mode .bento-donut-arc,
		body.visual-edit-mode .bento-ring-outer,
		body.visual-edit-mode .bento-ring-inner,
		body.visual-edit-mode .bento-dial-arc,
		body.visual-edit-mode .bento-wave-path,
		body.visual-edit-mode .analytics-bottom-accent path {
			transition: none !important;
		}

		body.visual-edit-mode .bento-donut-arc {
			stroke-dashoffset: 79 !important;
		}

		body.visual-edit-mode .bento-trend-path {
			stroke-dashoffset: 0 !important;
		}

		body.visual-edit-mode .bento-trend-area {
			opacity: 1 !important;
		}

		body.visual-edit-mode .bento-ring-outer {
			stroke-dashoffset: 66 !important;
		}

		body.visual-edit-mode .bento-ring-inner {
			stroke-dashoffset: 88 !important;
		}

		body.visual-edit-mode .bento-dial-arc {
			stroke-dashoffset: 60 !important;
		}

		body.visual-edit-mode .bento-wave-path,
		body.visual-edit-mode .analytics-bottom-accent path {
			stroke-dashoffset: 0 !important;
		}

		body.visual-edit-mode .analytics-doodle-speech,
		body.visual-edit-mode .analytics-doodle-arrow {
			opacity: 1 !important;
			transform: scale(1) !important;
			animation: none !important;
		}

		@media (max-width: 1024px) {
			.analytics-bento-grid {
				grid-template-columns: 1fr 1fr;
			}
			.bento-span-2 {
				grid-column: span 2;
			}
			.analytics-doodle-speech,
			.analytics-doodle-arrow {
				display: none;
			}
		}

		@media (max-width: 768px) {
			.ironfin-analytics-inner {
				padding: 0 16px;
			}
			.analytics-header {
				margin-bottom: 36px;
			}
			.analytics-heading {
				font-size: 30px;
			}
			.analytics-bento-container {
				margin-bottom: 40px;
			}
			.analytics-bento-grid {
				grid-template-columns: 1fr;
				gap: 16px;
			}
			.bento-span-2 {
				grid-column: span 1;
			}
			.bento-card {
				padding: 22px 18px;
				min-height: 180px;
			}
			.bento-card-4 {
				flex-direction: column;
				align-items: center;
				text-align: center;
				gap: 20px;
				padding: 24px 20px;
			}
			.bento-dual-rings-wrap {
				width: 100px;
				height: 100px;
				margin: 0 auto;
			}
			.bento-dual-stats-list {
				width: 100%;
				gap: 12px;
			}
			.dual-stat-row {
				display: flex;
				align-items: center;
				justify-content: space-between;
				width: 100%;
				padding: 10px 14px;
				background: #F8FAFC;
				border-radius: 12px;
			}
			.dual-stat-left {
				display: flex;
				align-items: baseline;
				gap: 8px;
			}
			.dual-stat-pct {
				font-size: 20px;
			}
			.dual-stat-lbl {
				font-size: 13px;
			}
			.dual-stat-row .bento-trend-delta {
				white-space: nowrap;
				font-size: 11.5px;
			}
			.bento-card-6 {
				padding: 22px 20px 16px;
				min-height: 160px;
			}
			.bento-card-6 .bento-wave-svg-wrap {
				height: 80px;
				margin-top: 14px;
				width: 100%;
			}
			.analytics-features-grid {
				grid-template-columns: 1fr;
				gap: 24px;
			}
		}

		@media (max-width: 480px) {
			.ironfin-analytics-inner {
				padding: 0 12px;
			}
			.analytics-heading {
				font-size: 25px;
				line-height: 1.25;
			}
			.analytics-desc {
				font-size: 14.5px;
			}
			.bento-card {
				padding: 18px 16px;
			}
			.bento-card-4 {
				padding: 20px 14px;
			}
			.dual-stat-row {
				padding: 8px 10px;
			}
			.dual-stat-pct {
				font-size: 18px;
			}
			.dual-stat-lbl {
				font-size: 12px;
			}
			.dual-stat-row .bento-trend-delta {
				font-size: 11px;
				padding: 3px 6px;
			}
			.bento-card-6 {
				padding: 18px 16px 14px;
				min-height: 150px;
			}
			.bento-card-6 .bento-wave-svg-wrap {
				height: 72px;
				margin-top: 12px;
				width: 100%;
			}
		}

		@media (max-width: 360px) {
			.analytics-heading {
				font-size: 21px;
				line-height: 1.26;
			}
			.analytics-desc {
				font-size: 14px;
			}
		}

		/* ====================================================
		   SECTION: WHAT WE DO (Meta Ads Services - Reference Concept)
		   ==================================================== */
		.ironfin-what-we-do-section {
			position: relative;
			background: radial-gradient(circle at 6% 18%, rgba(253, 131, 6, 0.045) 0%, transparent 42%),
			            radial-gradient(circle at 94% 16%, rgba(56, 189, 248, 0.055) 0%, transparent 45%),
			            #FFFFFF;
			padding: 104px 24px 108px;
			overflow: hidden;
		}

		.what-we-do-inner {
			max-width: 1220px;
			margin: 0 auto;
			width: 100%;
			position: relative;
			z-index: 2;
		}

		/* Background Ambient Line Doodles */
		.what-we-do-bg-doodle {
			position: absolute;
			pointer-events: none;
			z-index: 1;
		}

		.what-we-do-bg-doodle.left-doodle {
			top: 25%;
			left: 1%;
			width: 140px;
			height: 140px;
			animation: doodleFloatLeft 6s ease-in-out infinite alternate;
		}

		.what-we-do-bg-doodle.right-doodle {
			bottom: 12%;
			right: 1.5%;
			width: 130px;
			height: 130px;
			animation: doodleFloatRight 6s ease-in-out infinite alternate 1s;
		}

		@keyframes doodleFloatLeft {
			0% { transform: translateY(0) rotate(0deg); }
			100% { transform: translateY(-8px) rotate(-2deg); }
		}

		@keyframes doodleFloatRight {
			0% { transform: translateY(0) rotate(0deg); }
			100% { transform: translateY(8px) rotate(2deg); }
		}

		/* Header */
		.what-we-do-header {
			text-align: center;
			max-width: 780px;
			margin: 0 auto 56px auto;
			opacity: 0;
			transform: translateY(24px);
			transition: opacity 0.75s cubic-bezier(0.16, 1, 0.3, 1), transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
		}

		.ironfin-what-we-do-section.is-visible .what-we-do-header,
		.what-we-do-header.is-visible {
			opacity: 1;
			transform: translateY(0);
		}

		.what-we-do-eyebrow {
			display: inline-flex;
			align-items: center;
			gap: 6px;
			font-size: 13px;
			font-weight: 800;
			text-transform: uppercase;
			letter-spacing: 1.6px;
			color: #1E244B;
			margin-bottom: 16px;
		}

		.what-we-do-eyebrow .slash-coral {
			color: #fd8306;
			font-weight: 900;
		}

		.what-we-do-title {
			font-size: 46px;
			font-weight: 900;
			line-height: 1.18;
			letter-spacing: -1.2px;
			color: #1E244B;
			margin-bottom: 18px;
		}

		.what-we-do-subtitle {
			font-size: 16px;
			line-height: 1.65;
			color: #64748B;
			font-weight: 450;
			max-width: 680px;
			margin: 0 auto;
		}

		/* 6 Cards Grid (3 Columns x 2 Rows) */
		.what-we-do-grid {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 24px;
			position: relative;
			z-index: 2;
		}

		.what-we-do-card {
			background: #FFFFFF;
			border: 1px solid rgba(226, 232, 240, 0.9);
			border-radius: 24px;
			padding: 38px 32px 34px;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			text-align: left;
			box-shadow: 0 10px 30px -8px rgba(30, 36, 75, 0.05), 0 2px 6px rgba(30, 36, 75, 0.02);
			opacity: 0;
			transform: translateY(32px);
			transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease, border-color 0.35s ease;
			cursor: default;
			position: relative;
		}

		.ironfin-what-we-do-section.is-visible .what-we-do-card,
		.what-we-do-grid.is-visible .what-we-do-card,
		.what-we-do-card.is-visible {
			opacity: 1;
			transform: translateY(0);
		}

		/* Staggered entrance delays */
		.ironfin-what-we-do-section.is-visible .what-we-do-card:nth-child(1),
		.what-we-do-grid.is-visible .what-we-do-card:nth-child(1) { transition-delay: 0.08s; }
		.ironfin-what-we-do-section.is-visible .what-we-do-card:nth-child(2),
		.what-we-do-grid.is-visible .what-we-do-card:nth-child(2) { transition-delay: 0.16s; }
		.ironfin-what-we-do-section.is-visible .what-we-do-card:nth-child(3),
		.what-we-do-grid.is-visible .what-we-do-card:nth-child(3) { transition-delay: 0.24s; }
		.ironfin-what-we-do-section.is-visible .what-we-do-card:nth-child(4),
		.what-we-do-grid.is-visible .what-we-do-card:nth-child(4) { transition-delay: 0.32s; }
		.ironfin-what-we-do-section.is-visible .what-we-do-card:nth-child(5),
		.what-we-do-grid.is-visible .what-we-do-card:nth-child(5) { transition-delay: 0.40s; }
		.ironfin-what-we-do-section.is-visible .what-we-do-card:nth-child(6),
		.what-we-do-grid.is-visible .what-we-do-card:nth-child(6) { transition-delay: 0.48s; }

		.what-we-do-card:hover {
			transform: translateY(-8px) !important;
			box-shadow: 0 24px 50px -10px rgba(30, 36, 75, 0.13), 0 0 0 1px rgba(56, 189, 248, 0.35);
			border-color: rgba(56, 189, 248, 0.5);
		}

		/* Service Icon Badge Container & Image */
		.service-icon-wrap {
			width: 60px;
			height: 60px;
			border-radius: 16px;
			background: transparent;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-bottom: 24px;
			position: relative;
			transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
		}

		.service-icon-img {
			width: 100%;
			height: 100%;
			object-fit: contain;
			display: block;
			border-radius: 14px;
			filter: drop-shadow(0 4px 14px rgba(14, 165, 233, 0.12));
			transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), filter 0.35s ease;
		}

		.what-we-do-card:hover .service-icon-wrap {
			transform: scale(1.08) translateY(-2px);
		}

		.what-we-do-card:hover .service-icon-img {
			filter: drop-shadow(0 8px 20px rgba(14, 165, 233, 0.22));
		}

		.service-card-title {
			font-size: 20px;
			font-weight: 800;
			color: #1E244B;
			margin-bottom: 10px;
			letter-spacing: -0.3px;
			line-height: 1.3;
		}

		.service-card-desc {
			font-size: 14px;
			line-height: 1.55;
			color: #64748B;
			font-weight: 450;
			margin: 0;
		}

		/* Bottom CTA Button */
		.what-we-do-cta-wrap {
			display: flex;
			justify-content: center;
			margin-top: 48px;
			position: relative;
			z-index: 2;
			opacity: 0;
			transform: translateY(20px);
			transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.4s, transform 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.4s;
		}

		.ironfin-what-we-do-section.is-visible .what-we-do-cta-wrap,
		.what-we-do-cta-wrap.is-visible {
			opacity: 1;
			transform: translateY(0);
		}

		.what-we-do-cta-btn {
			display: inline-flex;
			align-items: center;
			gap: 10px;
			background: linear-gradient(135deg, #ff8c33 0%, #fd8306 100%);
			color: #FFFFFF;
			font-family: inherit;
			font-size: 15.5px;
			font-weight: 700;
			padding: 16px 36px;
			border-radius: 9999px;
			text-decoration: none;
			box-shadow: 0 12px 28px -6px rgba(253, 131, 6, 0.42);
			transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
		}

		.what-we-do-cta-btn:hover {
			transform: translateY(-3px) scale(1.02);
			box-shadow: 0 18px 36px -6px rgba(253, 131, 6, 0.52);
			color: #FFFFFF;
		}

		.what-we-do-cta-btn svg {
			transition: transform 0.25s ease;
		}

		.what-we-do-cta-btn:hover svg {
			transform: translateX(4px);
		}

		/* Visual Edit Mode Overrides */
		body.visual-edit-mode .what-we-do-header,
		body.visual-edit-mode .what-we-do-card,
		body.visual-edit-mode .what-we-do-cta-wrap {
			opacity: 1 !important;
			transform: none !important;
			transition: none !important;
		}

		/* Responsive */
		@media (max-width: 1024px) {
			.what-we-do-grid {
				grid-template-columns: repeat(2, 1fr);
			}
			.what-we-do-title {
				font-size: 38px;
			}
		}

		@media (max-width: 640px) {
			.ironfin-what-we-do-section {
				padding: 60px 16px;
			}
			.what-we-do-grid {
				grid-template-columns: 1fr;
				gap: 18px;
			}
			.what-we-do-card {
				padding: 30px 24px;
			}
			.what-we-do-title {
				font-size: 28px;
			}
			.what-we-do-subtitle {
				font-size: 15px;
			}
			.what-we-do-cta-btn {
				width: 100%;
				justify-content: center;
			}
		}

		/* ==========================================================================
		   SECTION 7: 5-STEP GROWTH ENGINE PROCESS (Animated & Interactive)
		   ========================================================================== */
		.ironfin-process-section {
			position: relative;
			background: radial-gradient(circle at 10% 20%, rgba(253, 131, 6, 0.04) 0%, transparent 40%),
			            radial-gradient(circle at 90% 15%, rgba(56, 189, 248, 0.05) 0%, transparent 45%),
			            linear-gradient(180deg, #FAFCFF 0%, #FFFFFF 100%);
			padding: 96px 24px 96px;
			overflow: hidden;
		}

		.ironfin-process-inner {
			max-width: 1260px;
			margin: 0 auto;
			width: 100%;
			position: relative;
		}

		/* Header Entrance Animation */
		.process-header {
			text-align: center;
			max-width: 760px;
			margin: 0 auto 52px auto;
			position: relative;
			opacity: 0;
			transform: translateY(24px);
			transition: opacity 0.75s cubic-bezier(0.16, 1, 0.3, 1), transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
		}

		.ironfin-process-section.is-visible .process-header,
		.ironfin-process-inner.is-revealed .process-header,
		.process-header.is-visible {
			opacity: 1;
			transform: translateY(0);
		}

		.process-eyebrow {
			display: inline-flex;
			align-items: center;
			gap: 6px;
			font-size: 13.5px;
			font-weight: 800;
			text-transform: uppercase;
			letter-spacing: 1.5px;
			color: #1E244B;
			margin-bottom: 16px;
		}

		.process-eyebrow .slash-coral {
			color: #fd8306;
		}

		.process-eyebrow .slash-cyan {
			color: #38BDF8;
		}

		.process-title {
			font-size: 46px;
			font-weight: 900;
			line-height: 1.18;
			letter-spacing: -1.2px;
			color: #1E244B;
			margin-bottom: 18px;
		}

		.process-title .highlight-coral {
			color: #fd8306;
			position: relative;
			display: inline-block;
		}

		.process-subtitle {
			font-size: 16.5px;
			line-height: 1.6;
			color: #64748B;
			font-weight: 450;
			max-width: 640px;
			margin: 0 auto;
		}

		/* Hand-drawn Doodles with Ambient Motion */
		.doodle-top-right {
			position: absolute;
			top: -12px;
			right: 20px;
			display: flex;
			flex-direction: column;
			align-items: center;
			pointer-events: none;
			z-index: 5;
			opacity: 0;
			transform: translateY(-10px) rotate(2deg);
			transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.3s, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.3s;
		}

		.ironfin-process-section.is-visible .doodle-top-right,
		.ironfin-process-inner.is-revealed .doodle-top-right,
		.doodle-top-right.is-visible {
			opacity: 1;
			transform: translateY(0) rotate(0deg);
			animation: doodleFloatTop 5s ease-in-out infinite alternate 1.1s;
		}

		@keyframes doodleFloatTop {
			0% { transform: translateY(0) rotate(0deg); }
			100% { transform: translateY(-6px) rotate(1.5deg); }
		}

		.doodle-text {
			font-family: 'Caveat', cursive, sans-serif;
			font-size: 21px;
			font-weight: 700;
			color: #94A3B8;
			transform: rotate(4deg);
			white-space: nowrap;
			margin-bottom: 4px;
		}

		.doodle-arrow-top {
			width: 58px;
			height: 46px;
			transform: rotate(-10deg);
		}

		.doodle-bottom-left {
			position: absolute;
			bottom: 30px;
			left: 20px;
			width: 94px;
			height: 72px;
			pointer-events: none;
			z-index: 2;
			animation: loopDrift 6s ease-in-out infinite alternate;
		}

		@keyframes loopDrift {
			0% { transform: translate(0, 0) rotate(0deg); }
			100% { transform: translate(4px, -6px) rotate(3deg); }
		}

		.doodle-bottom-right {
			position: absolute;
			bottom: 30px;
			right: 30px;
			width: 60px;
			height: 52px;
			pointer-events: none;
			z-index: 2;
			animation: burstTwinkle 3.5s ease-in-out infinite alternate;
		}

		@keyframes burstTwinkle {
			0% { opacity: 0.75; transform: scale(0.94); }
			100% { opacity: 1; transform: scale(1.12); }
		}

		/* 5-Step Pipeline */
		.process-pipeline {
			position: relative;
			margin-bottom: 50px;
		}

		/* Milestone Track */
		.milestones-track {
			position: relative;
			height: 44px;
			margin-bottom: 18px;
			display: grid;
			grid-template-columns: repeat(5, 1fr);
			align-items: center;
		}

		/* SVG Connecting Wave with Continuous Flow Animation */
		.milestones-svg-line {
			position: absolute;
			top: 50%;
			left: 10%;
			right: 10%;
			width: 80%;
			height: 36px;
			transform: translateY(-50%);
			z-index: 1;
			pointer-events: none;
			overflow: visible;
		}

		.milestones-svg-line path {
			stroke-dasharray: 6 6;
			animation: processFlowDash 22s linear infinite;
		}

		@keyframes processFlowDash {
			from { stroke-dashoffset: 0; }
			to { stroke-dashoffset: -240; }
		}

		.milestone-badge-wrap {
			display: flex;
			justify-content: center;
			align-items: center;
			position: relative;
			z-index: 2;
		}

		/* Milestone Badges Pop-In Animation & Ambient Glow */
		.milestone-badge {
			width: 38px;
			height: 38px;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 15px;
			font-weight: 800;
			color: #FFFFFF;
			box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
			opacity: 0;
			transform: scale(0.2);
			transition: opacity 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;
		}

		.ironfin-process-section.is-visible .milestone-badge,
		.ironfin-process-inner.is-revealed .milestone-badge,
		.process-pipeline.is-visible .milestone-badge {
			opacity: 1;
			transform: scale(1);
		}

		.ironfin-process-section.is-visible .milestone-badge-wrap:nth-child(2) .milestone-badge,
		.ironfin-process-inner.is-revealed .milestone-badge-wrap:nth-child(2) .milestone-badge,
		.process-pipeline.is-visible .milestone-badge-wrap:nth-child(2) .milestone-badge {
			transition-delay: 0.12s;
		}
		.ironfin-process-section.is-visible .milestone-badge-wrap:nth-child(3) .milestone-badge,
		.ironfin-process-inner.is-revealed .milestone-badge-wrap:nth-child(3) .milestone-badge,
		.process-pipeline.is-visible .milestone-badge-wrap:nth-child(3) .milestone-badge {
			transition-delay: 0.24s;
		}
		.ironfin-process-section.is-visible .milestone-badge-wrap:nth-child(4) .milestone-badge,
		.ironfin-process-inner.is-revealed .milestone-badge-wrap:nth-child(4) .milestone-badge,
		.process-pipeline.is-visible .milestone-badge-wrap:nth-child(4) .milestone-badge {
			transition-delay: 0.36s;
		}
		.ironfin-process-section.is-visible .milestone-badge-wrap:nth-child(5) .milestone-badge,
		.ironfin-process-inner.is-revealed .milestone-badge-wrap:nth-child(5) .milestone-badge,
		.process-pipeline.is-visible .milestone-badge-wrap:nth-child(5) .milestone-badge {
			transition-delay: 0.48s;
		}
		.ironfin-process-section.is-visible .milestone-badge-wrap:nth-child(6) .milestone-badge,
		.ironfin-process-inner.is-revealed .milestone-badge-wrap:nth-child(6) .milestone-badge,
		.process-pipeline.is-visible .milestone-badge-wrap:nth-child(6) .milestone-badge {
			transition-delay: 0.60s;
		}

		.milestone-badge.badge-cyan {
			background: linear-gradient(135deg, #38BDF8 0%, #0EA5E9 100%);
			box-shadow: 0 4px 14px rgba(14, 165, 233, 0.35);
			animation: badgeGlowCyan 4s ease-in-out infinite alternate;
		}

		.milestone-badge.badge-coral {
			background: linear-gradient(135deg, #ff8c33 0%, #fd8306 100%);
			box-shadow: 0 4px 14px rgba(253, 131, 6, 0.35);
			animation: badgeGlowCoral 4s ease-in-out infinite alternate 1.5s;
		}

		@keyframes badgeGlowCyan {
			0%, 100% { box-shadow: 0 4px 14px rgba(14, 165, 233, 0.35); }
			50% { box-shadow: 0 6px 20px rgba(14, 165, 233, 0.55), 0 0 0 4px rgba(56, 189, 248, 0.18); }
		}

		@keyframes badgeGlowCoral {
			0%, 100% { box-shadow: 0 4px 14px rgba(253, 131, 6, 0.35); }
			50% { box-shadow: 0 6px 20px rgba(253, 131, 6, 0.55), 0 0 0 4px rgba(253, 131, 6, 0.18); }
		}

		/* 5 Cards Grid Entrance Animation */
		.process-cards-grid {
			display: grid;
			grid-template-columns: repeat(5, 1fr);
			gap: 20px;
			position: relative;
			z-index: 3;
		}

		.process-card {
			background: #FFFFFF;
			border: 1px solid rgba(226, 232, 240, 0.9);
			border-radius: 26px;
			padding: 36px 20px 32px 20px;
			text-align: center;
			display: flex;
			flex-direction: column;
			align-items: center;
			box-shadow: 0 14px 34px -10px rgba(30, 36, 75, 0.06), 0 2px 6px rgba(30, 36, 75, 0.02);
			opacity: 0;
			transform: translateY(32px);
			transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease, border-color 0.35s ease;
			position: relative;
			cursor: default;
		}

		.ironfin-process-section.is-visible .process-card,
		.ironfin-process-inner.is-revealed .process-card,
		.process-pipeline.is-visible .process-card,
		.process-card.is-visible {
			opacity: 1;
			transform: translateY(0);
		}

		.ironfin-process-section.is-visible .process-card:nth-child(1),
		.ironfin-process-inner.is-revealed .process-card:nth-child(1),
		.process-pipeline.is-visible .process-card:nth-child(1) { transition-delay: 0.15s; }
		.ironfin-process-section.is-visible .process-card:nth-child(2),
		.ironfin-process-inner.is-revealed .process-card:nth-child(2),
		.process-pipeline.is-visible .process-card:nth-child(2) { transition-delay: 0.28s; }
		.ironfin-process-section.is-visible .process-card:nth-child(3),
		.ironfin-process-inner.is-revealed .process-card:nth-child(3),
		.process-pipeline.is-visible .process-card:nth-child(3) { transition-delay: 0.41s; }
		.ironfin-process-section.is-visible .process-card:nth-child(4),
		.ironfin-process-inner.is-revealed .process-card:nth-child(4),
		.process-pipeline.is-visible .process-card:nth-child(4) { transition-delay: 0.54s; }
		.ironfin-process-section.is-visible .process-card:nth-child(5),
		.ironfin-process-inner.is-revealed .process-card:nth-child(5),
		.process-pipeline.is-visible .process-card:nth-child(5) { transition-delay: 0.67s; }

		.process-card:hover {
			transform: translateY(-10px) !important;
			box-shadow: 0 26px 54px -12px rgba(30, 36, 75, 0.14), 0 0 0 1px rgba(56, 189, 248, 0.35);
			border-color: rgba(56, 189, 248, 0.5);
		}

		/* 3D Icon Container with Organic Out-of-Phase Floating Physics */
		.card-icon-img-wrap {
			width: 82px;
			height: 82px;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-bottom: 22px;
			position: relative;
			transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
			will-change: transform;
		}

		.process-card:nth-child(1) .card-icon-img-wrap {
			animation: iconHoverDrift1 4.4s ease-in-out infinite alternate;
		}
		.process-card:nth-child(2) .card-icon-img-wrap {
			animation: iconHoverDrift2 4.8s ease-in-out infinite alternate 0.8s;
		}
		.process-card:nth-child(3) .card-icon-img-wrap {
			animation: iconHoverDrift1 4.2s ease-in-out infinite alternate 1.6s;
		}
		.process-card:nth-child(4) .card-icon-img-wrap {
			animation: iconHoverDrift2 5.0s ease-in-out infinite alternate 0.4s;
		}
		.process-card:nth-child(5) .card-icon-img-wrap {
			animation: iconHoverDrift1 4.6s ease-in-out infinite alternate 1.2s;
		}

		@keyframes iconHoverDrift1 {
			0% { transform: translateY(0) rotate(0deg); }
			100% { transform: translateY(-5px) rotate(-1deg); }
		}

		@keyframes iconHoverDrift2 {
			0% { transform: translateY(0) rotate(0deg); }
			100% { transform: translateY(-6px) rotate(1.2deg); }
		}

		.process-card:hover .card-icon-img-wrap {
			animation-play-state: paused;
			transform: scale(1.1) translateY(-6px) !important;
		}

		.card-icon-img {
			width: 100%;
			height: 100%;
			object-fit: contain;
			filter: drop-shadow(0 8px 18px rgba(30, 36, 75, 0.08));
			transition: filter 0.3s ease;
		}

		.process-card:hover .card-icon-img {
			filter: drop-shadow(0 14px 24px rgba(30, 36, 75, 0.16));
		}

		.card-title {
			font-size: 20px;
			font-weight: 800;
			color: #1E244B;
			margin-bottom: 12px;
			letter-spacing: -0.3px;
		}

		.card-desc {
			font-size: 13.5px;
			line-height: 1.55;
			color: #64748B;
			font-weight: 450;
		}

		/* Bottom CTA Entrance & Interaction */
		.process-cta-wrap {
			display: flex;
			align-items: center;
			justify-content: center;
			position: relative;
			margin-top: 10px;
			z-index: 4;
			opacity: 0;
			transform: translateY(20px);
			transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.6s, transform 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.6s;
		}

		.ironfin-process-section.is-visible .process-cta-wrap,
		.ironfin-process-inner.is-revealed .process-cta-wrap,
		.process-cta-wrap.is-visible {
			opacity: 1;
			transform: translateY(0);
		}

		.cta-button {
			display: inline-flex;
			align-items: center;
			gap: 12px;
			background-color: #1E244B;
			color: #FFFFFF;
			font-family: inherit;
			font-size: 15px;
			font-weight: 700;
			padding: 15px 34px;
			border-radius: 9999px;
			text-decoration: none;
			box-shadow: 0 10px 24px -6px rgba(30, 36, 75, 0.25);
			transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
			position: relative;
		}

		.cta-button:hover {
			background-color: #151936;
			transform: translateY(-3px) scale(1.02);
			box-shadow: 0 16px 32px -6px rgba(30, 36, 75, 0.35);
			color: #FFFFFF;
		}

		.cta-button svg {
			transition: transform 0.25s ease;
		}

		.cta-button:hover svg {
			transform: translateX(5px);
		}

		/* Annotation doodle pointing to CTA button with Subconscious Nudge */
		.cta-annotation {
			position: absolute;
			left: calc(50% + 140px);
			top: -4px;
			display: flex;
			align-items: center;
			gap: 10px;
			pointer-events: none;
			animation: ctaNudge 2.6s ease-in-out infinite alternate;
		}

		@keyframes ctaNudge {
			0% { transform: translateX(0); }
			100% { transform: translateX(7px); }
		}

		.cta-doodle-arrow {
			width: 44px;
			height: 32px;
			transform: rotate(5deg);
		}

		.cta-annotation-text {
			font-family: 'Caveat', cursive, sans-serif;
			font-size: 21px;
			font-weight: 700;
			color: #94A3B8;
			transform: rotate(-3deg);
			white-space: nowrap;
			line-height: 1;
		}

		/* Visual Edit Mode Overrides */
		body.visual-edit-mode .process-header,
		body.visual-edit-mode .milestone-badge,
		body.visual-edit-mode .process-card,
		body.visual-edit-mode .process-cta-wrap,
		body.visual-edit-mode .doodle-top-right {
			opacity: 1 !important;
			transform: none !important;
			transition: none !important;
		}

		/* Responsive */
		@media (max-width: 1100px) {
			.doodle-top-right {
				display: none;
			}
			.process-cards-grid {
				grid-template-columns: repeat(3, 1fr);
			}
			.milestones-track {
				display: none;
			}
			.process-card:nth-child(4),
			.process-card:nth-child(5) {
				grid-column: span 1;
			}
		}

		@media (max-width: 820px) {
			.ironfin-process-section {
				padding: 60px 16px 64px 16px;
			}
			.process-title {
				font-size: 32px;
			}
			.process-subtitle {
				font-size: 15px;
			}
			.process-cards-grid {
				grid-template-columns: 1fr;
				gap: 16px;
			}
			.card-icon-img-wrap {
				width: 76px;
				height: 76px;
			}
			.cta-annotation {
				display: none;
			}
			.doodle-bottom-left, .doodle-bottom-right {
				display: none;
			}
		}

		/* ========================================================
		   SECTION 8: PRIVACY & DATA SECURITY INFRASTRUCTURE
		   ======================================================== */
		.ironfin-privacy-section {
			padding: 100px 24px 100px;
			background: #ffffff;
			position: relative;
			overflow: hidden;
		}

		.ironfin-privacy-inner {
			max-width: 1220px;
			margin: 0 auto;
			width: 100%;
			position: relative;
		}

		/* Split 2-Column Header */
		.privacy-header {
			display: grid;
			grid-template-columns: 1.1fr 0.9fr;
			gap: 48px;
			align-items: flex-end;
			margin-bottom: 40px;
		}

		.privacy-eyebrow {
			display: inline-flex;
			align-items: center;
			gap: 6px;
			font-size: 13px;
			font-weight: 700;
			text-transform: uppercase;
			letter-spacing: 0.12em;
			color: #1E244B;
			margin-bottom: 12px;
		}

		.privacy-heading {
			font-size: 44px;
			font-weight: 800;
			color: #1E244B;
			letter-spacing: -0.025em;
			line-height: 1.15;
			margin: 0;
		}

		.privacy-desc {
			font-size: 16px;
			line-height: 1.65;
			color: #64748B;
			margin: 0;
		}

		/* Visual Pipeline Canvas Wrap */
		.privacy-canvas-wrap {
			position: relative;
			width: 100%;
			max-width: 1060px;
			margin: 0 auto;
			height: 520px;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		/* Background Map SVG */
		.privacy-map-bg {
			position: absolute;
			inset: 0;
			width: 100%;
			height: 100%;
			pointer-events: none;
			opacity: 0.45;
			z-index: 1;
		}

		/* Data Pipes SVG Overlay */
		.privacy-pipes-svg {
			position: absolute;
			inset: 0;
			width: 100%;
			height: 100%;
			pointer-events: none;
			z-index: 2;
		}

		.privacy-pipe-cyan {
			stroke: #0284C7;
			stroke-width: 2.6;
			stroke-dasharray: 6 6;
			stroke-linecap: round;
			animation: pipeFlow 2.8s linear infinite;
		}

		.privacy-pipe-coral {
			stroke: #fd8306;
			stroke-width: 2.6;
			stroke-dasharray: 6 6;
			stroke-linecap: round;
			animation: pipeFlow 2.8s linear infinite;
		}

		@keyframes pipeFlow {
			from { stroke-dashoffset: 24; }
			to { stroke-dashoffset: 0; }
		}

		/* Central Cloud Group */
		.privacy-cloud-wrap {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -46%);
			z-index: 5;
			display: flex;
			flex-direction: column;
			align-items: center;
			animation: cloudFloat 5s ease-in-out infinite alternate;
		}

		@keyframes cloudFloat {
			0% { transform: translate(-50%, -46%); }
			100% { transform: translate(-50%, -52%); }
		}

		.privacy-cloud-svg {
			width: 290px;
			height: 180px;
			filter: drop-shadow(0 20px 40px rgba(30, 36, 75, 0.12));
		}

		/* Shield with Lock */
		.privacy-shield {
			position: absolute;
			top: 52%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 82px;
			height: 98px;
			filter: drop-shadow(0 10px 24px rgba(2, 132, 199, 0.4));
			animation: shieldGlow 4s ease-in-out infinite alternate;
		}

		@keyframes shieldGlow {
			0% { filter: drop-shadow(0 8px 18px rgba(2, 132, 199, 0.35)); }
			100% { filter: drop-shadow(0 14px 30px rgba(2, 132, 199, 0.7)); }
		}

		/* Top Blocked Threat Badge (Red X with Orbit Loops) */
		.privacy-threat-badge-wrap {
			position: absolute;
			top: 50px;
			left: 50%;
			transform: translateX(-50%);
			z-index: 4;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.privacy-threat-badge {
			width: 46px;
			height: 46px;
			border-radius: 50%;
			background: #fd8306;
			color: #ffffff;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 19px;
			font-weight: 800;
			box-shadow: 0 10px 25px rgba(253, 131, 6, 0.45);
			position: relative;
			z-index: 2;
			animation: threatPulse 3s ease-in-out infinite alternate;
		}

		@keyframes threatPulse {
			0% { transform: scale(1); }
			100% { transform: scale(1.08); }
		}

		.privacy-orbit-svg {
			position: absolute;
			width: 440px;
			height: 120px;
			pointer-events: none;
			top: -36px;
			left: 50%;
			transform: translateX(-50%);
			z-index: 1;
		}

		/* Bottom Loop Scribble Doodle */
		.privacy-loop-doodle {
			position: absolute;
			bottom: 35px;
			left: 50%;
			transform: translateX(-50%);
			width: 140px;
			height: 44px;
			pointer-events: none;
			z-index: 3;
			animation: loopSway 4s ease-in-out infinite alternate;
		}

		@keyframes loopSway {
			0% { transform: translateX(-50%) rotate(0deg); }
			100% { transform: translateX(-50%) rotate(3deg); }
		}

		/* Sparkle Doodles */
		.privacy-doodle-sparkle-left {
			position: absolute;
			bottom: 45px;
			left: 40px;
			width: 32px;
			height: 32px;
			pointer-events: none;
			z-index: 3;
			animation: sparkleTwinkle 5s ease-in-out infinite alternate;
		}

		.privacy-doodle-sparkle-right {
			position: absolute;
			top: 200px;
			right: 40px;
			width: 34px;
			height: 34px;
			pointer-events: none;
			z-index: 3;
			animation: sparkleTwinkle 4.5s ease-in-out infinite alternate 0.5s;
		}

		/* Client Avatar Pods */
		.privacy-avatar-pod {
			position: absolute;
			border-radius: 50%;
			background: #ffffff;
			box-shadow: 0 12px 28px rgba(30, 36, 75, 0.12);
			border: 3px solid #ffffff;
			display: flex;
			align-items: center;
			justify-content: center;
			z-index: 6;
			transition: transform 0.3s ease, box-shadow 0.3s ease;
		}

		.privacy-avatar-pod:hover {
			transform: scale(1.12);
			box-shadow: 0 16px 36px rgba(30, 36, 75, 0.2);
		}

		.privacy-avatar-pod img {
			width: 100%;
			height: 100%;
			border-radius: 50%;
			object-fit: cover;
			display: block;
		}

		/* Specific Avatar Placements */
		.pod-left-1 { top: 110px; left: 160px; width: 44px; height: 44px; }
		.pod-left-2 { top: 235px; left: 130px; width: 64px; height: 64px; }
		.pod-left-3 { top: 360px; left: 160px; width: 56px; height: 56px; }

		.pod-right-1 { top: 120px; right: 160px; width: 60px; height: 60px; }
		.pod-right-2 { top: 235px; right: 140px; width: 52px; height: 52px; }
		.pod-right-3 { top: 350px; right: 170px; width: 54px; height: 54px; }

		/* Mobile Dedicated Pipeline SVG */
		.privacy-pipes-mobile-svg {
			display: none;
			position: absolute;
			inset: 0;
			width: 100%;
			height: 100%;
			pointer-events: none;
			z-index: 2;
		}

		/* Responsive Breakpoints for Privacy Section */
		@media (max-width: 1060px) and (min-width: 769px) {
			.privacy-header {
				grid-template-columns: 1fr;
				gap: 18px;
			}
			.privacy-canvas-wrap {
				transform: scale(calc((100vw - 48px) / 1060));
				transform-origin: top center;
				margin-bottom: calc((520px * (1 - (100vw - 48px) / 1060)) * -1);
			}
		}

		@media (max-width: 768px) {
			.ironfin-privacy-section {
				padding: 50px 16px;
			}
			.privacy-header {
				grid-template-columns: 1fr;
				gap: 16px;
				margin-bottom: 24px;
			}
			.privacy-heading {
				font-size: 28px;
			}
			.privacy-desc {
				font-size: 15px;
			}
			/* Switch from desktop pipes to mobile pipes */
			.privacy-pipes-svg {
				display: none !important;
			}
			.privacy-pipes-mobile-svg {
				display: block !important;
			}
			.privacy-map-bg {
				opacity: 0.22;
			}
			.privacy-canvas-wrap {
				height: 380px;
				max-width: 360px;
				margin: 0 auto;
				position: relative;
			}
			.privacy-cloud-wrap {
				top: 50%;
				left: 50%;
				transform: translate(-50%, -46%);
			}
			.privacy-cloud-svg {
				width: 210px;
				height: 130px;
			}
			.privacy-shield {
				width: 62px;
				height: 74px;
			}
			.privacy-threat-badge-wrap {
				top: 16px;
			}
			.privacy-threat-badge {
				width: 40px;
				height: 40px;
				font-size: 17px;
			}
			.privacy-orbit-svg {
				width: 280px;
				height: 80px;
				top: -18px;
			}
			.privacy-loop-doodle {
				bottom: 14px;
				width: 110px;
				height: 36px;
			}
			.privacy-doodle-sparkle-left {
				top: 24px;
				left: 10px;
				bottom: auto;
				width: 24px;
				height: 24px;
			}
			.privacy-doodle-sparkle-right {
				bottom: 24px;
				right: 10px;
				top: auto;
				width: 24px;
				height: 24px;
			}
			/* Hide Pods 1 on mobile to keep 4 balanced corner nodes */
			.pod-left-1, .pod-right-1 {
				display: none !important;
			}
			/* Pod Left 2 (Top Left) */
			.pod-left-2 {
				top: 75px;
				left: 16px;
				width: 52px;
				height: 52px;
			}
			/* Pod Right 2 (Top Right) */
			.pod-right-2 {
				top: 75px;
				right: 16px;
				width: 52px;
				height: 52px;
			}
			/* Pod Left 3 (Bottom Left) */
			.pod-left-3 {
				top: auto;
				bottom: 58px;
				left: 24px;
				width: 52px;
				height: 52px;
			}
			/* Pod Right 3 (Bottom Right) */
			.pod-right-3 {
				top: auto;
				bottom: 58px;
				right: 24px;
				width: 52px;
				height: 52px;
			}
		}

		@media (max-width: 380px) {
			.privacy-canvas-wrap {
				max-width: 320px;
				height: 360px;
			}
			.privacy-cloud-svg {
				width: 185px;
				height: 115px;
			}
			.privacy-shield {
				width: 54px;
				height: 66px;
			}
			.pod-left-2 {
				top: 70px;
				left: 8px;
				width: 46px;
				height: 46px;
			}
			.pod-right-2 {
				top: 70px;
				right: 8px;
				width: 46px;
				height: 46px;
			}
			.pod-left-3 {
				bottom: 50px;
				left: 12px;
				width: 46px;
				height: 46px;
			}
			.pod-right-3 {
				bottom: 50px;
				right: 12px;
				width: 46px;
				height: 46px;
			}
		}

		/* ========================================================
		   SECTION 9: PRICING PLANS SECTION
		   ======================================================== */
		.ironfin-pricing-section {
			padding: 100px 24px 100px;
			background: radial-gradient(circle at 10% 40%, rgba(56, 189, 248, 0.05) 0%, transparent 40%),
			            radial-gradient(circle at 90% 60%, rgba(253, 131, 6, 0.05) 0%, transparent 40%),
			            #FBFBFE;
			position: relative;
			overflow: hidden;
		}

		.ironfin-pricing-inner {
			max-width: 1220px;
			margin: 0 auto;
			width: 100%;
			position: relative;
		}

		/* Header Centered */
		.pricing-header {
			text-align: center;
			max-width: 680px;
			margin: 0 auto 40px;
		}

		.pricing-eyebrow {
			display: inline-flex;
			align-items: center;
			gap: 6px;
			font-size: 13px;
			font-weight: 700;
			text-transform: uppercase;
			letter-spacing: 0.12em;
			color: #1E244B;
			margin-bottom: 12px;
		}

		.pricing-heading {
			font-size: 44px;
			font-weight: 800;
			color: #1E244B;
			letter-spacing: -0.025em;
			line-height: 1.18;
			margin: 0 0 16px;
		}

		.pricing-desc {
			font-size: 16px;
			line-height: 1.65;
			color: #64748B;
			margin: 0;
		}

		/* Doodles on Edges */
		.pricing-doodle-zigzag {
			position: absolute;
			top: 360px;
			left: -20px;
			width: 32px;
			height: 38px;
			pointer-events: none;
			z-index: 3;
			animation: zigzagWiggle 4s ease-in-out infinite alternate;
		}

		@keyframes zigzagWiggle {
			0% { transform: translateY(0) rotate(0deg); }
			100% { transform: translateY(-8px) rotate(8deg); }
		}

		.pricing-doodle-check {
			position: absolute;
			top: 240px;
			right: -10px;
			width: 58px;
			height: 58px;
			pointer-events: none;
			z-index: 3;
			animation: checkPulse 4.5s ease-in-out infinite alternate;
		}

		@keyframes checkPulse {
			0% { transform: translateY(0) scale(1); }
			100% { transform: translateY(-10px) scale(1.08); }
		}

		/* Interactive Slider Bar */
		.pricing-slider-wrap {
			max-width: 520px;
			margin: 0 auto 60px;
			position: relative;
			text-align: center;
		}

		.pricing-slider-badge-wrap {
			position: relative;
			display: inline-block;
			margin-bottom: 14px;
		}

		.pricing-slider-badge {
			background: #1E244B;
			color: #ffffff;
			font-size: 13px;
			font-weight: 700;
			padding: 5px 14px;
			border-radius: 6px;
			display: inline-flex;
			align-items: center;
			gap: 4px;
			box-shadow: 0 4px 14px rgba(30, 36, 75, 0.2);
			transition: all 0.2s ease;
		}

		.pricing-slider-badge::after {
			content: '';
			position: absolute;
			top: 100%;
			left: 50%;
			transform: translateX(-50%);
			border-width: 5px;
			border-style: solid;
			border-color: #1E244B transparent transparent transparent;
		}

		.pricing-range-track {
			position: relative;
			width: 100%;
			height: 6px;
			background: #E2E8F0;
			border-radius: 4px;
			margin: 0 auto;
		}

		.pricing-range-fill {
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 35%;
			background: #0284C7;
			border-radius: 4px;
			pointer-events: none;
			transition: width 0.15s ease;
		}

		.pricing-range-input {
			position: absolute;
			top: -8px;
			left: 0;
			width: 100%;
			height: 22px;
			opacity: 0;
			cursor: pointer;
			z-index: 5;
			margin: 0;
		}

		.pricing-range-thumb {
			position: absolute;
			top: 50%;
			left: 35%;
			transform: translate(-50%, -50%);
			width: 18px;
			height: 18px;
			border-radius: 50%;
			background: #ffffff;
			border: 3px solid #0284C7;
			box-shadow: 0 2px 8px rgba(2, 132, 199, 0.35);
			pointer-events: none;
			transition: left 0.15s ease;
		}

		.pricing-range-end-dot {
			position: absolute;
			top: 50%;
			right: -10px;
			transform: translateY(-50%);
			width: 6px;
			height: 6px;
			border-radius: 50%;
			border: 2px solid #64748B;
		}

		/* 3-Card Grid */
		.pricing-cards-grid {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 32px;
			align-items: stretch;
		}

		.pricing-card {
			background: #ffffff;
			border-radius: 24px;
			padding: 44px 36px 40px;
			box-shadow: 0 16px 40px -10px rgba(30, 36, 75, 0.08);
			border: 1px solid #E2E8F0;
			display: flex;
			flex-direction: column;
			position: relative;
			transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1);
		}

		.pricing-card:hover {
			transform: translateY(-8px);
			box-shadow: 0 24px 50px -10px rgba(30, 36, 75, 0.14);
		}

		/* Featured Favourite Card */
		.pricing-card.featured-plan {
			background: linear-gradient(180deg, #ff8c33 0%, #fd8306 100%);
			border-color: #fd8306;
			color: #ffffff;
			box-shadow: 0 22px 50px -10px rgba(253, 131, 6, 0.38);
			transform: translateY(-4px);
		}

		.pricing-card.featured-plan:hover {
			transform: translateY(-12px);
			box-shadow: 0 28px 60px -10px rgba(253, 131, 6, 0.48);
		}

		.pricing-plan-title {
			font-size: 22px;
			font-weight: 700;
			color: #1E244B;
			margin: 0 0 16px;
		}

		.featured-plan .pricing-plan-title {
			color: #ffffff;
		}

		/* Price Block */
		.pricing-price-row {
			display: flex;
			align-items: baseline;
			gap: 6px;
			margin-bottom: 4px;
		}

		.pricing-currency {
			font-size: 22px;
			font-weight: 700;
			color: #1E244B;
		}

		.featured-plan .pricing-currency {
			color: #ffffff;
		}

		.pricing-amount {
			font-size: 46px;
			font-weight: 800;
			color: #1E244B;
			line-height: 1;
			letter-spacing: -0.03em;
		}

		.featured-plan .pricing-amount {
			color: #ffffff;
		}

		.pricing-cycle {
			font-size: 14px;
			color: #1E244B;
			font-weight: 600;
		}

		.featured-plan .pricing-cycle {
			color: #ffffff;
		}

		.pricing-discount {
			font-size: 11.5px;
			color: #64748B;
			font-weight: 500;
			margin-bottom: 22px;
		}

		.featured-plan .pricing-discount {
			color: rgba(255, 255, 255, 0.85);
		}

		/* Divider Bar */
		.pricing-card-bar {
			width: 32px;
			height: 3px;
			border-radius: 2px;
			background: #38BDF8;
			margin-bottom: 28px;
		}

		.featured-plan .pricing-card-bar {
			background: #ffffff;
		}

		/* Feature List */
		.pricing-features-list {
			list-style: none;
			padding: 0;
			margin: 0 0 36px;
			display: flex;
			flex-direction: column;
			gap: 16px;
			flex: 1;
		}

		.pricing-feature-item {
			display: flex;
			align-items: center;
			gap: 12px;
			font-size: 14.5px;
			color: #334155;
			line-height: 1.4;
		}

		.featured-plan .pricing-feature-item {
			color: #ffffff;
		}

		.pricing-sparkle-icon {
			width: 14px;
			height: 14px;
			flex-shrink: 0;
			color: #fd8306;
		}

		.featured-plan .pricing-sparkle-icon {
			color: #ffffff;
		}

		.pricing-sparkle-icon svg {
			width: 100%;
			height: 100%;
			display: block;
		}

		/* Button */
		.btn-pricing-action {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			padding: 14px 20px;
			border-radius: 50px;
			font-size: 15px;
			font-weight: 700;
			text-decoration: none;
			border: 1.5px solid #1E244B;
			background: transparent;
			color: #1E244B;
			transition: all 0.25s ease;
			cursor: pointer;
		}

		.btn-pricing-action:hover {
			background: #1E244B;
			color: #ffffff;
		}

		.featured-plan .btn-pricing-action {
			background: #1E244B;
			border-color: #1E244B;
			color: #ffffff;
			box-shadow: 0 8px 20px rgba(30, 36, 75, 0.25);
		}

		.featured-plan .btn-pricing-action:hover {
			background: #0F172A;
			border-color: #0F172A;
			transform: scale(1.02);
		}

		/* Responsive */
		@media (max-width: 960px) {
			.pricing-cards-grid {
				grid-template-columns: 1fr;
				max-width: 480px;
				margin: 0 auto;
			}
			.pricing-card.featured-plan {
				transform: none;
			}
		}

		@media (max-width: 768px) {
			.ironfin-pricing-section {
				padding: 50px 16px;
			}
			.pricing-heading {
				font-size: 28px;
			}
			.pricing-doodle-zigzag, .pricing-doodle-check {
				display: none;
			}
			.pricing-card {
				padding: 28px 20px;
			}
		}

		@media (max-width: 480px) {
			.ironfin-pricing-section {
				padding: 40px 12px;
			}
			.pricing-heading {
				font-size: 25px;
			}
			.pricing-plan-price {
				font-size: 40px;
			}
			.pricing-card {
				padding: 24px 16px;
			}
		}

		/* ========================================================
		   SECTION 10: SERVICES SHOWCASE (ASYMMETRIC 3-COL GRID)
		   ======================================================== */
		.ironfin-services-section {
			padding: 100px 24px 100px;
			background: #ffffff;
			position: relative;
			overflow: hidden;
		}

		.ironfin-services-inner {
			max-width: 1220px;
			margin: 0 auto;
			width: 100%;
			position: relative;
		}

		/* Header Centered */
		.services-header {
			text-align: center;
			max-width: 680px;
			margin: 0 auto 56px;
			position: relative;
		}

		.services-eyebrow {
			display: inline-flex;
			align-items: center;
			gap: 6px;
			font-size: 13px;
			font-weight: 700;
			text-transform: uppercase;
			letter-spacing: 0.12em;
			color: #1E244B;
			margin-bottom: 12px;
		}

		.services-heading {
			font-size: 44px;
			font-weight: 800;
			color: #1E244B;
			letter-spacing: -0.025em;
			line-height: 1.18;
			margin: 0 0 16px;
		}

		.services-desc {
			font-size: 16px;
			line-height: 1.65;
			color: #64748B;
			margin: 0;
		}

		/* Doodles */
		.services-doodle-streak {
			position: absolute;
			top: 140px;
			left: 0;
			width: 80px;
			height: 80px;
			pointer-events: none;
			z-index: 2;
			animation: streakFloat 5s ease-in-out infinite alternate;
		}

		@keyframes streakFloat {
			0% { transform: translateY(0) rotate(0deg); }
			100% { transform: translateY(-8px) rotate(4deg); }
		}

		.services-doodle-ring {
			position: absolute;
			top: 190px;
			right: 180px;
			width: 22px;
			height: 22px;
			pointer-events: none;
			z-index: 2;
			animation: ringSpin 6s linear infinite;
		}

		@keyframes ringSpin {
			from { transform: rotate(0deg); }
			to { transform: rotate(360deg); }
		}

		/* 3-Column Asymmetric Grid */
		.services-grid-wrap {
			display: grid;
			grid-template-columns: 1fr 1.3fr 1fr;
			gap: 36px;
			align-items: start;
			margin-bottom: 50px;
		}

		.services-col-stack {
			display: flex;
			flex-direction: column;
			gap: 32px;
		}

		/* Card Styles */
		.service-card {
			background: #ffffff;
			border-radius: 20px;
			transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1);
		}

		.service-card:hover {
			transform: translateY(-6px);
		}

		.service-card-img-wrap {
			width: 100%;
			height: 175px;
			border-radius: 16px;
			overflow: hidden;
			margin-bottom: 16px;
			box-shadow: 0 10px 25px -5px rgba(30, 36, 75, 0.08);
		}

		.service-card-img-wrap img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			display: block;
			transition: transform 0.5s ease;
		}

		.service-card:hover .service-card-img-wrap img {
			transform: scale(1.05);
		}

		.service-card-title {
			font-size: 18px;
			font-weight: 700;
			color: #1E244B;
			line-height: 1.3;
			margin: 0 0 8px;
			letter-spacing: -0.01em;
		}

		.service-card-desc {
			font-size: 14px;
			line-height: 1.55;
			color: #64748B;
			margin: 0;
		}

		/* Featured Center Card */
		.service-card-featured {
			background: #ffffff;
			border-radius: 24px;
			transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1);
		}

		.service-card-featured:hover {
			transform: translateY(-8px);
		}

		.service-featured-img-wrap {
			width: 100%;
			height: 380px;
			border-radius: 20px;
			overflow: hidden;
			margin-bottom: 22px;
			box-shadow: 0 18px 40px -10px rgba(30, 36, 75, 0.12);
		}

		.service-featured-img-wrap img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			display: block;
			transition: transform 0.5s ease;
		}

		.service-card-featured:hover .service-featured-img-wrap img {
			transform: scale(1.05);
		}

		.service-featured-title {
			font-size: 24px;
			font-weight: 800;
			color: #1E244B;
			line-height: 1.25;
			margin: 0 0 12px;
			letter-spacing: -0.015em;
		}

		.service-featured-desc {
			font-size: 15px;
			line-height: 1.6;
			color: #64748B;
			margin: 0;
		}

		/* Bottom Center Button */
		.services-action-wrap {
			text-align: center;
		}

		.btn-services-cta {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			padding: 14px 34px;
			border-radius: 50px;
			font-size: 15px;
			font-weight: 700;
			background: #1E244B;
			color: #ffffff;
			text-decoration: none;
			box-shadow: 0 10px 24px rgba(30, 36, 75, 0.2);
			transition: all 0.25s ease;
		}

		.btn-services-cta:hover {
			background: #0F172A;
			transform: translateY(-2px);
			box-shadow: 0 14px 30px rgba(30, 36, 75, 0.3);
		}

		/* Responsive */
		@media (max-width: 960px) {
			.services-grid-wrap {
				grid-template-columns: 1fr;
				gap: 36px;
			}
			.service-featured-img-wrap {
				height: 280px;
			}
			.services-doodle-streak, .services-doodle-ring {
				display: none;
			}
		}

		@media (max-width: 768px) {
			.ironfin-services-section {
				padding: 50px 16px;
			}
			.services-heading {
				font-size: 28px;
			}
			.service-featured-img-wrap {
				height: 220px;
			}
			.service-card-img-wrap {
				height: 160px;
			}
		}

		@media (max-width: 480px) {
			.ironfin-services-section {
				padding: 40px 12px;
			}
			.services-heading {
				font-size: 25px;
			}
			.service-featured-img-wrap {
				height: 190px;
			}
			.service-card-img-wrap {
				height: 140px;
			}
			.service-card-body,
			.service-featured-body {
				padding: 20px 16px;
			}
		}

		/* ========================================================
		   SECTION 11: PRE-FOOTER CTA & SLATE NAVY FOOTER
		   ======================================================== */
		.ironfin-footer-section {
			position: relative;
			background: #343F61;
			color: #ffffff;
			padding-top: 220px;
			padding-bottom: 36px;
			margin-top: 65px;
			overflow: visible;
		}

		/* Background Organic Pebble Blobs */
		.footer-blob-bg {
			position: absolute;
			inset: 0;
			width: 100%;
			height: 100%;
			pointer-events: none;
			overflow: hidden;
			z-index: 1;
		}

		.footer-blob {
			position: absolute;
			background: rgba(255, 255, 255, 0.055);
			pointer-events: none;
		}

		.footer-blob-1 { width: 340px; height: 180px; top: 120px; left: -50px; border-radius: 50% 60% 70% 40% / 60% 40% 60% 50%; transform: rotate(-15deg); }
		.footer-blob-2 { width: 280px; height: 150px; top: 70px; left: 36%; border-radius: 60% 40% 50% 60% / 50% 60% 40% 50%; transform: rotate(10deg); }
		.footer-blob-3 { width: 310px; height: 170px; top: 210px; left: 46%; border-radius: 40% 70% 50% 60% / 60% 50% 60% 40%; transform: rotate(-8deg); }
		.footer-blob-4 { width: 320px; height: 190px; top: 180px; right: -40px; border-radius: 70% 40% 60% 50% / 50% 60% 40% 60%; transform: rotate(15deg); }
		.footer-blob-5 { width: 240px; height: 140px; bottom: 40px; left: 80px; border-radius: 50% 60% 40% 60% / 60% 50% 60% 40%; transform: rotate(5deg); }
		.footer-blob-6 { width: 260px; height: 150px; bottom: 30px; right: 120px; border-radius: 60% 50% 60% 40% / 50% 60% 40% 60%; transform: rotate(-12deg); }

		/* Pre-Footer Floating Coral Banner */
		.prefooter-banner-wrap {
			position: absolute;
			top: -65px;
			left: 0;
			right: 0;
			margin-left: auto;
			margin-right: auto;
			width: 100%;
			max-width: 820px;
			padding: 0 20px;
			z-index: 10;
		}

		/* Hand-drawn Doodles above Card */
		.prefooter-doodle-heart {
			position: absolute;
			top: -38px;
			left: 6px;
			width: 42px;
			height: 42px;
			pointer-events: none;
			z-index: 12;
			transform: rotate(-12deg);
		}

		.prefooter-doodle-streaks {
			position: absolute;
			top: -42px;
			right: 12px;
			width: 52px;
			height: 42px;
			pointer-events: none;
			z-index: 12;
		}

		.prefooter-banner-card {
			background: #fd8306;
			border-radius: 26px;
			padding: 42px 48px;
			box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 36px;
			position: relative;
			overflow: visible;
		}

		.prefooter-content {
			flex: 1;
		}

		.prefooter-title {
			font-size: 30px;
			font-weight: 800;
			color: #ffffff;
			margin: 0 0 10px;
			letter-spacing: -0.02em;
			line-height: 1.2;
		}

		.prefooter-desc {
			font-size: 14.5px;
			line-height: 1.6;
			color: rgba(255, 255, 255, 0.88);
			margin: 0;
			max-width: 470px;
		}

		.btn-prefooter-action {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			padding: 15px 34px;
			border-radius: 999px;
			background: #232B47;
			color: #ffffff;
			font-size: 14.5px;
			font-weight: 700;
			text-decoration: none;
			white-space: nowrap;
			box-shadow: 0 8px 20px rgba(15, 23, 42, 0.25);
			transition: all 0.25s ease;
			flex-shrink: 0;
		}

		.btn-prefooter-action:hover {
			background: #181E34;
			transform: translateY(-2px);
			box-shadow: 0 12px 28px rgba(15, 23, 42, 0.35);
		}

		/* Main Footer Inner */
		.ironfin-footer-inner {
			max-width: 1220px;
			margin: 0 auto;
			padding: 0 24px;
			position: relative;
			z-index: 2;
		}

		/* 4-Column Grid */
		.footer-columns-grid {
			display: grid;
			grid-template-columns: 1.35fr 1fr 1fr 1.35fr;
			gap: 48px;
			margin-bottom: 50px;
		}

		/* Col 1: Brand */
		.footer-brand-logo {
			display: inline-block;
			text-decoration: none;
			margin-bottom: 20px;
			transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
		}

		.footer-brand-logo:hover {
			opacity: 0.9;
			transform: scale(1.02);
		}

		.footer-logo-img {
			height: 42px;
			width: auto;
			max-width: 160px;
			object-fit: contain;
			display: block;
		}

		.footer-brand-desc {
			font-size: 14px;
			line-height: 1.65;
			color: rgba(255, 255, 255, 0.72);
			margin: 0 0 24px;
			max-width: 290px;
		}

		.footer-brand-address {
			font-size: 13.5px;
			line-height: 1.65;
			color: rgba(255, 255, 255, 0.85);
		}

		/* Col 2 & 3: Links */
		.footer-col-title {
			font-size: 17px;
			font-weight: 700;
			color: #ffffff;
			margin: 0 0 20px;
			letter-spacing: -0.01em;
		}

		.footer-nav-list {
			list-style: none;
			padding: 0;
			margin: 0;
			display: flex;
			flex-direction: column;
			gap: 12px;
		}

		.footer-nav-item a {
			font-size: 14px;
			color: rgba(255, 255, 255, 0.72);
			text-decoration: none;
			transition: color 0.2s ease, transform 0.2s ease;
			display: inline-block;
		}

		.footer-nav-item a:hover {
			color: #ffffff;
			transform: translateX(3px);
		}

		/* Col 4: Contact & Social */
		.footer-social-row {
			display: flex;
			align-items: center;
			gap: 12px;
			margin-bottom: 22px;
		}

		.footer-social-icon {
			width: 36px;
			height: 36px;
			border-radius: 10px;
			background: rgba(255, 255, 255, 0.12);
			display: flex;
			align-items: center;
			justify-content: center;
			color: rgba(255, 255, 255, 0.88);
			text-decoration: none;
			transition: all 0.25s ease;
		}

		.footer-social-icon:hover {
			background: #38BDF8;
			color: #ffffff;
			transform: translateY(-2px);
		}

		.footer-social-icon.active-cyan {
			background: #38BDF8;
			color: #ffffff;
		}

		.footer-contact-item {
			display: flex;
			align-items: center;
			gap: 10px;
			font-size: 14px;
			color: rgba(255, 255, 255, 0.85);
			margin-bottom: 12px;
			text-decoration: none;
			transition: color 0.2s ease;
		}

		.footer-contact-item:hover {
			color: #38BDF8;
		}

		.footer-contact-icon {
			width: 16px;
			height: 16px;
			color: #38BDF8;
			flex-shrink: 0;
		}

		/* Doodle Smiley on Bottom-Right with Eyes */
		.footer-doodle-smile {
			position: absolute;
			bottom: 48px;
			right: 55px;
			width: 38px;
			height: 26px;
			pointer-events: none;
			animation: smilePulse 4s ease-in-out infinite alternate;
		}

		@keyframes smilePulse {
			0% { transform: scale(1) rotate(0deg); opacity: 0.85; }
			100% { transform: scale(1.1) rotate(-6deg); opacity: 1; }
		}

		/* Bottom Copyright Bar */
		.footer-bottom-bar {
			border-top: 1px solid rgba(255, 255, 255, 0.1);
			padding-top: 26px;
			text-align: center;
			font-size: 13.5px;
			color: rgba(255, 255, 255, 0.65);
		}

		/* Responsive */
		@media (max-width: 960px) {
			.prefooter-banner-wrap {
				position: static;
				margin: 0 auto 50px;
				padding: 0 20px;
				max-width: 100%;
			}
			.prefooter-doodle-heart,
			.prefooter-doodle-streaks {
				display: none;
			}
			.ironfin-footer-section {
				padding-top: 50px;
				margin-top: 50px;
			}
			.prefooter-banner-card {
				flex-direction: column;
				text-align: center;
				padding: 36px 28px;
				gap: 22px;
			}
			.footer-columns-grid {
				grid-template-columns: 1fr 1fr;
				gap: 40px;
			}
			.footer-doodle-smile {
				display: none;
			}
		}

		@media (max-width: 640px) {
			.footer-columns-grid {
				grid-template-columns: 1fr;
				gap: 32px;
			}
			.prefooter-title {
				font-size: 24px;
			}
			.prefooter-banner-card {
				padding: 30px 18px;
			}
			.footer-doodle-smile {
				display: none;
			}
			.footer-bottom-bar {
				flex-direction: column;
				gap: 14px;
				text-align: center;
				align-items: center;
			}
			.footer-bottom-links {
				justify-content: center;
				flex-wrap: wrap;
				gap: 14px;
			}
		}

		/* ====================================================
		   VISUAL EDIT MODE INTERACTIVE STYLES (ON CANVAS)
		   ==================================================== */
		/* Ensure all elements are immediately, 100% visible with zero animation delay */
		body.visual-edit-mode .ironfin-h-line,
		body.visual-edit-mode .hero-word,
		body.visual-edit-mode .ironfin-hero-desc,
		body.visual-edit-mode .desc-line,
		body.visual-edit-mode .ironfin-cta-group,
		body.visual-edit-mode .ironfin-btn-primary,
		body.visual-edit-mode .ironfin-btn-video,
		body.visual-edit-mode .ironfin-base-card,
		body.visual-edit-mode .ironfin-profile-card,
		body.visual-edit-mode .ironfin-sales-card,
		body.visual-edit-mode .ironfin-burst-doodle,
		body.visual-edit-mode .ironfin-loop-doodle,
		body.visual-edit-mode .ironfin-sparkle-star,
		body.visual-edit-mode .ironfin-cyan-swoop,
		body.visual-edit-mode .ironfin-underline-path {
			opacity: 1 !important;
			filter: none !important;
			transform: none !important;
			animation: none !important;
			stroke-dashoffset: 0 !important;
		}

		/* Lock in absolute pixel coordinates for cards - NEVER let them shift */
		body.visual-edit-mode .ironfin-base-card {
			position: absolute !important;
			top: 32px !important;
			left: 10px !important;
			transform: none !important;
		}

		body.visual-edit-mode .ironfin-profile-card {
			position: absolute !important;
			top: -16px !important;
			right: -6px !important;
			transform: none !important;
		}

		body.visual-edit-mode .ironfin-sales-card {
			position: absolute !important;
			bottom: -24px !important;
			left: -18px !important;
			transform: none !important;
		}

		body.visual-edit-mode .editable-text {
			position: relative;
			transition: outline 0.15s ease, box-shadow 0.15s ease;
		}

		body.visual-edit-mode .editable-item {
			transition: outline 0.15s ease, box-shadow 0.15s ease;
		}

		body.visual-edit-mode .editable-text:hover,
		body.visual-edit-mode .editable-item:hover {
			outline: 2px dashed #0284c7 !important;
			outline-offset: 3px !important;
			border-radius: 6px;
			cursor: pointer;
		}

		body.visual-edit-mode .editable-text:focus {
			outline: 2px solid #fd8306 !important;
			outline-offset: 3px !important;
			border-radius: 4px;
			background-color: rgba(253, 131, 6, 0.04);
		}

		/* Badge indicator on hover in visual edit mode */
		body.visual-edit-mode .editable-item::after,
		body.visual-edit-mode .editable-text:hover::after {
			content: '✎ Edit';
			position: absolute;
			top: -22px;
			right: 0;
			background: #0284c7;
			color: #ffffff;
			font-size: 10px;
			font-weight: 700;
			padding: 2px 6px;
			border-radius: 4px;
			pointer-events: none;
			z-index: 1000;
			font-family: -apple-system, BlinkMacSystemFont, sans-serif;
			line-height: 1;
			white-space: nowrap;
			display: none;
		}

		body.visual-edit-mode .editable-item:hover::after,
		body.visual-edit-mode .editable-text:hover::after {
			display: block;
		}

		/* Floating Popover Modal for Buttons, Images, Cards */
		.ironfin-popover {
			position: fixed;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%) scale(0.95);
			background: #ffffff;
			border-radius: 16px;
			padding: 24px;
			width: 90%;
			max-width: 440px;
			box-shadow: 0 25px 60px -15px rgba(15, 23, 42, 0.35), 0 0 0 1px rgba(226, 232, 240, 0.9);
			z-index: 10000;
			opacity: 0;
			pointer-events: none;
			transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
		}

		.ironfin-popover.active {
			opacity: 1;
			pointer-events: auto;
			transform: translate(-50%, -50%) scale(1);
		}

		.popover-backdrop {
			position: fixed;
			inset: 0;
			background: rgba(15, 23, 42, 0.45);
			backdrop-filter: blur(4px);
			z-index: 9999;
			opacity: 0;
			pointer-events: none;
			transition: opacity 0.2s ease;
		}

		.popover-backdrop.active {
			opacity: 1;
			pointer-events: auto;
		}

		.popover-header {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 16px;
			border-bottom: 1px solid #f1f5f9;
			padding-bottom: 10px;
		}

		.popover-title {
			font-size: 16px;
			font-weight: 700;
			color: #1e244b;
		}

		.popover-close {
			background: none;
			border: none;
			font-size: 18px;
			color: #94a3b8;
			cursor: pointer;
			padding: 4px;
		}

		.popover-close:hover {
			color: #0f172a;
		}

		.popover-field {
			margin-bottom: 14px;
		}

		.popover-label {
			display: block;
			font-size: 12px;
			font-weight: 600;
			color: #475569;
			margin-bottom: 6px;
		}

		.popover-input {
			width: 100%;
			padding: 9px 12px;
			font-size: 14px;
			border: 1px solid #cbd5e1;
			border-radius: 8px;
			font-family: inherit;
			color: #1e244b;
			outline: none;
			transition: border-color 0.2s ease;
		}

		.popover-input:focus {
			border-color: #6366f1;
		}

		.popover-actions {
			display: flex;
			justify-content: flex-end;
			gap: 10px;
			margin-top: 18px;
		}

		.btn-popover-cancel {
			background: #f1f5f9;
			border: none;
			color: #475569;
			font-weight: 600;
			padding: 8px 16px;
			border-radius: 6px;
			cursor: pointer;
		}

		.btn-popover-save {
			background: #fd8306;
			border: none;
			color: #ffffff;
			font-weight: 700;
			padding: 8px 20px;
			border-radius: 6px;
			cursor: pointer;
		}

		.btn-popover-save:hover {
			background: #e54b3d;
		}

		/* Toast Notification */
		.ironfin-toast {
			position: fixed;
			bottom: 24px;
			right: 24px;
			background: #0f172a;
			color: #ffffff;
			padding: 14px 20px;
			border-radius: 10px;
			font-size: 14px;
			font-weight: 600;
			display: flex;
			align-items: center;
			gap: 10px;
			box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
			border-left: 4px solid #10b981;
			transform: translateY(100px);
			opacity: 0;
			transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
			z-index: 10001;
		}

		.ironfin-toast.show {
			transform: translateY(0);
			opacity: 1;
		}

		@media (max-width: 1240px) and (min-width: 1025px) {
			.hero-flight-combo {
				right: -105px;
				transform: scale(0.85);
			}
		}

		/* Responsive Standard */
		@media (max-width: 1024px) {
			.ironfin-hero-grid {
				grid-template-columns: 1fr;
				text-align: center;
				gap: 40px;
			}
			.ironfin-hero-content {
				align-items: center;
			}
			.ironfin-cta-group {
				justify-content: center;
			}
			.ironfin-loop-doodle,
			.hero-flight-combo {
				display: none;
			}
			.ironfin-underline-svg {
				bottom: -7px;
				height: 16px;
			}
		}

		@media (max-width: 768px) {
			.ironfin-hero-desc {
				font-size: 15px;
				line-height: 1.6;
				max-width: 440px;
				margin: 0 auto 28px;
				text-align: center;
				text-wrap: balance;
			}
			.desc-line {
				display: inline;
			}
			.ironfin-cta-group {
				justify-content: center;
				gap: 18px;
			}
			.ironfin-btn-primary {
				padding: 14px 28px;
				font-size: 14.5px;
				white-space: nowrap;
			}
			.ironfin-btn-video {
				font-size: 14px;
				gap: 10px;
				white-space: nowrap;
			}
			.ironfin-play-icon {
				width: 40px;
				height: 40px;
				min-width: 40px;
			}
			.ironfin-burst-doodle {
				display: none;
			}
			.ironfin-underline-svg {
				bottom: -15px;
				height: 12px;
				left: -1%;
				width: 102%;
			}
		}

		@media (max-width: 640px) {
			.ironfin-hero-heading {
				font-size: 32px;
				letter-spacing: -0.6px;
				line-height: 1.25;
			}
			.ironfin-h-line.line-2 {
				margin-bottom: 8px;
			}
			.ironfin-cards-container {
				width: 100%;
				max-width: 340px;
				height: 280px;
				margin: 0 auto;
			}
			.ironfin-base-card { width: 100%; left: 0; top: 16px; }
			.ironfin-profile-card { right: 0; top: -10px; width: 135px; }
			.ironfin-sales-card { left: 0; bottom: -12px; width: 125px; }
			.ironfin-underline-svg {
				bottom: -14px;
				height: 11px;
			}
		}

		@media (max-width: 480px) {
			.ironfin-hero-heading {
				font-size: 28px;
				letter-spacing: -0.5px;
				line-height: 1.22;
			}
			.ironfin-hero-desc {
				font-size: 14.5px;
				line-height: 1.55;
				max-width: 340px;
				margin: 0 auto 24px;
			}
			.ironfin-cta-group {
				gap: 12px;
			}
			.ironfin-btn-primary {
				padding: 12px 18px;
				font-size: 13.5px;
			}
			.ironfin-btn-video {
				font-size: 13px;
				gap: 8px;
			}
			.ironfin-play-icon {
				width: 34px;
				height: 34px;
				min-width: 34px;
			}
		}

		@media (max-width: 360px) {
			.ironfin-hero-heading {
				font-size: 25px;
				letter-spacing: -0.4px;
				line-height: 1.24;
			}
			.ironfin-h-line.line-2 {
				margin-bottom: 6px;
			}
			.ironfin-cta-group {
				flex-direction: column;
				gap: 12px;
				width: 100%;
			}
			.ironfin-btn-primary {
				width: 100%;
				max-width: 250px;
				padding: 13px 20px;
				font-size: 14px;
			}
			.ironfin-btn-video {
				font-size: 13.5px;
				gap: 10px;
				justify-content: center;
			}
			.ironfin-play-icon {
				width: 36px;
				height: 36px;
				min-width: 36px;
			}
			.ironfin-cards-container {
				max-width: 300px;
				height: 260px;
			}
			.ironfin-profile-card { width: 120px; }
			.ironfin-sales-card { width: 115px; }
			.ironfin-underline-svg {
				bottom: -12px;
				height: 9px;
			}
		}

		/* ========================================================
		   GLOBAL SECTION SCROLL REVEAL (FADE & GLIDE ENTRANCE)
		   ======================================================== */
		.has-scroll-reveal .reveal-on-scroll {
			opacity: 0;
			transform: translateY(38px);
			transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1),
			            transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
			will-change: opacity, transform;
		}

		.has-scroll-reveal .reveal-on-scroll.is-revealed {
			opacity: 1;
			transform: translateY(0);
		}

		.has-scroll-reveal .reveal-on-scroll.is-revealed-clean {
			transform: none !important;
			will-change: auto !important;
		}

		/* Staggered Child Elevations for Interactive Sections */
		/* Pricing Section Cards: Directional Entrance (Left from Left, Middle from Below, Right from Right) */
		.has-scroll-reveal .pricing-cards-grid {
			transform: none !important;
		}

		.has-scroll-reveal .pricing-cards-grid .pricing-card {
			opacity: 0;
			transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1),
			            transform 1s cubic-bezier(0.16, 1, 0.3, 1),
			            border-color 0.25s ease,
			            box-shadow 0.25s ease;
			will-change: opacity, transform;
		}

		/* Left Card: Enters boldly from the Left (-140px) */
		.has-scroll-reveal .pricing-cards-grid #dom-price-card-1,
		.has-scroll-reveal .pricing-cards-grid > .pricing-card:nth-child(1) {
			transform: translateX(-140px) scale(0.92);
		}

		/* Middle Card: Enters boldly from Below (+120px) */
		.has-scroll-reveal .pricing-cards-grid #dom-price-card-2,
		.has-scroll-reveal .pricing-cards-grid > .pricing-card:nth-child(2) {
			transform: translateY(120px) scale(0.92);
		}

		/* Right Card: Enters boldly from the Right (+140px) */
		.has-scroll-reveal .pricing-cards-grid #dom-price-card-3,
		.has-scroll-reveal .pricing-cards-grid > .pricing-card:nth-child(3) {
			transform: translateX(140px) scale(0.92);
		}

		/* Triggered Revealed States (Fires right when cards scroll into viewport) */
		.has-scroll-reveal .pricing-cards-grid.is-revealed #dom-price-card-1,
		.has-scroll-reveal .pricing-cards-grid.is-revealed > .pricing-card:nth-child(1) {
			opacity: 1;
			transform: translateX(0) scale(1);
			transition-delay: 0.05s;
		}

		.has-scroll-reveal .pricing-cards-grid.is-revealed #dom-price-card-2,
		.has-scroll-reveal .pricing-cards-grid.is-revealed > .pricing-card:nth-child(2) {
			opacity: 1;
			transform: translateY(-4px) scale(1);
			transition-delay: 0.18s;
		}

		.has-scroll-reveal .pricing-cards-grid.is-revealed #dom-price-card-3,
		.has-scroll-reveal .pricing-cards-grid.is-revealed > .pricing-card:nth-child(3) {
			opacity: 1;
			transform: translateX(0) scale(1);
			transition-delay: 0.32s;
		}

		/* Clean State After Reveal (Unlocks crisp font rendering and natural hover interactions) */
		.has-scroll-reveal .pricing-cards-grid.is-revealed-clean .pricing-card {
			opacity: 1;
			transition-delay: 0s;
			will-change: auto;
		}

		.has-scroll-reveal .pricing-cards-grid.is-revealed-clean #dom-price-card-1,
		.has-scroll-reveal .pricing-cards-grid.is-revealed-clean > .pricing-card:nth-child(1),
		.has-scroll-reveal .pricing-cards-grid.is-revealed-clean #dom-price-card-3,
		.has-scroll-reveal .pricing-cards-grid.is-revealed-clean > .pricing-card:nth-child(3) {
			transform: none;
		}

		.has-scroll-reveal .pricing-cards-grid.is-revealed-clean #dom-price-card-2,
		.has-scroll-reveal .pricing-cards-grid.is-revealed-clean > .pricing-card:nth-child(2) {
			transform: translateY(-4px);
		}

		/* Hover Elevation Overrides */
		.has-scroll-reveal .pricing-card:hover {
			transform: translateY(-8px) !important;
		}

		.has-scroll-reveal .pricing-card.featured-plan:hover {
			transform: translateY(-12px) !important;
		}

		@media (max-width: 960px) {
			.has-scroll-reveal .pricing-cards-grid #dom-price-card-1,
			.has-scroll-reveal .pricing-cards-grid > .pricing-card:nth-child(1) {
				transform: translateX(-50px);
			}
			.has-scroll-reveal .pricing-cards-grid #dom-price-card-2,
			.has-scroll-reveal .pricing-cards-grid > .pricing-card:nth-child(2) {
				transform: translateY(50px);
			}
			.has-scroll-reveal .pricing-cards-grid #dom-price-card-3,
			.has-scroll-reveal .pricing-cards-grid > .pricing-card:nth-child(3) {
				transform: translateX(50px);
			}
			.has-scroll-reveal .pricing-cards-grid.is-revealed #dom-price-card-2,
			.has-scroll-reveal .pricing-cards-grid.is-revealed > .pricing-card:nth-child(2),
			.has-scroll-reveal .pricing-cards-grid.is-revealed-clean #dom-price-card-2,
			.has-scroll-reveal .pricing-cards-grid.is-revealed-clean > .pricing-card:nth-child(2) {
				transform: none;
			}
		}

		/* Services Section Staggered Entrance (Center Big First, Then Left/Right Top, Then Left/Right Bottom) */
		.has-scroll-reveal .services-grid-wrap {
			transform: none !important;
		}

		.has-scroll-reveal .services-col-stack {
			opacity: 1 !important;
			transform: none !important;
		}

		.has-scroll-reveal .services-grid-wrap .service-card,
		.has-scroll-reveal .services-grid-wrap .service-card-featured {
			opacity: 0;
			transform: translateY(130px) scale(0.92);
			transition: opacity 0.95s cubic-bezier(0.16, 1, 0.3, 1),
			            transform 0.95s cubic-bezier(0.16, 1, 0.3, 1);
			will-change: opacity, transform;
		}

		/* Stage 1: Center Column Big Featured Card Enters FIRST of all */
		.has-scroll-reveal .services-grid-wrap.is-revealed .service-card-featured,
		.has-scroll-reveal .services-grid-wrap.is-revealed #dom-service-featured,
		.has-scroll-reveal .ironfin-services-inner.is-revealed .services-grid-wrap.is-revealed .service-card-featured {
			opacity: 1;
			transform: translateY(0) scale(1);
			transition-delay: 0.04s;
		}

		/* Stage 2: Left & Right Top Cards Enter SECOND after center card */
		.has-scroll-reveal .services-grid-wrap.is-revealed .services-col-stack .service-card:nth-child(1),
		.has-scroll-reveal .services-grid-wrap.is-revealed #dom-service-card-1,
		.has-scroll-reveal .services-grid-wrap.is-revealed #dom-service-card-3,
		.has-scroll-reveal .ironfin-services-inner.is-revealed .services-grid-wrap.is-revealed .services-col-stack .service-card:nth-child(1) {
			opacity: 1;
			transform: translateY(0) scale(1);
			transition-delay: 0.45s;
		}

		/* Stage 3: Left & Right Bottom Cards Enter THIRD after a further delay */
		.has-scroll-reveal .services-grid-wrap.is-revealed .services-col-stack .service-card:nth-child(2),
		.has-scroll-reveal .services-grid-wrap.is-revealed #dom-service-card-2,
		.has-scroll-reveal .services-grid-wrap.is-revealed #dom-service-card-4,
		.has-scroll-reveal .ironfin-services-inner.is-revealed .services-grid-wrap.is-revealed .services-col-stack .service-card:nth-child(2) {
			opacity: 1;
			transform: translateY(0) scale(1);
			transition-delay: 0.88s;
		}

		/* Clean State (Restores subpixel clarity and enables smooth native hover lifts) */
		.has-scroll-reveal .services-grid-wrap.is-revealed-clean .service-card,
		.has-scroll-reveal .services-grid-wrap.is-revealed-clean .service-card-featured {
			opacity: 1;
			transform: none;
			transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1);
			will-change: auto;
		}

		/* Natural Hover Elevation Overrides after entrance completes */
		.has-scroll-reveal .services-grid-wrap.is-revealed-clean .service-card-featured:hover {
			transform: translateY(-8px) !important;
		}

		.has-scroll-reveal .services-grid-wrap.is-revealed-clean .service-card:hover {
			transform: translateY(-6px) !important;
		}

		@media (max-width: 960px) {
			.has-scroll-reveal .services-grid-wrap .service-card,
			.has-scroll-reveal .services-grid-wrap .service-card-featured {
				transform: translateY(50px) scale(0.96);
			}
		}

		/* Privacy Section Canvas */
		.has-scroll-reveal .ironfin-privacy-inner .privacy-canvas-wrap {
			opacity: 0;
			transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1);
		}

		.has-scroll-reveal .ironfin-privacy-inner.is-revealed .privacy-canvas-wrap {
			opacity: 1;
			transition-delay: 0.18s;
		}

		.has-scroll-reveal .ironfin-privacy-inner.is-revealed-clean .privacy-canvas-wrap {
			opacity: 1;
			transition-delay: 0s;
		}

		/* Visual Editor Safety & Reduced Motion Overrides */
		body.visual-edit-mode .reveal-on-scroll,
		body.visual-edit-mode .pricing-card,
		body.visual-edit-mode .services-col-stack,
		body.visual-edit-mode .service-card-featured,
		body.visual-edit-mode .privacy-canvas-wrap,
		body.visual-edit-mode .prefooter-banner-card,
		body.visual-edit-mode .ironfin-footer-inner,
		body.visual-edit-mode .hero-flight-arrow,
		body.visual-edit-mode .hero-flight-plane {
			opacity: 1 !important;
			transform: none !important;
			transition: none !important;
			animation: none !important;
		}

		@media (prefers-reduced-motion: reduce) {
			.has-scroll-reveal .reveal-on-scroll,
			.has-scroll-reveal .pricing-card,
			.has-scroll-reveal .services-col-stack,
			.has-scroll-reveal .service-card-featured,
			.has-scroll-reveal .privacy-canvas-wrap,
			.hero-flight-arrow,
			.hero-flight-plane {
				opacity: 1 !important;
				transform: none !important;
				transition: none !important;
				animation: none !important;
			}
		}