/* ========================================================================== JuicedSEO - Main Stylesheet Mobile-first,production-ready CSS ========================================================================== *//* -------------------------------------------------------------------------- CSS Custom Properties -------------------------------------------------------------------------- */:root{	--color-primary:#1B4D3E;	--color-primary-dark:#143B30;	--color-secondary:#7AC143;	--color-secondary-dark:#5FA330;	--color-accent:#F4A236;	--color-dark:#0F1A14;	--color-text:#2D3B35;	--color-text-light:#5A6B63;	--color-border:#D4DDD8;	--color-light:#F0F5F2;	--color-white:#FFFFFF;	--font-heading:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;	--font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;	--fs-xs:0.75rem;	--fs-sm:0.875rem;	--fs-base:1rem;	--fs-md:1.125rem;	--fs-lg:1.25rem;	--fs-xl:1.5rem;	--fs-2xl:clamp(1.5rem,3vw,2rem);	--fs-3xl:clamp(1.75rem,4vw,2.5rem);	--fs-4xl:clamp(2rem,5vw,3rem);	--fs-5xl:clamp(2.25rem,5.5vw,3.5rem);	--spacing-xs:0.25rem;	--spacing-sm:0.5rem;	--spacing-md:1rem;	--spacing-lg:1.5rem;	--spacing-xl:2rem;	--spacing-2xl:3rem;	--spacing-3xl:4rem;	--spacing-4xl:6rem;	--radius-sm:0.375rem;	--radius-md:0.5rem;	--radius-lg:0.75rem;	--radius-xl:1rem;	--radius-full:9999px;	--shadow-sm:0 1px 2px rgba(15,26,20,0.06);	--shadow-md:0 4px 12px rgba(15,26,20,0.08);	--shadow-lg:0 8px 24px rgba(15,26,20,0.12);	--shadow-xl:0 16px 48px rgba(15,26,20,0.16);	--transition:0.25s ease;	--max-width:1200px;	--header-height:80px}/* -------------------------------------------------------------------------- Reset & Base -------------------------------------------------------------------------- */*,*::before,*::after{	box-sizing:border-box;	margin:0;	padding:0}html{	-webkit-text-size-adjust:100%;	scroll-behavior:smooth;	-moz-osx-font-smoothing:grayscale;	-webkit-font-smoothing:antialiased;	overflow-x:hidden}body{	font-family:var(--font-body);	font-size:var(--fs-base);	line-height:1.6;	color:var(--color-text);	background-color:var(--color-white);	overflow-x:hidden}img,picture,video,canvas,svg{	display:block;	max-width:100%;	height:auto}input,button,textarea,select{	font:inherit;	color:inherit}a{	color:var(--color-primary);	text-decoration:none;	transition:color var(--transition)}a:hover{	color:var(--color-secondary)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{	outline:2px solid var(--color-secondary);	outline-offset:2px}ul,ol{	list-style:none}h1,h2,h3,h4,h5,h6{	font-family:var(--font-heading);	font-weight:700;	line-height:1.2;	color:var(--color-dark)}h1{font-size:var(--fs-5xl)}h2{font-size:var(--fs-3xl)}h3{font-size:var(--fs-2xl)}h4{font-size:var(--fs-xl)}p+p{	margin-top:var(--spacing-md)}/* -------------------------------------------------------------------------- Utilities -------------------------------------------------------------------------- */.container{	width:100%;	max-width:var(--max-width);	margin-inline:auto;	padding-inline:var(--spacing-md)}@media (min-width:768px){	.container{		padding-inline:var(--spacing-xl);	}}.screen-reader-text{	position:absolute;	width:1px;	height:1px;	padding:0;	margin:-1px;	overflow:hidden;	clip:rect(0,0,0,0);	white-space:nowrap;	border:0}.screen-reader-text:focus{	position:fixed;	top:5px;	left:5px;	z-index:100000;	display:block;	width:auto;	height:auto;	padding:1rem 1.5rem;	clip:auto;	font-size:var(--fs-base);	font-weight:600;	color:var(--color-white);	background:var(--color-primary);	border-radius:var(--radius-md)}.skip-link{	z-index:100001}/* -------------------------------------------------------------------------- Buttons -------------------------------------------------------------------------- */.btn{	display:inline-flex;	align-items:center;	justify-content:center;	gap:var(--spacing-sm);	padding:0.75rem 1.5rem;	font-family:var(--font-body);	font-size:var(--fs-sm);	font-weight:600;	line-height:1;	text-align:center;	text-decoration:none;	white-space:nowrap;	border:2px solid transparent;	border-radius:var(--radius-md);	cursor:pointer;	transition:all var(--transition)}.btn--primary{	color:var(--color-white);	background:var(--color-primary);	border-color:var(--color-primary)}.btn--primary:hover{	color:var(--color-white);	background:var(--color-primary-dark);	border-color:var(--color-primary-dark)}.btn--secondary{	color:#FFFFFF;	background:var(--color-secondary);	border-color:var(--color-secondary)}.btn--secondary:hover{	color:#FFFFFF;	background:var(--color-secondary-dark);	border-color:var(--color-secondary-dark)}.btn--outline{	color:var(--color-primary);	background:transparent;	border-color:var(--color-primary)}.btn--outline:hover{	color:var(--color-white);	background:var(--color-primary)}.btn--outline-light{	color:var(--color-white);	background:transparent;	border-color:rgba(255,255,255,0.4)}.btn--outline-light:hover{	color:var(--color-dark);	background:var(--color-white);	border-color:var(--color-white)}.btn--large{	padding:1rem 2rem;	font-size:var(--fs-base)}.btn--full{	width:100%}/* -------------------------------------------------------------------------- Site Header -------------------------------------------------------------------------- */.site-header{	position:sticky;	top:0;	z-index:1000;	background:var(--color-white);	transition:background 0.35s ease,box-shadow 0.35s ease,transform 0.35s ease,backdrop-filter 0.35s ease;	will-change:background,box-shadow,transform}.site-header--scrolled{	background:rgba(255,255,255,0.82);	backdrop-filter:blur(20px) saturate(180%);	-webkit-backdrop-filter:blur(20px) saturate(180%);	box-shadow:0 1px 0 rgba(0,0,0,0.06),0 4px 24px rgba(15,26,20,0.08)}.site-header--hidden{	transform:translateY(-100%);	transition:transform 0.35s ease,background var(--transition),box-shadow var(--transition)}.site-header__top-bar{	display:none;	background:var(--color-primary);	color:var(--color-white);	font-size:var(--fs-sm);	padding:0.4rem 0}@media (min-width:768px){	.site-header__top-bar{		display:block;	}}.site-header__contact{	display:flex;	justify-content:flex-end;	gap:var(--spacing-xl)}.site-header__phone,.site-header__email{	display:inline-flex;	align-items:center;	gap:0.4rem;	color:rgba(255,255,255,0.85);	font-size:var(--fs-xs);	transition:color var(--transition)}.site-header__phone:hover,.site-header__email:hover{	color:var(--color-secondary)}.site-header__main{	border-bottom:1px solid rgba(212,221,216,0.6)}.site-header--scrolled .site-header__main{	border-bottom-color:transparent}.site-header__inner{	display:flex;	align-items:center;	justify-content:space-between;	height:var(--header-height);	gap:var(--spacing-xl)}.site-header__brand{	flex-shrink:0}.site-header__logo-text{	font-family:var(--font-heading);	font-size:var(--fs-xl);	font-weight:800;	color:var(--color-primary);	letter-spacing:-0.02em}.site-header__logo-text:hover{	color:var(--color-primary-dark)}.site-header__brand .custom-logo{	height:40px;	width:auto}/* Desktop Navigation */.site-nav{	display:none}@media (min-width:1024px){	.site-nav{		display:flex;		flex:1;		justify-content:center;	}}.site-nav__list{	display:flex;	align-items:center;	gap:0.125rem}.site-nav__list li{	position:relative}.site-nav__list>li>a{	display:block;	padding:0.5rem 0.875rem;	font-size:var(--fs-sm);	font-weight:500;	color:var(--color-text);	border-radius:var(--radius-sm);	transition:color var(--transition),background var(--transition);	position:relative}.site-nav__list>li>a::after{	content:'';	position:absolute;	bottom:2px;	left:0.875rem;	right:0.875rem;	height:2px;	background:var(--color-secondary);	border-radius:2px;	transform:scaleX(0);	transition:transform 0.2s ease;	transform-origin:left}.site-nav__list>li>a:hover::after,.site-nav__list>li.current-menu-item>a::after,.site-nav__list>li.current-page-ancestor>a::after{	transform:scaleX(1)}.site-nav__list>li>a:hover,.site-nav__list>li.current-menu-item>a,.site-nav__list>li.current-page-ancestor>a{	color:var(--color-primary)}/* Dropdown */.site-nav__list .sub-menu{	position:absolute;	top:calc(100%+8px);	left:0;	z-index:100;	min-width:230px;	padding:0.5rem;	background:var(--color-white);	border:1px solid var(--color-border);	border-radius:var(--radius-lg);	box-shadow:0 8px 32px rgba(15,26,20,0.12),0 2px 8px rgba(15,26,20,0.06);	opacity:0;	visibility:hidden;	transform:translateY(6px);	transition:opacity 0.2s ease,transform 0.2s ease,visibility 0.2s}.site-nav__list li:hover>.sub-menu,.site-nav__list li:focus-within>.sub-menu{	opacity:1;	visibility:visible;	transform:translateY(0)}.site-nav__list .sub-menu a{	display:block;	padding:0.5rem 0.875rem;	font-size:var(--fs-sm);	color:var(--color-text);	border-radius:var(--radius-sm);	transition:color var(--transition),background var(--transition)}.site-nav__list .sub-menu a:hover{	color:var(--color-primary);	background:var(--color-light)}.site-nav__list .sub-menu .sub-menu{	top:0;	left:100%}/* Header Actions */.site-header__actions{	display:flex;	align-items:center;	gap:var(--spacing-md);	flex-shrink:0}.site-header__cta{	display:none;	font-size:var(--fs-sm);	font-weight:600;	padding:0.55rem 1.25rem;	border-radius:var(--radius-full);	background:var(--color-secondary);	color:var(--color-dark);	transition:background var(--transition),box-shadow var(--transition),transform var(--transition);	box-shadow:0 2px 12px rgba(122,193,67,0.25)}.site-header__cta:hover{	background:var(--color-secondary-dark);	box-shadow:0 4px 20px rgba(122,193,67,0.4);	transform:translateY(-1px)}@media (min-width:768px){	.site-header__cta{		display:inline-flex;		align-items:center;		gap:0.4rem;	}}/* Hamburger Toggle */.site-header__toggle{	display:flex;	flex-direction:column;	justify-content:center;	gap:5px;	width:40px;	height:40px;	padding:0.5rem;	background:none;	border:1px solid var(--color-border);	border-radius:var(--radius-sm);	cursor:pointer;	transition:border-color var(--transition),background var(--transition)}.site-header__toggle:hover{	background:var(--color-light);	border-color:var(--color-primary)}@media (min-width:1024px){	.site-header__toggle{		display:none;	}}.site-header__toggle-bar{	display:block;	width:20px;	height:2px;	background:var(--color-dark);	border-radius:2px;	transition:transform 0.3s ease,opacity 0.3s ease}.site-header__toggle[aria-expanded="true"] .site-header__toggle-bar:nth-child(1){	transform:translateY(7px) rotate(45deg)}.site-header__toggle[aria-expanded="true"] .site-header__toggle-bar:nth-child(2){	opacity:0;	transform:scaleX(0)}.site-header__toggle[aria-expanded="true"] .site-header__toggle-bar:nth-child(3){	transform:translateY(-7px) rotate(-45deg)}/* Mobile Menu */.mobile-menu{	position:fixed;	top:0;	left:0;	right:0;	bottom:0;	z-index:998;	background:var(--color-white);	overflow-y:auto;	transform:translateX(100%);	transition:transform 0.35s cubic-bezier(0.4,0,0.2,1);	padding-top:var(--header-height)}.mobile-menu[aria-hidden="false"]{	transform:translateX(0)}.mobile-menu__inner{	padding:var(--spacing-xl) var(--spacing-md)}.mobile-menu__list{	margin-bottom:var(--spacing-xl)}.mobile-menu__list li{	border-bottom:1px solid var(--color-border)}.mobile-menu__list .menu-item-has-children{	display:flex;	flex-wrap:wrap;	align-items:center;	gap:var(--spacing-sm)}.mobile-menu__list a{	display:block;	padding:var(--spacing-md) 0;	font-size:var(--fs-md);	font-weight:500;	color:var(--color-text);	transition:color var(--transition);	flex:1;	min-width:0}.mobile-menu__list a:hover{	color:var(--color-primary)}.mobile-menu__list .sub-menu{	padding-left:var(--spacing-lg);	flex-basis:100%}.mobile-menu__list .sub-menu a{	font-size:var(--fs-base);	font-weight:400}.mobile-menu__submenu-toggle{	flex-shrink:0;	background:none;	border:1px solid var(--color-border);	border-radius:var(--radius-sm);	padding:0.25rem 0.5rem;	cursor:pointer;	color:var(--color-text-light);	transition:color var(--transition),border-color var(--transition);	display:flex;	align-items:center;	justify-content:center;	line-height:1}.mobile-menu__submenu-toggle:hover{	color:var(--color-primary);	border-color:var(--color-primary)}.mobile-menu__cta{	display:flex;	flex-direction:column;	gap:var(--spacing-md)}/* -------------------------------------------------------------------------- Hero -------------------------------------------------------------------------- */.hero{	position:relative;	min-height:clamp(640px,92vh,900px);	padding:calc(var(--header-height)+var(--spacing-3xl)) 0 var(--spacing-4xl);	color:var(--color-white);	background:linear-gradient(145deg,#0a2e22 0%,var(--color-primary) 40%,var(--color-primary-dark) 100%);	overflow:hidden;	isolation:isolate;	display:flex;	align-items:center}@media (min-width:768px){	.hero{		padding:calc(var(--header-height)+var(--spacing-4xl)) 0 var(--spacing-4xl);	}}/* ── Background:video / poster ── */.hero__bg{	position:absolute;	inset:0;	z-index:-3;	overflow:hidden}.hero__video,.hero__poster{	position:absolute;	inset:0;	width:100%;	height:100%;	object-fit:cover;	background-size:cover;	background-position:center;	animation:heroZoom 24s ease-in-out infinite alternate;	transform-origin:center;	will-change:transform}@keyframes heroZoom{	from{transform:scale(1)}	to{transform:scale(1.12)}}/* ── Overlay ── */.hero__overlay{	position:absolute;	inset:0;	z-index:-2;	background:rgba(10,22,17,0.65);	background-image:linear-gradient(160deg,rgba(10,22,17,0.55) 0%,rgba(20,59,48,0.72) 55%,rgba(10,22,17,0.85) 100%)}/* ── Floating blurred circles ── */.hero__orbs{	position:absolute;	inset:0;	z-index:-1;	pointer-events:none;	overflow:hidden}.hero__orb{	position:absolute;	display:block;	border-radius:50%;	filter:blur(80px);	opacity:0.5;	will-change:transform}.hero__orb--1{	width:420px;	height:420px;	top:-80px;	left:-120px;	background:radial-gradient(circle,var(--color-secondary) 0%,transparent 70%);	animation:heroFloat 16s ease-in-out infinite}.hero__orb--2{	width:500px;	height:500px;	bottom:-160px;	right:-140px;	background:radial-gradient(circle,var(--color-accent) 0%,transparent 70%);	opacity:0.35;	animation:heroFloat 22s ease-in-out infinite reverse}.hero__orb--3{	width:320px;	height:320px;	top:40%;	right:30%;	background:radial-gradient(circle,var(--color-primary) 0%,transparent 70%);	opacity:0.4;	animation:heroFloat 18s ease-in-out infinite;	animation-delay:-6s}@keyframes heroFloat{	0%,100%{transform:translate(0,0) scale(1)}	33%{transform:translate(40px,-30px) scale(1.08)}	66%{transform:translate(-30px,40px) scale(0.94)}}/* ── Grid ── */.hero__grid{	display:grid;	gap:var(--spacing-2xl);	align-items:center;	position:relative;	z-index:1}@media (min-width:1024px){	.hero__grid{		grid-template-columns:1.15fr 1fr;		gap:var(--spacing-3xl);	}}/* ── Content ── */.hero__content{	max-width:640px}.hero__eyebrow{	display:inline-flex;	align-items:center;	gap:0.5rem;	margin-bottom:var(--spacing-lg);	padding:0.375rem 0.875rem 0.375rem 0.625rem;	font-size:var(--fs-xs);	font-weight:700;	color:var(--color-secondary);	background:rgba(122,193,67,0.12);	border:1px solid rgba(122,193,67,0.28);	border-radius:var(--radius-full);	letter-spacing:0.06em;	text-transform:uppercase;	backdrop-filter:blur(8px);	-webkit-backdrop-filter:blur(8px)}.hero__eyebrow svg{	flex-shrink:0}.hero__title{	margin-bottom:var(--spacing-lg);	font-size:clamp(2.25rem,5.5vw,4rem);	font-weight:800;	color:var(--color-white);	letter-spacing:-0.028em;	line-height:1.05;	text-shadow:0 2px 40px rgba(0,0,0,0.3)}.hero__lead{	margin-bottom:var(--spacing-xl);	font-size:var(--fs-md);	line-height:1.7;	color:rgba(255,255,255,0.82);	max-width:560px}.hero__actions{	display:flex;	flex-wrap:wrap;	gap:var(--spacing-md);	margin-bottom:var(--spacing-xl)}/* Modern primary CTA with glow */.btn--primary-glow{	background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-dark) 100%);	color:#FFFFFF;	border:none;	font-weight:700;	box-shadow:		0 6px 24px rgba(122,193,67,0.38),		inset 0 1px 0 rgba(255,255,255,0.15);	transition:transform 0.25s ease,box-shadow 0.25s ease;	position:relative;	overflow:hidden}.btn--primary-glow::before{	content:'';	position:absolute;	top:0;	left:-100%;	width:100%;	height:100%;	background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);	transition:left 0.6s ease}.btn--primary-glow:hover{	transform:translateY(-3px);	box-shadow:		0 12px 36px rgba(122,193,67,0.5),		inset 0 1px 0 rgba(255,255,255,0.2)}.btn--primary-glow:hover::before{	left:100%}.btn--primary-glow:active{	transform:translateY(-1px)}.hero__actions .btn--outline-light{	transition:transform 0.25s ease,box-shadow 0.25s ease,background 0.25s ease}.hero__actions .btn--outline-light:hover{	transform:translateY(-2px);	box-shadow:0 8px 24px rgba(0,0,0,0.2)}/* ── Trust Badges ── */.hero__trust{	display:flex;	flex-wrap:wrap;	gap:0.5rem 0.75rem;	margin-bottom:var(--spacing-xl)}.hero__trust-badge{	display:inline-flex;	align-items:center;	gap:0.4rem;	padding:0.375rem 0.75rem;	font-size:var(--fs-xs);	font-weight:600;	color:rgba(255,255,255,0.85);	background:rgba(255,255,255,0.06);	border:1px solid rgba(255,255,255,0.14);	border-radius:var(--radius-full);	backdrop-filter:blur(10px);	-webkit-backdrop-filter:blur(10px)}.hero__trust-badge svg{	color:var(--color-secondary);	flex-shrink:0}/* ── Stats ── */.hero__stats{	display:grid;	grid-template-columns:repeat(3,1fr);	gap:var(--spacing-md);	padding-top:var(--spacing-lg);	border-top:1px solid rgba(255,255,255,0.14)}@media (min-width:640px){	.hero__stats{		gap:var(--spacing-xl);	}}.hero__stat-number{	display:block;	font-size:clamp(1.5rem,3vw,2.25rem);	font-weight:800;	color:var(--color-secondary);	line-height:1.1;	letter-spacing:-0.02em}.hero__stat-label{	font-size:var(--fs-xs);	color:rgba(255,255,255,0.65);	text-transform:uppercase;	letter-spacing:0.06em;	font-weight:600}/* ── Illustration (right column) ── */.hero__illustration{	display:none;	position:relative}@media (min-width:1024px){	.hero__illustration{		display:block;	}}.hero-seo-svg{	width:100%;	max-width:520px;	height:auto;	margin-left:auto;	filter:drop-shadow(0 30px 60px rgba(0,0,0,0.35))}/* SVG animations */.seo-svg__panel{animation:svgPanelDrift 12s ease-in-out infinite alternate;transform-origin:center}@keyframes svgPanelDrift{	from{transform:translateY(0) rotate(0deg)}	to{transform:translateY(-6px) rotate(-0.4deg)}}.seo-svg__pin--1{animation:svgPinBounce 3.6s ease-in-out infinite;transform-origin:200px 160px}.seo-svg__pin--2{animation:svgPinBounce 4.2s ease-in-out infinite;animation-delay:-1s;transform-origin:320px 120px}.seo-svg__pin--3{animation:svgPinBounce 4.6s ease-in-out infinite;animation-delay:-2s;transform-origin:130px 240px}@keyframes svgPinBounce{	0%,100%{transform:translateY(0) scale(1)}	50%{transform:translateY(-8px) scale(1.06)}}.seo-svg__pulse{	animation:svgPulse 2.4s ease-out infinite;	transform-origin:200px 160px}@keyframes svgPulse{	0%{transform:scale(0.6);opacity:1}	100%{transform:scale(2.4);opacity:0}}.seo-svg__card--ranking{animation:svgFloatA 6s ease-in-out infinite}.seo-svg__card--analytics{animation:svgFloatB 7.5s ease-in-out infinite}.seo-svg__card--local-pack{animation:svgFloatA 8s ease-in-out infinite;animation-delay:-3s}@keyframes svgFloatA{	0%,100%{transform:translate(300px,200px)}	50%{transform:translate(300px,190px)}}@keyframes svgFloatB{	0%,100%{transform:translate(50px,290px)}	50%{transform:translate(50px,282px)}}.seo-svg__bar{	transform-origin:bottom;	animation:svgBarGrow 3s ease-in-out infinite alternate}.seo-svg__bar--1{animation-delay:0s}.seo-svg__bar--2{animation-delay:0.2s}.seo-svg__bar--3{animation-delay:0.4s}.seo-svg__bar--4{animation-delay:0.6s}@keyframes svgBarGrow{	from{transform:scaleY(0.75)}	to{transform:scaleY(1)}}.seo-svg__trend{	stroke-dasharray:200;	stroke-dashoffset:200;	animation:svgDraw 3s ease-in-out infinite alternate}.seo-svg__traffic-line{	stroke-dasharray:200;	stroke-dashoffset:200;	animation:svgDraw 3.5s ease-in-out infinite alternate;	animation-delay:-0.5s}@keyframes svgDraw{	from{stroke-dashoffset:200}	to{stroke-dashoffset:0}}.seo-svg__trend-dot{	animation:svgDotPulse 2s ease-in-out infinite;	transform-origin:106px 66px}@keyframes svgDotPulse{	0%,100%{transform:scale(1);opacity:1}	50%{transform:scale(1.6);opacity:0.7}}.seo-svg__badge{	animation:svgBadgeFloat 4s ease-in-out infinite;	transform-origin:center}@keyframes svgBadgeFloat{	0%,100%{transform:translate(340px,40px) rotate(-4deg)}	50%{transform:translate(340px,32px) rotate(4deg)}}.seo-svg__stars polygon{	animation:svgStarTwinkle 2.5s ease-in-out infinite}.seo-svg__stars polygon:nth-child(2){animation-delay:0.2s}.seo-svg__stars polygon:nth-child(3){animation-delay:0.4s}.seo-svg__stars polygon:nth-child(4){animation-delay:0.6s}.seo-svg__stars polygon:nth-child(5){animation-delay:0.8s}@keyframes svgStarTwinkle{	0%,100%{opacity:0.4}	50%{opacity:1}}/* ── Scroll indicator ── */.hero__scroll-indicator{	position:absolute;	bottom:var(--spacing-lg);	left:50%;	transform:translateX(-50%);	width:24px;	height:40px;	border:2px solid rgba(255,255,255,0.35);	border-radius:12px;	display:none}@media (min-width:768px){	.hero__scroll-indicator{		display:block;	}}.hero__scroll-dot{	position:absolute;	top:6px;	left:50%;	width:4px;	height:8px;	margin-left:-2px;	background:var(--color-secondary);	border-radius:2px;	animation:heroScrollDot 1.8s ease-in-out infinite}@keyframes heroScrollDot{	0%{transform:translateY(0);opacity:1}	60%{transform:translateY(14px);opacity:0}	100%{transform:translateY(0);opacity:0}}@media (prefers-reduced-motion:reduce){	.hero__video,	.hero__poster,	.hero__orb,	.seo-svg__panel,	.seo-svg__pin--1,	.seo-svg__pin--2,	.seo-svg__pin--3,	.seo-svg__pulse,	.seo-svg__card--ranking,	.seo-svg__card--analytics,	.seo-svg__card--local-pack,	.seo-svg__bar,	.seo-svg__trend,	.seo-svg__traffic-line,	.seo-svg__trend-dot,	.seo-svg__badge,	.seo-svg__stars polygon,	.hero__scroll-dot{		animation:none !important;	}	.js-reveal{		opacity:1;		transform:none;		transition:none;	}	.hero__video{		display:none;	}	.trust-bar__track{		animation:none !important;	}	.reviews-slider__track{		transition:none !important;	}	.proc-step__pulse{		animation:none !important;	}	.proc-step__connector-line{		transform:scaleY(1) scaleX(1) !important;		transition:none !important;	}	.why-premium__shape--3{		animation:none !important;	}	.ind-premium__badge-dot{		animation:none !important;	}	.prc-premium__badge-dot{		animation:none !important;	}	.faq-premium__badge-dot,	.faq-trust__pulse{		animation:none !important;	}	.about-hero::after{		animation:none !important;	}}/* -------------------------------------------------------------------------- Sections (generic) -------------------------------------------------------------------------- */.section{	padding:var(--spacing-3xl) 0}@media (min-width:768px){	.section{		padding:var(--spacing-4xl) 0;	}}.section--light{	background:var(--color-light)}.section__header{	text-align:center;	max-width:680px;	margin:0 auto var(--spacing-2xl)}.section__eyebrow{	display:inline-block;	margin-bottom:var(--spacing-sm);	font-size:var(--fs-sm);	font-weight:600;	color:var(--color-secondary-dark);	text-transform:uppercase;	letter-spacing:0.05em}.section__title{	margin-bottom:var(--spacing-md)}.section__description{	font-size:var(--fs-md);	color:var(--color-text-light);	line-height:1.7}.section__footer{	text-align:center;	margin-top:var(--spacing-2xl)}/* -------------------------------------------------------------------------- Card Grid -------------------------------------------------------------------------- */.card-grid{	display:grid;	gap:var(--spacing-lg)}@media (min-width:640px){	.card-grid--3{		grid-template-columns:repeat(2,1fr);	}}@media (min-width:1024px){	.card-grid--3{		grid-template-columns:repeat(3,1fr);	}}/* -------------------------------------------------------------------------- Cards -------------------------------------------------------------------------- */.card{	display:flex;	flex-direction:column;	background:var(--color-white);	border:1px solid var(--color-border);	border-radius:var(--radius-lg);	overflow:hidden;	transition:all var(--transition)}.card:hover{	border-color:var(--color-secondary);	box-shadow:var(--shadow-md);	transform:translateY(-2px)}.card__title{	margin-bottom:var(--spacing-sm);	font-size:var(--fs-lg)}/* Post Card */.card--post{	text-decoration:none}.card__image{	display:block;	overflow:hidden;	aspect-ratio:3/2}.card__image img{	width:100%;	height:100%;	object-fit:cover;	transition:transform var(--transition)}.card--post:hover .card__image img{	transform:scale(1.03)}.card__body{	padding:var(--spacing-lg);	display:flex;	flex-direction:column;	flex:1}.card__category{	display:inline-block;	margin-bottom:var(--spacing-sm);	font-size:var(--fs-xs);	font-weight:600;	color:var(--color-secondary-dark);	text-transform:uppercase;	letter-spacing:0.05em}.card__body .card__title{	font-size:var(--fs-md);	margin-bottom:var(--spacing-sm)}.card__body .card__title a{	color:var(--color-dark)}.card__body .card__title a:hover{	color:var(--color-primary)}.card__excerpt{	font-size:var(--fs-sm);	color:var(--color-text-light);	line-height:1.6;	flex:1}.card__meta{	display:flex;	gap:var(--spacing-md);	margin-top:var(--spacing-md);	padding-top:var(--spacing-md);	border-top:1px solid var(--color-border);	font-size:var(--fs-xs);	color:var(--color-text-light)}/* -------------------------------------------------------------------------- Industries — Premium Interactive Finder -------------------------------------------------------------------------- */.ind-premium{	position:relative;	overflow:hidden;	background:linear-gradient(165deg,#F0F5F2 0%,#E8F0EB 40%,#F7FAF8 100%)}.ind-premium__bg{	position:absolute;	inset:0;	pointer-events:none;	z-index:0}.ind-premium__dots{	position:absolute;	inset:0;	background-image:radial-gradient(circle,rgba(27,77,62,0.06) 1px,transparent 1px);	background-size:28px 28px}.ind-premium__blob{	position:absolute;	border-radius:50%;	filter:blur(80px)}.ind-premium__blob--1{	width:350px;	height:350px;	background:rgba(122,193,67,0.10);	top:-80px;	right:-60px}.ind-premium__blob--2{	width:280px;	height:280px;	background:rgba(27,77,62,0.08);	bottom:-60px;	left:10%}/* ── Layout ── */.ind-premium__layout{	display:flex;	flex-direction:column;	gap:var(--spacing-2xl);	position:relative;	z-index:1}@media (min-width:1024px){	.ind-premium__layout{		flex-direction:row;		gap:var(--spacing-3xl);		align-items:flex-start;	}}/* ── Sidebar ── */.ind-premium__sidebar{	flex-shrink:0}@media (min-width:1024px){	.ind-premium__sidebar{		position:sticky;		top:calc(var(--header-height)+var(--spacing-xl));		width:340px;	}}.ind-premium__badge{	display:inline-flex;	align-items:center;	gap:0.5rem;	padding:0.35rem 1rem;	border-radius:var(--radius-full);	background:rgba(27,77,62,0.08);	color:var(--color-primary);	font-size:var(--fs-xs);	font-weight:600;	letter-spacing:0.06em;	text-transform:uppercase;	margin-bottom:var(--spacing-md)}.ind-premium__badge-dot{	width:6px;	height:6px;	border-radius:50%;	background:var(--color-secondary);	animation:indDotPulse 2s ease-in-out infinite}@keyframes indDotPulse{	0%,100%{opacity:1;transform:scale(1)}	50%{opacity:0.4;transform:scale(0.7)}}.ind-premium__title{	font-family:var(--font-heading);	font-size:var(--fs-3xl);	font-weight:800;	line-height:1.15;	color:var(--color-dark);	margin-bottom:var(--spacing-md)}.ind-premium__desc{	font-size:var(--fs-base);	line-height:1.7;	color:var(--color-text-light);	margin-bottom:var(--spacing-xl)}/* ── Search field ── */.ind-search{	position:relative;	margin-bottom:var(--spacing-lg)}.ind-search__icon{	position:absolute;	left:14px;	top:50%;	transform:translateY(-50%);	color:var(--color-text-light);	pointer-events:none;	transition:color 0.25s ease}.ind-search__input{	width:100%;	padding:0.85rem 1rem 0.85rem 2.75rem;	border:1.5px solid var(--color-border);	border-radius:var(--radius-lg);	background:rgba(255,255,255,0.8);	backdrop-filter:blur(6px);	-webkit-backdrop-filter:blur(6px);	font-family:var(--font-body);	font-size:var(--fs-sm);	color:var(--color-text);	transition:border-color 0.25s ease,box-shadow 0.25s ease;	outline:none}.ind-search__input::placeholder{	color:var(--color-text-light)}.ind-search__input:focus{	border-color:var(--color-secondary);	box-shadow:0 0 0 3px rgba(122,193,67,0.15)}.ind-search__input:focus ~ .ind-search__icon,.ind-search:focus-within .ind-search__icon{	color:var(--color-primary)}/* ── Filter tabs ── */.ind-filters{	display:flex;	flex-wrap:wrap;	gap:0.4rem}.ind-filters__tab{	padding:0.4rem 0.85rem;	border:1.5px solid var(--color-border);	border-radius:var(--radius-full);	background:rgba(255,255,255,0.6);	color:var(--color-text-light);	font-family:var(--font-body);	font-size:var(--fs-xs);	font-weight:500;	cursor:pointer;	transition:all 0.25s ease;	white-space:nowrap}.ind-filters__tab:hover{	border-color:var(--color-primary);	color:var(--color-primary);	background:rgba(27,77,62,0.04)}.ind-filters__tab.is-active{	border-color:var(--color-primary);	background:var(--color-primary);	color:var(--color-white)}/* ── Grid ── */.ind-grid{	flex:1;	min-width:0;	display:grid;	gap:var(--spacing-md);	position:relative;	z-index:1}@media (min-width:640px){	.ind-grid{		grid-template-columns:repeat(2,1fr);	}}@media (min-width:1280px){	.ind-grid{		grid-template-columns:repeat(3,1fr);	}}.ind-grid__empty{	grid-column:1 / -1;	text-align:center;	padding:var(--spacing-3xl) var(--spacing-xl);	color:var(--color-text-light);	font-size:var(--fs-base)}/* ── Card ── */.ind-card{	position:relative;	display:flex;	flex-direction:column;	padding:1.5rem;	border-radius:var(--radius-lg);	background:rgba(255,255,255,0.55);	backdrop-filter:blur(12px);	-webkit-backdrop-filter:blur(12px);	border:1px solid rgba(27,77,62,0.08);	color:var(--color-text);	text-decoration:none;	transition:transform 0.35s cubic-bezier(0.34,1.56,0.64,1),	 box-shadow 0.35s ease,	 border-color 0.35s ease;	overflow:hidden}.ind-card__glow{	position:absolute;	inset:-1px;	border-radius:inherit;	background:linear-gradient(135deg,rgba(122,193,67,0.20),rgba(27,77,62,0.15));	opacity:0;	transition:opacity 0.35s ease;	pointer-events:none;	z-index:0}.ind-card:hover{	transform:translateY(-6px) scale(1.02);	box-shadow:0 12px 32px rgba(27,77,62,0.12);	border-color:rgba(122,193,67,0.25)}.ind-card:hover .ind-card__glow{	opacity:1}/* Icon */.ind-card__icon-wrap{	position:relative;	width:48px;	height:48px;	display:flex;	align-items:center;	justify-content:center;	border-radius:var(--radius-md);	background:linear-gradient(135deg,rgba(27,77,62,0.08),rgba(122,193,67,0.10));	color:var(--color-primary);	margin-bottom:0.75rem;	z-index:1;	transition:transform 0.35s cubic-bezier(0.34,1.56,0.64,1)}.ind-card__icon-ring{	position:absolute;	inset:-3px;	border-radius:inherit;	border:1.5px solid rgba(122,193,67,0.20);	opacity:0;	transition:opacity 0.35s ease,transform 0.35s ease;	pointer-events:none}.ind-card:hover .ind-card__icon-wrap{	transform:scale(1.10)}.ind-card:hover .ind-card__icon-ring{	opacity:1;	transform:scale(1.05)}/* Text */.ind-card__title{	font-family:var(--font-heading);	font-size:var(--fs-base);	font-weight:700;	color:var(--color-dark);	margin-bottom:0.35rem;	z-index:1;	position:relative}.ind-card__desc{	font-size:var(--fs-sm);	line-height:1.6;	color:var(--color-text-light);	margin-bottom:0.75rem;	z-index:1;	position:relative;	flex:1}/* CTA */.ind-card__cta{	display:flex;	align-items:center;	gap:0.4rem;	font-size:var(--fs-xs);	font-weight:600;	color:var(--color-primary);	margin-top:auto;	z-index:1;	position:relative}.ind-card__arrow{	display:inline-flex;	transition:transform 0.3s ease}.ind-card:hover .ind-card__arrow{	transform:translateX(5px)}/* ── Filter animation ── */.ind-card.is-filtered-out{	display:none}/* ── Reveal stagger for cards ── */.ind-card.js-reveal{	opacity:0;	transform:translateY(24px) scale(0.97);	transition:opacity 0.5s ease,transform 0.5s cubic-bezier(0.34,1.56,0.64,1)}.ind-card.js-reveal[data-delay="1"]{transition-delay:0.06s}.ind-card.js-reveal[data-delay="2"]{transition-delay:0.12s}.ind-card.js-reveal[data-delay="3"]{transition-delay:0.18s}.ind-card.js-reveal[data-delay="4"]{transition-delay:0.24s}.ind-card.js-reveal[data-delay="5"]{transition-delay:0.30s}.ind-card.js-reveal[data-delay="6"]{transition-delay:0.36s}.ind-card.js-reveal[data-delay="7"]{transition-delay:0.42s}.ind-card.js-reveal.is-visible{	opacity:1;	transform:translateY(0) scale(1)}/* ── Footer ── */.ind-premium__footer{	margin-top:var(--spacing-2xl);	text-align:center;	position:relative;	z-index:1}/* -------------------------------------------------------------------------- Trust Bar -------------------------------------------------------------------------- */.trust-bar{	border-bottom:1px solid var(--color-border)}.trust-bar__top{	padding:var(--spacing-lg) 0;	background:var(--color-light)}.trust-bar__badges{	display:flex;	flex-wrap:wrap;	justify-content:center;	gap:var(--spacing-md) var(--spacing-xl)}.trust-bar__badge{	display:inline-flex;	align-items:center;	gap:var(--spacing-sm);	font-size:var(--fs-sm);	font-weight:600;	color:var(--color-primary)}.trust-bar__badge svg{	flex-shrink:0}.trust-bar__carousel{	padding:var(--spacing-lg) 0;	overflow:hidden;	position:relative;	background:var(--color-white)}.trust-bar__label{	text-align:center;	font-size:var(--fs-xs);	text-transform:uppercase;	letter-spacing:0.08em;	color:var(--color-text-light);	margin-bottom:var(--spacing-md)}.trust-bar__track-wrap{	overflow:hidden;	-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);	mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.trust-bar__track{	display:flex;	gap:var(--spacing-2xl);	width:max-content;	animation:trustMarquee 40s linear infinite;	will-change:transform}@keyframes trustMarquee{	0%{transform:translateX(0)}	100%{transform:translateX(-33.333%)}}.trust-bar__logo{	display:flex;	align-items:center;	gap:var(--spacing-sm);	flex-shrink:0;	white-space:nowrap}.trust-bar__logo-icon{	display:flex;	align-items:center;	justify-content:center;	width:36px;	height:36px;	background:var(--color-light);	border-radius:var(--radius-md);	font-size:var(--fs-xs);	font-weight:700;	color:var(--color-primary)}.trust-bar__logo-name{	font-size:var(--fs-sm);	font-weight:500;	color:var(--color-text-light)}/* -------------------------------------------------------------------------- Services — Premium Glassmorphism -------------------------------------------------------------------------- *//* Section background */.svc-premium{	position:relative;	overflow:hidden;	background:linear-gradient(160deg,#f0f7f4 0%,#e8f4ee 40%,#f5f9f6 100%)}.svc-premium__bg{	position:absolute;	inset:0;	pointer-events:none;	z-index:0}/* Dotted grid texture */.svc-premium__dots{	position:absolute;	inset:0;	background-image:radial-gradient(circle,rgba(27,77,62,0.12) 1px,transparent 1px);	background-size:28px 28px;	opacity:0.6}/* Floating blur blobs */.svc-premium__blob{	position:absolute;	border-radius:50%;	filter:blur(80px);	opacity:0.35}.svc-premium__blob--1{	width:480px;	height:480px;	top:-120px;	right:-100px;	background:radial-gradient(circle,rgba(122,193,67,0.45) 0%,transparent 70%)}.svc-premium__blob--2{	width:360px;	height:360px;	bottom:-80px;	left:-80px;	background:radial-gradient(circle,rgba(27,77,62,0.4) 0%,transparent 70%)}.svc-premium__blob--3{	width:260px;	height:260px;	top:50%;	left:50%;	transform:translate(-50%,-50%);	background:radial-gradient(circle,rgba(244,162,54,0.2) 0%,transparent 70%)}/* Section header badge */.svc-premium__header{	position:relative;	z-index:1}.svc-premium__badge{	display:inline-flex;	align-items:center;	gap:var(--spacing-sm);	padding:6px var(--spacing-md);	margin-bottom:var(--spacing-md);	background:rgba(122,193,67,0.12);	border:1px solid rgba(122,193,67,0.3);	border-radius:var(--radius-full);	font-size:var(--fs-xs);	font-weight:700;	color:var(--color-secondary-dark);	text-transform:uppercase;	letter-spacing:0.07em}.svc-premium__badge-dot{	width:7px;	height:7px;	border-radius:50%;	background:var(--color-secondary);	animation:svgPulse 2s ease-in-out infinite}.svc-premium__title{	background:linear-gradient(135deg,var(--color-dark) 0%,var(--color-primary) 100%);	-webkit-background-clip:text;	-webkit-text-fill-color:transparent;	background-clip:text}/* Grid */.services-grid{	display:grid;	gap:var(--spacing-lg);	position:relative;	z-index:1}@media (min-width:640px){	.services-grid{		grid-template-columns:repeat(2,1fr);	}}@media (min-width:1024px){	.services-grid{		grid-template-columns:repeat(3,1fr);	}}/* Glassmorphism card */.svc-glass{	position:relative;	display:flex;	flex-direction:column;	padding:var(--spacing-xl);	background:rgba(255,255,255,0.72);	backdrop-filter:blur(16px);	-webkit-backdrop-filter:blur(16px);	border:1px solid rgba(255,255,255,0.9);	border-radius:var(--radius-xl);	text-decoration:none;	color:var(--color-text);	box-shadow:0 4px 24px rgba(27,77,62,0.07),0 1px 4px rgba(27,77,62,0.05);	overflow:hidden;	transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1),	 box-shadow 0.3s ease,	 border-color 0.3s ease}.svc-glass:hover{	transform:translateY(-6px);	box-shadow:0 16px 48px rgba(27,77,62,0.14),0 4px 12px rgba(27,77,62,0.08);	border-color:rgba(122,193,67,0.5);	color:var(--color-text)}/* Border glow on hover */.svc-glass__glow{	position:absolute;	inset:-1px;	border-radius:inherit;	background:linear-gradient(135deg,rgba(122,193,67,0.35),rgba(27,77,62,0.2),transparent 60%);	opacity:0;	transition:opacity 0.3s ease;	pointer-events:none;	z-index:0}.svc-glass:hover .svc-glass__glow{	opacity:1}/* Icon wrap */.svc-glass__icon-wrap{	position:relative;	width:60px;	height:60px;	margin-bottom:var(--spacing-lg);	flex-shrink:0;	z-index:1}.svc-glass__icon-halo{	position:absolute;	inset:-4px;	border-radius:var(--radius-md);	background:rgba(122,193,67,0.15);	opacity:0;	transition:opacity 0.3s ease,transform 0.3s ease;	transform:scale(0.85)}.svc-glass:hover .svc-glass__icon-halo{	opacity:1;	transform:scale(1)}.service-card__icon{	position:relative;	display:flex;	align-items:center;	justify-content:center;	width:60px;	height:60px;	background:linear-gradient(135deg,var(--color-light) 0%,rgba(122,193,67,0.1) 100%);	border-radius:var(--radius-md);	color:var(--color-primary);	transition:background 0.3s ease,color 0.3s ease,transform 0.3s cubic-bezier(0.34,1.56,0.64,1);	z-index:1}.svc-glass:hover .service-card__icon{	background:linear-gradient(135deg,var(--color-secondary) 0%,#9ed65a 100%);	color:var(--color-dark);	transform:scale(1.1) rotate(-3deg)}.service-card__title{	position:relative;	margin-bottom:var(--spacing-sm);	font-size:var(--fs-lg);	z-index:1;	transition:color 0.25s ease}.svc-glass:hover .service-card__title{	color:var(--color-primary)}.service-card__desc{	position:relative;	margin-bottom:var(--spacing-lg);	font-size:var(--fs-sm);	color:var(--color-text-light);	line-height:1.65;	flex:1;	z-index:1}.service-card__cta{	position:relative;	display:inline-flex;	align-items:center;	gap:var(--spacing-xs);	font-size:var(--fs-sm);	font-weight:600;	color:var(--color-primary);	z-index:1;	transition:color 0.25s ease}.svc-glass:hover .service-card__cta{	color:var(--color-secondary-dark)}/* Animated arrow */.svc-glass__arrow{	display:inline-flex;	align-items:center;	transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1)}.svc-glass:hover .svc-glass__arrow{	transform:translateX(5px)}/* -------------------------------------------------------------------------- Why Choose Us — Premium Trust Cards -------------------------------------------------------------------------- *//* Section wrapper */.why-premium{	position:relative;	overflow:hidden;	background:linear-gradient(170deg,#f8fbf9 0%,#eef6f1 50%,#f5f9f7 100%)}/* Top divider — soft curve transition */.why-premium__divider{	position:absolute;	top:-1px;	left:0;	right:0;	height:60px;	background:linear-gradient(to bottom,var(--color-white) 0%,transparent 100%);	pointer-events:none}/* Floating background shapes */.why-premium__bg{	position:absolute;	inset:0;	pointer-events:none;	z-index:0}.why-premium__shape{	position:absolute;	border-radius:50%;	filter:blur(70px);	opacity:0.3}.why-premium__shape--1{	width:400px;	height:400px;	top:-60px;	left:-80px;	background:radial-gradient(circle,rgba(27,77,62,0.35) 0%,transparent 70%)}.why-premium__shape--2{	width:350px;	height:350px;	bottom:-80px;	right:-60px;	background:radial-gradient(circle,rgba(122,193,67,0.35) 0%,transparent 70%)}.why-premium__shape--3{	width:200px;	height:200px;	top:45%;	left:55%;	background:radial-gradient(circle,rgba(244,162,54,0.2) 0%,transparent 70%);	animation:whyShapeFloat 8s ease-in-out infinite alternate}@keyframes whyShapeFloat{	0%{transform:translate(0,0)}	100%{transform:translate(-20px,15px)}}/* Header */.why-premium__header{	position:relative;	z-index:1}.why-premium__badge{	display:inline-flex;	align-items:center;	gap:var(--spacing-sm);	padding:6px var(--spacing-md);	margin-bottom:var(--spacing-md);	background:rgba(27,77,62,0.08);	border:1px solid rgba(27,77,62,0.18);	border-radius:var(--radius-full);	font-size:var(--fs-xs);	font-weight:700;	color:var(--color-primary);	text-transform:uppercase;	letter-spacing:0.07em}.why-premium__badge-dot{	width:7px;	height:7px;	border-radius:50%;	background:var(--color-primary);	animation:svgPulse 2s ease-in-out infinite}.why-premium__title{	background:linear-gradient(135deg,var(--color-dark) 0%,var(--color-primary) 100%);	-webkit-background-clip:text;	-webkit-text-fill-color:transparent;	background-clip:text}/* Grid */.why-grid{	display:grid;	gap:var(--spacing-lg);	position:relative;	z-index:1}@media (min-width:640px){	.why-grid{		grid-template-columns:repeat(2,1fr);	}}@media (min-width:1024px){	.why-grid{		grid-template-columns:repeat(3,1fr);	}}/* Card */.why-card{	position:relative;	padding:var(--spacing-xl) var(--spacing-xl) calc(var(--spacing-xl)+4px);	background:rgba(255,255,255,0.8);	backdrop-filter:blur(12px);	-webkit-backdrop-filter:blur(12px);	border-radius:var(--radius-xl);	border:1px solid rgba(255,255,255,0.95);	box-shadow:0 2px 16px rgba(27,77,62,0.06),0 1px 3px rgba(27,77,62,0.04);	overflow:hidden;	transition:transform 0.35s cubic-bezier(0.34,1.56,0.64,1),	 box-shadow 0.3s ease,	 border-color 0.3s ease}.why-card:hover{	transform:translateY(-5px) scale(1.015);	box-shadow:0 20px 50px rgba(27,77,62,0.12),0 6px 16px rgba(27,77,62,0.08);	border-color:rgba(122,193,67,0.45)}/* Border glow overlay */.why-card__glow{	position:absolute;	inset:-1px;	border-radius:inherit;	background:linear-gradient(135deg,rgba(122,193,67,0.3),rgba(27,77,62,0.15),transparent 55%);	opacity:0;	transition:opacity 0.3s ease;	pointer-events:none;	z-index:0}.why-card:hover .why-card__glow{	opacity:1}/* Icon */.why-card__icon-wrap{	position:relative;	display:flex;	align-items:center;	justify-content:center;	width:56px;	height:56px;	margin-bottom:var(--spacing-lg);	background:linear-gradient(135deg,var(--color-light) 0%,rgba(122,193,67,0.08) 100%);	border-radius:var(--radius-md);	color:var(--color-primary);	z-index:1;	transition:background 0.3s ease,color 0.3s ease,transform 0.35s cubic-bezier(0.34,1.56,0.64,1)}.why-card__icon-ring{	position:absolute;	inset:-5px;	border-radius:var(--radius-md);	border:2px solid rgba(122,193,67,0.2);	opacity:0;	transition:opacity 0.3s ease,transform 0.3s ease;	transform:scale(0.8)}.why-card:hover .why-card__icon-wrap{	background:linear-gradient(135deg,var(--color-secondary) 0%,#9ed65a 100%);	color:var(--color-dark);	transform:scale(1.12) rotate(-4deg)}.why-card:hover .why-card__icon-ring{	opacity:1;	transform:scale(1)}/* Text */.why-card__title{	position:relative;	margin-bottom:var(--spacing-sm);	font-size:var(--fs-lg);	z-index:1;	transition:color 0.25s ease}.why-card:hover .why-card__title{	color:var(--color-primary)}.why-card__desc{	position:relative;	font-size:var(--fs-sm);	color:var(--color-text-light);	line-height:1.65;	z-index:1}/* Animated accent line at bottom */.why-card__accent-line{	position:absolute;	bottom:0;	left:0;	right:0;	height:3px;	background:linear-gradient(90deg,var(--color-secondary),var(--color-primary));	border-radius:0 0 var(--radius-xl) var(--radius-xl);	transform:scaleX(0);	transform-origin:left;	transition:transform 0.4s cubic-bezier(0.22,1,0.36,1);	z-index:1}.why-card:hover .why-card__accent-line{	transform:scaleX(1)}/* -------------------------------------------------------------------------- Process — Premium Interactive Timeline -------------------------------------------------------------------------- *//* Section */.proc-premium{	position:relative;	overflow:hidden;	padding:var(--spacing-4xl) 0;	background:linear-gradient(165deg,var(--color-dark) 0%,#0d2a1e 45%,#112e22 100%);	color:var(--color-white)}/* Background */.proc-premium__bg{	position:absolute;	inset:0;	pointer-events:none;	z-index:0}.proc-premium__grid-tex{	position:absolute;	inset:0;	background-image:radial-gradient(circle,rgba(122,193,67,0.08) 1px,transparent 1px);	background-size:32px 32px}.proc-premium__orb{	position:absolute;	border-radius:50%;	filter:blur(90px)}.proc-premium__orb--1{	width:500px;	height:500px;	top:-120px;	left:-100px;	background:radial-gradient(circle,rgba(122,193,67,0.25) 0%,transparent 70%)}.proc-premium__orb--2{	width:400px;	height:400px;	bottom:-100px;	right:-80px;	background:radial-gradient(circle,rgba(27,77,62,0.35) 0%,transparent 70%)}/* Header */.proc-premium__header{	position:relative;	z-index:1}.proc-premium__badge{	display:inline-flex;	align-items:center;	gap:var(--spacing-sm);	padding:6px var(--spacing-md);	margin-bottom:var(--spacing-md);	background:rgba(122,193,67,0.12);	border:1px solid rgba(122,193,67,0.25);	border-radius:var(--radius-full);	font-size:var(--fs-xs);	font-weight:700;	color:var(--color-secondary);	text-transform:uppercase;	letter-spacing:0.07em}.proc-premium__badge-dot{	width:7px;	height:7px;	border-radius:50%;	background:var(--color-secondary);	animation:svgPulse 2s ease-in-out infinite}.proc-premium__title{	color:var(--color-white)}.proc-premium__desc{	color:rgba(255,255,255,0.65)}/* ── Timeline grid ── */.proc-timeline{	position:relative;	z-index:1}/* Mobile:vertical stack (default) */.proc-step{	position:relative;	display:grid;	grid-template-columns:64px 1fr;	gap:var(--spacing-lg);	padding-bottom:var(--spacing-2xl);	transition:transform 0.3s ease}.proc-step:last-child{	padding-bottom:0}.proc-step:hover{	transform:scale(1.02)}/* ── Circle ── */.proc-step__circle{	position:relative;	display:flex;	align-items:center;	justify-content:center;	width:64px;	height:64px;	border-radius:50%;	background:rgba(255,255,255,0.06);	border:2px solid rgba(122,193,67,0.3);	flex-shrink:0;	z-index:2;	transition:border-color 0.3s ease,background 0.3s ease,box-shadow 0.3s ease}.proc-step:hover .proc-step__circle,.proc-step.is-active .proc-step__circle{	border-color:var(--color-secondary);	background:rgba(122,193,67,0.12);	box-shadow:0 0 0 8px rgba(122,193,67,0.08),0 0 30px rgba(122,193,67,0.12)}/* Number — centred in circle,hides when icon shows */.proc-step__number{	font-size:var(--fs-xl);	font-weight:800;	color:var(--color-secondary);	line-height:1;	transition:opacity 0.25s ease,transform 0.25s ease}.proc-step:hover .proc-step__number{	opacity:0;	transform:scale(0.7)}/* Icon — overlays number on hover */.proc-step__icon{	position:absolute;	display:flex;	align-items:center;	justify-content:center;	color:var(--color-secondary);	opacity:0;	transform:scale(0.6);	transition:opacity 0.25s ease 0.05s,transform 0.3s cubic-bezier(0.34,1.56,0.64,1) 0.05s}.proc-step:hover .proc-step__icon{	opacity:1;	transform:scale(1)}/* Pulse ring */.proc-step__pulse{	position:absolute;	inset:-6px;	border-radius:50%;	border:2px solid rgba(122,193,67,0.25);	animation:procPulse 2.5s ease-out infinite;	opacity:0}.proc-step.is-visible .proc-step__pulse{	opacity:1}@keyframes procPulse{	0%{transform:scale(1);opacity:0.6}	100%{transform:scale(1.5);opacity:0}}/* ── Connector line (mobile:vertical) ── */.proc-step__connector{	position:absolute;	top:64px;	left:31px;	bottom:0;	width:2px;	z-index:1}.proc-step__connector-line{	display:block;	width:100%;	height:100%;	background:linear-gradient(to bottom,rgba(122,193,67,0.45),rgba(122,193,67,0.1));	transform-origin:top;	transform:scaleY(0);	transition:transform 0.6s cubic-bezier(0.22,1,0.36,1)}.proc-step.is-visible .proc-step__connector-line{	transform:scaleY(1)}/* ── Content ── */.proc-step__content{	padding-top:var(--spacing-md)}.proc-step__title{	margin-bottom:var(--spacing-sm);	font-size:var(--fs-lg);	color:var(--color-white);	transition:color 0.25s ease}.proc-step:hover .proc-step__title{	color:var(--color-secondary)}.proc-step__desc{	font-size:var(--fs-sm);	color:rgba(255,255,255,0.55);	line-height:1.65}/* ────────────────────────────────────────────────────────────────────── Desktop:horizontal 4-column timeline ────────────────────────────────────────────────────────────────────── */@media (min-width:1024px){	.proc-timeline{		display:grid;		grid-template-columns:repeat(4,1fr);		gap:0;	}	.proc-step{		display:flex;		flex-direction:column;		align-items:center;		text-align:center;		padding-bottom:0;		padding:0 var(--spacing-md);	}	.proc-step:hover{		transform:translateY(-4px) scale(1.03);	}	/* Circle at top */	.proc-step__circle{		margin-bottom:var(--spacing-xl);	}	/* Horizontal connector */	.proc-step__connector{		position:absolute;		top:31px;		left:calc(50%+36px);		right:auto;		bottom:auto;		width:calc(100% - 72px);		height:2px;	}	.proc-step__connector-line{		width:100%;		height:100%;		background:linear-gradient(to right,rgba(122,193,67,0.5),rgba(122,193,67,0.15));		transform-origin:left;		transform:scaleX(0);	}	.proc-step.is-visible .proc-step__connector-line{		transform:scaleX(1);	}	/* Content centred */	.proc-step__content{		padding-top:0;	}}/* ────────────────────────────────────────────────────────────────────── Tablet:2-column ────────────────────────────────────────────────────────────────────── */@media (min-width:640px) and (max-width:1023px){	.proc-timeline{		display:grid;		grid-template-columns:repeat(2,1fr);		gap:var(--spacing-xl);	}	.proc-step{		display:flex;		flex-direction:column;		align-items:center;		text-align:center;		padding-bottom:0;	}	.proc-step__circle{		margin-bottom:var(--spacing-lg);	}	.proc-step__connector{		display:none;	}	.proc-step__content{		padding-top:0;	}}/* -------------------------------------------------------------------------- Google Reviews Slider -------------------------------------------------------------------------- */.section--reviews{	background:var(--color-light)}.reviews-summary{	display:flex;	flex-wrap:wrap;	justify-content:center;	align-items:center;	gap:var(--spacing-sm) var(--spacing-md);	margin-top:var(--spacing-md)}.reviews-summary__stars{	display:flex;	gap:2px;	color:var(--color-accent)}.reviews-summary__score{	font-size:var(--fs-lg);	font-weight:800;	color:var(--color-dark)}.reviews-summary__count{	font-size:var(--fs-sm);	color:var(--color-text-light)}.reviews-summary__source{	display:inline-flex;	align-items:center;	gap:var(--spacing-xs);	font-size:var(--fs-sm);	font-weight:600;	color:var(--color-text)}/* Slider */.reviews-slider{	position:relative;	overflow:hidden}.reviews-slider__track{	display:flex;	gap:var(--spacing-lg);	transition:transform 0.5s cubic-bezier(0.25,0.46,0.45,0.94)}.review-card{	flex:0 0 100%;	min-width:0;	padding:var(--spacing-xl);	background:var(--color-white);	border-radius:var(--radius-lg);	border:1px solid var(--color-border);	transition:box-shadow var(--transition)}@media (min-width:768px){	.review-card{		flex:0 0 calc(50% - var(--spacing-lg) / 2);	}}@media (min-width:1024px){	.review-card{		flex:0 0 calc(33.333% - var(--spacing-lg) * 2 / 3);	}}.review-card__header{	display:flex;	align-items:center;	gap:var(--spacing-md);	margin-bottom:var(--spacing-md)}.review-card__avatar{	display:flex;	align-items:center;	justify-content:center;	width:48px;	height:48px;	border-radius:50%;	background:var(--color-primary);	color:var(--color-white);	font-weight:700;	font-size:var(--fs-sm);	flex-shrink:0;	overflow:hidden}.review-card__avatar img{	width:100%;	height:100%;	object-fit:cover}.review-card__meta{	flex:1;	min-width:0}.review-card__name{	display:block;	font-weight:600;	font-size:var(--fs-sm);	color:var(--color-dark);	font-style:normal}.review-card__role{	font-size:var(--fs-xs);	color:var(--color-text-light)}.review-card__google{	flex-shrink:0}.review-card__stars{	display:flex;	gap:2px;	margin-bottom:var(--spacing-md);	color:var(--color-accent)}.review-card__quote{	font-size:var(--fs-sm);	line-height:1.7;	color:var(--color-text);	font-style:normal;	margin:0}/* Slider Controls */.reviews-slider__controls{	display:flex;	align-items:center;	justify-content:center;	gap:var(--spacing-md);	margin-top:var(--spacing-xl)}.reviews-slider__btn{	display:flex;	align-items:center;	justify-content:center;	width:40px;	height:40px;	border-radius:50%;	border:1px solid var(--color-border);	background:var(--color-white);	color:var(--color-text);	cursor:pointer;	transition:border-color var(--transition),color var(--transition),background var(--transition)}.reviews-slider__btn:hover{	border-color:var(--color-primary);	color:var(--color-primary)}.reviews-slider__dots{	display:flex;	gap:var(--spacing-sm)}.reviews-slider__dot{	width:10px;	height:10px;	border-radius:50%;	border:none;	background:var(--color-border);	cursor:pointer;	padding:0;	transition:background var(--transition),transform var(--transition)}.reviews-slider__dot.is-active{	background:var(--color-primary);	transform:scale(1.25)}.reviews-slider__dot:hover{	background:var(--color-primary)}/* -------------------------------------------------------------------------- Results / KPI Cards -------------------------------------------------------------------------- */.section--dark{	background:var(--color-dark);	color:var(--color-white)}.section__header--light .section__eyebrow,.section__eyebrow--light{	color:var(--color-secondary)}.section__header--light .section__title,.section__title--light{	color:var(--color-white)}.section__header--light .section__description,.section__description--light{	color:rgba(255,255,255,0.7)}.kpi-grid{	display:grid;	gap:var(--spacing-lg);	margin-bottom:var(--spacing-3xl)}@media (min-width:640px){	.kpi-grid{		grid-template-columns:repeat(2,1fr);	}}@media (min-width:1024px){	.kpi-grid{		grid-template-columns:repeat(4,1fr);	}}.kpi-card{	text-align:center;	padding:var(--spacing-xl);	background:rgba(255,255,255,0.05);	border:1px solid rgba(255,255,255,0.1);	border-radius:var(--radius-lg);	transition:background var(--transition),border-color var(--transition),transform var(--transition)}.kpi-card:hover{	background:rgba(255,255,255,0.08);	border-color:rgba(122,193,67,0.3);	transform:translateY(-3px)}.kpi-card__icon{	display:flex;	align-items:center;	justify-content:center;	width:56px;	height:56px;	margin:0 auto var(--spacing-md);	border-radius:50%;	background:rgba(122,193,67,0.1);	color:var(--color-secondary)}.kpi-card__value{	font-size:var(--fs-3xl);	font-weight:800;	color:var(--color-white);	line-height:1.1;	margin-bottom:var(--spacing-xs)}.kpi-card__label{	font-size:var(--fs-sm);	font-weight:600;	color:rgba(255,255,255,0.85);	margin-bottom:var(--spacing-xs)}.kpi-card__suffix{	font-size:var(--fs-xs);	color:rgba(255,255,255,0.5)}/* -------------------------------------------------------------------------- CTA Bottom -------------------------------------------------------------------------- */.section--cta-bottom{	background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);	color:var(--color-white)}.cta-bottom{	text-align:center;	max-width:680px;	margin:0 auto}.cta-bottom__title{	margin-bottom:var(--spacing-md);	color:var(--color-white)}.cta-bottom__text{	margin-bottom:var(--spacing-xl);	font-size:var(--fs-md);	color:rgba(255,255,255,0.85)}.cta-bottom__actions{	display:flex;	flex-wrap:wrap;	justify-content:center;	gap:var(--spacing-md)}/* -------------------------------------------------------------------------- Page Layout (sidebar) -------------------------------------------------------------------------- */.page-layout{	padding:var(--spacing-2xl) 0 var(--spacing-4xl)}.page-layout__inner{	display:grid;	gap:var(--spacing-3xl)}@media (min-width:1024px){	.page-layout--sidebar .page-layout__inner{		grid-template-columns:1fr 320px;	}}.page-header{	margin-bottom:var(--spacing-2xl)}.page-header__title{	font-size:var(--fs-4xl)}/* Entry Content */.entry-content{	font-size:var(--fs-md);	line-height:1.8}.entry-content>*+*{	margin-top:var(--spacing-lg)}.entry-content h2{	margin-top:var(--spacing-2xl);	font-size:var(--fs-2xl)}.entry-content h3{	margin-top:var(--spacing-xl);	font-size:var(--fs-xl)}.entry-content ul,.entry-content ol{	padding-left:var(--spacing-xl)}.entry-content ul{	list-style:disc}.entry-content ol{	list-style:decimal}.entry-content li+li{	margin-top:var(--spacing-sm)}.entry-content a{	text-decoration:underline;	text-underline-offset:2px}.entry-content img{	border-radius:var(--radius-md)}.entry-content blockquote{	padding-left:var(--spacing-lg);	border-left:4px solid var(--color-secondary);	font-style:italic;	color:var(--color-text-light)}.entry-content table{	width:100%;	border-collapse:collapse}.entry-content th,.entry-content td{	padding:var(--spacing-sm) var(--spacing-md);	border:1px solid var(--color-border);	text-align:left}.entry-content th{	background:var(--color-light);	font-weight:600}/* -------------------------------------------------------------------------- Sidebar -------------------------------------------------------------------------- */.page-layout__sidebar{	display:flex;	flex-direction:column;	gap:var(--spacing-xl)}.widget{	padding:var(--spacing-xl);	background:var(--color-light);	border-radius:var(--radius-lg);	border:1px solid var(--color-border)}.widget__title{	margin-bottom:var(--spacing-md);	font-size:var(--fs-md)}.widget__list{	display:flex;	flex-direction:column;	gap:var(--spacing-sm)}.widget__list a{	display:block;	padding:var(--spacing-sm) 0;	font-size:var(--fs-sm);	color:var(--color-text);	border-bottom:1px solid var(--color-border)}.widget__list a:hover{	color:var(--color-primary)}.widget__list li:last-child a{	border-bottom:none}.widget-cta{	padding:var(--spacing-xl);	background:var(--color-primary);	border-radius:var(--radius-lg);	color:var(--color-white);	text-align:center}.widget-cta__title{	margin-bottom:var(--spacing-sm);	font-size:var(--fs-lg);	color:var(--color-white)}.widget-cta__text{	margin-bottom:var(--spacing-lg);	font-size:var(--fs-sm);	color:rgba(255,255,255,0.85)}.widget-cta__btn{	width:100%}/* -------------------------------------------------------------------------- Single Post -------------------------------------------------------------------------- */.single-post__header{	margin-bottom:var(--spacing-xl)}.single-post__categories{	margin-bottom:var(--spacing-md)}.single-post__category{	display:inline-block;	padding:var(--spacing-xs) var(--spacing-md);	font-size:var(--fs-xs);	font-weight:600;	color:var(--color-secondary-dark);	background:rgba(122,193,67,0.1);	border-radius:var(--radius-full);	text-transform:uppercase;	letter-spacing:0.05em}.single-post__title{	font-size:var(--fs-4xl);	margin-bottom:var(--spacing-lg)}.single-post__meta{	display:flex;	gap:var(--spacing-md);	font-size:var(--fs-sm);	color:var(--color-text-light)}.single-post__featured-image{	margin-bottom:var(--spacing-2xl);	border-radius:var(--radius-lg);	overflow:hidden}.single-post__featured-image img{	width:100%;	aspect-ratio:2/1;	object-fit:cover}.single-post__footer{	margin-top:var(--spacing-2xl);	padding-top:var(--spacing-xl);	border-top:1px solid var(--color-border)}.single-post__tags{	display:flex;	flex-wrap:wrap;	align-items:center;	gap:var(--spacing-sm)}.single-post__tags-label{	font-size:var(--fs-sm);	font-weight:600;	color:var(--color-text)}.single-post__tag{	display:inline-block;	padding:var(--spacing-xs) var(--spacing-sm);	font-size:var(--fs-xs);	color:var(--color-text-light);	background:var(--color-light);	border-radius:var(--radius-sm);	text-decoration:none}.single-post__tag:hover{	color:var(--color-primary);	background:var(--color-border)}/* Related Posts */.related-posts{	margin-top:var(--spacing-3xl);	padding-top:var(--spacing-2xl);	border-top:1px solid var(--color-border)}.related-posts__title{	margin-bottom:var(--spacing-xl);	font-size:var(--fs-xl)}/* -------------------------------------------------------------------------- Breadcrumbs -------------------------------------------------------------------------- */.breadcrumbs{	margin-bottom:var(--spacing-xl);	padding:var(--spacing-md) 0}.breadcrumbs__list{	display:flex;	flex-wrap:wrap;	gap:var(--spacing-xs);	font-size:var(--fs-sm);	color:var(--color-text-light)}.breadcrumbs__item{	display:inline-flex;	align-items:center}.breadcrumbs__item+.breadcrumbs__item::before{	content:'/';	margin-right:var(--spacing-xs);	color:var(--color-border)}.breadcrumbs__item a{	color:var(--color-text-light)}.breadcrumbs__item a:hover{	color:var(--color-primary)}.breadcrumbs__item [aria-current="page"]{	color:var(--color-text);	font-weight:500}/* -------------------------------------------------------------------------- Archive & Search -------------------------------------------------------------------------- */.archive-page,.search-page{	padding:var(--spacing-2xl) 0 var(--spacing-4xl)}.archive-page__header,.search-page__header{	margin-bottom:var(--spacing-2xl)}.archive-page__title,.search-page__title{	font-size:var(--fs-4xl)}.archive-page__description{	margin-top:var(--spacing-md);	font-size:var(--fs-md);	color:var(--color-text-light)}.search-page__title span{	color:var(--color-primary)}.search-page__empty{	padding:var(--spacing-3xl);	text-align:center;	color:var(--color-text-light)}/* Search Results */.search-results{	margin-top:var(--spacing-xl)}.search-result{	padding:var(--spacing-xl) 0;	border-bottom:1px solid var(--color-border)}.search-result__title{	font-size:var(--fs-lg);	margin-bottom:var(--spacing-sm)}.search-result__title a{	color:var(--color-dark)}.search-result__title a:hover{	color:var(--color-primary)}.search-result__meta{	display:flex;	gap:var(--spacing-md);	margin-bottom:var(--spacing-sm);	font-size:var(--fs-xs);	color:var(--color-text-light)}.search-result__type{	padding:2px var(--spacing-sm);	background:var(--color-light);	border-radius:var(--radius-sm);	text-transform:uppercase;	font-weight:600}.search-result__excerpt{	font-size:var(--fs-sm);	color:var(--color-text-light);	margin-bottom:var(--spacing-sm)}.search-result__link{	font-size:var(--fs-sm);	font-weight:600}/* Search Form */.search-form__inner{	display:flex;	gap:var(--spacing-sm);	max-width:500px}.search-form__input{	flex:1;	padding:var(--spacing-sm) var(--spacing-md);	border:2px solid var(--color-border);	border-radius:var(--radius-md);	font-size:var(--fs-base);	background:var(--color-white);	transition:border-color var(--transition)}.search-form__input:focus{	border-color:var(--color-primary);	outline:none}.search-form__submit{	padding:var(--spacing-sm) var(--spacing-md)}/* -------------------------------------------------------------------------- 404 Page -------------------------------------------------------------------------- */.error-404{	padding:var(--spacing-4xl) 0}.error-404__inner{	text-align:center;	max-width:600px;	margin:0 auto}.error-404__code{	display:block;	font-size:clamp(5rem,15vw,10rem);	font-weight:800;	color:var(--color-light);	line-height:1}.error-404__title{	margin-bottom:var(--spacing-md)}.error-404__text{	margin-bottom:var(--spacing-xl);	font-size:var(--fs-md);	color:var(--color-text-light)}.error-404__actions{	display:flex;	justify-content:center;	gap:var(--spacing-md);	margin-bottom:var(--spacing-2xl)}.error-404__search{	margin-bottom:var(--spacing-2xl)}.error-404__search p{	margin-bottom:var(--spacing-md);	color:var(--color-text-light)}.error-404__search .search-form__inner{	margin:0 auto}.error-404__links-title{	margin-bottom:var(--spacing-md);	font-size:var(--fs-lg)}.error-404__links ul{	display:flex;	flex-wrap:wrap;	justify-content:center;	gap:var(--spacing-sm) var(--spacing-lg)}.error-404__links a{	font-size:var(--fs-sm);	font-weight:500}/* -------------------------------------------------------------------------- Pagination -------------------------------------------------------------------------- */.pagination,.nav-links{	display:flex;	justify-content:center;	gap:var(--spacing-sm);	margin-top:var(--spacing-2xl)}.page-numbers{	display:inline-flex;	align-items:center;	justify-content:center;	min-width:40px;	height:40px;	padding:0 var(--spacing-sm);	font-size:var(--fs-sm);	font-weight:500;	color:var(--color-text);	background:var(--color-white);	border:1px solid var(--color-border);	border-radius:var(--radius-md);	transition:all var(--transition)}.page-numbers:hover{	border-color:var(--color-primary);	color:var(--color-primary)}.page-numbers.current{	background:var(--color-primary);	border-color:var(--color-primary);	color:var(--color-white)}/* -------------------------------------------------------------------------- Footer -------------------------------------------------------------------------- *//* -------------------------------------------------------------------------- Footer CTA Strip -------------------------------------------------------------------------- */.ftr-cta{	position:relative;	padding:80px 0 88px;	background:linear-gradient(135deg,#143B30 0%,#1B4D3E 40%,#0F2E24 100%);	overflow:hidden;	text-align:center}.ftr-cta__bg{	position:absolute;	inset:0;	pointer-events:none}.ftr-cta__glow{	position:absolute;	border-radius:50%;	filter:blur(90px);	opacity:0.4}.ftr-cta__glow--1{	width:420px;	height:420px;	top:-120px;	left:-80px;	background:radial-gradient(circle,rgba(122,193,67,0.45),transparent 70%)}.ftr-cta__glow--2{	width:360px;	height:360px;	bottom:-100px;	right:-60px;	background:radial-gradient(circle,rgba(244,162,54,0.3),transparent 70%)}.ftr-cta__particles{	position:absolute;	inset:0;	background-image:		radial-gradient(1.5px 1.5px at 10% 20%,rgba(255,255,255,0.12) 50%,transparent 50%),		radial-gradient(1px 1px at 30% 65%,rgba(255,255,255,0.08) 50%,transparent 50%),		radial-gradient(1.5px 1.5px at 55% 15%,rgba(255,255,255,0.1) 50%,transparent 50%),		radial-gradient(1px 1px at 70% 75%,rgba(255,255,255,0.07) 50%,transparent 50%),		radial-gradient(1.5px 1.5px at 85% 40%,rgba(255,255,255,0.1) 50%,transparent 50%),		radial-gradient(1px 1px at 95% 85%,rgba(255,255,255,0.06) 50%,transparent 50%);	animation:ftrParticlesFloat 18s ease-in-out infinite alternate}@keyframes ftrParticlesFloat{	0%{transform:translateY(0) translateX(0)}	50%{transform:translateY(-8px) translateX(4px)}	100%{transform:translateY(3px) translateX(-3px)}}.ftr-cta__inner{	position:relative;	z-index:1;	max-width:640px;	margin:0 auto}.ftr-cta__eyebrow{	display:inline-flex;	align-items:center;	gap:8px;	padding:6px 16px 6px 12px;	border-radius:100px;	background:rgba(122,193,67,0.15);	border:1px solid rgba(122,193,67,0.25);	font-size:0.75rem;	font-weight:700;	letter-spacing:0.08em;	text-transform:uppercase;	color:var(--color-secondary);	margin-bottom:24px}.ftr-cta__eyebrow-dot{	width:8px;	height:8px;	border-radius:50%;	background:var(--color-secondary);	animation:ftrCtaDotPulse 2s ease-in-out infinite}@keyframes ftrCtaDotPulse{	0%,100%{opacity:1;transform:scale(1)}	50%{opacity:0.5;transform:scale(0.7)}}.ftr-cta__title{	font-family:var(--font-heading);	font-size:clamp(1.75rem,4vw,2.75rem);	font-weight:800;	line-height:1.15;	color:var(--color-white);	margin:0 0 16px}.ftr-cta__desc{	font-size:var(--fs-md);	line-height:1.7;	color:rgba(255,255,255,0.7);	margin:0 0 32px}.ftr-cta__actions{	display:flex;	flex-direction:column;	align-items:center;	gap:16px}@media (min-width:480px){	.ftr-cta__actions{		flex-direction:row;		justify-content:center;		gap:24px;	}}.ftr-cta__btn{	display:inline-flex;	align-items:center;	gap:10px;	padding:16px 32px;	border-radius:14px;	background:var(--color-secondary);	color:var(--color-white);	font-weight:700;	font-size:var(--fs-base);	text-decoration:none;	position:relative;	overflow:hidden;	transition:transform 0.25s ease,box-shadow 0.3s ease,background 0.25s ease;	box-shadow:0 4px 24px rgba(122,193,67,0.3)}.ftr-cta__btn::before{	content:'';	position:absolute;	inset:0;	border-radius:inherit;	background:radial-gradient(circle at center,rgba(255,255,255,0.25) 0%,transparent 70%);	opacity:0;	transform:scale(0);	transition:opacity 0.4s ease,transform 0.5s ease}.ftr-cta__btn:hover{	transform:translateY(-2px);	box-shadow:0 8px 32px rgba(122,193,67,0.45);	background:var(--color-secondary-dark)}.ftr-cta__btn:hover::before{	opacity:1;	transform:scale(2.5)}.ftr-cta__btn svg{	transition:transform 0.25s ease}.ftr-cta__btn:hover svg{	transform:translateX(3px)}.ftr-cta__link{	display:inline-flex;	align-items:center;	gap:6px;	color:rgba(255,255,255,0.7);	font-weight:600;	font-size:var(--fs-sm);	text-decoration:none;	transition:color 0.25s ease;	position:relative}.ftr-cta__link::after{	content:'';	position:absolute;	bottom:-2px;	left:0;	width:0;	height:1px;	background:var(--color-secondary);	transition:width 0.3s ease}.ftr-cta__link:hover{	color:var(--color-secondary)}.ftr-cta__link:hover::after{	width:100%}.ftr-cta__link svg{	transition:transform 0.25s ease}.ftr-cta__link:hover svg{	transform:translateX(3px)}/* reveal */.ftr-cta.js-reveal{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease,transform 0.6s ease}.ftr-cta.js-reveal.is-visible{opacity:1;transform:translateY(0)}/* -------------------------------------------------------------------------- Main Footer -------------------------------------------------------------------------- */.ftr-premium{	position:relative;	background:var(--color-dark);	color:rgba(255,255,255,0.65);	overflow:hidden}.ftr-premium__bg{	position:absolute;	inset:0;	pointer-events:none}.ftr-premium__dots{	position:absolute;	inset:0;	background-image:radial-gradient(rgba(255,255,255,0.04) 1px,transparent 1px);	background-size:28px 28px}.ftr-premium__main{	position:relative;	z-index:1;	padding:80px 0 60px}.ftr-premium__grid{	display:grid;	gap:48px}@media (min-width:640px){	.ftr-premium__grid{		grid-template-columns:repeat(2,1fr);	}}@media (min-width:1024px){	.ftr-premium__grid{		grid-template-columns:1.8fr 1fr 1fr 1fr;		gap:56px;	}}/* Brand column */.ftr-premium__col--brand{	max-width:360px}.ftr-premium__logo{	margin-bottom:20px}.ftr-premium__logo img{	max-height:48px;	width:auto}.ftr-premium__logo-text{	display:inline-block;	font-family:var(--font-heading);	font-size:1.5rem;	font-weight:800;	color:var(--color-white);	text-decoration:none;	margin-bottom:20px;	transition:color 0.25s ease}.ftr-premium__logo-text:hover{	color:var(--color-secondary)}.ftr-premium__desc{	font-size:var(--fs-sm);	line-height:1.7;	color:rgba(255,255,255,0.55);	margin:0 0 24px}/* Contact rows */.ftr-premium__contact{	display:flex;	flex-direction:column;	gap:12px;	margin-bottom:24px}.ftr-premium__contact-row{	display:flex;	align-items:center;	gap:10px;	font-size:var(--fs-sm);	color:rgba(255,255,255,0.6);	text-decoration:none;	transition:color 0.25s ease}a.ftr-premium__contact-row:hover{	color:var(--color-secondary)}.ftr-premium__contact-icon{	display:flex;	align-items:center;	justify-content:center;	width:32px;	height:32px;	border-radius:8px;	background:rgba(255,255,255,0.06);	flex-shrink:0;	transition:background 0.25s ease}a.ftr-premium__contact-row:hover .ftr-premium__contact-icon{	background:rgba(122,193,67,0.15)}.ftr-premium__contact-icon svg{	opacity:0.6;	transition:opacity 0.25s ease}a.ftr-premium__contact-row:hover .ftr-premium__contact-icon svg{	opacity:1;	stroke:var(--color-secondary)}/* Social icons */.ftr-premium__social{	display:flex;	gap:10px;	flex-wrap:wrap}.ftr-premium__social-link{	display:flex;	align-items:center;	justify-content:center;	width:38px;	height:38px;	border-radius:10px;	background:rgba(255,255,255,0.06);	color:rgba(255,255,255,0.55);	transition:background 0.25s ease,color 0.25s ease,transform 0.25s ease}.ftr-premium__social-link:hover{	background:var(--color-secondary);	color:var(--color-white);	transform:translateY(-3px)}.ftr-premium__social-link svg{	width:18px;	height:18px}.ftr-social{margin-top:24px}.ftr-social__heading{margin:0 0 12px;font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.85)}.ftr-social__icons{display:flex;flex-wrap:wrap;gap:12px}.ftr-social__link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.06);color:rgba(255,255,255,.65);transition:background .3s ease,color .3s ease,transform .3s ease,box-shadow .3s ease}.ftr-social__link svg{width:18px;height:18px}.ftr-social__link:hover,.ftr-social__link:focus-visible{background:var(--color-secondary);color:var(--color-white);transform:translateY(-4px);box-shadow:0 8px 20px rgba(122,193,67,.35)}@media (max-width:767px){.ftr-social__icons{justify-content:flex-start}}/* Link columns */.ftr-premium__heading{	font-family:var(--font-heading);	font-size:var(--fs-sm);	font-weight:700;	color:var(--color-white);	text-transform:uppercase;	letter-spacing:0.06em;	margin-bottom:20px;	position:relative;	padding-bottom:12px}.ftr-premium__heading::after{	content:'';	position:absolute;	bottom:0;	left:0;	width:24px;	height:2px;	border-radius:2px;	background:var(--color-secondary)}.ftr-premium__links{	list-style:none;	padding:0;	margin:0;	display:flex;	flex-direction:column;	gap:10px}.ftr-premium__links li{	list-style:none}.ftr-premium__links a{	font-size:var(--fs-sm);	color:rgba(255,255,255,0.55);	text-decoration:none;	position:relative;	display:inline-block;	transition:color 0.25s ease,transform 0.2s ease;	padding-left:0}.ftr-premium__links a::after{	content:'';	position:absolute;	bottom:-1px;	left:0;	width:0;	height:1px;	background:var(--color-secondary);	transition:width 0.3s ease}.ftr-premium__links a:hover{	color:var(--color-secondary);	transform:translateX(4px)}.ftr-premium__links a:hover::after{	width:100%}/* Column reveal stagger */.ftr-premium__col.js-reveal{opacity:0;transform:translateY(24px);transition:opacity 0.5s ease,transform 0.5s ease}.ftr-premium__col.js-reveal[data-delay="1"]{transition-delay:0.1s}.ftr-premium__col.js-reveal[data-delay="2"]{transition-delay:0.2s}.ftr-premium__col.js-reveal[data-delay="3"]{transition-delay:0.3s}.ftr-premium__col.js-reveal.is-visible{opacity:1;transform:translateY(0)}/* -------------------------------------------------------------------------- Bottom Bar -------------------------------------------------------------------------- */.ftr-premium__bottom{	position:relative;	z-index:1;	padding:24px 0;	border-top:1px solid rgba(255,255,255,0.08)}.ftr-premium__bottom-inner{	display:flex;	flex-direction:column;	gap:16px;	align-items:center;	text-align:center}@media (min-width:768px){	.ftr-premium__bottom-inner{		flex-direction:row;		justify-content:space-between;		text-align:left;	}}.ftr-premium__copyright{	font-size:0.8rem;	color:rgba(255,255,255,0.35);	margin:0}.ftr-premium__legal{	display:flex;	gap:20px}.ftr-premium__legal a{	font-size:0.8rem;	color:rgba(255,255,255,0.35);	text-decoration:none;	transition:color 0.25s ease}.ftr-premium__legal a:hover{	color:var(--color-secondary)}.ftr-premium__credit{	font-size:0.8rem;	color:rgba(255,255,255,0.3)}.ftr-premium__credit a{	color:rgba(255,255,255,0.45);	text-decoration:none;	transition:color 0.25s ease}.ftr-premium__credit a:hover{	color:var(--color-secondary)}/* -------------------------------------------------------------------------- Footer reduced-motion -------------------------------------------------------------------------- */@media (prefers-reduced-motion:reduce){	.ftr-cta__particles{animation:none}	.ftr-cta__eyebrow-dot{animation:none}	.ftr-cta__btn::before{display:none}}/* -------------------------------------------------------------------------- WordPress Block Editor alignment -------------------------------------------------------------------------- */.alignwide{	max-width:var(--max-width);	margin-left:auto;	margin-right:auto}.alignfull{	width:100vw;	max-width:100vw;	margin-left:calc(-50vw+50%)}.aligncenter{	display:block;	margin-left:auto;	margin-right:auto}.alignleft{	float:left;	margin-right:var(--spacing-lg);	margin-bottom:var(--spacing-md)}.alignright{	float:right;	margin-left:var(--spacing-lg);	margin-bottom:var(--spacing-md)}/* -------------------------------------------------------------------------- Print -------------------------------------------------------------------------- */@media print{	.site-header,	.site-footer,	.breadcrumbs,	.page-layout__sidebar,	.btn,	.mobile-menu{		display:none !important;	}	body{		font-size:12pt;		color:#000;		background:#fff;	}	a{		color:#000;		text-decoration:underline;	}}/* -------------------------------------------------------------------------- Why Choose Us -------------------------------------------------------------------------- */.section--why{	background:var(--color-gray-50)}.why-grid{	display:grid;	gap:var(--spacing-lg)}@media (min-width:640px){	.why-grid{		grid-template-columns:repeat(2,1fr);	}}@media (min-width:1024px){	.why-grid{		grid-template-columns:repeat(3,1fr);	}}.why-card{	background:var(--color-white);	padding:var(--spacing-xl);	border-radius:var(--radius-lg);	border:1px solid var(--color-gray-100);	transition:box-shadow var(--transition),transform var(--transition)}.why-card:hover{	box-shadow:0 4px 20px rgba(0,0,0,0.08);	transform:translateY(-2px)}.why-card__icon{	display:flex;	align-items:center;	justify-content:center;	width:48px;	height:48px;	margin-bottom:var(--spacing-md);	border-radius:var(--radius-md);	background:rgba(27,77,62,0.08);	color:var(--color-primary)}.why-card__title{	font-size:var(--fs-lg);	font-weight:700;	color:var(--color-dark);	margin-bottom:var(--spacing-sm)}.why-card__desc{	font-size:var(--fs-sm);	line-height:1.7;	color:var(--color-gray-600)}/* -------------------------------------------------------------------------- Case Studies -------------------------------------------------------------------------- */.cases-grid{	display:grid;	gap:var(--spacing-lg)}@media (min-width:768px){	.cases-grid{		grid-template-columns:repeat(3,1fr);	}}.case-card{	background:rgba(255,255,255,0.06);	border:1px solid rgba(255,255,255,0.1);	border-radius:var(--radius-lg);	padding:var(--spacing-xl);	transition:background var(--transition),border-color var(--transition)}.case-card:hover{	background:rgba(255,255,255,0.1);	border-color:rgba(255,255,255,0.2)}.case-card__header{	display:flex;	justify-content:space-between;	align-items:center;	margin-bottom:var(--spacing-lg);	padding-bottom:var(--spacing-md);	border-bottom:1px solid rgba(255,255,255,0.1)}.case-card__industry{	font-size:var(--fs-lg);	font-weight:700;	color:var(--color-white)}.case-card__location{	font-size:var(--fs-sm);	color:rgba(255,255,255,0.6)}.case-card__metrics{	display:grid;	grid-template-columns:repeat(3,1fr);	gap:var(--spacing-sm);	margin-bottom:var(--spacing-lg)}.case-card__metric{	text-align:center}.case-card__metric-value{	display:block;	font-size:var(--fs-2xl);	font-weight:800;	color:var(--color-secondary)}.case-card__metric-label{	font-size:11px;	color:rgba(255,255,255,0.6);	line-height:1.3}.case-card__quote{	margin-bottom:var(--spacing-lg);	padding:0;	border:none}.case-card__quote p{	font-size:var(--fs-sm);	font-style:italic;	color:rgba(255,255,255,0.8);	line-height:1.6}.case-card__link{	display:inline-flex;	align-items:center;	gap:var(--spacing-xs);	font-size:var(--fs-sm);	font-weight:600;	color:var(--color-secondary);	text-decoration:none;	transition:gap var(--transition)}.case-card__link:hover{	gap:var(--spacing-sm);	color:var(--color-secondary)}/* -------------------------------------------------------------------------- Pricing — Premium SaaS-style Cards -------------------------------------------------------------------------- */.prc-premium{	position:relative;	overflow:hidden;	background:linear-gradient(170deg,#F7FAF8 0%,#EDF4EF 45%,#F0F5F2 100%)}.prc-premium__divider{	position:absolute;	top:-1px;	left:0;	right:0;	height:80px;	background:linear-gradient(to bottom,var(--color-white) 0%,transparent 100%);	pointer-events:none;	z-index:1}.prc-premium__bg{	position:absolute;	inset:0;	pointer-events:none;	z-index:0}.prc-premium__dots{	position:absolute;	inset:0;	background-image:radial-gradient(circle,rgba(27,77,62,0.05) 1px,transparent 1px);	background-size:30px 30px}.prc-premium__blob{	position:absolute;	border-radius:50%;	filter:blur(90px)}.prc-premium__blob--1{	width:380px;	height:380px;	background:rgba(122,193,67,0.10);	top:-100px;	left:50%;	transform:translateX(-50%)}.prc-premium__blob--2{	width:260px;	height:260px;	background:rgba(27,77,62,0.06);	bottom:-60px;	left:-40px}.prc-premium__blob--3{	width:220px;	height:220px;	background:rgba(244,162,54,0.06);	bottom:60px;	right:-40px}/* ── Header ── */.prc-premium__header{	position:relative;	z-index:2}.prc-premium__badge{	display:inline-flex;	align-items:center;	gap:0.5rem;	padding:0.35rem 1rem;	border-radius:var(--radius-full);	background:rgba(27,77,62,0.08);	color:var(--color-primary);	font-size:var(--fs-xs);	font-weight:600;	letter-spacing:0.06em;	text-transform:uppercase;	margin-bottom:var(--spacing-md)}.prc-premium__badge-dot{	width:6px;	height:6px;	border-radius:50%;	background:var(--color-secondary);	animation:prcDotPulse 2s ease-in-out infinite}@keyframes prcDotPulse{	0%,100%{opacity:1;transform:scale(1)}	50%{opacity:0.4;transform:scale(0.7)}}.prc-premium__title{	font-family:var(--font-heading);	font-size:var(--fs-3xl);	font-weight:800;	line-height:1.15;	color:var(--color-dark)}.prc-premium__desc{	color:var(--color-text-light);	line-height:1.7}/* ── Grid ── */.prc-grid{	display:grid;	gap:var(--spacing-lg);	align-items:start;	position:relative;	z-index:2;	padding-top:18px}@media (min-width:640px){	.prc-grid{		grid-template-columns:repeat(2,1fr);	}}@media (min-width:1024px){	.prc-grid{		grid-template-columns:repeat(3,1fr);		gap:var(--spacing-xl);	}}/* ── Card ── */.prc-card{	position:relative;	display:flex;	flex-direction:column;	padding:2rem;	border-radius:22px;	background:rgba(255,255,255,0.60);	backdrop-filter:blur(14px);	-webkit-backdrop-filter:blur(14px);	border:1.5px solid rgba(27,77,62,0.08);	overflow:visible;	transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1),	 box-shadow 0.4s ease,	 border-color 0.4s ease}.prc-card__glow{	position:absolute;	inset:-1px;	border-radius:inherit;	background:linear-gradient(135deg,rgba(122,193,67,0.15),rgba(27,77,62,0.10));	opacity:0;	transition:opacity 0.4s ease;	pointer-events:none;	z-index:0;	overflow:hidden}.prc-card:hover{	transform:translateY(-8px);	box-shadow:0 16px 40px rgba(27,77,62,0.12);	border-color:rgba(122,193,67,0.20)}.prc-card:hover .prc-card__glow{	opacity:1}/* ── Featured card ── */.prc-card--featured{	border-color:rgba(122,193,67,0.30);	background:rgba(255,255,255,0.75);	box-shadow:0 8px 32px rgba(122,193,67,0.12),	 0 0 0 1px rgba(122,193,67,0.10);	margin-top:14px}@media (min-width:1024px){	.prc-card--featured{		transform:scale(1.04);		z-index:2;		padding:2.25rem 2rem 2rem;	}	.prc-card--featured:hover{		transform:scale(1.04) translateY(-8px);		box-shadow:0 20px 48px rgba(122,193,67,0.18),		 0 0 0 1px rgba(122,193,67,0.15);	}}.prc-card--featured .prc-card__glow{	background:linear-gradient(135deg,rgba(122,193,67,0.25),rgba(27,77,62,0.15),rgba(244,162,54,0.10))}/* "Most Popular" badge */.prc-card__popular-badge{	position:absolute;	top:0;	left:50%;	transform:translate(-50%,-50%);	display:inline-flex;	align-items:center;	gap:0.35rem;	padding:0.35rem 1rem;	border-radius:var(--radius-full);	background:linear-gradient(135deg,var(--color-secondary),#5FA330);	color:var(--color-white);	font-size:var(--fs-xs);	font-weight:700;	letter-spacing:0.04em;	text-transform:uppercase;	white-space:nowrap;	box-shadow:0 4px 12px rgba(122,193,67,0.30);	z-index:3}/* ── Card content ── */.prc-card__name{	font-family:var(--font-heading);	font-size:var(--fs-xl);	font-weight:800;	color:var(--color-dark);	margin-bottom:0.25rem;	position:relative;	z-index:1}.prc-card__subtitle{	font-size:var(--fs-sm);	color:var(--color-text-light);	margin-bottom:var(--spacing-lg);	position:relative;	z-index:1}/* Price */.prc-card__price{	margin-bottom:var(--spacing-lg);	padding-bottom:var(--spacing-lg);	border-bottom:1px solid rgba(27,77,62,0.08);	position:relative;	z-index:1}.prc-card__price-label{	font-family:var(--font-heading);	font-size:var(--fs-2xl);	font-weight:800;	background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));	-webkit-background-clip:text;	-webkit-text-fill-color:transparent;	background-clip:text}/* Features list */.prc-card__features{	list-style:none;	padding:0;	margin:0 0 var(--spacing-xl);	position:relative;	z-index:1;	flex:1}.prc-card__feature{	display:flex;	align-items:flex-start;	gap:0.6rem;	padding:0.4rem 0;	font-size:var(--fs-sm);	color:var(--color-text);	line-height:1.55}.prc-card__check{	flex-shrink:0;	display:flex;	align-items:center;	justify-content:center;	width:20px;	height:20px;	border-radius:50%;	background:rgba(122,193,67,0.12);	color:var(--color-secondary);	margin-top:1px;	transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1),	 background 0.3s ease}.prc-card:hover .prc-card__check{	background:rgba(122,193,67,0.20);	transform:scale(1.10)}/* Feature stagger reveal inside card */.prc-card__feature.js-reveal{	opacity:0;	transform:translateX(-10px);	transition:opacity 0.35s ease,transform 0.35s ease}.prc-card__feature.js-reveal[data-delay="1"]{transition-delay:0.04s}.prc-card__feature.js-reveal[data-delay="2"]{transition-delay:0.08s}.prc-card__feature.js-reveal[data-delay="3"]{transition-delay:0.12s}.prc-card__feature.js-reveal[data-delay="4"]{transition-delay:0.16s}.prc-card__feature.js-reveal[data-delay="5"]{transition-delay:0.20s}.prc-card__feature.js-reveal.is-visible{	opacity:1;	transform:translateX(0)}/* CTA button */.prc-card__btn{	display:flex;	align-items:center;	justify-content:center;	gap:0.5rem;	width:100%;	padding:0.9rem 1.5rem;	border-radius:var(--radius-lg);	background:var(--color-white);	border:1.5px solid rgba(27,77,62,0.15);	color:var(--color-primary);	font-family:var(--font-body);	font-size:var(--fs-sm);	font-weight:700;	text-decoration:none;	cursor:pointer;	position:relative;	z-index:1;	overflow:hidden;	transition:background 0.3s ease,	 border-color 0.3s ease,	 color 0.3s ease,	 box-shadow 0.3s ease}.prc-card__btn:hover{	background:var(--color-primary);	border-color:var(--color-primary);	color:var(--color-white);	box-shadow:0 4px 16px rgba(27,77,62,0.20)}.prc-card__btn--featured{	background:linear-gradient(135deg,var(--color-primary),#1B6B4E);	border-color:transparent;	color:var(--color-white)}.prc-card__btn--featured:hover{	background:linear-gradient(135deg,#143B30,var(--color-primary));	box-shadow:0 6px 20px rgba(27,77,62,0.25)}.prc-card__btn-arrow{	display:inline-flex;	transition:transform 0.3s ease}.prc-card__btn:hover .prc-card__btn-arrow{	transform:translateX(4px)}/* Guarantee */.prc-card__guarantee{	display:flex;	align-items:center;	justify-content:center;	gap:0.35rem;	margin-top:0.75rem;	font-size:0.7rem;	color:var(--color-text-light);	position:relative;	z-index:1}.prc-card__guarantee svg{	color:var(--color-secondary);	flex-shrink:0}/* ── Card reveal stagger ── */.prc-card.js-reveal{	opacity:0;	transform:translateY(30px) scale(0.97);	transition:opacity 0.5s ease,transform 0.55s cubic-bezier(0.34,1.56,0.64,1)}.prc-card.js-reveal[data-delay="1"]{transition-delay:0.10s}.prc-card.js-reveal[data-delay="2"]{transition-delay:0.20s}.prc-card.js-reveal.is-visible{	opacity:1;	transform:translateY(0) scale(1)}/* Featured visible override so scale(1.04) isn't lost */@media (min-width:1024px){	.prc-card--featured.js-reveal.is-visible{		transform:translateY(0) scale(1.04);	}}/* ── Note ── */.prc-premium__note{	text-align:center;	font-size:var(--fs-sm);	color:var(--color-text-light);	margin-top:var(--spacing-xl);	position:relative;	z-index:2}/* -------------------------------------------------------------------------- FAQ — Premium Two-Column Accordion -------------------------------------------------------------------------- */.faq-premium{	position:relative;	overflow:hidden;	background:linear-gradient(170deg,#F0F5F2 0%,#E9F1EC 50%,#F5F9F6 100%)}.faq-premium__bg{	position:absolute;	inset:0;	pointer-events:none;	z-index:0}.faq-premium__dots{	position:absolute;	inset:0;	background-image:radial-gradient(circle,rgba(27,77,62,0.05) 1px,transparent 1px);	background-size:26px 26px}.faq-premium__blob{	position:absolute;	border-radius:50%;	filter:blur(90px)}.faq-premium__blob--1{	width:320px;	height:320px;	background:rgba(122,193,67,0.08);	top:-80px;	right:10%}.faq-premium__blob--2{	width:260px;	height:260px;	background:rgba(27,77,62,0.06);	bottom:-50px;	left:-30px}/* ── Header ── */.faq-premium__header{	position:relative;	z-index:2}.faq-premium__badge{	display:inline-flex;	align-items:center;	gap:0.5rem;	padding:0.35rem 1rem;	border-radius:var(--radius-full);	background:rgba(27,77,62,0.08);	color:var(--color-primary);	font-size:var(--fs-xs);	font-weight:600;	letter-spacing:0.06em;	text-transform:uppercase;	margin-bottom:var(--spacing-md)}.faq-premium__badge-dot{	width:6px;	height:6px;	border-radius:50%;	background:var(--color-secondary);	animation:faqDotPulse 2s ease-in-out infinite}@keyframes faqDotPulse{	0%,100%{opacity:1;transform:scale(1)}	50%{opacity:0.4;transform:scale(0.7)}}.faq-premium__title{	font-family:var(--font-heading);	font-size:var(--fs-3xl);	font-weight:800;	line-height:1.15;	color:var(--color-dark)}.faq-premium__desc{	color:var(--color-text-light);	line-height:1.7}/* ── Layout ── */.faq-premium__layout{	display:flex;	flex-direction:column;	gap:var(--spacing-2xl);	position:relative;	z-index:2}@media (min-width:1024px){	.faq-premium__layout{		flex-direction:row;		gap:var(--spacing-3xl);		align-items:flex-start;	}}/* ── Aside / left column ── */.faq-premium__aside{	flex-shrink:0}@media (min-width:1024px){	.faq-premium__aside{		position:sticky;		top:calc(var(--header-height)+var(--spacing-xl));		width:340px;	}}.faq-premium__aside-title{	font-family:var(--font-heading);	font-size:var(--fs-2xl);	font-weight:800;	color:var(--color-dark);	line-height:1.2;	margin-bottom:var(--spacing-md)}.faq-premium__aside-text{	font-size:var(--fs-sm);	line-height:1.7;	color:var(--color-text-light);	margin-bottom:var(--spacing-xl)}/* CTA button */.faq-premium__cta{	display:inline-flex;	align-items:center;	gap:0.5rem;	padding:0.85rem 1.5rem;	border-radius:var(--radius-lg);	background:linear-gradient(135deg,var(--color-primary),#1B6B4E);	color:var(--color-white);	font-family:var(--font-body);	font-size:var(--fs-sm);	font-weight:700;	text-decoration:none;	transition:box-shadow 0.3s ease,transform 0.3s ease;	margin-bottom:var(--spacing-xl)}.faq-premium__cta:hover{	box-shadow:0 6px 20px rgba(27,77,62,0.25);	transform:translateY(-2px)}.faq-premium__cta svg{	transition:transform 0.3s ease}.faq-premium__cta:hover svg{	transform:translateX(4px)}/* Trust card */.faq-trust{	padding:1.25rem;	border-radius:var(--radius-lg);	background:rgba(255,255,255,0.55);	backdrop-filter:blur(12px);	-webkit-backdrop-filter:blur(12px);	border:1px solid rgba(27,77,62,0.08)}.faq-trust__label{	display:flex;	align-items:center;	gap:0.5rem;	font-size:var(--fs-xs);	font-weight:600;	color:var(--color-primary);	text-transform:uppercase;	letter-spacing:0.04em;	margin-bottom:0.75rem}.faq-trust__pulse{	width:8px;	height:8px;	border-radius:50%;	background:var(--color-secondary);	box-shadow:0 0 0 0 rgba(122,193,67,0.40);	animation:faqTrustPulse 2s ease-in-out infinite}@keyframes faqTrustPulse{	0%{box-shadow:0 0 0 0 rgba(122,193,67,0.40)}	70%{box-shadow:0 0 0 6px rgba(122,193,67,0)}	100%{box-shadow:0 0 0 0 rgba(122,193,67,0)}}.faq-trust__row{	display:flex;	align-items:center;	gap:0.75rem;	padding:0.6rem 0;	text-decoration:none;	color:var(--color-text);	border-bottom:1px solid rgba(27,77,62,0.06);	transition:color 0.25s ease}.faq-trust__row:last-of-type{	border-bottom:none}.faq-trust__row:hover{	color:var(--color-primary)}.faq-trust__icon{	display:flex;	align-items:center;	justify-content:center;	width:34px;	height:34px;	border-radius:var(--radius-md);	background:rgba(27,77,62,0.06);	color:var(--color-primary);	flex-shrink:0;	transition:background 0.25s ease,transform 0.25s ease}.faq-trust__row:hover .faq-trust__icon{	background:rgba(122,193,67,0.12);	transform:scale(1.05)}.faq-trust__meta{	display:flex;	flex-direction:column}.faq-trust__meta-label{	font-size:0.65rem;	font-weight:600;	text-transform:uppercase;	letter-spacing:0.05em;	color:var(--color-text-light)}.faq-trust__meta-value{	font-size:var(--fs-sm);	font-weight:600}.faq-trust__audit{	display:flex;	align-items:center;	justify-content:center;	gap:0.4rem;	width:100%;	margin-top:0.75rem;	padding:0.65rem 1rem;	border-radius:var(--radius-md);	background:rgba(122,193,67,0.10);	color:var(--color-primary);	font-size:var(--fs-xs);	font-weight:700;	text-decoration:none;	transition:background 0.25s ease}.faq-trust__audit:hover{	background:rgba(122,193,67,0.18)}/* ── FAQ list / right column ── */.faq-premium__list{	flex:1;	min-width:0}/* ── FAQ item (glassmorphism card) ── */.faq-premium__item{	position:relative;	background:rgba(255,255,255,0.55);	backdrop-filter:blur(12px);	-webkit-backdrop-filter:blur(12px);	border:1.5px solid rgba(27,77,62,0.07);	border-radius:16px;	margin-bottom:var(--spacing-md);	overflow:hidden;	transition:border-color 0.35s ease,	 box-shadow 0.35s ease}.faq-premium__item-glow{	position:absolute;	inset:-1px;	border-radius:inherit;	background:linear-gradient(135deg,rgba(122,193,67,0.15),rgba(27,77,62,0.10));	opacity:0;	transition:opacity 0.35s ease;	pointer-events:none;	z-index:0}.faq-premium__item:hover{	border-color:rgba(122,193,67,0.18);	box-shadow:0 6px 20px rgba(27,77,62,0.06)}.faq-premium__item:hover .faq-premium__item-glow{	opacity:1}/* Trigger */.faq-premium__item .faq-item__trigger{	display:flex;	justify-content:space-between;	align-items:center;	width:100%;	padding:1.25rem 1.5rem;	background:none;	border:none;	cursor:pointer;	text-align:left;	gap:var(--spacing-md);	font-family:inherit;	font-size:var(--fs-base);	color:var(--color-dark);	position:relative;	z-index:1}.faq-premium__item .faq-item__trigger:hover{	background:rgba(27,77,62,0.02)}.faq-premium__item .faq-item__trigger:focus-visible{	outline:2px solid var(--color-primary);	outline-offset:-2px;	border-radius:16px}.faq-premium__item .faq-item__question{	font-weight:700;	line-height:1.5;	font-size:var(--fs-base)}/* Plus / minus icon */.faq-premium__item .faq-item__icon{	flex-shrink:0;	display:flex;	align-items:center;	justify-content:center;	width:32px;	height:32px;	border-radius:50%;	background:rgba(27,77,62,0.06);	position:relative;	transition:background 0.3s ease,transform 0.3s ease}.faq-item__icon-bar{	position:absolute;	background:var(--color-primary);	border-radius:2px;	transition:transform 0.35s cubic-bezier(0.34,1.56,0.64,1),opacity 0.35s ease}.faq-item__icon-bar--h{	width:12px;	height:2px}.faq-item__icon-bar--v{	width:2px;	height:12px}.faq-premium__item .faq-item__trigger[aria-expanded="true"] .faq-item__icon{	background:var(--color-primary);	transform:rotate(0deg)}.faq-premium__item .faq-item__trigger[aria-expanded="true"] .faq-item__icon-bar{	background:var(--color-white)}.faq-premium__item .faq-item__trigger[aria-expanded="true"] .faq-item__icon-bar--v{	transform:rotate(90deg);	opacity:0}/* Answer */.faq-premium__item .faq-item__answer{	overflow:hidden}.faq-premium__item .faq-item__answer-inner{	padding:0 1.5rem 1.5rem;	position:relative;	z-index:1}.faq-premium__item .faq-item__answer-inner p{	font-size:var(--fs-sm);	line-height:1.8;	color:var(--color-text-light)}/* ── Reveal stagger ── */.faq-premium__item.js-reveal{	opacity:0;	transform:translateY(20px);	transition:opacity 0.45s ease,transform 0.45s cubic-bezier(0.34,1.56,0.64,1)}.faq-premium__item.js-reveal[data-delay="1"]{transition-delay:0.06s}.faq-premium__item.js-reveal[data-delay="2"]{transition-delay:0.12s}.faq-premium__item.js-reveal[data-delay="3"]{transition-delay:0.18s}.faq-premium__item.js-reveal[data-delay="4"]{transition-delay:0.24s}.faq-premium__item.js-reveal[data-delay="5"]{transition-delay:0.30s}.faq-premium__item.js-reveal.is-visible{	opacity:1;	transform:translateY(0)}/* ========================================================================== Contact Page — Premium FAQ (full-width centered) ========================================================================== */.faq-premium__single{	max-width:820px;	margin:0 auto;	position:relative;	z-index:2}/* ========================================================================== Contact Page — Premium Form ========================================================================== */.contact-form-section{	position:relative;	overflow:hidden;	background:linear-gradient(170deg,#F5F9F6 0%,#EDF4EF 55%,#F0F5F2 100%)}.contact-form-section__bg{	position:absolute;	inset:0;	pointer-events:none;	z-index:0}.contact-form-section__blob{	position:absolute;	border-radius:50%;	filter:blur(90px)}.contact-form-section__blob--1{	width:340px;	height:340px;	background:rgba(122,193,67,0.09);	top:-90px;	left:-40px}.contact-form-section__blob--2{	width:300px;	height:300px;	background:rgba(27,77,62,0.06);	bottom:-70px;	right:5%}.contact-form-section .section__header{	position:relative;	z-index:2}/* Glass card wrapper */.contact-page-form{	max-width:720px;	margin:0 auto;	position:relative;	z-index:2}.contact-form__card{	position:relative;	padding:var(--spacing-2xl);	border-radius:var(--radius-lg);	background:rgba(255,255,255,0.55);	backdrop-filter:blur(14px);	-webkit-backdrop-filter:blur(14px);	border:1.5px solid rgba(27,77,62,0.08);	box-shadow:0 20px 50px rgba(27,77,62,0.08);	overflow:hidden}@media (min-width:640px){	.contact-form__card{		padding:var(--spacing-3xl);	}}.contact-form__card-glow{	position:absolute;	inset:0;	border-radius:inherit;	background:		radial-gradient(circle at 0% 0%,rgba(122,193,67,0.10),transparent 45%),		radial-gradient(circle at 100% 100%,rgba(27,77,62,0.08),transparent 45%);	pointer-events:none;	z-index:0}.contact-form{	position:relative;	z-index:1}/* Fields */.contact-form__group{	margin-bottom:var(--spacing-lg)}.contact-form__label{	display:block;	font-size:var(--fs-sm);	font-weight:600;	color:var(--color-dark);	margin-bottom:var(--spacing-xs)}.contact-form__field{	position:relative;	display:block}.contact-form__icon{	position:absolute;	top:50%;	left:1rem;	transform:translateY(-50%);	display:flex;	align-items:center;	justify-content:center;	color:var(--color-text-light);	pointer-events:none;	transition:color var(--transition);	z-index:1}.contact-form__input{	display:block;	width:100%;	padding:0.9rem 1rem;	font-family:inherit;	font-size:var(--fs-base);	color:var(--color-dark);	background:rgba(255,255,255,0.7);	border:1.5px solid var(--color-border);	border-radius:var(--radius-md);	transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}.contact-form__input--icon{	padding-left:2.85rem}.contact-form__input::placeholder{	color:var(--color-text-light);	opacity:0.7}.contact-form__input:hover{	border-color:rgba(27,77,62,0.25)}.contact-form__input:focus{	outline:none;	background:var(--color-white);	border-color:var(--color-secondary);	box-shadow:0 0 0 4px rgba(122,193,67,0.15)}.contact-form__field:focus-within .contact-form__icon{	color:var(--color-primary)}/* Select */.contact-form__select{	appearance:none;	-webkit-appearance:none;	-moz-appearance:none;	cursor:pointer;	padding-right:2.85rem}.contact-form__chevron{	position:absolute;	top:50%;	right:1rem;	transform:translateY(-50%);	display:flex;	align-items:center;	color:var(--color-text-light);	pointer-events:none;	transition:transform var(--transition),color var(--transition)}.contact-form__field:focus-within .contact-form__chevron{	color:var(--color-primary);	transform:translateY(-50%) rotate(180deg)}/* Textarea */.contact-form__textarea{	resize:vertical;	min-height:140px;	line-height:1.6}/* Premium submit button */.contact-form__submit{	display:flex;	align-items:center;	justify-content:center;	gap:0.6rem;	width:100%;	padding:1rem 1.75rem;	border:none;	border-radius:var(--radius-lg);	background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-dark));	color:var(--color-white);	font-family:inherit;	font-size:var(--fs-base);	font-weight:700;	cursor:pointer;	box-shadow:0 6px 18px rgba(122,193,67,0.25);	transition:transform 0.25s ease,box-shadow 0.25s ease}.contact-form__submit svg{	transition:transform 0.25s ease}.contact-form__submit:hover{	transform:translateY(-2px);	box-shadow:0 12px 28px rgba(122,193,67,0.35)}.contact-form__submit:hover svg{	transform:translate(3px,-3px)}.contact-form__submit:focus-visible{	outline:2px solid var(--color-primary);	outline-offset:2px}.contact-form__submit:active{	transform:translateY(0)}.contact-form__disclaimer{	display:flex;	align-items:center;	justify-content:center;	gap:0.4rem;	margin-top:var(--spacing-md);	margin-bottom:0;	font-size:var(--fs-xs);	color:var(--color-text-light);	text-align:center}.contact-form__disclaimer svg{	flex-shrink:0;	color:var(--color-secondary)}.form-notice{	display:flex;	align-items:flex-start;	gap:var(--spacing-sm);	padding:var(--spacing-md) var(--spacing-lg);	border-radius:var(--radius-md);	margin-bottom:var(--spacing-lg);	font-size:var(--fs-sm);	line-height:1.5}.form-notice svg{	flex-shrink:0;	margin-top:2px}.form-notice p{	margin:0}.form-notice--success{	background:#ecfdf5;	border:1px solid #a7f3d0;	color:#065f46}.form-notice--success svg{	color:#059669}.form-notice--error{	background:#fef2f2;	border:1px solid #fecaca;	color:#991b1b}.form-notice--error svg{	color:#dc2626}/* -------------------------------------------------------------------------- Container Narrow (for content-heavy sections) -------------------------------------------------------------------------- */.container--narrow{	max-width:800px}/* ========================================================================== About Page ========================================================================== *//* ── Hero:layered gradient+floating orbs+glass eyebrow ── */.about-hero{	position:relative;	isolation:isolate;	overflow:hidden;	padding:calc(var(--header-height)+var(--spacing-3xl)) 0 var(--spacing-4xl);	background:linear-gradient(145deg,#0a2e22 0%,var(--color-primary) 42%,var(--color-primary-dark) 100%);	color:var(--color-white)}@media (min-width:768px){	.about-hero{		padding:calc(var(--header-height)+var(--spacing-4xl)) 0 var(--spacing-4xl);	}}/* Grid texture+blurred orbs (pure CSS,no markup needed) */.about-hero::before{	content:'';	position:absolute;	inset:0;	z-index:-2;	background-image:radial-gradient(circle,rgba(122,193,67,0.06) 1px,transparent 1px);	background-size:32px 32px;	pointer-events:none}.about-hero::after{	content:'';	position:absolute;	z-index:-1;	top:-120px;	left:-140px;	width:480px;	height:480px;	border-radius:50%;	background:radial-gradient(circle,rgba(122,193,67,0.5) 0%,transparent 70%);	filter:blur(90px);	opacity:0.5;	animation:heroFloat 18s ease-in-out infinite;	pointer-events:none}.about-hero>.container{	position:relative;	z-index:1}.about-hero .breadcrumbs{	margin-bottom:var(--spacing-xl)}.about-hero .breadcrumbs__list{	color:rgba(255,255,255,0.5)}.about-hero .breadcrumbs__item a{	color:rgba(255,255,255,0.7)}.about-hero .breadcrumbs__item a:hover{	color:var(--color-white)}.about-hero .breadcrumbs__item[aria-current="page"]{	color:rgba(255,255,255,0.9)}.about-hero__content{	max-width:760px;	margin:0 auto;	text-align:center}.about-hero__eyebrow{	display:inline-flex;	align-items:center;	gap:0.5rem;	margin-bottom:var(--spacing-lg);	padding:0.375rem 0.875rem 0.375rem 0.625rem;	font-size:var(--fs-xs);	font-weight:700;	color:var(--color-secondary);	background:rgba(122,193,67,0.12);	border:1px solid rgba(122,193,67,0.28);	border-radius:var(--radius-full);	letter-spacing:0.06em;	text-transform:uppercase;	backdrop-filter:blur(8px);	-webkit-backdrop-filter:blur(8px)}.about-hero__eyebrow svg{	flex-shrink:0}.about-hero__title{	margin-bottom:var(--spacing-lg);	font-size:clamp(2.25rem,5.5vw,4rem);	font-weight:800;	color:var(--color-white);	letter-spacing:-0.028em;	line-height:1.05;	text-shadow:0 2px 40px rgba(0,0,0,0.3)}.about-hero__lead{	margin-bottom:var(--spacing-2xl);	font-size:var(--fs-md);	line-height:1.7;	color:rgba(255,255,255,0.82);	max-width:620px;	margin-left:auto;	margin-right:auto}.about-hero__stats{	display:grid;	grid-template-columns:repeat(3,1fr);	gap:var(--spacing-md);	max-width:640px;	margin:0 auto;	padding-top:var(--spacing-xl);	border-top:1px solid rgba(255,255,255,0.14)}@media (min-width:640px){	.about-hero__stats{		gap:var(--spacing-xl);	}}.about-hero__stat-number{	display:block;	font-size:clamp(1.5rem,3vw,2.25rem);	font-weight:800;	color:var(--color-secondary);	line-height:1.1;	letter-spacing:-0.02em}.about-hero__stat-label{	font-size:var(--fs-xs);	color:rgba(255,255,255,0.65);	text-transform:uppercase;	letter-spacing:0.06em;	font-weight:600}/* ── Story:two-column with premium image panel ── */.about-story__grid{	display:grid;	gap:var(--spacing-2xl);	align-items:center}@media (min-width:1024px){	.about-story__grid{		grid-template-columns:1fr 1fr;		gap:var(--spacing-4xl);	}}.about-story__content p{	margin-bottom:var(--spacing-md);	font-size:var(--fs-md);	line-height:1.8;	color:var(--color-text-light)}.about-story__content p:first-child{	font-size:var(--fs-lg);	color:var(--color-text)}.about-story__content p:last-child{	margin-bottom:0}.about-story__image{	position:relative;	display:flex;	align-items:center;	justify-content:center;	min-height:360px;	border-radius:var(--radius-xl);	overflow:hidden;	background:linear-gradient(150deg,var(--color-primary) 0%,var(--color-primary-dark) 60%,var(--color-dark) 100%);	box-shadow:var(--shadow-xl);	isolation:isolate}.about-story__image::before{	content:'';	position:absolute;	inset:0;	z-index:0;	background-image:radial-gradient(circle,rgba(122,193,67,0.14) 1px,transparent 1px);	background-size:26px 26px;	pointer-events:none}.about-story__image::after{	content:'';	position:absolute;	z-index:0;	width:260px;	height:260px;	right:-60px;	bottom:-80px;	border-radius:50%;	background:radial-gradient(circle,rgba(122,193,67,0.4) 0%,transparent 70%);	filter:blur(60px);	pointer-events:none}.about-story__image-placeholder{	position:relative;	z-index:1;	padding:var(--spacing-md) var(--spacing-lg);	font-size:var(--fs-lg);	font-weight:600;	color:rgba(255,255,255,0.85);	letter-spacing:0.02em}/* ── Values / Why-Choose cards:premium icon treatment ── Base .why-card glass+hover styles are inherited from the homepage system;About markup uses .why-card__icon (no wrap),so we style that element directly to match the homepage. */.why-card__icon{	position:relative;	display:inline-flex;	align-items:center;	justify-content:center;	width:56px;	height:56px;	margin-bottom:var(--spacing-lg);	background:linear-gradient(135deg,var(--color-light) 0%,rgba(122,193,67,0.08) 100%);	border-radius:var(--radius-md);	color:var(--color-primary);	z-index:1;	transition:background 0.3s ease,color 0.3s ease,transform 0.35s cubic-bezier(0.34,1.56,0.64,1)}.why-card:hover .why-card__icon{	background:linear-gradient(135deg,var(--color-secondary) 0%,#9ed65a 100%);	color:var(--color-dark);	transform:scale(1.1) rotate(-4deg)}/* ── Team cards ── */.team-grid{	display:grid;	gap:var(--spacing-lg);	grid-template-columns:1fr}@media (min-width:640px){	.team-grid{		grid-template-columns:repeat(2,1fr);	}}@media (min-width:1024px){	.team-grid{		grid-template-columns:repeat(4,1fr);	}}.team-card{	position:relative;	text-align:center;	padding:var(--spacing-xl);	background:rgba(255,255,255,0.8);	backdrop-filter:blur(12px);	-webkit-backdrop-filter:blur(12px);	border:1px solid var(--color-border);	border-radius:var(--radius-xl);	box-shadow:0 2px 16px rgba(27,77,62,0.06);	overflow:hidden;	transition:transform 0.35s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.3s ease,border-color 0.3s ease}.team-card::after{	content:'';	position:absolute;	bottom:0;	left:0;	right:0;	height:3px;	background:linear-gradient(90deg,var(--color-secondary),var(--color-primary));	transform:scaleX(0);	transform-origin:left;	transition:transform 0.4s cubic-bezier(0.22,1,0.36,1)}.team-card:hover{	transform:translateY(-5px) scale(1.015);	box-shadow:0 20px 50px rgba(27,77,62,0.12),0 6px 16px rgba(27,77,62,0.08);	border-color:rgba(122,193,67,0.45)}.team-card:hover::after{	transform:scaleX(1)}.team-card__avatar{	display:flex;	align-items:center;	justify-content:center;	width:80px;	height:80px;	margin:0 auto var(--spacing-md);	background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);	color:var(--color-white);	font-size:var(--fs-xl);	font-weight:700;	border-radius:50%;	box-shadow:0 6px 20px rgba(27,77,62,0.2);	transition:transform 0.35s cubic-bezier(0.34,1.56,0.64,1)}.team-card:hover .team-card__avatar{	transform:scale(1.06)}.team-card__name{	font-size:var(--fs-base);	font-weight:700;	color:var(--color-dark);	margin-bottom:var(--spacing-xs)}.team-card__role{	font-size:var(--fs-sm);	font-weight:600;	color:var(--color-secondary-dark);	margin-bottom:var(--spacing-sm)}.team-card__bio{	font-size:var(--fs-sm);	line-height:1.6;	color:var(--color-text-light)}/* ── Process:numbered premium timeline (styles the .process-* markup) ── */.section--process .section__header{	position:relative;	z-index:1}.process-steps{	display:grid;	gap:var(--spacing-lg);	position:relative;	z-index:1}@media (min-width:640px){	.process-steps{		grid-template-columns:repeat(2,1fr);	}}@media (min-width:1024px){	.process-steps{		grid-template-columns:repeat(4,1fr);	}}.process-step{	position:relative;	padding:var(--spacing-xl);	padding-top:var(--spacing-2xl);	background:rgba(255,255,255,0.8);	backdrop-filter:blur(12px);	-webkit-backdrop-filter:blur(12px);	border:1px solid rgba(255,255,255,0.95);	border-radius:var(--radius-xl);	box-shadow:0 2px 16px rgba(27,77,62,0.06);	overflow:hidden;	transition:transform 0.35s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.3s ease,border-color 0.3s ease}/* Connector line between steps on desktop */@media (min-width:1024px){	.process-step:not(:last-child)::after{		content:'';		position:absolute;		top:calc(var(--spacing-2xl)+20px);		right:calc(-1 * var(--spacing-lg) / 2 - 1px);		width:var(--spacing-lg);		height:2px;		background:linear-gradient(90deg,rgba(122,193,67,0.5),rgba(122,193,67,0.1));		z-index:0;	}}.process-step:hover{	transform:translateY(-5px);	box-shadow:0 20px 50px rgba(27,77,62,0.12),0 6px 16px rgba(27,77,62,0.08);	border-color:rgba(122,193,67,0.45)}.process-step__number{	display:inline-flex;	align-items:center;	justify-content:center;	width:48px;	height:48px;	margin-bottom:var(--spacing-md);	font-size:var(--fs-lg);	font-weight:800;	color:var(--color-primary);	background:linear-gradient(135deg,var(--color-light) 0%,rgba(122,193,67,0.12) 100%);	border-radius:var(--radius-md);	line-height:1;	letter-spacing:-0.02em;	transition:background 0.3s ease,color 0.3s ease,transform 0.35s cubic-bezier(0.34,1.56,0.64,1)}.process-step:hover .process-step__number{	background:linear-gradient(135deg,var(--color-secondary) 0%,#9ed65a 100%);	color:var(--color-dark);	transform:scale(1.08) rotate(-4deg)}.process-step__title{	margin-bottom:var(--spacing-sm);	font-size:var(--fs-lg);	color:var(--color-dark)}.process-step__desc{	font-size:var(--fs-sm);	line-height:1.65;	color:var(--color-text-light)}/* ========================================================================== Contact Page ========================================================================== */.contact-hero{	padding:var(--spacing-3xl) 0 var(--spacing-4xl);	background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);	color:var(--color-white)}@media (min-width:768px){	.contact-hero{		padding:var(--spacing-4xl) 0;	}}.contact-hero .breadcrumbs{	margin-bottom:var(--spacing-xl)}.contact-hero .breadcrumbs__list{	color:rgba(255,255,255,0.5)}.contact-hero .breadcrumbs__item a{	color:rgba(255,255,255,0.7)}.contact-hero .breadcrumbs__item a:hover{	color:var(--color-white)}.contact-hero .breadcrumbs__item[aria-current="page"]{	color:rgba(255,255,255,0.9)}.contact-hero__content{	max-width:720px;	margin:0 auto;	text-align:center}.contact-hero__eyebrow{	display:inline-flex;	align-items:center;	gap:var(--spacing-xs);	margin-bottom:var(--spacing-md);	padding:var(--spacing-xs) var(--spacing-md);	font-size:var(--fs-sm);	font-weight:600;	color:var(--color-secondary);	background:rgba(122,193,67,0.15);	border-radius:var(--radius-full);	letter-spacing:0.02em;	text-transform:uppercase}.contact-hero__title{	margin-bottom:var(--spacing-lg);	font-size:var(--fs-4xl);	font-weight:800;	color:var(--color-white);	letter-spacing:-0.02em}.contact-hero__lead{	font-size:var(--fs-md);	line-height:1.7;	color:rgba(255,255,255,0.85);	max-width:540px;	margin-left:auto;	margin-right:auto}.contact-form__row{	display:grid;	gap:var(--spacing-md)}@media (min-width:640px){	.contact-form__row{		grid-template-columns:1fr 1fr;	}}.contact-map__placeholder{	display:flex;	flex-direction:column;	align-items:center;	justify-content:center;	gap:var(--spacing-md);	min-height:400px;	background:var(--color-gray-100);	border:2px dashed var(--color-gray-300);	border-radius:var(--radius-lg);	color:var(--color-gray-400);	text-align:center}.contact-map__placeholder svg{	opacity:0.5}.contact-map__placeholder-text{	font-size:var(--fs-lg);	font-weight:600}.contact-map__placeholder-address{	font-size:var(--fs-sm);	color:var(--color-gray-500)}/* ========================================================================== TEMPLATE DESIGN SYSTEM — Shared premium components (tpl-*) Used by Service,Industry,and Location templates. ========================================================================== *//* -------------------------------------------------------------------------- Shared Animations -------------------------------------------------------------------------- */@keyframes tpl-pulse-dot{	0%,100%{opacity:1;transform:scale(1)}	50%{opacity:.5;transform:scale(.85)}}@keyframes tpl-float{	0%,100%{transform:translateY(0)}	50%{transform:translateY(-12px)}}@keyframes tpl-shimmer{	0%{background-position:-200% 0}	100%{background-position:200% 0}}@keyframes tpl-glow-rotate{	0%{transform:translate(-50%,-50%) rotate(0deg)}	100%{transform:translate(-50%,-50%) rotate(360deg)}}/* -------------------------------------------------------------------------- tpl-badge — pill eyebrow with animated dot -------------------------------------------------------------------------- */.tpl-badge{	display:inline-flex;	align-items:center;	gap:.5rem;	padding:.35rem 1rem .35rem .75rem;	border-radius:var(--radius-full);	background:rgba(27,77,62,.08);	border:1px solid rgba(27,77,62,.15);	font-size:var(--fs-xs);	font-weight:600;	letter-spacing:.06em;	text-transform:uppercase;	color:var(--color-primary);	line-height:1}.tpl-badge--light{	background:rgba(255,255,255,.12);	border-color:rgba(255,255,255,.2);	color:var(--color-white)}.tpl-badge__dot{	width:6px;	height:6px;	border-radius:50%;	background:var(--color-secondary);	animation:tpl-pulse-dot 2s ease-in-out infinite;	flex-shrink:0}.tpl-badge--light .tpl-badge__dot{	background:var(--color-accent)}/* -------------------------------------------------------------------------- tpl-section-header — premium section header -------------------------------------------------------------------------- */.tpl-section-header{	text-align:center;	margin-bottom:var(--spacing-3xl);	max-width:720px;	margin-left:auto;	margin-right:auto}.tpl-section-header .section__title{	margin-top:var(--spacing-md)}.tpl-section-header .section__description{	margin-top:var(--spacing-md);	color:var(--color-text-light);	font-size:var(--fs-md);	line-height:1.7}/* -------------------------------------------------------------------------- tpl-card-grid — responsive card grids -------------------------------------------------------------------------- */.tpl-card-grid{	display:grid;	gap:var(--spacing-xl)}.tpl-card-grid--2{	grid-template-columns:1fr}.tpl-card-grid--3{	grid-template-columns:1fr}.tpl-card-grid--4{	grid-template-columns:1fr}@media (min-width:640px){	.tpl-card-grid--2{grid-template-columns:repeat(2,1fr)}	.tpl-card-grid--3{grid-template-columns:repeat(2,1fr)}	.tpl-card-grid--4{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){	.tpl-card-grid--3{grid-template-columns:repeat(3,1fr)}	.tpl-card-grid--4{grid-template-columns:repeat(4,1fr)}}/* -------------------------------------------------------------------------- tpl-glass-card — glassmorphism card with glow -------------------------------------------------------------------------- */.tpl-glass-card{	position:relative;	background:rgba(255,255,255,.7);	backdrop-filter:blur(12px);	-webkit-backdrop-filter:blur(12px);	border:1px solid rgba(27,77,62,.1);	border-radius:var(--radius-xl);	padding:var(--spacing-2xl);	transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;	overflow:hidden;	z-index:1}.tpl-glass-card:hover{	transform:translateY(-4px);	box-shadow:0 12px 40px rgba(27,77,62,.1),0 0 0 1px rgba(122,193,67,.15);	border-color:rgba(122,193,67,.25)}.tpl-glass-card__glow{	position:absolute;	top:50%;	left:50%;	width:200px;	height:200px;	background:radial-gradient(circle,rgba(122,193,67,.12) 0%,transparent 70%);	border-radius:50%;	transform:translate(-50%,-50%) scale(0);	transition:transform .5s ease;	pointer-events:none;	z-index:-1}.tpl-glass-card:hover .tpl-glass-card__glow{	transform:translate(-50%,-50%) scale(1.5)}.tpl-glass-card__icon{	width:52px;	height:52px;	display:flex;	align-items:center;	justify-content:center;	border-radius:var(--radius-lg);	background:linear-gradient(135deg,rgba(27,77,62,.08),rgba(122,193,67,.1));	color:var(--color-primary);	margin-bottom:var(--spacing-lg);	transition:background .3s ease,transform .3s ease}.tpl-glass-card:hover .tpl-glass-card__icon{	background:linear-gradient(135deg,rgba(27,77,62,.14),rgba(122,193,67,.18));	transform:scale(1.08)}.tpl-glass-card__title{	font-size:var(--fs-lg);	font-weight:700;	color:var(--color-dark);	margin-bottom:var(--spacing-sm);	line-height:1.3}.tpl-glass-card__desc{	font-size:var(--fs-sm);	color:var(--color-text-light);	line-height:1.7}/* Link variant */.tpl-glass-card--link{	display:flex;	flex-direction:column;	text-decoration:none;	color:inherit;	cursor:pointer}.tpl-glass-card__arrow{	display:inline-flex;	align-items:center;	gap:.4rem;	margin-top:auto;	padding-top:var(--spacing-lg);	font-size:var(--fs-sm);	font-weight:600;	color:var(--color-primary);	transition:gap .3s ease}.tpl-glass-card--link:hover .tpl-glass-card__arrow{	gap:.7rem}.tpl-glass-card__arrow svg{	transition:transform .3s ease}.tpl-glass-card--link:hover .tpl-glass-card__arrow svg{	transform:translateX(4px)}/* -------------------------------------------------------------------------- Section background helpers (dots / blobs) -------------------------------------------------------------------------- */.tpl-features,.tpl-process,.tpl-why,.tpl-faq,.tpl-related,.tpl-cta{	position:relative;	overflow:hidden}.tpl-features__bg,.tpl-process__bg,.tpl-why__bg,.tpl-faq__bg,.tpl-related__bg,.tpl-cta__bg{	position:absolute;	inset:0;	pointer-events:none;	z-index:0}.tpl-features>.container,.tpl-process>.container,.tpl-why>.container,.tpl-faq>.container,.tpl-related>.container,.tpl-cta>.container{	position:relative;	z-index:1}.tpl-features__dots,.tpl-process__dots,.tpl-why__dots,.tpl-faq__dots,.tpl-related__dots,.tpl-cta__dots{	position:absolute;	inset:0;	background-image:radial-gradient(circle,rgba(27,77,62,.06) 1px,transparent 1px);	background-size:28px 28px}.tpl-features__blob,.tpl-why__blob,.tpl-cta__blob{	position:absolute;	border-radius:50%;	filter:blur(80px);	opacity:.35;	animation:tpl-float 8s ease-in-out infinite}.tpl-features__blob--1,.tpl-why__blob--1,.tpl-cta__blob--1{	width:340px;	height:340px;	background:rgba(122,193,67,.18);	top:-80px;	right:-100px}.tpl-features__blob--2,.tpl-why__blob--2,.tpl-cta__blob--2{	width:280px;	height:280px;	background:rgba(27,77,62,.12);	bottom:-60px;	left:-80px;	animation-delay:3s}/* Alternating section backgrounds */.tpl-features{background:var(--color-light)}.tpl-process{background:var(--color-white)}.tpl-why{background:var(--color-light)}.tpl-faq{background:var(--color-white)}.tpl-related{background:var(--color-light)}/* -------------------------------------------------------------------------- tpl-steps — process timeline -------------------------------------------------------------------------- */.tpl-steps{	max-width:720px;	margin:0 auto;	display:flex;	flex-direction:column;	gap:0}.tpl-step{	display:flex;	gap:var(--spacing-xl);	align-items:stretch}.tpl-step__marker{	display:flex;	flex-direction:column;	align-items:center;	flex-shrink:0;	width:48px}.tpl-step__number{	width:48px;	height:48px;	display:flex;	align-items:center;	justify-content:center;	border-radius:50%;	background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));	color:var(--color-white);	font-size:var(--fs-md);	font-weight:700;	flex-shrink:0;	box-shadow:0 4px 16px rgba(27,77,62,.2)}.tpl-step__line{	flex:1;	width:2px;	background:linear-gradient(to bottom,var(--color-secondary),rgba(122,193,67,.15));	margin:4px 0;	min-height:32px}.tpl-step__card{	position:relative;	flex:1;	background:rgba(255,255,255,.7);	backdrop-filter:blur(12px);	-webkit-backdrop-filter:blur(12px);	border:1px solid rgba(27,77,62,.1);	border-radius:var(--radius-xl);	padding:var(--spacing-xl) var(--spacing-2xl);	margin-bottom:var(--spacing-xl);	overflow:hidden;	transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.tpl-step__card:hover{	transform:translateY(-2px);	box-shadow:0 8px 28px rgba(27,77,62,.08);	border-color:rgba(122,193,67,.2)}.tpl-step__card-glow{	position:absolute;	top:0;	left:0;	right:0;	height:3px;	background:linear-gradient(90deg,var(--color-primary),var(--color-secondary),var(--color-primary));	background-size:200% 100%;	opacity:0;	transition:opacity .35s ease}.tpl-step:hover .tpl-step__card-glow{	opacity:1;	animation:tpl-shimmer 3s linear infinite}.tpl-step__title{	font-size:var(--fs-lg);	font-weight:700;	color:var(--color-dark);	margin-bottom:var(--spacing-xs)}.tpl-step__desc{	font-size:var(--fs-sm);	color:var(--color-text-light);	line-height:1.7}/* -------------------------------------------------------------------------- tpl-faq — premium FAQ accordion -------------------------------------------------------------------------- */.tpl-faq__list{	max-width:780px;	margin:0 auto;	display:flex;	flex-direction:column;	gap:var(--spacing-md)}.tpl-faq__item{	position:relative;	background:rgba(255,255,255,.75);	backdrop-filter:blur(12px);	-webkit-backdrop-filter:blur(12px);	border:1px solid rgba(27,77,62,.1);	border-radius:var(--radius-xl);	overflow:hidden;	transition:border-color .3s ease,box-shadow .3s ease}.tpl-faq__item:hover{	border-color:rgba(122,193,67,.2);	box-shadow:0 4px 20px rgba(27,77,62,.06)}.tpl-faq__item-glow{	position:absolute;	top:0;	left:0;	right:0;	height:2px;	background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));	opacity:0;	transition:opacity .3s ease}.tpl-faq__item:hover .tpl-faq__item-glow{	opacity:1}/* FAQ trigger button */.tpl-faq__item .faq-item__trigger{	display:flex;	align-items:center;	justify-content:space-between;	gap:var(--spacing-md);	width:100%;	padding:var(--spacing-xl) var(--spacing-2xl);	background:none;	border:none;	cursor:pointer;	text-align:left;	font:inherit;	color:var(--color-dark)}.tpl-faq__item .faq-item__question{	font-size:var(--fs-base);	font-weight:600;	line-height:1.4}/* Plus / minus icon */.tpl-faq__item .faq-item__icon{	position:relative;	width:20px;	height:20px;	flex-shrink:0}.faq-item__icon-bar{	position:absolute;	background:var(--color-primary);	border-radius:2px;	transition:transform .3s ease,opacity .3s ease}.faq-item__icon-bar--h{	top:50%;	left:50%;	width:14px;	height:2px;	transform:translate(-50%,-50%)}.faq-item__icon-bar--v{	top:50%;	left:50%;	width:2px;	height:14px;	transform:translate(-50%,-50%)}.tpl-faq__item .faq-item__trigger[aria-expanded="true"] .faq-item__icon-bar--v{	transform:translate(-50%,-50%) rotate(90deg);	opacity:0}/* FAQ answer */.tpl-faq__item .faq-item__answer{	overflow:hidden}.tpl-faq__item .faq-item__answer-inner{	padding:0 var(--spacing-2xl) var(--spacing-xl);	font-size:var(--fs-sm);	color:var(--color-text-light);	line-height:1.8}/* -------------------------------------------------------------------------- tpl-cta — premium contact CTA section -------------------------------------------------------------------------- */.tpl-cta{	background:linear-gradient(135deg,var(--color-dark) 0%,var(--color-primary-dark) 100%);	color:var(--color-white)}.tpl-cta__dots{	background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px)}.tpl-cta__blob--1{	background:rgba(122,193,67,.1)}.tpl-cta__blob--2{	background:rgba(244,162,54,.08)}.tpl-cta__grid{	display:grid;	grid-template-columns:1fr;	gap:var(--spacing-3xl);	align-items:start}@media (min-width:1024px){	.tpl-cta__grid{		grid-template-columns:1fr 1fr;	}}.tpl-cta__title{	font-size:var(--fs-3xl);	font-weight:800;	line-height:1.15;	margin-top:var(--spacing-md);	color:#FFFFFF}.tpl-cta__text{	margin-top:var(--spacing-md);	font-size:var(--fs-md);	color:rgba(255,255,255,.7);	line-height:1.7}.tpl-cta__details{	margin-top:var(--spacing-2xl);	display:flex;	flex-direction:column;	gap:var(--spacing-md)}.tpl-cta__detail{	display:flex;	align-items:center;	gap:var(--spacing-md);	text-decoration:none;	color:var(--color-white);	transition:opacity .25s ease}a.tpl-cta__detail:hover{	opacity:.85}.tpl-cta__detail-icon{	width:44px;	height:44px;	display:flex;	align-items:center;	justify-content:center;	border-radius:var(--radius-lg);	background:rgba(255,255,255,.08);	border:1px solid rgba(255,255,255,.12);	color:var(--color-secondary);	flex-shrink:0}.tpl-cta__detail-label{	display:block;	font-size:var(--fs-xs);	color:rgba(255,255,255,.5);	text-transform:uppercase;	letter-spacing:.04em;	font-weight:600}.tpl-cta__detail-value{	display:block;	font-size:var(--fs-base);	font-weight:600;	margin-top:2px}/* CTA form card */.tpl-cta__form-card{	background:rgba(255,255,255,.06);	backdrop-filter:blur(16px);	-webkit-backdrop-filter:blur(16px);	border:1px solid rgba(255,255,255,.12);	border-radius:var(--radius-xl);	padding:var(--spacing-2xl)}.tpl-cta__form-title{	font-size:var(--fs-xl);	font-weight:700;	color:var(--color-white)}.tpl-cta__form-desc{	margin-top:var(--spacing-sm);	font-size:var(--fs-sm);	color:rgba(255,255,255,.6);	line-height:1.6}.tpl-cta__form-card .contact-form{	margin-top:var(--spacing-xl)}.tpl-cta__form-card .contact-form__label{	color:rgba(255,255,255,.7)}.tpl-cta__form-card .contact-form__input{	background:rgba(255,255,255,.06);	border-color:rgba(255,255,255,.15);	color:var(--color-white)}.tpl-cta__form-card .contact-form__input::placeholder{	color:rgba(255,255,255,.3)}.tpl-cta__form-card .contact-form__input:focus{	border-color:var(--color-secondary);	box-shadow:0 0 0 3px rgba(122,193,67,.15);	background:rgba(255,255,255,.1)}.tpl-cta__form-submit{	display:flex;	align-items:center;	justify-content:center;	gap:.5rem;	width:100%;	padding:.9rem 1.75rem;	border:none;	border-radius:var(--radius-lg);	background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-dark));	color:var(--color-white);	font-size:var(--fs-base);	font-weight:700;	cursor:pointer;	transition:transform .25s ease,box-shadow .25s ease;	margin-top:var(--spacing-md)}.tpl-cta__form-submit:hover{	transform:translateY(-2px);	box-shadow:0 8px 24px rgba(122,193,67,.3)}.tpl-cta__form-card .contact-form__disclaimer{	color:rgba(255,255,255,.4)}/* ========================================================================== SERVICE HERO — svc-hero ========================================================================== */.svc-hero{	position:relative;	overflow:hidden;	background:linear-gradient(135deg,var(--color-dark) 0%,var(--color-primary-dark) 50%,var(--color-primary) 100%);	color:var(--color-white);	padding-top:calc(var(--header-height)+var(--spacing-3xl));	padding-bottom:var(--spacing-4xl)}.svc-hero__bg{	position:absolute;	inset:0;	pointer-events:none;	z-index:0}.svc-hero__dots{	position:absolute;	inset:0;	background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px);	background-size:32px 32px}.svc-hero__blob{	position:absolute;	border-radius:50%;	filter:blur(100px);	animation:tpl-float 10s ease-in-out infinite}.svc-hero__blob--1{	width:400px;	height:400px;	background:rgba(122,193,67,.12);	top:-100px;	right:-100px}.svc-hero__blob--2{	width:300px;	height:300px;	background:rgba(244,162,54,.06);	bottom:-100px;	left:-80px;	animation-delay:4s}.svc-hero>.container{	position:relative;	z-index:1}.svc-hero .breadcrumbs{	margin-bottom:var(--spacing-2xl)}.svc-hero .breadcrumbs,.svc-hero .breadcrumbs a{	color:rgba(255,255,255,.5)}.svc-hero .breadcrumbs a:hover{	color:var(--color-white)}.svc-hero__grid{	display:grid;	grid-template-columns:1fr;	gap:var(--spacing-3xl);	align-items:start}@media (min-width:1024px){	.svc-hero__grid{		grid-template-columns:1fr 420px;	}}/* Badge */.svc-hero__badge{	display:inline-flex;	align-items:center;	gap:.5rem;	padding:.35rem 1rem .35rem .75rem;	border-radius:var(--radius-full);	background:rgba(255,255,255,.1);	border:1px solid rgba(255,255,255,.18);	font-size:var(--fs-xs);	font-weight:600;	letter-spacing:.06em;	text-transform:uppercase;	color:var(--color-white)}.svc-hero__badge-dot{	width:6px;	height:6px;	border-radius:50%;	background:var(--color-secondary);	animation:tpl-pulse-dot 2s ease-in-out infinite}/* Title */.svc-hero__title{	font-size:var(--fs-4xl);	font-weight:800;	line-height:1.1;	margin-top:var(--spacing-lg);	letter-spacing:-.02em;	color:#FFFFFF}.svc-hero__lead{	margin-top:var(--spacing-md);	font-size:var(--fs-md);	color:rgba(255,255,255,.7);	line-height:1.7;	max-width:540px}.svc-hero__trust{	margin-top:var(--spacing-lg);	font-size:var(--fs-sm);	color:rgba(255,255,255,.5);	line-height:1.6}/* Action buttons */.svc-hero__actions{	display:flex;	flex-wrap:wrap;	gap:var(--spacing-md);	margin-top:var(--spacing-2xl)}.svc-hero__btn{	display:inline-flex;	align-items:center;	gap:.5rem;	padding:.85rem 1.75rem;	border-radius:var(--radius-lg);	font-size:var(--fs-base);	font-weight:700;	text-decoration:none;	transition:transform .25s ease,box-shadow .25s ease,background .25s ease;	white-space:nowrap}.svc-hero__btn--primary{	background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-dark));	color:var(--color-white)}.svc-hero__btn--primary:hover{	transform:translateY(-2px);	box-shadow:0 8px 24px rgba(122,193,67,.3)}.svc-hero__btn--primary svg{	transition:transform .25s ease}.svc-hero__btn--primary:hover svg{	transform:translateX(3px)}.svc-hero__btn--outline{	background:rgba(255,255,255,.08);	border:1px solid rgba(255,255,255,.2);	color:var(--color-white)}.svc-hero__btn--outline:hover{	background:rgba(255,255,255,.14);	transform:translateY(-2px)}/* Hero form card */.svc-hero__form-card{	background:rgba(255,255,255,.06);	backdrop-filter:blur(16px);	-webkit-backdrop-filter:blur(16px);	border:1px solid rgba(255,255,255,.12);	border-radius:var(--radius-xl);	padding:var(--spacing-2xl)}.svc-hero__form-title{	font-size:var(--fs-xl);	font-weight:700;	color:var(--color-white)}.svc-hero__form-desc{	margin-top:var(--spacing-sm);	font-size:var(--fs-sm);	color:rgba(255,255,255,.6);	line-height:1.6}.svc-hero__form-card .contact-form{	margin-top:var(--spacing-xl)}.svc-hero__form-card .contact-form__label{	color:rgba(255,255,255,.7)}.svc-hero__form-card .contact-form__input{	background:rgba(255,255,255,.06);	border-color:rgba(255,255,255,.15);	color:var(--color-white)}.svc-hero__form-card .contact-form__input::placeholder{	color:rgba(255,255,255,.3)}.svc-hero__form-card .contact-form__input:focus{	border-color:var(--color-secondary);	box-shadow:0 0 0 3px rgba(122,193,67,.15);	background:rgba(255,255,255,.1)}.svc-hero__form-submit{	display:flex;	align-items:center;	justify-content:center;	gap:.5rem;	width:100%;	padding:.9rem 1.75rem;	border:none;	border-radius:var(--radius-lg);	background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-dark));	color:var(--color-white);	font-size:var(--fs-base);	font-weight:700;	cursor:pointer;	transition:transform .25s ease,box-shadow .25s ease;	margin-top:var(--spacing-md)}.svc-hero__form-submit:hover{	transform:translateY(-2px);	box-shadow:0 8px 24px rgba(122,193,67,.3)}.svc-hero__form-card .contact-form__disclaimer{	color:rgba(255,255,255,.4)}/* ========================================================================== Scroll Reveal — stagger support ========================================================================== */.js-reveal{	opacity:0;	transform:translateY(24px);	transition:opacity .6s ease,transform .6s ease}.js-reveal.is-visible{	opacity:1;	transform:translateY(0)}.js-reveal[data-delay="1"]{transition-delay:.1s}.js-reveal[data-delay="2"]{transition-delay:.2s}.js-reveal[data-delay="3"]{transition-delay:.3s}.js-reveal[data-delay="4"]{transition-delay:.4s}.js-reveal[data-delay="5"]{transition-delay:.5s}/* ========================================================================== Responsive — Template system ========================================================================== *//* Mobile tweaks (small screens) */@media (max-width:639px){	.tpl-glass-card{		padding:var(--spacing-xl);	}	.tpl-step{		gap:var(--spacing-md);	}	.tpl-step__marker{		width:36px;	}	.tpl-step__number{		width:36px;		height:36px;		font-size:var(--fs-sm);	}	.tpl-step__card{		padding:var(--spacing-lg);	}	.tpl-faq__item .faq-item__trigger{		padding:var(--spacing-lg);	}	.tpl-faq__item .faq-item__answer-inner{		padding:0 var(--spacing-lg) var(--spacing-lg);	}	.svc-hero__title{		font-size:var(--fs-3xl);	}	.svc-hero__actions{		flex-direction:column;	}	.svc-hero__btn{		justify-content:center;	}	.svc-hero__form-card{		padding:var(--spacing-xl);	}	.tpl-cta__form-card{		padding:var(--spacing-xl);	}	.tpl-cta__title{		font-size:var(--fs-2xl);	}}/* Tablet landscape → tighten CTA grid */@media (min-width:640px) and (max-width:1023px){	.svc-hero__grid{		gap:var(--spacing-2xl);	}	.tpl-cta__grid{		gap:var(--spacing-2xl);	}}/* ========================================================================== Reduced Motion ========================================================================== */@media (prefers-reduced-motion:reduce){	.tpl-badge__dot,	.svc-hero__badge-dot{		animation:none;	}	.tpl-features__blob,	.tpl-why__blob,	.tpl-cta__blob,	.svc-hero__blob{		animation:none;	}	.tpl-step__card-glow{		animation:none;	}	.js-reveal{		opacity:1;		transform:none;		transition:none;	}	.tpl-glass-card,	.tpl-glass-card__icon,	.tpl-step__card,	.svc-hero__btn,	.svc-hero__form-submit,	.tpl-cta__form-submit,	.tpl-testimonial,	.tpl-results__card{		transition:none;	}}/* ========================================================================== INDUSTRY / LOCATION — Hero stats card and image ========================================================================== */.svc-hero__stats-card{	display:grid;	grid-template-columns:repeat(3,1fr);	gap:var(--spacing-md);	background:rgba(255,255,255,.06);	backdrop-filter:blur(16px);	-webkit-backdrop-filter:blur(16px);	border:1px solid rgba(255,255,255,.12);	border-radius:var(--radius-xl);	padding:var(--spacing-xl) var(--spacing-lg);	text-align:center}.svc-hero__stat{	display:flex;	flex-direction:column;	gap:4px}.svc-hero__stat-number{	font-size:var(--fs-2xl);	font-weight:800;	color:var(--color-secondary);	line-height:1}.svc-hero__stat-label{	font-size:var(--fs-xs);	color:rgba(255,255,255,.6);	text-transform:uppercase;	letter-spacing:.04em;	font-weight:500}.svc-hero__image{	margin-top:var(--spacing-xl);	border-radius:var(--radius-xl);	overflow:hidden;	border:1px solid rgba(255,255,255,.1)}.svc-hero__image img{	width:100%;	height:auto;	display:block}/* ========================================================================== tpl-results — dark stats grid (Results section) ========================================================================== */.tpl-results{	position:relative;	overflow:hidden;	background:linear-gradient(135deg,var(--color-dark) 0%,var(--color-primary-dark) 100%);	color:var(--color-white)}.tpl-results__bg{	position:absolute;	inset:0;	pointer-events:none;	z-index:0}.tpl-results>.container{	position:relative;	z-index:1}.tpl-results__dots{	position:absolute;	inset:0;	background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px);	background-size:28px 28px}.tpl-results__blob{	position:absolute;	border-radius:50%;	filter:blur(100px);	animation:tpl-float 10s ease-in-out infinite}.tpl-results__blob--1{	width:350px;	height:350px;	background:rgba(122,193,67,.1);	top:-80px;	right:-80px}.tpl-results__blob--2{	width:250px;	height:250px;	background:rgba(244,162,54,.06);	bottom:-60px;	left:-60px;	animation-delay:4s}.tpl-results__title{	color:var(--color-white)}.tpl-results__desc{	color:rgba(255,255,255,.6)}.tpl-results__grid{	display:grid;	grid-template-columns:repeat(2,1fr);	gap:var(--spacing-xl)}@media (min-width:768px){	.tpl-results__grid{		grid-template-columns:repeat(4,1fr);	}}.tpl-results__card{	position:relative;	background:rgba(255,255,255,.05);	backdrop-filter:blur(12px);	-webkit-backdrop-filter:blur(12px);	border:1px solid rgba(255,255,255,.1);	border-radius:var(--radius-xl);	padding:var(--spacing-2xl) var(--spacing-xl);	text-align:center;	overflow:hidden;	transition:transform .35s ease,border-color .35s ease}.tpl-results__card:hover{	transform:translateY(-4px);	border-color:rgba(122,193,67,.3)}.tpl-results__card-glow{	position:absolute;	top:0;	left:0;	right:0;	height:3px;	background:linear-gradient(90deg,var(--color-secondary),var(--color-accent));	opacity:0;	transition:opacity .3s ease}.tpl-results__card:hover .tpl-results__card-glow{	opacity:1}.tpl-results__metric{	display:block;	font-size:var(--fs-4xl);	font-weight:800;	background:linear-gradient(135deg,var(--color-secondary),var(--color-accent));	-webkit-background-clip:text;	-webkit-text-fill-color:transparent;	background-clip:text;	line-height:1.1}.tpl-results__label{	display:block;	margin-top:var(--spacing-sm);	font-size:var(--fs-sm);	color:rgba(255,255,255,.7);	font-weight:500}/* ========================================================================== tpl-testimonial — glassmorphism testimonial card ========================================================================== */.tpl-testimonial{	position:relative;	background:rgba(255,255,255,.7);	backdrop-filter:blur(12px);	-webkit-backdrop-filter:blur(12px);	border:1px solid rgba(27,77,62,.1);	border-radius:var(--radius-xl);	padding:var(--spacing-2xl);	overflow:hidden;	display:flex;	flex-direction:column;	transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.tpl-testimonial:hover{	transform:translateY(-4px);	box-shadow:0 12px 40px rgba(27,77,62,.08);	border-color:rgba(122,193,67,.2)}.tpl-testimonial__glow{	position:absolute;	top:0;	left:0;	right:0;	height:3px;	background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));	opacity:0;	transition:opacity .3s ease}.tpl-testimonial:hover .tpl-testimonial__glow{	opacity:1}.tpl-testimonial__stars{	display:flex;	gap:2px;	color:var(--color-accent);	margin-bottom:var(--spacing-lg)}.tpl-testimonial__quote{	flex:1;	margin:0;	font-size:var(--fs-sm);	color:var(--color-text);	line-height:1.8;	font-style:italic}.tpl-testimonial__author{	margin-top:var(--spacing-lg);	padding-top:var(--spacing-md);	border-top:1px solid rgba(27,77,62,.08);	display:flex;	flex-direction:column;	gap:2px}.tpl-testimonial__name{	font-size:var(--fs-sm);	font-weight:700;	color:var(--color-dark)}.tpl-testimonial__role{	font-size:var(--fs-xs);	color:var(--color-text-light)}/* ========================================================================== Service Page — Premium Editorial Polish (presentation only) Scoped to .section--content-service+the service card sections. Uses existing design tokens only. No markup,colour,or content changes. ========================================================================== *//* ── Reading column:more breathing room ── */.section--content-service{	padding-top:var(--spacing-4xl);	padding-bottom:var(--spacing-4xl)}.section--content-service .container--narrow{	max-width:860px}.section--content-service .entry-content{	font-size:var(--fs-md);	line-height:1.85;	color:var(--color-text)}.section--content-service .entry-content>*+*{	margin-top:var(--spacing-lg)}/* ── H2:section markers with accent bar+gradient divider between blocks ── */.section--content-service .entry-content>h2{	position:relative;	margin-top:var(--spacing-4xl);	padding-top:var(--spacing-2xl);	font-size:var(--fs-3xl);	font-weight:800;	line-height:1.2;	letter-spacing:-0.01em;	color:var(--color-dark)}/* Accent bar above every H2 */.section--content-service .entry-content>h2::before{	content:"";	position:absolute;	top:var(--spacing-lg);	left:0;	width:48px;	height:4px;	border-radius:var(--radius-full);	background:linear-gradient(90deg,var(--color-primary),var(--color-secondary))}/* Gradient hairline divider before each H2 except the first */.section--content-service .entry-content>h2:not(:first-child)::after{	content:"";	position:absolute;	top:0;	left:0;	right:0;	height:1px;	background:linear-gradient(90deg,var(--color-border),transparent)}.section--content-service .entry-content>h2:first-child{	margin-top:0}/* ── Lead paragraph:the first paragraph after the opening H2 ── */.section--content-service .entry-content>h2:first-child+p{	font-size:var(--fs-lg);	line-height:1.7;	color:var(--color-text);	font-weight:500}/* ── H3 subsections:scannable "titled blocks" with accent marker ── */.section--content-service .entry-content>h3{	position:relative;	margin-top:var(--spacing-2xl);	padding-left:calc(var(--spacing-lg)+6px);	font-size:var(--fs-xl);	font-weight:700;	line-height:1.35;	color:var(--color-dark)}.section--content-service .entry-content>h3::before{	content:"";	position:absolute;	left:-0.75rem;	top:0.15em;	width:6px;	height:1.15em;	border-radius:var(--radius-full);	background:linear-gradient(180deg,var(--color-secondary),var(--color-primary))}/* The paragraph immediately following an H3 hugs its heading */.section--content-service .entry-content>h3+p{	margin-top:var(--spacing-sm);	padding-left:calc(var(--spacing-lg)+6px);	color:var(--color-text-light)}/* ── Body paragraphs:comfortable measure ── */.section--content-service .entry-content p{	max-width:68ch}/* ── Internal-link CTA:the final Results link becomes a pill button ── */.section--content-service .entry-content>p>a[href]:only-child{	display:inline-flex;	align-items:center;	gap:0.5rem;	margin-top:var(--spacing-sm);	padding:0.85rem 1.5rem;	font-size:var(--fs-sm);	font-weight:600;	text-decoration:none;	color:var(--color-primary);	background:rgba(122,193,67,0.1);	border:1px solid rgba(122,193,67,0.28);	border-radius:var(--radius-full);	transition:background var(--transition),border-color var(--transition),transform var(--transition)}.section--content-service .entry-content>p>a[href]:only-child:hover{	background:rgba(122,193,67,0.18);	border-color:var(--color-secondary);	transform:translateY(-2px)}/* __TABLE_BLOCK__ *//* ── Premium comparison table ── */.section--content-service .entry-content table{	width:100%;	margin-top:var(--spacing-xl);	border-collapse:separate;	border-spacing:0;	border:1px solid var(--color-border);	border-radius:var(--radius-lg);	overflow:hidden;	box-shadow:var(--shadow-md);	font-size:var(--fs-sm)}.section--content-service .entry-content thead th{	padding:var(--spacing-md) var(--spacing-lg);	font-family:var(--font-heading);	font-weight:700;	font-size:var(--fs-sm);	text-align:left;	color:var(--color-white);	background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));	border:0}/* Highlight the JuicedSEO column (last) in both head and body */.section--content-service .entry-content thead th:last-child{	background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-dark));	color:var(--color-white)}.section--content-service .entry-content tbody td{	padding:var(--spacing-md) var(--spacing-lg);	border:0;	border-top:1px solid var(--color-border);	color:var(--color-text);	vertical-align:middle}/* First column = row label,emphasised */.section--content-service .entry-content tbody td:first-child{	font-weight:600;	color:var(--color-dark)}/* Zebra striping on the non-highlighted cells */.section--content-service .entry-content tbody tr:nth-child(even) td:not(:last-child){	background:var(--color-light)}/* Persistent tint+weight on the JuicedSEO column */.section--content-service .entry-content tbody td:last-child{	background:rgba(122,193,67,0.08);	font-weight:600;	color:var(--color-primary-dark);	box-shadow:inset 2px 0 0 rgba(122,193,67,0.3)}/* __RESULTS_BLOCK__ *//* ── Mobile:let the wide comparison table scroll rather than overflow ── */@media (max-width:639px){	.section--content-service .entry-content table{		display:block;		overflow-x:auto;		-webkit-overflow-scrolling:touch;		white-space:nowrap;	}}/* ── "What's Included" & "Why Choose":tighter premium grid rhythm ── */.tpl-features .tpl-card-grid,.tpl-why .tpl-card-grid{	gap:var(--spacing-lg)}/* Slightly larger,more confident card padding+subtle top accent on hover */.tpl-features .tpl-glass-card,.tpl-why .tpl-glass-card{	padding:var(--spacing-xl);	display:flex;	flex-direction:column}.tpl-features .tpl-glass-card::after,.tpl-why .tpl-glass-card::after{	content:"";	position:absolute;	inset:0 0 auto 0;	height:3px;	border-radius:var(--radius-xl) var(--radius-xl) 0 0;	background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));	transform:scaleX(0);	transform-origin:left;	transition:transform .35s ease;	pointer-events:none}.tpl-features .tpl-glass-card:hover::after,.tpl-why .tpl-glass-card:hover::after{	transform:scaleX(1)}/* ── Larger reading gap between sibling body sections on wider screens ── */@media (min-width:768px){	.section--content-service .entry-content>h2{		margin-top:calc(var(--spacing-4xl)+var(--spacing-lg));	}}/* ── Respect reduced-motion:disable the added transitions ── */@media (prefers-reduced-motion:reduce){	.section--content-service .entry-content>p>a[href]:only-child,	.tpl-features .tpl-glass-card::after,	.tpl-why .tpl-glass-card::after{		transition:none;	}}/* ===================================================================== JUICEDSEO — PREMIUM DARK THEME LAYER Appended override. Visual-only:no markup,content,SEO,nav,or JS changes. Global header restyle+homepage (body.home) sections. Deep green/charcoal surfaces,JuicedSEO green (#7AC143) accent. Already-dark sections (hero,process,case-studies,contact CTA,footer) are left intact and only harmonised where needed. ===================================================================== */:root{	--jd-bg:#0A1410;	--jd-surface:#0F1A14;	--jd-surface-alt:#0C1C15;	--jd-glass:rgba(255,255,255,0.045);	--jd-glass-strong:rgba(255,255,255,0.075);	--jd-border:rgba(255,255,255,0.10);	--jd-border-strong:rgba(255,255,255,0.14);	--jd-green-border:rgba(122,193,67,0.38);	--jd-heading:#F3F8F4;	--jd-text:rgba(255,255,255,0.72);	--jd-text-dim:rgba(255,255,255,0.50);	--jd-green:#7AC143;	--jd-green-lift:#9ED65A;	--jd-ink:#0F1A14;	--jd-shadow:0 18px 50px rgba(0,0,0,0.45);	--jd-shadow-green:0 22px 60px rgba(122,193,67,0.16),0 8px 24px rgba(0,0,0,0.4)}/* --------------------------------------------------------------------- GLOBAL HEADER — dark glassmorphism (all pages;footer already dark) --------------------------------------------------------------------- */.site-header{	background:rgba(10,20,16,0.85);	-webkit-backdrop-filter:blur(14px) saturate(140%);	backdrop-filter:blur(14px) saturate(140%);	border-bottom:1px solid rgba(255,255,255,0.06)}.site-header__main{	border-bottom:1px solid rgba(255,255,255,0.06)}.site-header--scrolled{	background:rgba(9,18,14,0.94);	-webkit-backdrop-filter:blur(18px) saturate(160%);	backdrop-filter:blur(18px) saturate(160%);	box-shadow:0 1px 0 rgba(255,255,255,0.05),0 14px 40px rgba(0,0,0,0.5)}.site-header--scrolled .site-header__main{	border-bottom-color:transparent}.site-header__logo-text{	color:#ffffff}.site-header__logo-text:hover{	color:var(--jd-green)}.site-nav__list>li>a{	color:rgba(255,255,255,0.82)}.site-nav__list>li>a:hover,.site-nav__list>li.current-menu-item>a,.site-nav__list>li.current-page-ancestor>a{	color:#ffffff}.site-nav__list>li>a::after{	background:var(--jd-green)}.site-nav__list .sub-menu{	background:rgba(13,24,18,0.98);	border:1px solid rgba(255,255,255,0.10);	box-shadow:0 20px 50px rgba(0,0,0,0.55),0 2px 8px rgba(0,0,0,0.4);	-webkit-backdrop-filter:blur(12px);	backdrop-filter:blur(12px)}.site-nav__list .sub-menu a{	color:rgba(255,255,255,0.74)}.site-nav__list .sub-menu a:hover{	color:#ffffff;	background:rgba(122,193,67,0.14)}.site-header__toggle{	border:1px solid rgba(255,255,255,0.18)}.site-header__toggle:hover{	background:rgba(255,255,255,0.06);	border-color:var(--jd-green)}.site-header__toggle-bar{	background:#ffffff}.mobile-menu{	background:rgba(10,20,16,0.98);	-webkit-backdrop-filter:blur(16px);	backdrop-filter:blur(16px)}.mobile-menu__list li{	border-bottom-color:rgba(255,255,255,0.08)}.mobile-menu__list a{	color:rgba(255,255,255,0.82)}.mobile-menu__list a:hover{	color:var(--jd-green)}.mobile-menu__submenu-toggle{	border:1px solid rgba(255,255,255,0.18);	color:rgba(255,255,255,0.70)}.mobile-menu__submenu-toggle:hover{	color:var(--jd-green);	border-color:var(--jd-green)}/* --------------------------------------------------------------------- HOMEPAGE BASE --------------------------------------------------------------------- */body.home{	background:var(--jd-bg)}body.home .section__title{	color:#ffffff}body.home .section__eyebrow{	color:var(--jd-green)}body.home .section__description{	color:var(--jd-text)}/* --------------------------------------------------------------------- TRUST BAR --------------------------------------------------------------------- */body.home .trust-bar{	background:var(--jd-surface-alt);	border-bottom-color:rgba(255,255,255,0.08)}body.home .trust-bar__top{	background:transparent}body.home .trust-bar__badge{	color:rgba(255,255,255,0.78)}body.home .trust-bar__carousel{	background:transparent}body.home .trust-bar__label{	color:var(--jd-text-dim)}body.home .trust-bar__logo-icon{	background:rgba(255,255,255,0.05);	border:1px solid rgba(255,255,255,0.08);	color:var(--jd-green)}body.home .trust-bar__logo-name{	color:var(--jd-text)}/* --------------------------------------------------------------------- SERVICES (svc-premium) --------------------------------------------------------------------- */body.home .svc-premium{	background:linear-gradient(160deg,#0C1C15 0%,#0A1811 50%,#0E2019 100%)}body.home .svc-premium__title,body.home .why-premium__title{	background:linear-gradient(135deg,#ffffff 0%,#B8E986 100%);	-webkit-background-clip:text;	background-clip:text;	-webkit-text-fill-color:transparent;	color:#ffffff}body.home .svc-glass{	background:var(--jd-glass);	border:1px solid var(--jd-border);	color:var(--jd-text);	box-shadow:var(--jd-shadow)}body.home .svc-glass:hover{	border-color:var(--jd-green-border);	box-shadow:var(--jd-shadow-green);	color:var(--jd-text)}body.home .service-card__icon{	background:linear-gradient(135deg,rgba(255,255,255,0.06),rgba(122,193,67,0.12));	color:var(--jd-green)}body.home .svc-glass:hover .service-card__icon{	background:linear-gradient(135deg,var(--jd-green),var(--jd-green-lift));	color:var(--jd-ink)}body.home .service-card__title{	color:#ffffff}body.home .svc-glass:hover .service-card__title{	color:var(--jd-green)}body.home .service-card__desc{	color:var(--jd-text)}body.home .service-card__cta{	color:var(--jd-green)}body.home .svc-glass:hover .service-card__cta{	color:var(--jd-green-lift)}/* --------------------------------------------------------------------- WHY CHOOSE US (why-premium) --------------------------------------------------------------------- */body.home .why-premium{	background:linear-gradient(170deg,#0E211A 0%,#0B1A14 50%,#0D1F18 100%)}body.home .why-premium__divider{	background:linear-gradient(var(--jd-bg),transparent)}body.home .why-premium__badge{	background:rgba(122,193,67,0.12);	border-color:rgba(122,193,67,0.28);	color:var(--jd-green)}body.home .why-premium__badge-dot{	background:var(--jd-green)}body.home .why-card{	background:var(--jd-glass);	border:1px solid var(--jd-border);	box-shadow:var(--jd-shadow)}body.home .why-card:hover{	border-color:var(--jd-green-border);	box-shadow:var(--jd-shadow-green)}body.home .why-card__icon-wrap{	background:linear-gradient(135deg,rgba(255,255,255,0.06),rgba(122,193,67,0.10));	color:var(--jd-green)}body.home .why-card:hover .why-card__icon-wrap{	background:linear-gradient(135deg,var(--jd-green),var(--jd-green-lift));	color:var(--jd-ink)}body.home .why-card__title{	color:#ffffff}body.home .why-card:hover .why-card__title{	color:var(--jd-green)}body.home .why-card__desc{	color:var(--jd-text)}/* --------------------------------------------------------------------- INDUSTRIES (ind-premium) --------------------------------------------------------------------- */body.home .ind-premium{	background:linear-gradient(165deg,#0C1C15 0%,#0A1712 50%,#0E2019 100%)}body.home .ind-premium__badge{	background:rgba(122,193,67,0.12);	color:var(--jd-green)}body.home .ind-premium__badge-dot{	background:var(--jd-green)}body.home .ind-premium__title{	color:#ffffff}body.home .ind-premium__desc{	color:var(--jd-text)}body.home .ind-search__icon{	color:var(--jd-text-dim)}body.home .ind-search__input{	background:rgba(255,255,255,0.05);	border:1.5px solid rgba(255,255,255,0.14);	color:#ffffff}body.home .ind-search__input::placeholder{	color:var(--jd-text-dim)}body.home .ind-search__input:focus{	border-color:var(--jd-green)}body.home .ind-filters__tab{	background:rgba(255,255,255,0.04);	border:1.5px solid rgba(255,255,255,0.14);	color:var(--jd-text)}body.home .ind-filters__tab:hover{	border-color:var(--jd-green);	color:#ffffff;	background:rgba(122,193,67,0.10)}body.home .ind-filters__tab.is-active{	background:var(--jd-green);	border-color:var(--jd-green);	color:var(--jd-ink)}body.home .ind-grid__empty{	color:var(--jd-text)}body.home .ind-card{	background:var(--jd-glass);	border:1px solid var(--jd-border);	color:var(--jd-text)}body.home .ind-card:hover{	border-color:var(--jd-green-border)}body.home .ind-card__icon-wrap{	background:linear-gradient(135deg,rgba(255,255,255,0.06),rgba(122,193,67,0.12));	color:var(--jd-green)}body.home .ind-card__title{	color:#ffffff}body.home .ind-card__desc{	color:var(--jd-text)}body.home .ind-card__cta{	color:var(--jd-green)}/* --------------------------------------------------------------------- REVIEWS / TESTIMONIALS (section--reviews) --------------------------------------------------------------------- */body.home .section--reviews{	background:var(--jd-surface-alt)}body.home .reviews-summary__score{	color:#ffffff}body.home .reviews-summary__count{	color:var(--jd-text-dim)}body.home .reviews-summary__source{	color:var(--jd-text)}body.home .review-card{	background:var(--jd-glass);	border:1px solid var(--jd-border);	box-shadow:var(--jd-shadow)}body.home .review-card__name{	color:#ffffff}body.home .review-card__role{	color:var(--jd-text-dim)}body.home .review-card__quote{	color:var(--jd-text)}body.home .reviews-slider__btn{	background:rgba(255,255,255,0.05);	border:1px solid rgba(255,255,255,0.14);	color:#ffffff}body.home .reviews-slider__btn:hover{	border-color:var(--jd-green);	color:var(--jd-green)}body.home .reviews-slider__dot{	background:rgba(255,255,255,0.20)}body.home .reviews-slider__dot.is-active,body.home .reviews-slider__dot:hover{	background:var(--jd-green)}/* --------------------------------------------------------------------- PRICING (prc-premium) --------------------------------------------------------------------- */body.home .prc-premium{	background:linear-gradient(170deg,#0E211A 0%,#0B1A14 50%,#0D1F18 100%)}body.home .prc-premium__divider{	background:linear-gradient(var(--jd-bg),transparent)}body.home .prc-premium__badge{	background:rgba(122,193,67,0.12);	color:var(--jd-green)}body.home .prc-premium__badge-dot{	background:var(--jd-green)}body.home .prc-premium__title{	color:#ffffff}body.home .prc-premium__desc{	color:var(--jd-text)}body.home .prc-premium__note{	color:var(--jd-text-dim)}body.home .prc-card{	background:var(--jd-glass);	border:1.5px solid var(--jd-border);	box-shadow:var(--jd-shadow)}body.home .prc-card:hover{	border-color:var(--jd-green-border);	box-shadow:var(--jd-shadow-green)}body.home .prc-card--featured{	background:var(--jd-glass-strong);	border-color:var(--jd-green-border);	box-shadow:var(--jd-shadow-green)}body.home .prc-card__name{	color:#ffffff}body.home .prc-card__subtitle{	color:var(--jd-text-dim)}body.home .prc-card__price{	color:#ffffff;	border-bottom-color:rgba(255,255,255,0.10)}body.home .prc-card__price-label{	background:linear-gradient(135deg,var(--jd-green),#C6F08E);	-webkit-background-clip:text;	background-clip:text;	-webkit-text-fill-color:transparent}body.home .prc-card__feature{	color:var(--jd-text)}body.home .prc-card__check{	background:rgba(122,193,67,0.14);	color:var(--jd-green)}body.home .prc-card:hover .prc-card__check{	background:rgba(122,193,67,0.22)}body.home .prc-card__btn{	background:rgba(255,255,255,0.05);	border:1.5px solid rgba(255,255,255,0.16);	color:#ffffff}body.home .prc-card__btn:hover{	background:var(--jd-green);	border-color:var(--jd-green);	color:var(--jd-ink)}body.home .prc-card__guarantee{	color:var(--jd-text-dim)}/* --------------------------------------------------------------------- FAQ (faq-premium) --------------------------------------------------------------------- */body.home .faq-premium{	background:linear-gradient(165deg,#0C1C15 0%,#0A1811 50%,#0E2019 100%)}body.home .faq-premium__badge{	background:rgba(122,193,67,0.12);	color:var(--jd-green)}body.home .faq-premium__badge-dot{	background:var(--jd-green)}body.home .faq-premium__title{	color:#ffffff}body.home .faq-premium__desc,body.home .faq-premium__aside-text{	color:var(--jd-text)}body.home .faq-premium__aside-title{	color:#ffffff}body.home .faq-trust{	background:var(--jd-glass);	border:1px solid var(--jd-border)}body.home .faq-trust__label{	color:var(--jd-green)}body.home .faq-trust__row{	color:var(--jd-text);	border-bottom-color:rgba(255,255,255,0.08)}body.home .faq-trust__row:hover{	color:#ffffff}body.home .faq-trust__icon{	background:rgba(255,255,255,0.05);	color:var(--jd-green)}body.home .faq-trust__row:hover .faq-trust__icon{	background:rgba(122,193,67,0.14)}body.home .faq-trust__meta-label{	color:var(--jd-text-dim)}body.home .faq-trust__audit{	background:rgba(122,193,67,0.12);	color:var(--jd-green)}body.home .faq-trust__audit:hover{	background:rgba(122,193,67,0.20)}body.home .faq-premium__item{	background:var(--jd-glass);	border:1.5px solid var(--jd-border)}body.home .faq-premium__item:hover{	border-color:var(--jd-green-border)}body.home .faq-item__trigger{	color:#ffffff}body.home .faq-item__trigger:hover{	background:rgba(255,255,255,0.03)}body.home .faq-item__icon{	background:rgba(255,255,255,0.06)}body.home .faq-item__icon-bar{	background:var(--jd-green)}body.home [aria-expanded="true"] .faq-item__icon{	background:var(--jd-green)}body.home [aria-expanded="true"] .faq-item__icon-bar{	background:var(--jd-ink)}body.home .faq-item__answer-inner p{	color:var(--jd-text)}/* --------------------------------------------------------------------- BLOG (generic .card system on the homepage)+light-section base --------------------------------------------------------------------- */body.home .section--light{	background:var(--jd-surface-alt)}body.home .card{	background:var(--jd-glass);	border:1px solid var(--jd-border);	box-shadow:var(--jd-shadow)}body.home .card:hover{	border-color:var(--jd-green-border);	box-shadow:var(--jd-shadow-green)}body.home .card__category{	color:var(--jd-green)}body.home .card__body .card__title a{	color:#ffffff}body.home .card__body .card__title a:hover{	color:var(--jd-green)}body.home .card__excerpt{	color:var(--jd-text)}body.home .card__meta{	border-top-color:rgba(255,255,255,0.10);	color:var(--jd-text-dim)}/* ===================================================================== JUICEDSEO — PREMIUM DARK THEME · SITE-WIDE LAYER Extends the approved homepage/header/footer dark system to every template (service,industry,location,trades,healthcare,professional,retail,about,contact,blog,single,archive,search,404,page). Visual-only:no markup,content,SEO,nav,or JS changes. Strategy:flip the four LIGHT-ONLY design tokens globally so every var()-driven rule inherits the dark palette automatically,then override the remaining hard-coded light surfaces and the tpl-* component system per-selector. Already-dark sections (svc-hero,tpl-cta,tpl-results,kpi,section--dark/--cta-bottom) are untouched. ===================================================================== *//* -- Global token flip:light-only tokens → dark palette ------------- */:root{	--color-light:#0F1D16;	--color-text:rgba(255,255,255,0.72);	--color-text-light:rgba(255,255,255,0.52);	--color-border:rgba(255,255,255,0.12)}/* -- Base surfaces & typography -------------------------------------- */body{	background-color:var(--jd-bg)}h1,h2,h3,h4,h5,h6{	color:var(--jd-heading)}.entry-content a:not(.btn):not([class*="__btn"]){	color:var(--jd-green)}.entry-content a:not(.btn):not([class*="__btn"]):hover{	color:var(--jd-green-lift)}.section--light{	background:var(--jd-surface-alt)}.section__eyebrow{	color:var(--jd-green)}/* -- Buttons:outline variant for dark backgrounds ------------------- */.btn--outline{	color:#ffffff;	border-color:rgba(255,255,255,0.28)}.btn--outline:hover{	color:var(--jd-ink);	background:var(--jd-green);	border-color:var(--jd-green)}/* -- Global search form input ---------------------------------------- */.search-form__input{	background:rgba(255,255,255,0.05);	border:2px solid rgba(255,255,255,0.14);	color:#ffffff}.search-form__input::placeholder{	color:var(--jd-text-dim)}.search-form__input:focus{	border-color:var(--jd-green)}/* -- Contact page form (outside tpl-cta) ----------------------------- */.contact-form-section{	background:linear-gradient(170deg,#0E211A 0%,#0B1A14 50%,#0D1F18 100%)}.contact-form__card{	background:var(--jd-glass);	border:1.5px solid var(--jd-border);	box-shadow:var(--jd-shadow)}.contact-form__label{	color:#ffffff}.contact-form__icon,.contact-form__chevron{	color:var(--jd-text-dim)}.contact-form__input{	color:#ffffff;	background:rgba(255,255,255,0.05);	border:1.5px solid rgba(255,255,255,0.14)}.contact-form__input::placeholder{	color:var(--jd-text-dim)}.contact-form__input:hover{	border-color:rgba(255,255,255,0.24)}.contact-form__input:focus{	background:rgba(255,255,255,0.08);	border-color:var(--jd-green)}.contact-form__field:focus-within .contact-form__icon,.contact-form__field:focus-within .contact-form__chevron{	color:var(--jd-green)}/* -- Content tables (service body / entry-content) ------------------- */.entry-content th{	background:rgba(255,255,255,0.05);	color:#ffffff}.section--content-service .entry-content h2,.section--content-service .entry-content h3,.section--content-service .entry-content tbody td:first-child{	color:#ffffff}.section--content-service .entry-content tbody tr:nth-child(even) td:not(:last-child){	background:rgba(255,255,255,0.03)}.section--content-service .entry-content tbody td:last-child{	color:var(--jd-green-lift)}/* -- Breadcrumbs & pagination ---------------------------------------- */.breadcrumbs__item+.breadcrumbs__item::before{	color:rgba(255,255,255,0.30)}.breadcrumbs__item a:hover{	color:var(--jd-green)}.page-numbers{	background:rgba(255,255,255,0.05);	border:1px solid rgba(255,255,255,0.14);	color:var(--jd-text)}.page-numbers:hover{	border-color:var(--jd-green);	color:var(--jd-green)}.page-numbers.current{	background:var(--jd-green);	border-color:var(--jd-green);	color:var(--jd-ink)}/* -- Blog / single / article ----------------------------------------- */.single-post__title,.search-result__title a{	color:var(--jd-heading)}.single-post__category{	background:rgba(122,193,67,0.14);	color:var(--jd-green)}.single-post__tag{	background:rgba(255,255,255,0.05);	color:var(--jd-text)}.single-post__tag:hover{	background:rgba(122,193,67,0.16);	color:#ffffff}.entry-content blockquote{	border-left-color:var(--jd-green);	color:var(--jd-text)}.search-result__title a:hover{	color:var(--jd-green)}.search-result__type{	background:rgba(255,255,255,0.06)}/* -- Sidebar / widgets ----------------------------------------------- */.widget{	background:var(--jd-glass);	border:1px solid var(--jd-border)}.widget__list a:hover{	color:var(--jd-green)}.widget-cta{	background:linear-gradient(135deg,var(--jd-surface),#143B30);	border:1px solid var(--jd-green-border)}/* -- 404 / search states --------------------------------------------- */.error-404__code{	color:rgba(255,255,255,0.08)}.search-page__title span{	color:var(--jd-green)}/* -- Form notices (readable on dark,brand-safe) --------------------- */.form-notice--success{	background:rgba(122,193,67,0.12);	border:1px solid rgba(122,193,67,0.35);	color:#C6F08E}.form-notice--success svg{	color:var(--jd-green)}.form-notice--error{	background:rgba(244,162,54,0.12);	border:1px solid rgba(244,162,54,0.35);	color:#F6C687}.form-notice--error svg{	color:var(--color-accent)}/* ==================================================================== tpl-* COMPONENT SYSTEM (inner-page shared components) ==================================================================== *//* -- Section wrapper backgrounds ------------------------------------- */.tpl-features,.tpl-why,.tpl-related{	background:linear-gradient(165deg,#0C1C15 0%,#0A1712 50%,#0E2019 100%)}.tpl-process,.tpl-faq{	background:linear-gradient(170deg,#0E211A 0%,#0B1A14 50%,#0D1F18 100%)}/* -- Badges ---------------------------------------------------------- */.tpl-badge{	background:rgba(122,193,67,0.12);	border:1px solid rgba(122,193,67,0.28);	color:var(--jd-green)}/* -- Glass cards ----------------------------------------------------- */.tpl-glass-card{	background:var(--jd-glass);	border:1px solid var(--jd-border)}.tpl-glass-card:hover{	border-color:var(--jd-green-border);	box-shadow:var(--jd-shadow-green)}.tpl-glass-card__icon{	background:linear-gradient(135deg,rgba(255,255,255,0.06),rgba(122,193,67,0.12));	color:var(--jd-green)}.tpl-glass-card:hover .tpl-glass-card__icon{	background:linear-gradient(135deg,var(--jd-green),var(--jd-green-lift));	color:var(--jd-ink)}.tpl-glass-card__title{	color:var(--jd-heading)}.tpl-glass-card__desc{	color:var(--jd-text)}.tpl-glass-card__arrow{	color:var(--jd-green)}/* -- Process steps --------------------------------------------------- */.tpl-step__card{	background:var(--jd-glass);	border:1px solid var(--jd-border)}.tpl-step__card:hover{	border-color:var(--jd-green-border);	box-shadow:var(--jd-shadow-green)}.tpl-step__title{	color:var(--jd-heading)}.tpl-step__desc{	color:var(--jd-text)}/* -- FAQ accordion --------------------------------------------------- */.tpl-faq__item{	background:var(--jd-glass);	border:1px solid var(--jd-border)}.tpl-faq__item:hover{	border-color:var(--jd-green-border)}.tpl-faq__item .faq-item__trigger{	color:var(--jd-heading)}.tpl-faq__item .faq-item__answer-inner{	color:var(--jd-text)}/* -- Testimonial cards ----------------------------------------------- */.tpl-testimonial{	background:var(--jd-glass);	border:1px solid var(--jd-border);	box-shadow:var(--jd-shadow)}.tpl-testimonial__quote{	color:var(--jd-text)}.tpl-testimonial__name{	color:var(--jd-heading)}.tpl-testimonial__role{	color:var(--jd-text-dim)}/* -- About / Contact bespoke cards ----------------------------------- */.why-grid .why-card,.team-card{	background:var(--jd-glass);	border:1px solid var(--jd-border);	box-shadow:var(--jd-shadow)}.why-grid .why-card__title,.team-card__name{	color:var(--jd-heading)}.why-grid .why-card__desc,.team-card__bio{	color:var(--jd-text)}.team-card__role{	color:var(--jd-green)}/* ============================================================ JUICEDSEO — PREMIUM ANNOUNCEMENT BAR (infinite marquee) Uses existing dark-theme tokens only;no new palette colors. ============================================================ */.announce-bar{	position:relative;	z-index:60;	overflow:hidden;	display:flex;	align-items:center;	min-height:44px;	background:linear-gradient(90deg,var(--jd-surface-alt,#0C1C15) 0%,var(--jd-surface,#0F1A14) 55%,var(--jd-surface-alt,#0C1C15) 100%);	background-color:var(--jd-surface,#0F1A14);	-webkit-backdrop-filter:saturate(140%) blur(8px);	backdrop-filter:saturate(140%) blur(8px);	border-bottom:1px solid var(--jd-border,rgba(255,255,255,0.10));	color:var(--jd-text,rgba(255,255,255,0.72));	font-size:.82rem;	line-height:1;	-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);	mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}.announce-bar__track{	display:flex;	flex-wrap:nowrap;	align-items:center;	width:max-content;	will-change:transform}.announce-bar.is-animating .announce-bar__track{	animation:announce-marquee var(--announce-duration,32s) linear infinite}.announce-bar.is-animating:hover .announce-bar__track,.announce-bar.is-animating:focus-within .announce-bar__track{	animation-play-state:paused}@keyframes announce-marquee{	from{transform:translate3d(0,0,0)}	to{transform:translate3d(calc(-1 * var(--announce-shift,50%)),0,0)}}.announce-bar__seq{	display:flex;	flex-wrap:nowrap;	align-items:center;	flex:0 0 auto}/* Static fallback (reduced motion / single-sequence):center the content. */.announce-bar.is-static{justify-content:center}.announce-bar.is-static .announce-bar__track{width:100%;justify-content:center;flex-wrap:wrap}.announce-bar.is-static .announce-bar__seq:nth-child(2){display:none}.announce-bar__item{	display:inline-flex;	align-items:center;	gap:.5rem;	padding:0 1.6rem;	white-space:nowrap;	color:var(--jd-text,rgba(255,255,255,0.72));	letter-spacing:.01em;	position:relative}/* Subtle divider dot between items. */.announce-bar__item::after{	content:"";	position:absolute;	right:-2px;	top:50%;	width:3px;	height:3px;	border-radius:50%;	background:var(--jd-border,rgba(255,255,255,0.18));	transform:translateY(-50%)}.announce-bar__icon{flex:0 0 auto;color:var(--jd-green,#7AC143);opacity:.95}.announce-bar__emoji{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;font-size:14px;line-height:1;opacity:1}.announce-bar__text{	color:var(--jd-text,rgba(255,255,255,0.78));	font-weight:500}.announce-bar__link{	color:var(--jd-heading,#F3F8F4);	text-decoration:none;	font-weight:600;	transition:color .2s ease}.announce-bar__link:hover,.announce-bar__link:focus-visible{color:var(--jd-green-lift,#9ED65A)}.announce-bar__link--cta{	display:inline-flex;	align-items:center;	gap:.35rem;	color:var(--jd-green,#7AC143)}.announce-bar__link--cta .announce-bar__icon{color:currentColor}.announce-bar__link--cta:hover,.announce-bar__link--cta:focus-visible{color:var(--jd-green-lift,#9ED65A)}@media (max-width:600px){	.announce-bar{font-size:.76rem;min-height:42px}	.announce-bar__item{padding:0 1.15rem;gap:.4rem}}@media (prefers-reduced-motion:reduce){	.announce-bar__track{animation:none !important}}