/* ==========================================================================
   NanoGrowth theme v2 — warm-neutral, photo-led
   Tokens → base → layout → buttons → header → homepage → footer → inner pages
   ========================================================================== */

@font-face {
	font-family: "Geist";
	src: url("../fonts/geist.woff") format("woff");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

:root {
	/* Palette */
	--ng-paper: #fbfaf8;
	--ng-stone: #efede8;
	--ng-stone-2: #e2dfd8;
	--ng-ink: #1f1d1a;
	--ng-text: #3a3732;
	--ng-muted: #77726a;
	--ng-cocoa: #4a3b36;
	--ng-cocoa-d: #3a2e2a;
	--ng-clay: #b5786a;
	--ng-dusk: #5f5b78;
	--ng-sage: #2f7d5b;
	--ng-amber: #e0a23a;
	--ng-rose: #c9584c;
	--ng-white: #ffffff;

	/* Names used by the inner-page components */
	--ng-ink-2: var(--ng-text);
	--ng-mist: var(--ng-stone);
	--ng-mist-2: var(--ng-stone-2);
	--ng-line: var(--ng-stone-2);
	--ng-emerald: var(--ng-cocoa);
	--ng-emerald-d: var(--ng-cocoa-d);
	--ng-emerald-l: #efe7e1;
	--ng-amber-l: #f8ecd3;
	--ng-pin: var(--ng-rose);
	--ng-pin-l: #f6dfdb;

	--ng-font: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

	--ng-wrap: 1180px;
	--ng-gutter: clamp(16px, 3.4vw, 40px);
	--ng-section: clamp(72px, 9vw, 120px);

	--ng-r-sm: 12px;
	--ng-r: 20px;
	--ng-r-lg: 28px;
	--ng-r-xl: 36px;

	--ng-shadow: 0 1px 2px rgba(31, 29, 26, 0.05), 0 12px 30px -16px rgba(31, 29, 26, 0.25);
	--ng-shadow-lg: 0 30px 60px -30px rgba(31, 29, 26, 0.35), 0 0 0 1px rgba(31, 29, 26, 0.05);

	--ng-header-h: 76px;
}

/* ---------- Base ---------- */

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

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
	scroll-padding-top: calc(var(--ng-header-h) + 16px);
}

body {
	margin: 0;
	background: var(--ng-paper);
	color: var(--ng-text);
	font-family: var(--ng-font);
	font-size: 1rem;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html.ng-menu-open body {
	overflow: hidden;
}

img,
svg,
video {
	max-width: 100%;
	height: auto;
}

img {
	display: block;
}

a {
	color: var(--ng-cocoa);
	text-underline-offset: 0.18em;
	text-decoration-thickness: 1px;
}

a:hover {
	color: var(--ng-ink);
}

:focus-visible {
	outline: 2px solid var(--ng-ink);
	outline-offset: 3px;
	border-radius: 8px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 0.5em;
	color: var(--ng-ink);
	font-weight: 450;
	line-height: 1.12;
	letter-spacing: -0.025em;
	text-wrap: balance;
}

h1 {
	font-size: clamp(2.3rem, 4.6vw, 3.5rem);
	letter-spacing: -0.035em;
	line-height: 1.04;
}

h2 {
	font-size: clamp(1.8rem, 3.4vw, 2.7rem);
	letter-spacing: -0.03em;
}

h3 {
	font-size: 1.3rem;
}

p {
	margin: 0 0 1em;
}

button,
input,
select,
textarea {
	font: inherit;
	color: inherit;
}

[hidden] {
	display: none !important;
}

.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.ng-skip {
	position: absolute;
	left: 16px;
	top: -100px;
	z-index: 1000;
	padding: 12px 18px;
	background: var(--ng-ink);
	color: var(--ng-white);
	border-radius: 999px;
}

.ng-skip:focus {
	top: 12px;
	color: var(--ng-white);
}

.ng-icon {
	flex: none;
	display: inline-block;
	vertical-align: middle;
}

.ng-nowrap {
	white-space: nowrap;
}

/* ---------- Layout ---------- */

.ng-wrap {
	width: 100%;
	max-width: calc(var(--ng-wrap) + var(--ng-gutter) * 2);
	margin-inline: auto;
	padding-inline: var(--ng-gutter);
}

.ng-section {
	padding-block: var(--ng-section);
}

.ng-section--tight {
	padding-block: clamp(40px, 6vw, 72px);
}

.ng-section--stone {
	background: var(--ng-stone);
}

.ng-head {
	max-width: 720px;
	margin: 0 auto clamp(28px, 4vw, 44px);
	text-align: center;
}

.ng-head h2 {
	margin: 0;
	font-size: clamp(2rem, 3.8vw, 2.9rem);
}

.ng-head p {
	margin: 12px 0 0;
	color: var(--ng-muted);
	font-size: 0.975rem;
}

.ng-head .ng-btn {
	margin-top: 20px;
}

/* Kept for the inner-page components */
.ng-section__head {
	max-width: 720px;
	margin-bottom: clamp(32px, 5vw, 48px);
}

.ng-section__head p {
	color: var(--ng-muted);
	margin: 0;
}

.ng-section__head--split {
	max-width: none;
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
	gap: 24px 64px;
	align-items: end;
}

.ng-section__head--split h2 {
	margin: 0;
}

.ng-section__head--row {
	max-width: none;
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
}

.ng-section__head--row h2 {
	margin: 0;
}

@media (max-width: 860px) {
	.ng-section__head--split {
		grid-template-columns: 1fr;
	}
}

/* ---------- Buttons (pills) ---------- */

.ng-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	padding: 10px 20px;
	border: 1px solid transparent;
	border-radius: 999px;
	font-size: 0.925rem;
	font-weight: 500;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.ng-btn--sm {
	min-height: 40px;
	padding: 8px 16px;
}

.ng-btn--lg {
	min-height: 50px;
	padding: 12px 24px;
	font-size: 1rem;
}

.ng-btn--primary,
.ng-btn--dark {
	background: var(--ng-cocoa);
	color: var(--ng-white);
}

.ng-btn--primary:hover,
.ng-btn--dark:hover {
	background: var(--ng-cocoa-d);
	color: var(--ng-white);
}

.ng-btn--light {
	background: var(--ng-white);
	color: var(--ng-ink);
}

.ng-btn--light:hover {
	background: var(--ng-stone);
	color: var(--ng-ink);
}

.ng-btn--stone,
.ng-btn--ghost {
	background: var(--ng-stone);
	color: var(--ng-ink);
}

.ng-btn--stone:hover,
.ng-btn--ghost:hover {
	background: var(--ng-stone-2);
	color: var(--ng-ink);
}

.ng-btn--outline {
	background: transparent;
	color: var(--ng-ink);
	border-color: var(--ng-ink);
}

.ng-btn--outline:hover {
	background: var(--ng-ink);
	color: var(--ng-white);
}

.ng-btn--glass,
.ng-btn--on-dark {
	background: rgba(255, 255, 255, 0.12);
	color: var(--ng-white);
	border-color: rgba(255, 255, 255, 0.45);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}

.ng-btn--glass:hover,
.ng-btn--on-dark:hover {
	background: rgba(255, 255, 255, 0.24);
	color: var(--ng-white);
}

.ng-circle {
	display: inline-grid;
	place-items: center;
	flex: none;
	width: 42px;
	height: 42px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--ng-stone);
	color: var(--ng-ink);
	text-decoration: none;
	cursor: pointer;
}

.ng-circle:hover {
	background: var(--ng-stone-2);
	color: var(--ng-ink);
}

.ng-link {
	font-weight: 500;
	text-decoration: none;
}

.ng-link:hover {
	text-decoration: underline;
}

/* Placeholder label shown to logged-in admins where a photo is still missing */
.ng-photo-hint {
	position: absolute;
	right: 16px;
	top: 16px;
	z-index: 3;
	padding: 4px 10px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.8);
	color: var(--ng-ink);
	font-size: 11.5px;
	font-weight: 500;
	line-height: 1.4;
}

.ng-cover {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ---------- Header ---------- */

.ng-header {
	position: sticky;
	top: 0;
	z-index: 100;
	padding-block: 14px;
	background: linear-gradient(var(--ng-paper) 70%, rgba(251, 250, 248, 0));
}

.admin-bar .ng-header {
	top: 32px;
}

@media (max-width: 782px) {
	.admin-bar .ng-header {
		top: 0;
	}
}

.ng-header__bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.ng-navbar {
	position: relative;
	display: flex;
	align-items: center;
	gap: 6px;
	min-height: 52px;
	padding: 5px 8px 5px 18px;
	background: var(--ng-stone);
	border-radius: 999px;
}

.ng-brand {
	flex: none;
	margin-right: 12px;
}

.ng-brand__link,
.custom-logo-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--ng-ink);
	text-decoration: none;
}

.ng-brand__link:hover {
	color: var(--ng-ink);
}

.custom-logo {
	max-height: 32px;
	width: auto;
}

.ng-brand__name {
	font-size: 1.2rem;
	font-weight: 600;
	letter-spacing: -0.035em;
	line-height: 1;
}

.ng-wm__a,
.ng-wm__b {
	font-weight: 380;
}

.ng-wm__b {
	color: var(--ng-muted);
}

.ng-wm__c {
	font-weight: 680;
}

.ng-mark {
	border-radius: 9px;
}

.ng-menu,
.ng-menu .sub-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ng-menu {
	display: flex;
	align-items: center;
	gap: 2px;
}

.ng-menu > li {
	display: flex;
	align-items: center;
}

.ng-menu a {
	display: block;
	color: var(--ng-ink);
	text-decoration: none;
}

.ng-menu > li > a {
	padding: 8px 12px;
	border-radius: 999px;
	font-size: 0.925rem;
}

.ng-menu > li > a:hover,
.ng-menu > li.is-open > a,
.ng-menu > .current-menu-item > a,
.ng-menu > .current-menu-ancestor > a {
	background: var(--ng-white);
}

.ng-menu > .menu-item-has-children > a {
	padding-right: 4px;
}

.ng-sub-toggle {
	display: inline-grid;
	place-items: center;
	width: 26px;
	height: 32px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: none;
	color: var(--ng-muted);
	cursor: pointer;
}

.ng-sub-toggle svg {
	transition: transform 0.2s ease;
}

.ng-sub-toggle[aria-expanded="true"] svg {
	transform: rotate(45deg);
}

/* Mega panel: every sub-menu becomes a white floating card */
.ng-menu .sub-menu {
	position: absolute;
	top: calc(100% + 10px);
	left: 0;
	z-index: 10;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 2px 12px;
	width: min(680px, calc(100vw - 32px));
	padding: 16px;
	background: var(--ng-white);
	border-radius: var(--ng-r-lg);
	box-shadow: var(--ng-shadow-lg);
	opacity: 0;
	visibility: hidden;
	transform: translateY(6px);
	transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s;
}

.ng-menu .sub-menu.ng-cols-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	width: min(480px, calc(100vw - 32px));
}

.ng-menu > li:hover > .sub-menu,
.ng-menu > li.is-open > .sub-menu,
.ng-menu > li:focus-within > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: none;
}

.ng-menu .sub-menu a {
	padding: 10px 12px;
	border-radius: 14px;
	font-size: 0.925rem;
}

.ng-menu .sub-menu a:hover {
	background: var(--ng-stone);
}

.ng-menu__desc {
	display: block;
	margin-top: 1px;
	color: var(--ng-muted);
	font-size: 0.8rem;
	line-height: 1.35;
}

.ng-header__actions {
	display: flex;
	align-items: center;
	gap: 8px;
}

.ng-menu-toggle {
	display: none;
}

.ng-menu-toggle__close {
	display: none;
}

.ng-menu-toggle[aria-expanded="true"] .ng-menu-toggle__open {
	display: none;
}

.ng-menu-toggle[aria-expanded="true"] .ng-menu-toggle__close {
	display: inline-flex;
}

.ng-nav__mobile-cta {
	display: none;
}

@media (max-width: 1100px) {
	.ng-header__actions .ng-btn--stone {
		display: none;
	}
}

@media (max-width: 1023px) {
	.ng-menu-toggle {
		display: inline-grid;
	}

	.ng-navbar {
		padding-right: 18px;
	}

	.ng-nav {
		position: fixed;
		left: 12px;
		right: 12px;
		top: calc(var(--ng-header-h) + 4px);
		bottom: 12px;
		z-index: 99;
		display: none;
		flex-direction: column;
		gap: 20px;
		padding: 12px 20px 24px;
		background: var(--ng-white);
		border-radius: var(--ng-r-lg);
		box-shadow: var(--ng-shadow-lg);
		overflow-y: auto;
	}

	.admin-bar .ng-nav {
		top: calc(var(--ng-header-h) + 50px);
	}

	.ng-nav.is-open {
		display: flex;
	}

	.ng-menu {
		flex-direction: column;
		align-items: stretch;
		gap: 0;
	}

	.ng-menu > li {
		flex-wrap: wrap;
		border-bottom: 1px solid var(--ng-stone);
	}

	.ng-menu > li > a {
		flex: 1;
		padding: 15px 0;
		border-radius: 0;
		font-size: 1.075rem;
	}

	.ng-menu > li > a:hover,
	.ng-menu > li.is-open > a {
		background: none;
	}

	.ng-sub-toggle {
		width: 44px;
		height: 44px;
	}

	.ng-menu .sub-menu,
	.ng-menu .sub-menu.ng-cols-2 {
		position: static;
		display: none;
		grid-template-columns: 1fr;
		width: 100%;
		padding: 0 0 12px;
		box-shadow: none;
		opacity: 1;
		visibility: visible;
		transform: none;
	}

	.ng-menu > li.is-open > .sub-menu {
		display: grid;
	}

	.ng-menu > li:hover > .sub-menu,
	.ng-menu > li:focus-within > .sub-menu {
		transform: none;
	}

	.ng-menu .sub-menu a {
		padding: 8px 0;
	}

	.ng-menu .sub-menu a:hover {
		background: none;
	}

	.ng-menu__desc {
		display: none;
	}

	.ng-nav__mobile-cta {
		display: grid;
		gap: 10px;
	}

	.ng-header__actions .ng-btn {
		display: none;
	}
}

/* ---------- Hero slider ---------- */

.ng-hero {
	padding-top: 6px;
}

.ng-hero__card {
	position: relative;
	min-height: clamp(460px, 64vh, 620px);
	border-radius: var(--ng-r-xl);
	overflow: hidden;
	background: #2a2420;
	color: var(--ng-white);
}

.ng-slide {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: flex-end;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.8s ease, visibility 0.8s;
}

.ng-slide.is-active {
	opacity: 1;
	visibility: visible;
}

html:not(.ng-js) .ng-slide:first-child {
	opacity: 1;
	visibility: visible;
}

.ng-slide__bg {
	position: absolute;
	inset: 0;
	background: var(--ng-tone);
	transform: scale(1.06);
	transition: transform 7s ease-out;
}

.ng-slide.is-active .ng-slide__bg {
	transform: scale(1);
}

.ng-slide__bg::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(20, 16, 13, 0.66), rgba(20, 16, 13, 0.12) 62%, transparent),
		linear-gradient(0deg, rgba(20, 16, 13, 0.5), transparent 55%);
}

.ng-tone-1 {
	--ng-tone: radial-gradient(70% 90% at 75% 30%, #b89a7a 0, transparent 60%), radial-gradient(60% 80% at 25% 80%, #3b2f29 0, transparent 70%), linear-gradient(120deg, #2a2420, #6b5646 55%, #c2a685);
}

.ng-tone-2 {
	--ng-tone: radial-gradient(70% 90% at 78% 35%, #8fa3b8 0, transparent 60%), radial-gradient(60% 80% at 20% 85%, #1f2a36 0, transparent 70%), linear-gradient(120deg, #1d242c, #4c5d6e 55%, #a7b7c4);
}

.ng-tone-3 {
	--ng-tone: radial-gradient(70% 90% at 75% 30%, #d6b483 0, transparent 60%), radial-gradient(60% 80% at 22% 80%, #3d2c1d 0, transparent 70%), linear-gradient(120deg, #2b2016, #7a5a3a 55%, #d9be93);
}

.ng-tone-4 {
	--ng-tone: radial-gradient(70% 90% at 76% 32%, #9f97b8 0, transparent 60%), radial-gradient(60% 80% at 22% 82%, #26223a 0, transparent 70%), linear-gradient(120deg, #211e2e, #55506e 55%, #b8b1c8);
}

.ng-slide__copy {
	position: relative;
	z-index: 1;
	max-width: 640px;
	padding: clamp(28px, 4.5vw, 56px);
	padding-bottom: clamp(84px, 9vw, 104px);
	transform: translateY(14px);
	opacity: 0;
	transition: transform 0.7s ease 0.25s, opacity 0.7s ease 0.25s;
}

.ng-slide.is-active .ng-slide__copy,
html:not(.ng-js) .ng-slide:first-child .ng-slide__copy {
	transform: none;
	opacity: 1;
}

.ng-slide__eyebrow {
	display: inline-flex;
	margin-bottom: 16px;
	padding: 5px 12px;
	border: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.14);
	font-size: 0.8rem;
}

.ng-slide__title {
	margin: 0;
	color: var(--ng-white);
	font-size: clamp(2.3rem, 5vw, 3.9rem);
	font-weight: 450;
	letter-spacing: -0.035em;
	line-height: 1.02;
}

.ng-slide__text {
	max-width: 30em;
	margin: 16px 0 0;
	color: rgba(255, 255, 255, 0.9);
	font-size: clamp(1rem, 1.3vw, 1.125rem);
}

.ng-slide__ctas {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 26px;
}

.ng-hero__ctrl {
	position: absolute;
	z-index: 4;
	left: clamp(28px, 4.5vw, 56px);
	right: clamp(20px, 3vw, 32px);
	bottom: clamp(22px, 3vw, 32px);
	display: flex;
	align-items: center;
	gap: 14px;
}

html:not(.ng-js) .ng-hero__ctrl {
	display: none;
}

.ng-dots {
	display: flex;
	flex: 1;
	gap: 8px;
	max-width: 420px;
}

.ng-dot {
	position: relative;
	flex: 1;
	height: 30px;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
}

.ng-dot::before,
.ng-dot i {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	height: 3px;
	border-radius: 3px;
	transform: translateY(-50%);
}

.ng-dot::before {
	right: 0;
	background: rgba(255, 255, 255, 0.3);
}

.ng-dot i {
	width: 0;
	background: var(--ng-white);
}

.ng-dot[aria-current="true"] i {
	animation: ng-fill var(--ng-dur, 6s) linear forwards;
}

.ng-dot.is-done i {
	width: 100%;
}

.ng-hero__card.is-paused .ng-dot[aria-current="true"] i,
.ng-e-slider.is-paused .ng-dot[aria-current="true"] i {
	animation-play-state: paused;
}

@keyframes ng-fill {
	to {
		width: 100%;
	}
}

.ng-hero__ctrl .ng-circle {
	width: 38px;
	height: 38px;
	border: 1px solid rgba(255, 255, 255, 0.35);
	background: rgba(255, 255, 255, 0.14);
	color: var(--ng-white);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}

.ng-hero__ctrl .ng-circle:hover {
	background: rgba(255, 255, 255, 0.26);
}

.ng-hero__count {
	margin-left: auto;
	color: rgba(255, 255, 255, 0.85);
	font-size: 0.8rem;
	font-variant-numeric: tabular-nums;
}

@media (max-width: 560px) {
	.ng-hero__count {
		display: none;
	}

	.ng-dots {
		max-width: none;
	}
}

/* ---------- Marquee ---------- */

.ng-marquee-wrap {
	position: relative;
	margin-top: 36px;
}

.ng-marquee {
	overflow: hidden;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

.ng-marquee__track {
	display: flex;
	gap: 64px;
	width: max-content;
	margin: 0;
	padding: 0;
	list-style: none;
	animation: ng-marquee 40s linear infinite;
}

.ng-marquee.is-paused .ng-marquee__track {
	animation-play-state: paused;
}

.ng-marquee__track li {
	color: #a9a49b;
	font-size: 1.35rem;
	font-weight: 600;
	letter-spacing: -0.02em;
	white-space: nowrap;
}

@keyframes ng-marquee {
	to {
		transform: translateX(-50%);
	}
}

.ng-marquee__btn {
	position: absolute;
	right: var(--ng-gutter);
	top: 50%;
	z-index: 2;
	width: 34px;
	height: 34px;
	transform: translateY(-50%);
}

/* ---------- Growth teams ---------- */

.ng-switch {
	display: flex;
	justify-content: center;
	gap: 6px;
	width: fit-content;
	max-width: 100%;
	margin: 0 auto 28px;
	padding: 6px;
	background: var(--ng-stone);
	border-radius: 999px;
}

.ng-switch button {
	display: flex;
	align-items: center;
	gap: 12px;
	flex: none;
	padding: 8px 26px 8px 8px;
	border: 0;
	border-radius: 999px;
	background: none;
	color: var(--ng-muted);
	text-align: left;
	cursor: pointer;
}

.ng-switch button[aria-selected="true"] {
	background: var(--ng-white);
	color: var(--ng-ink);
	box-shadow: 0 4px 14px -8px rgba(31, 29, 26, 0.35);
}

.ng-switch__av {
	display: grid;
	place-items: center;
	flex: none;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	color: var(--ng-white);
}

.ng-switch b {
	display: block;
	color: var(--ng-ink);
	font-size: 0.975rem;
	font-weight: 500;
}

.ng-switch small {
	display: block;
	font-size: 0.8rem;
}

@media (max-width: 560px) {
	.ng-switch {
		width: 100%;
		justify-content: space-between;
		gap: 2px;
	}

	.ng-switch button {
		gap: 6px;
		padding: 4px 10px 4px 4px;
	}

	.ng-switch__av {
		width: 28px;
		height: 28px;
	}

	.ng-switch__av svg {
		width: 16px;
		height: 16px;
	}

	.ng-switch small {
		display: none;
	}

	.ng-switch b {
		font-size: 0.85rem;
	}
}

.ng-team {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	min-height: 420px;
	border-radius: var(--ng-r-xl);
	overflow: hidden;
	background: var(--ng-stone);
}

.ng-team__copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 14px;
	padding: clamp(28px, 4vw, 52px);
}

.ng-team__role {
	color: var(--ng-muted);
	font-size: 0.85rem;
}

.ng-team__copy h3 {
	margin: 0;
	font-size: clamp(1.7rem, 3vw, 2.3rem);
}

.ng-team__copy p {
	max-width: 34em;
	margin: 0;
}

.ng-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 6px 0 10px;
	padding: 0;
	list-style: none;
}

.ng-chips a,
.ng-chips span {
	display: inline-block;
	padding: 6px 12px;
	border-radius: 999px;
	background: var(--ng-white);
	color: var(--ng-ink);
	font-size: 0.85rem;
	text-decoration: none;
}

.ng-chips a:hover {
	background: var(--ng-stone-2);
}

.ng-team__copy .ng-btn {
	align-self: flex-start;
}

.ng-team__media {
	position: relative;
	min-height: 320px;
	overflow: hidden;
	background: linear-gradient(140deg, var(--ng-a), var(--ng-b));
}

.ng-float {
	position: absolute;
	left: 8%;
	bottom: 10%;
	z-index: 2;
	width: min(300px, 80%);
	padding: 16px;
	border-radius: var(--ng-r);
	background: rgba(255, 255, 255, 0.95);
	box-shadow: 0 24px 50px -24px rgba(31, 29, 26, 0.5);
	font-size: 0.85rem;
}

.ng-float b {
	display: block;
	margin-bottom: 6px;
	color: var(--ng-ink);
	font-weight: 500;
}

.ng-float b span {
	color: var(--ng-muted);
	font-weight: 400;
}

.ng-float__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 8px 0;
	border-top: 1px solid var(--ng-stone);
}

.ng-float b + .ng-float__row {
	border-top: 0;
}

.ng-st {
	padding: 3px 9px;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 500;
	white-space: nowrap;
}

.ng-st--ok { background: #e1efe6; color: #215c42; }
.ng-st--warn { background: #f8ecd3; color: #7c5410; }
.ng-st--bad { background: #f6dfdb; color: #8c2f25; }
.ng-st--info { background: var(--ng-stone); color: var(--ng-ink); }

@media (max-width: 860px) {
	.ng-team {
		grid-template-columns: 1fr;
	}

	.ng-team__media {
		min-height: 300px;
	}
}

/* ---------- How it works ---------- */

.ng-how {
	display: grid;
	grid-template-columns: minmax(0, 280px) minmax(0, 1fr);
	gap: 24px;
	align-items: center;
}

.ng-how__tabs {
	display: grid;
	gap: 6px;
}

.ng-how__tab {
	display: block;
	width: 100%;
	padding: 16px 18px;
	border: 0;
	border-radius: 22px;
	background: none;
	color: var(--ng-muted);
	text-align: left;
	cursor: pointer;
}

.ng-how__t {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 1.375rem;
	letter-spacing: -0.02em;
}

.ng-how__d {
	display: none;
	margin: 6px 0 0 30px;
	color: var(--ng-text);
	font-size: 0.875rem;
	line-height: 1.45;
}

.ng-how__tab[aria-selected="true"] {
	background: var(--ng-white);
	color: var(--ng-ink);
	box-shadow: 0 10px 30px -18px rgba(31, 29, 26, 0.4);
}

.ng-how__tab[aria-selected="true"] .ng-how__d {
	display: block;
}

html:not(.ng-js) .ng-how__d {
	display: block;
}

.ng-how__media {
	display: grid;
	place-items: center;
	min-height: 440px;
	padding: clamp(18px, 3vw, 36px);
	border-radius: var(--ng-r-xl);
	background: var(--ng-stone-2);
}

.ng-screen {
	display: grid;
	gap: 12px;
	width: 100%;
	max-width: 620px;
	padding: 22px;
	border-radius: 24px;
	background: var(--ng-white);
	box-shadow: 0 30px 60px -36px rgba(31, 29, 26, 0.45);
}

.ng-screen h3 {
	display: flex;
	justify-content: space-between;
	margin: 0;
	font-size: 0.95rem;
	font-weight: 500;
	letter-spacing: 0;
}

.ng-screen h3 small {
	color: var(--ng-muted);
	font-weight: 400;
}

.ng-row {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 11px 14px;
	border-radius: 14px;
	background: var(--ng-paper);
	font-size: 0.875rem;
}

.ng-row b {
	font-weight: 500;
	color: var(--ng-ink);
}

.ng-row .ng-st {
	margin-left: auto;
}

.ng-row__dot {
	flex: none;
	width: 9px;
	height: 9px;
	border-radius: 50%;
}

.ng-rankgrid {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 7px;
	margin: 0;
	padding: 14px max(14px, calc(50% - 150px));
	border-radius: 16px;
	background: var(--ng-stone);
	list-style: none;
}

.ng-rankgrid li {
	display: grid;
	place-items: center;
	aspect-ratio: 1;
	border-radius: 50%;
	color: var(--ng-white);
	font-size: 0.66rem;
	font-weight: 600;
}

.ng-rank--top { background: var(--ng-sage); }
.ng-rank--mid { background: var(--ng-amber); }
.ng-rank--low { background: var(--ng-rose); }

.ng-who {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.ng-who div {
	padding: 14px;
	border-radius: 16px;
	background: var(--ng-paper);
	font-size: 0.85rem;
}

.ng-who b {
	display: block;
	margin-bottom: 4px;
	color: var(--ng-ink);
	font-weight: 500;
}

@media (max-width: 860px) {
	.ng-how {
		grid-template-columns: 1fr;
	}

	.ng-how__media {
		min-height: 0;
	}
}

@media (max-width: 520px) {
	.ng-who {
		grid-template-columns: 1fr;
	}
}

/* ---------- Industry tabs ---------- */

.ng-indbar {
	display: flex;
	gap: 4px;
	margin-bottom: 22px;
	padding: 6px;
	border-radius: 999px;
	background: var(--ng-stone);
	overflow-x: auto;
	scrollbar-width: none;
}

.ng-indbar::-webkit-scrollbar {
	display: none;
}

.ng-indbar button {
	flex: 1 0 auto;
	padding: 10px 20px;
	border: 0;
	border-radius: 999px;
	background: none;
	color: var(--ng-muted);
	font-size: 0.95rem;
	cursor: pointer;
}

.ng-indbar button[aria-selected="true"] {
	background: var(--ng-white);
	color: var(--ng-ink);
}

.ng-indcard {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 400px;
	border-radius: var(--ng-r-xl);
	overflow: hidden;
	background: linear-gradient(120deg, var(--ng-a), var(--ng-b));
	color: var(--ng-white);
}

.ng-indcard::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(90deg, #14110f 0, rgba(20, 17, 15, 0.92) 30%, transparent 72%);
}

.ng-indcard__copy {
	position: relative;
	z-index: 2;
	max-width: 460px;
	padding: clamp(28px, 4.5vw, 56px);
}

.ng-indcard__copy h3 {
	margin: 0;
	color: var(--ng-white);
	font-size: clamp(1.4rem, 2.4vw, 1.85rem);
	line-height: 1.25;
}

.ng-indcard__copy p {
	margin: 14px 0 0;
	color: rgba(255, 255, 255, 0.75);
	font-size: 0.875rem;
}

.ng-indcard__q {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 18px 0 22px;
	padding: 0;
	list-style: none;
}

.ng-indcard__q li {
	padding: 5px 11px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 999px;
	color: rgba(255, 255, 255, 0.9);
	font-size: 0.8rem;
}

.ng-indcard__foot {
	position: relative;
	z-index: 2;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 8px 22px;
	padding: 0 clamp(24px, 4vw, 40px) 26px;
	color: rgba(255, 255, 255, 0.85);
	font-size: 0.8rem;
}

.ng-indcard__foot b {
	color: var(--ng-white);
	font-size: 0.95rem;
	font-weight: 600;
}

@media (max-width: 700px) {
	.ng-indcard::before {
		background: linear-gradient(0deg, #14110f 35%, rgba(20, 17, 15, 0.45));
	}

	.ng-indcard__foot {
		justify-content: flex-start;
	}
}

/* ---------- Textured band (audit form + inner-page CTA) ---------- */

.ng-band {
	padding-block: clamp(40px, 5vw, 48px);
	background-color: var(--ng-clay);
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .2 0 0 0 0 .15 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
		radial-gradient(60% 80% at 20% 10%, rgba(240, 190, 140, 0.45), transparent 70%),
		radial-gradient(50% 70% at 90% 90%, rgba(120, 60, 50, 0.35), transparent 70%);
}

.ng-audit {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: clamp(28px, 5vw, 64px);
	align-items: center;
	padding: clamp(28px, 5vw, 64px);
	border-radius: var(--ng-r-xl);
	background: var(--ng-paper);
}

.ng-audit h2 {
	margin: 0;
	font-size: clamp(1.9rem, 3.6vw, 2.7rem);
}

.ng-audit__copy > p {
	max-width: 30em;
	margin: 14px 0 0;
	color: var(--ng-muted);
}

.ng-ticks {
	display: grid;
	gap: 10px;
	margin: 22px 0 0;
	padding: 0;
	list-style: none;
}

.ng-ticks li {
	display: flex;
	gap: 10px;
	font-size: 0.95rem;
}

.ng-ticks .ng-icon {
	margin-top: 3px;
	color: var(--ng-sage);
}

.ng-audit__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 26px;
}

.ng-audit--cta {
	grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
}

@media (max-width: 860px) {
	.ng-audit,
	.ng-audit--cta {
		grid-template-columns: 1fr;
	}
}

/* ---------- Trust coins ---------- */

.ng-coins {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: clamp(16px, 3vw, 32px);
	max-width: 620px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.ng-coin {
	position: relative;
	display: grid;
	place-items: center;
	width: clamp(136px, 17vw, 170px);
	aspect-ratio: 1;
	border-radius: 50%;
	background: radial-gradient(circle at 35% 30%, #efe9e1, #ddd4c8 70%);
	box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.8), inset 0 -6px 12px rgba(120, 100, 80, 0.18), 0 16px 26px -14px rgba(80, 60, 40, 0.45);
	color: #8e8579;
	text-align: center;
}

.ng-coin::before {
	content: "";
	position: absolute;
	inset: 9%;
	border-radius: 50%;
	box-shadow: inset 0 2px 3px rgba(120, 100, 80, 0.28), 0 1px 0 rgba(255, 255, 255, 0.75);
}

.ng-coin b {
	display: block;
	font-size: clamp(1.3rem, 2.4vw, 1.75rem);
	font-weight: 650;
	letter-spacing: -0.02em;
	line-height: 1.1;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), 0 -1px 0 rgba(120, 100, 80, 0.25);
}

.ng-coin span {
	display: block;
	margin-top: 4px;
	padding-inline: 18%;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	line-height: 1.3;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}

/* ---------- Report carousel ---------- */

.ng-reports {
	position: relative;
	padding: clamp(28px, 4vw, 48px) 0;
	border-radius: var(--ng-r-xl);
	overflow: hidden;
	background:
		radial-gradient(70% 90% at 20% 0%, #7c7898 0, transparent 60%),
		radial-gradient(60% 80% at 100% 100%, #3f3c57 0, transparent 70%),
		var(--ng-dusk);
}

.ng-reports__track {
	display: flex;
	gap: 20px;
	margin: 0;
	padding: 4px clamp(20px, 4vw, 48px);
	list-style: none;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}

.ng-reports__track::-webkit-scrollbar {
	display: none;
}

.ng-report {
	display: grid;
	align-content: start;
	gap: 12px;
	flex: 0 0 min(360px, 80%);
	padding: 22px;
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.95);
	scroll-snap-align: center;
}

.ng-report h3 {
	margin: 0;
	font-size: 0.95rem;
	font-weight: 500;
	letter-spacing: 0;
}

.ng-report p {
	margin: 0;
	color: var(--ng-muted);
	font-size: 0.85rem;
}

.ng-report .ng-rankgrid {
	padding: 12px;
}

.ng-big {
	color: var(--ng-ink);
	font-size: 2.75rem;
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 1;
	font-variant-numeric: tabular-nums;
}

.ng-up {
	color: var(--ng-sage);
	font-size: 0.875rem;
	font-weight: 600;
}

.ng-bars {
	display: flex;
	align-items: flex-end;
	gap: 6px;
	height: 90px;
}

.ng-bars i {
	flex: 1;
	border-radius: 6px 6px 0 0;
	background: var(--ng-stone-2);
}

.ng-bars i:last-child {
	background: var(--ng-cocoa);
}

.ng-quote {
	display: flex;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 14px;
	background: var(--ng-paper);
	font-size: 0.8rem;
}

.ng-quote--block {
	display: block;
}

.ng-quote b {
	color: var(--ng-ink);
	font-weight: 500;
}

.ng-stars {
	color: var(--ng-amber);
	white-space: nowrap;
}

.ng-report__media {
	position: relative;
	height: 150px;
	border-radius: 16px;
	overflow: hidden;
	background: linear-gradient(130deg, #d9d3ca, #b8afa3);
}

.ng-reports__nav {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 22px;
}

.ng-reports__nav .ng-circle {
	border: 1px solid rgba(255, 255, 255, 0.4);
	background: rgba(255, 255, 255, 0.18);
	color: var(--ng-white);
}

.ng-reports__nav .ng-circle:hover {
	background: rgba(255, 255, 255, 0.3);
}

/* ---------- Footer ---------- */

.ng-footer {
	padding-block: 64px 32px;
	background: var(--ng-stone);
	color: var(--ng-muted);
	font-size: 0.85rem;
}

.ng-footer a {
	color: var(--ng-muted);
	text-decoration: none;
}

.ng-footer a:hover {
	color: var(--ng-ink);
}

.ng-footer__grid {
	display: grid;
	grid-template-columns: 220px repeat(4, minmax(0, 1fr));
	gap: 36px 24px;
}

.ng-footer__brand p {
	margin: 14px 0 0;
}

.ng-footer__brand .ng-brand__link {
	color: var(--ng-ink);
}

.ng-footer__title {
	margin: 0;
	color: var(--ng-ink);
	font-size: 0.925rem;
	font-weight: 500;
	letter-spacing: 0;
}

.ng-footer__title small {
	display: block;
	margin-top: 1px;
	color: var(--ng-muted);
	font-size: 0.65rem;
	font-weight: 500;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.ng-footer__list {
	display: grid;
	gap: 8px;
	margin: 14px 0 0;
	padding: 0;
	list-style: none;
}

.ng-footer__row2 {
	grid-column: 2 / -1;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
	padding-top: 28px;
	border-top: 1px solid var(--ng-stone-2);
}

.ng-footer__social {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 14px;
	margin: 14px 0 0;
	padding: 0;
	list-style: none;
}

.ng-footer__base {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 12px;
	margin-top: 48px;
	padding-top: 20px;
	border-top: 1px solid var(--ng-stone-2);
}

.ng-footer__base p {
	margin: 0;
}

@media (max-width: 960px) {
	.ng-footer__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ng-footer__brand {
		grid-column: 1 / -1;
	}

	.ng-footer__row2 {
		grid-column: 1 / -1;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* ---------- Page hero (inner pages) ---------- */

.ng-page-hero {
	padding-block: 6px 0;
}

.ng-page-hero__box {
	position: relative;
	padding: clamp(32px, 5vw, 64px);
	border-radius: var(--ng-r-xl);
	background: var(--ng-stone);
}

.ng-page-hero__title {
	max-width: 22ch;
	margin-bottom: 16px;
	font-size: clamp(2.2rem, 4.8vw, 3.5rem);
}

.ng-page-hero__intro {
	max-width: 40em;
	margin-bottom: 0;
	color: var(--ng-muted);
	font-size: clamp(1rem, 1.3vw, 1.125rem);
}

.ng-page-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 26px;
}

.ng-page-hero__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 20px;
	margin-top: 18px;
	color: var(--ng-muted);
	font-size: 0.875rem;
}

.ng-crumbs {
	margin-bottom: 18px;
	color: var(--ng-muted);
	font-size: 0.85rem;
}

.ng-crumbs ol {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ng-crumbs li:not(:last-child)::after {
	content: "/";
	margin-left: 6px;
	color: #b3ada3;
}

.ng-crumbs a {
	color: var(--ng-muted);
	text-decoration: none;
}

.ng-crumbs a:hover {
	color: var(--ng-ink);
}

.ng-crumbs .separator,
.ng-crumbs .breadcrumb_last {
	margin-inline: 2px;
}

/* ---------- Industries ---------- */

.ng-industries {
	background: var(--ng-mist);
}

.ng-industries__list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: var(--ng-line);
	border: 1px solid var(--ng-line);
	border-radius: var(--ng-r-lg);
	overflow: hidden;
}

.ng-industry {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 6px 16px;
	height: 100%;
	padding: 28px;
	background: var(--ng-white);
	color: var(--ng-ink);
	text-decoration: none;
	transition: background-color 0.15s ease;
}

.ng-industry:hover {
	background: #fbfcfb;
	color: var(--ng-ink);
}

.ng-industry__icon {
	grid-row: span 3;
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	border-radius: 14px;
	background: var(--ng-emerald-l);
	color: var(--ng-emerald);
}

.ng-industry__name {
	font-size: 1.2rem;
	font-weight: 500;
	letter-spacing: -0.02em;
}

.ng-industry__line {
	color: var(--ng-muted);
	font-size: 0.975rem;
	line-height: 1.5;
}

.ng-industry__query {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	justify-self: start;
	margin-top: 8px;
	padding: 4px 10px;
	border: 1px solid var(--ng-line);
	border-radius: 999px;
	color: var(--ng-muted);
	font-size: 0.8rem;
	font-weight: 600;
}

.ng-industry:hover .ng-industry__name {
	color: var(--ng-emerald);
}

@media (max-width: 960px) {
	.ng-industries__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	.ng-industries__list {
		grid-template-columns: 1fr;
	}

	.ng-industry {
		padding: 22px 20px;
	}
}

/* ---------- Services ---------- */

.ng-services__groups {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(32px, 4vw, 56px);
}

.ng-services__group {
	padding-top: 24px;
	border-top: 3px solid var(--ng-ink);
}

.ng-services__group:nth-child(2) {
	border-top-color: var(--ng-emerald);
}

.ng-services__group:nth-child(3) {
	border-top-color: var(--ng-amber);
}

.ng-services__group-title {
	margin-bottom: 8px;
	font-size: 1.6rem;
	font-weight: 500;
	letter-spacing: -0.03em;
}

.ng-services__group-text {
	min-height: 3.2em;
	color: var(--ng-muted);
}

.ng-services__list {
	margin: 24px 0 0;
	padding: 0;
	list-style: none;
}

.ng-service {
	display: flex;
	gap: 16px;
	padding: 18px 0;
	border-bottom: 1px solid var(--ng-line);
	color: var(--ng-ink);
	text-decoration: none;
}

.ng-services__list li:first-child .ng-service {
	padding-top: 0;
}

.ng-service:hover {
	color: var(--ng-ink);
}

.ng-service__icon {
	display: grid;
	place-items: center;
	flex: none;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: var(--ng-mist);
	color: var(--ng-ink);
	transition: background-color 0.15s ease, color 0.15s ease;
}

.ng-service:hover .ng-service__icon {
	background: var(--ng-emerald);
	color: var(--ng-white);
}

.ng-service__body {
	display: grid;
	gap: 4px;
}

.ng-service__name {
	font-weight: 500;
	line-height: 1.35;
}

.ng-service:hover .ng-service__name {
	color: var(--ng-emerald);
}

.ng-service__desc {
	color: var(--ng-muted);
	font-size: 0.95rem;
	line-height: 1.5;
}

@media (max-width: 960px) {
	.ng-services__groups {
		grid-template-columns: 1fr;
	}

	.ng-services__group-text {
		min-height: 0;
	}
}

/* ---------- Pricing ---------- */

.ng-pricing {
	background: var(--ng-mist);
}

.ng-page__sections .ng-pricing {
	background: none;
}

.ng-pricing__plans {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
	align-items: stretch;
}

.ng-plan {
	display: flex;
	flex-direction: column;
	padding: 32px;
	background: var(--ng-white);
	border: 1px solid var(--ng-line);
	border-radius: var(--ng-r-lg);
}

.ng-plan.is-featured {
	position: relative;
	border: 2px solid var(--ng-emerald);
	box-shadow: var(--ng-shadow-lg);
}

.ng-plan__head {
	min-height: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 16px;
}

.ng-plan__name {
	margin: 0;
	font-size: 1.15rem;
}

.ng-plan__tag {
	padding: 4px 10px;
	border-radius: 999px;
	background: var(--ng-emerald-l);
	color: var(--ng-emerald-d);
	font-size: 0.8rem;
	font-weight: 500;
}

.ng-plan__price {
	display: flex;
	align-items: baseline;
	gap: 8px;
	margin-bottom: 8px;
}

.ng-plan__price strong {
	font-size: 2.75rem;
	font-weight: 500;
	letter-spacing: -0.03em;
	line-height: 1;
}

.ng-plan__price span {
	color: var(--ng-muted);
	font-size: 0.95rem;
}

.ng-plan__for {
	min-height: 3.2em;
	color: var(--ng-muted);
	font-size: 0.975rem;
}

.ng-plan__features {
	flex: 1;
	display: grid;
	align-content: start;
	gap: 12px;
	margin: 8px 0 28px;
	padding: 20px 0 0;
	border-top: 1px solid var(--ng-line);
	list-style: none;
}

.ng-plan__features li {
	display: flex;
	gap: 10px;
	font-size: 0.975rem;
	line-height: 1.45;
}

.ng-plan__features .ng-icon {
	margin-top: 1px;
	color: var(--ng-emerald);
}

.ng-plan__cta {
	width: 100%;
}

@media (max-width: 960px) {
	.ng-pricing__plans {
		grid-template-columns: 1fr;
		max-width: 520px;
	}

	.ng-plan__for {
		min-height: 0;
	}
}

/* ---------- FAQ ---------- */

.ng-faq__layout {
	display: grid;
	grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.4fr);
	gap: 48px clamp(40px, 6vw, 96px);
	align-items: start;
}

.ng-faq__intro {
	position: sticky;
	top: calc(var(--ng-header-h) + 32px);
}

.ng-faq__intro p {
	color: var(--ng-muted);
}

.ng-faq__list {
	border-top: 1px solid var(--ng-line);
}

.ng-faq__layout > .ng-faq__list:only-child {
	grid-column: 1 / -1;
	max-width: 820px;
}

.ng-faq__item {
	border-bottom: 1px solid var(--ng-line);
}

.ng-faq__item summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 22px 0;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.4;
	cursor: pointer;
	list-style: none;
}

.ng-faq__item summary::-webkit-details-marker {
	display: none;
}

.ng-faq__item summary .ng-icon {
	color: var(--ng-emerald);
	transition: transform 0.2s ease;
}

.ng-faq__item[open] summary .ng-icon {
	transform: rotate(45deg);
}

.ng-faq__item summary:hover {
	color: var(--ng-emerald);
}

.ng-faq__answer {
	max-width: 62ch;
	padding: 0 40px 22px 0;
	color: var(--ng-muted);
}

.ng-faq__answer p {
	margin: 0;
}

@media (max-width: 860px) {
	.ng-faq__layout {
		grid-template-columns: 1fr;
	}

	.ng-faq__intro {
		position: static;
	}
}

/* ---------- Cards (blog) ---------- */

.ng-latest {
	background: var(--ng-mist);
}

.ng-cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 28px;
}

.ng-card {
	display: flex;
	flex-direction: column;
	background: var(--ng-white);
	border: 1px solid var(--ng-line);
	border-radius: var(--ng-r);
	overflow: hidden;
}

.ng-card__media {
	display: block;
	aspect-ratio: 16 / 10;
	background: var(--ng-mist-2);
	overflow: hidden;
}

.ng-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ng-card__placeholder {
	display: grid;
	place-items: center;
	height: 100%;
	background:
		linear-gradient(var(--ng-line) 1px, transparent 1px) 0 0 / 24px 24px,
		linear-gradient(90deg, var(--ng-line) 1px, transparent 1px) 0 0 / 24px 24px,
		var(--ng-mist);
}

.ng-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 22px 24px 24px;
}

.ng-card__cat {
	align-self: flex-start;
	margin-bottom: 10px;
	color: var(--ng-emerald);
	font-size: 0.85rem;
	font-weight: 500;
	text-decoration: none;
}

.ng-card__title {
	margin-bottom: 10px;
	font-size: 1.2rem;
	line-height: 1.3;
}

.ng-card__title a {
	color: var(--ng-ink);
	text-decoration: none;
}

.ng-card__title a:hover {
	color: var(--ng-emerald);
}

.ng-card__excerpt {
	flex: 1;
	color: var(--ng-muted);
	font-size: 0.95rem;
}

.ng-card__meta {
	display: flex;
	gap: 14px;
	margin: 0;
	color: var(--ng-muted);
	font-size: 0.85rem;
}

@media (max-width: 960px) {
	.ng-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 620px) {
	.ng-cards {
		grid-template-columns: 1fr;
	}
}

.ng-pagination {
	margin-top: 48px;
}

.ng-pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
}

.ng-pagination .page-numbers {
	display: inline-grid;
	place-items: center;
	min-width: 44px;
	height: 44px;
	padding: 0 14px;
	border: 1px solid var(--ng-line);
	border-radius: 999px;
	color: var(--ng-ink);
	font-weight: 500;
	text-decoration: none;
}

.ng-pagination .page-numbers.current {
	background: var(--ng-ink);
	border-color: var(--ng-ink);
	color: var(--ng-white);
}

/* ---------- Prose (page and post content) ---------- */

.ng-prose {
	max-width: 760px;
}

.ng-prose > * {
	max-width: 100%;
}

.ng-prose > :first-child {
	margin-top: 0;
}

.ng-prose h2 {
	margin-top: 1.8em;
	font-size: clamp(1.6rem, 2.6vw, 2.1rem);
}

.ng-prose h3 {
	margin-top: 1.6em;
	font-size: 1.35rem;
}

.ng-prose p,
.ng-prose li {
	color: #2a3850;
	font-size: 1.0625rem;
	line-height: 1.75;
}

.ng-prose ul,
.ng-prose ol {
	padding-left: 1.3em;
}

.ng-prose li + li {
	margin-top: 0.45em;
}

.ng-prose blockquote {
	margin: 2em 0;
	padding: 4px 0 4px 24px;
	border-left: 3px solid var(--ng-emerald);
	font-size: 1.2rem;
	font-weight: 600;
}

.ng-prose img {
	border-radius: var(--ng-r);
}

.ng-prose figure {
	margin: 2em 0;
}

.ng-prose figcaption {
	margin-top: 10px;
	color: var(--ng-muted);
	font-size: 0.9rem;
}

.ng-prose table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.975rem;
}

.ng-prose th,
.ng-prose td {
	padding: 12px 14px;
	border-bottom: 1px solid var(--ng-line);
	text-align: left;
}

.ng-prose th {
	background: var(--ng-mist);
}

.ng-prose code {
	padding: 2px 6px;
	border-radius: 6px;
	background: var(--ng-mist);
	font-size: 0.9em;
}

.ng-prose pre {
	padding: 20px;
	border-radius: var(--ng-r);
	background: var(--ng-ink);
	color: #e7ecf3;
	overflow-x: auto;
}

.ng-prose pre code {
	padding: 0;
	background: none;
}

.ng-prose .ng-lead,
.ng-lead {
	color: var(--ng-ink);
	font-size: clamp(1.2rem, 1.8vw, 1.4rem);
	font-weight: 500;
	line-height: 1.55;
}

/* Check list */
.ng-prose .is-style-checks {
	display: grid;
	gap: 12px;
	padding: 0;
	list-style: none;
}

.ng-prose .is-style-checks li {
	position: relative;
	margin: 0;
	padding: 14px 16px 14px 52px;
	background: var(--ng-mist);
	border-radius: var(--ng-r-sm);
	line-height: 1.5;
}

.ng-prose .is-style-checks li::before {
	content: "";
	position: absolute;
	left: 16px;
	top: 14px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: var(--ng-emerald) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4L18 8'/%3E%3C/svg%3E") center / 14px no-repeat;
}

/* Numbered steps */
.ng-prose .is-style-steps {
	display: grid;
	gap: 0;
	padding: 0;
	list-style: none;
	counter-reset: ng-step;
}

.ng-prose .is-style-steps li {
	position: relative;
	margin: 0;
	padding: 0 0 24px 60px;
	counter-increment: ng-step;
}

.ng-prose .is-style-steps li::before {
	content: counter(ng-step);
	position: absolute;
	left: 0;
	top: 0;
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--ng-ink);
	color: var(--ng-white);
	font-size: 0.95rem;
	font-weight: 500;
}

.ng-prose .is-style-steps li:not(:last-child)::after {
	content: "";
	position: absolute;
	left: 19px;
	top: 46px;
	bottom: 6px;
	width: 2px;
	background: var(--ng-line);
}

.ng-prose .is-style-steps strong {
	color: var(--ng-ink);
}

/* Search query chips */
.ng-prose .is-style-queries {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 0;
	list-style: none;
}

.ng-prose .is-style-queries li {
	margin: 0;
	padding: 8px 16px 8px 38px;
	border: 1px solid var(--ng-line);
	border-radius: 999px;
	background: var(--ng-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2355627a' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m20 20-4.4-4.4'/%3E%3C/svg%3E") 14px center / 16px no-repeat;
	font-size: 0.975rem;
	font-weight: 600;
	line-height: 1.4;
}

.ng-prose .ng-btn {
	text-decoration: none;
}

/* Sections rendered inside pages via shortcodes */
.ng-page__sections > h2,
.ng-page__sections > p {
	width: 100%;
	max-width: calc(var(--ng-wrap) + var(--ng-gutter) * 2);
	margin-inline: auto;
	padding-inline: var(--ng-gutter);
}

.ng-page__sections > .ng-section + h2 {
	margin-top: 0;
}

.ng-page__sections .ng-section:first-child {
	padding-top: clamp(40px, 6vw, 72px);
}

.ng-page__sections .ng-faq {
	padding-top: 24px;
}

/* ---------- Single post ---------- */

.ng-article__media {
	margin-top: clamp(-28px, -3vw, -16px);
	margin-bottom: 8px;
}

.ng-article__media img {
	width: 100%;
	border-radius: var(--ng-r-lg);
}

.ng-article__layout {
	display: grid;
	grid-template-columns: minmax(0, 760px) minmax(0, 300px);
	justify-content: space-between;
	gap: 48px;
	padding-block: clamp(40px, 6vw, 72px);
}

.ng-article__body {
	padding: 0;
}

.ng-article__layout--flush {
	padding-block: 0;
}

.ng-article__aside {
	display: grid;
	align-content: start;
	gap: 24px;
}

.ng-aside-card {
	position: sticky;
	top: calc(var(--ng-header-h) + 24px);
	padding: 24px;
	border-radius: var(--ng-r-lg);
	background: var(--ng-ink);
	color: #c3cbd8;
	font-size: 0.95rem;
}

.ng-aside-card__title {
	margin-bottom: 8px;
	color: var(--ng-white);
	font-size: 1.2rem;
	font-weight: 500;
	letter-spacing: -0.02em;
}

.ng-aside-card .ng-btn {
	width: 100%;
	margin-top: 8px;
}

.ng-widget {
	font-size: 0.95rem;
}

.ng-widget__title {
	font-size: 1rem;
}

.ng-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 40px 0 0;
	padding: 0 !important;
	list-style: none;
}

.ng-tags li {
	margin: 0 !important;
}

.ng-tags a {
	display: inline-block;
	padding: 6px 12px;
	border-radius: 999px;
	background: var(--ng-mist);
	color: var(--ng-ink);
	font-size: 0.875rem;
	font-weight: 600;
	text-decoration: none;
}

.ng-author {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	margin-top: 40px;
	padding: 24px;
	border: 1px solid var(--ng-line);
	border-radius: var(--ng-r);
}

.ng-author__img {
	border-radius: 50%;
}

.ng-author__name {
	margin: 0 0 4px !important;
	font-weight: 500;
	color: var(--ng-ink) !important;
}

.ng-author__bio {
	margin: 0 !important;
	font-size: 0.95rem !important;
	color: var(--ng-muted) !important;
}

@media (max-width: 960px) {
	.ng-article__layout {
		grid-template-columns: 1fr;
	}

	.ng-aside-card {
		position: static;
	}
}

/* ---------- Contact ---------- */

.ng-contact {
	padding-block: clamp(40px, 6vw, 88px);
	background:
		radial-gradient(800px 420px at 0% 0%, var(--ng-emerald-l), transparent 70%),
		var(--ng-mist);
}

.ng-contact__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
	gap: 48px clamp(40px, 6vw, 88px);
	align-items: start;
}

.ng-prose--flush {
	padding: 0;
}

.ng-contact__details {
	display: grid;
	gap: 14px;
	margin: 32px 0 0;
	padding: 0;
	list-style: none;
}

.ng-contact__details li {
	display: flex;
	align-items: center;
	gap: 12px;
	font-weight: 600;
}

.ng-contact__details .ng-icon {
	color: var(--ng-emerald);
}

.ng-form-card {
	padding: clamp(24px, 3vw, 36px);
	background: var(--ng-white);
	border: 1px solid var(--ng-line);
	border-radius: var(--ng-r-lg);
	box-shadow: var(--ng-shadow-lg);
}

.ng-form__row {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 16px;
}

.ng-field {
	display: grid;
	gap: 6px;
	margin: 0 0 18px;
}

.ng-field label {
	font-size: 0.925rem;
	font-weight: 500;
}

.ng-field__opt {
	color: var(--ng-muted);
	font-weight: 500;
}

.ng-field input,
.ng-field select,
.ng-field textarea,
.ng-search input {
	width: 100%;
	min-height: 48px;
	padding: 11px 14px;
	border: 1.5px solid var(--ng-line);
	border-radius: 10px;
	background: var(--ng-white);
	font-size: 1rem;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.ng-field textarea {
	resize: vertical;
}

.ng-field input:focus,
.ng-field select:focus,
.ng-field textarea:focus,
.ng-search input:focus {
	border-color: var(--ng-emerald);
	box-shadow: 0 0 0 4px var(--ng-emerald-l);
	outline: none;
}

.ng-form__submit {
	width: 100%;
	margin-top: 4px;
}

.ng-form__hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.ng-form__notice {
	margin-bottom: 20px;
	padding: 14px 16px;
	border-radius: 10px;
	font-size: 0.975rem;
}

.ng-form__notice.is-success {
	background: var(--ng-emerald-l);
	color: var(--ng-emerald-d);
}

.ng-form__notice.is-error {
	background: var(--ng-pin-l);
	color: #9e2a20;
}

@media (max-width: 860px) {
	.ng-contact__inner {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 520px) {
	.ng-form__row {
		grid-template-columns: 1fr;
	}
}

/* ---------- Search, 404, empty ---------- */

.ng-search {
	display: flex;
	gap: 10px;
	max-width: 520px;
	margin: 24px 0;
}

.ng-search .ng-btn {
	min-height: 48px;
}

.ng-404__inner {
	max-width: 760px;
}

.ng-404__code {
	margin: 0;
	color: var(--ng-emerald);
	font-size: clamp(4rem, 12vw, 8rem);
	font-weight: 500;
	letter-spacing: -0.05em;
	line-height: 1;
}

.ng-empty {
	max-width: 620px;
}

/* ---------- Comments ---------- */

.ng-comments-wrap {
	padding-bottom: 64px;
}

.ng-comments__list {
	padding: 0;
	list-style: none;
}

.ng-comments .comment-body {
	padding: 20px 0;
	border-bottom: 1px solid var(--ng-line);
}

.ng-comments .avatar {
	float: left;
	margin-right: 12px;
	border-radius: 50%;
}

.ng-comments textarea,
.ng-comments input[type="text"],
.ng-comments input[type="email"],
.ng-comments input[type="url"] {
	width: 100%;
	padding: 10px 12px;
	border: 1.5px solid var(--ng-line);
	border-radius: 10px;
}

.ng-comments .submit {
	padding: 12px 22px;
	border: 0;
	border-radius: 999px;
	background: var(--ng-emerald);
	color: var(--ng-white);
	font-weight: 500;
	cursor: pointer;
}

/* ---------- Core block alignment ---------- */

.ng-prose .alignwide {
	width: min(100vw - var(--ng-gutter) * 2, var(--ng-wrap));
	max-width: none;
	margin-left: 50%;
	transform: translateX(-50%);
}

.ng-prose .alignfull {
	width: 100vw;
	max-width: none;
	margin-left: 50%;
	transform: translateX(-50%);
}

.alignleft {
	float: left;
	margin: 0.4em 1.6em 1em 0;
}

.alignright {
	float: right;
	margin: 0.4em 0 1em 1.6em;
}

.aligncenter {
	margin-inline: auto;
}

.wp-caption-text,
.wp-element-caption {
	color: var(--ng-muted);
	font-size: 0.9rem;
}

.wp-block-button__link {
	border-radius: 999px;
	font-weight: 500;
}

.has-ink-color { color: var(--ng-ink); }
.has-ink-background-color { background-color: var(--ng-ink); }
.has-emerald-color { color: var(--ng-emerald); }
.has-emerald-background-color { background-color: var(--ng-emerald); }
.has-amber-color { color: var(--ng-amber); }
.has-amber-background-color { background-color: var(--ng-amber); }
.has-mist-color { color: var(--ng-mist); }
.has-mist-background-color { background-color: var(--ng-mist); }
.has-white-color { color: var(--ng-white); }
.has-white-background-color { background-color: var(--ng-white); }

/* ---------- Pattern building blocks (used by the NanoGrowth block patterns) ---------- */

.ng-p-band {
	padding-block: var(--ng-section);
	padding-inline: var(--ng-gutter);
}

.ng-p-band > * {
	max-width: var(--ng-wrap);
	margin-inline: auto;
}

.ng-p-band.has-ink-background-color,
.ng-p-band.has-ink-background-color h1,
.ng-p-band.has-ink-background-color h2,
.ng-p-band.has-ink-background-color h3 {
	color: var(--ng-white);
}

.ng-p-band.has-ink-background-color p {
	color: #c3cbd8;
}

.ng-p-hero h1 {
	max-width: 16ch;
	font-size: clamp(2.6rem, 5.6vw, 4.4rem);
	line-height: 1;
	letter-spacing: -0.03em;
}

.ng-p-hero p {
	max-width: 36em;
	color: var(--ng-muted);
	font-size: 1.2rem;
}

.ng-p-feature {
	height: 100%;
	padding: 28px;
	border: 1px solid var(--ng-line);
	border-radius: var(--ng-r-lg);
	background: var(--ng-white);
}

.ng-p-feature h3 {
	margin-top: 0;
}

.ng-p-feature p {
	margin-bottom: 0;
	color: var(--ng-muted);
}

.ng-p-stat {
	padding-top: 20px;
	border-top: 3px solid var(--ng-emerald);
}

.ng-p-stat .ng-p-stat__num {
	margin: 0;
	font-size: 2.6rem;
	font-weight: 500;
	letter-spacing: -0.03em;
	line-height: 1.1;
	color: var(--ng-ink);
}

.ng-p-quote {
	padding: 32px;
	border-radius: var(--ng-r-lg);
	background: var(--ng-mist);
}

.ng-p-quote p {
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.5;
	color: var(--ng-ink);
}

.ng-p-quote cite {
	color: var(--ng-muted);
	font-style: normal;
	font-weight: 600;
}

.ng-canvas > .wp-block-group:not(.ng-p-band),
.ng-canvas > p,
.ng-canvas > h2,
.ng-canvas > ul {
	max-width: calc(var(--ng-wrap) + var(--ng-gutter) * 2);
	margin-inline: auto;
	padding-inline: var(--ng-gutter);
}


/* ---------- Inner page sections (service, industry, overview pages) ---------- */

.ng-hero--page .ng-hero__card {
	min-height: clamp(420px, 56vh, 540px);
	display: flex;
}

.ng-hero--page .ng-slide {
	position: relative;
	flex: 1;
	min-height: inherit;
}

.ng-hero--page .ng-slide__copy {
	max-width: 700px;
	padding-bottom: clamp(32px, 4.5vw, 56px);
	opacity: 1;
	transform: none;
}

.ng-hero--page .ng-slide__title {
	font-size: clamp(2.1rem, 4.2vw, 3.25rem);
}

.ng-crumbs--light .ng-crumbs,
.ng-crumbs--light .ng-crumbs a {
	color: rgba(255, 255, 255, 0.8);
}

.ng-crumbs--light .ng-crumbs a:hover {
	color: var(--ng-white);
}

.ng-crumbs--light .ng-crumbs li:not(:last-child)::after {
	color: rgba(255, 255, 255, 0.45);
}

.ng-head__eyebrow {
	display: inline-block;
	margin-bottom: 12px;
	padding: 5px 12px;
	border-radius: 999px;
	background: var(--ng-white);
	color: var(--ng-muted);
	font-size: 0.8rem;
}

.ng-section:not(.ng-section--stone) .ng-head__eyebrow {
	background: var(--ng-stone);
}

/* Benefit cards */
.ng-feats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ng-feat {
	padding: clamp(24px, 3vw, 32px);
	border-radius: var(--ng-r-lg);
	background: var(--ng-stone);
}

.ng-section--stone .ng-feat {
	background: var(--ng-white);
}

.ng-feat__icon {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	margin-bottom: 20px;
	border-radius: 50%;
	background: var(--ng-cocoa);
	color: var(--ng-white);
}

.ng-feat h3 {
	margin: 0 0 8px;
	font-size: 1.2rem;
	font-weight: 500;
}

.ng-feat p {
	margin: 0;
	color: var(--ng-muted);
	font-size: 0.925rem;
}

@media (max-width: 860px) {
	.ng-feats {
		grid-template-columns: 1fr;
	}
}

/* Copy + checklist split */
.ng-split2 {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: clamp(28px, 5vw, 72px);
	align-items: start;
}

.ng-split2__copy {
	position: sticky;
	top: calc(var(--ng-header-h) + 24px);
	display: grid;
	gap: 16px;
	justify-items: start;
}

.ng-split2__copy h2 {
	margin: 0;
}

.ng-split2__copy p {
	margin: 0;
	color: var(--ng-muted);
}

.ng-checkcard {
	display: grid;
	gap: 0;
	margin: 0;
	padding: 8px clamp(20px, 3vw, 32px);
	border-radius: var(--ng-r-lg);
	background: var(--ng-stone);
	list-style: none;
}

.ng-checkcard li {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	padding: 18px 0;
	border-top: 1px solid var(--ng-stone-2);
	color: var(--ng-ink);
}

.ng-checkcard li:first-child {
	border-top: 0;
}

.ng-checkcard__tick {
	display: grid;
	place-items: center;
	flex: none;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: var(--ng-sage);
	color: var(--ng-white);
}

@media (max-width: 860px) {
	.ng-split2 {
		grid-template-columns: 1fr;
	}

	.ng-split2__copy {
		position: static;
	}
}

/* Service tiles */
.ng-tiles {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ng-tiles:has(> li:nth-child(2):last-child) {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	max-width: 800px;
	margin-inline: auto;
}

.ng-tile {
	display: flex;
	flex-direction: column;
	gap: 10px;
	height: 100%;
	padding: clamp(24px, 3vw, 32px);
	border-radius: var(--ng-r-lg);
	background: var(--ng-stone);
	color: var(--ng-ink);
	text-decoration: none;
	transition: background-color 0.15s ease;
}

.ng-section--stone .ng-tile {
	background: var(--ng-white);
}

.ng-tile:hover {
	background: var(--ng-stone-2);
	color: var(--ng-ink);
}

.ng-section--stone .ng-tile:hover {
	background: var(--ng-paper);
}

.ng-tile__icon {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	margin-bottom: 10px;
	border-radius: 50%;
	background: var(--ng-cocoa);
	color: var(--ng-white);
}

.ng-tile__name {
	font-size: 1.2rem;
	letter-spacing: -0.02em;
}

.ng-tile__text {
	flex: 1;
	color: var(--ng-muted);
	font-size: 0.925rem;
}

.ng-tile__more {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 8px;
	font-size: 0.875rem;
	font-weight: 500;
}

@media (max-width: 960px) {
	.ng-tiles,
	.ng-tiles:has(> li:nth-child(2):last-child) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	.ng-tiles,
	.ng-tiles:has(> li:nth-child(2):last-child) {
		grid-template-columns: 1fr;
	}
}

/* Industry photo tiles */
.ng-indgrid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ng-indtile {
	position: relative;
	display: flex;
	align-items: flex-end;
	min-height: 300px;
	height: 100%;
	border-radius: var(--ng-r-lg);
	overflow: hidden;
	background: linear-gradient(140deg, var(--ng-a), var(--ng-b));
	color: var(--ng-white);
	text-decoration: none;
}

.ng-indtile::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(20, 16, 13, 0.75), rgba(20, 16, 13, 0) 65%);
	transition: background-color 0.2s ease;
}

.ng-indtile:hover {
	color: var(--ng-white);
}

.ng-indtile:hover::after {
	background-color: rgba(20, 16, 13, 0.15);
}

.ng-indtile .ng-cover {
	transition: transform 0.6s ease;
}

.ng-indtile:hover .ng-cover {
	transform: scale(1.04);
}

.ng-indtile__body {
	position: relative;
	z-index: 2;
	display: grid;
	gap: 6px;
	padding: 24px;
}

.ng-indtile__name {
	font-size: 1.4rem;
	letter-spacing: -0.02em;
}

.ng-indtile__line {
	color: rgba(255, 255, 255, 0.85);
	font-size: 0.875rem;
	line-height: 1.45;
}

@media (max-width: 960px) {
	.ng-indgrid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	.ng-indgrid {
		grid-template-columns: 1fr;
	}

	.ng-indtile {
		min-height: 240px;
	}
}

/* Search chips */
.ng-qchips {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	max-width: 860px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.ng-qchips li {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 22px;
	border-radius: 999px;
	background: var(--ng-stone);
	color: var(--ng-ink);
	font-size: 1.05rem;
}

.ng-qchips .ng-icon {
	color: var(--ng-muted);
}

.ng-page-content {
	padding-top: 0;
}

/* ---------- Editable page bodies (blocks written in the page editor) ---------- */

.ng-blocks > .ng-b-section {
	padding-block: var(--ng-section);
	padding-inline: var(--ng-gutter);
}

.ng-blocks > .ng-b-section > * {
	max-width: var(--ng-wrap);
	margin-inline: auto;
}

/* Anything added straight into the editor, outside a section */
.ng-blocks > :not(.ng-b-section):not(section):not(.wp-block-group.alignfull) {
	max-width: calc(760px + var(--ng-gutter) * 2);
	margin-inline: auto;
	padding-inline: var(--ng-gutter);
}

.ng-blocks > p:first-child,
.ng-blocks > h2:first-child {
	margin-top: var(--ng-section);
}

.ng-b-section h2 {
	font-size: clamp(2rem, 3.8vw, 2.9rem);
}

.ng-b-split {
	padding-top: 0 !important;
}

.ng-b-center h2,
.ng-b-center > * > p,
.ng-b-center > p {
	max-width: 720px;
	margin-inline: auto;
	text-align: center;
}

.ng-b-center h2 {
	margin-bottom: 12px;
}

.ng-b-center > * > p,
.ng-b-center > p {
	margin-bottom: clamp(28px, 4vw, 44px);
	color: var(--ng-muted);
	font-size: 0.975rem;
}

/* Benefit cards (Columns with the ng-b-cards class) */
.ng-b-cards.wp-block-columns {
	gap: 20px;
	margin: 0 auto;
}

.ng-b-cards > .wp-block-column {
	position: relative;
	padding: clamp(24px, 3vw, 32px);
	padding-top: calc(clamp(24px, 3vw, 32px) + 68px);
	border-radius: var(--ng-r-lg);
	background: var(--ng-stone);
}

.ng-b-cards > .wp-block-column::before {
	content: "";
	position: absolute;
	left: clamp(24px, 3vw, 32px);
	top: clamp(24px, 3vw, 32px);
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: var(--ng-cocoa) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 22px no-repeat;
}

.ng-b-cards h3 {
	margin: 0 0 8px;
	font-size: 1.2rem;
	font-weight: 500;
}

.ng-b-cards p {
	margin: 0;
	color: var(--ng-muted);
	font-size: 0.925rem;
}

/* Copy + checklist split */
.ng-b-split .wp-block-columns {
	gap: clamp(28px, 5vw, 72px);
	align-items: flex-start;
}

.ng-b-split .wp-block-columns > .wp-block-column:first-child {
	flex-basis: 42%;
	flex-grow: 0;
}

.ng-b-split .wp-block-columns > .wp-block-column:first-child p {
	color: var(--ng-muted);
}

.ng-b-split .is-style-checks {
	display: grid;
	gap: 0;
	margin: 0;
	padding: 8px clamp(20px, 3vw, 32px);
	border-radius: var(--ng-r-lg);
	background: var(--ng-stone);
	list-style: none;
}

.ng-b-split .is-style-checks li {
	position: relative;
	margin: 0;
	padding: 18px 0 18px 42px;
	border-top: 1px solid var(--ng-stone-2);
	color: var(--ng-ink);
}

.ng-b-split .is-style-checks li:first-child {
	border-top: 0;
}

.ng-b-split .is-style-checks li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 17px;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: var(--ng-sage) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4L18 8'/%3E%3C/svg%3E") center / 14px no-repeat;
}

/* Search chips */
.ng-blocks .is-style-queries {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	max-width: 860px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.ng-blocks .is-style-queries li {
	margin: 0;
	padding: 14px 22px 14px 48px;
	border-radius: 999px;
	background: var(--ng-stone) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2377726a' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m20 20-4.4-4.4'/%3E%3C/svg%3E") 20px center / 17px no-repeat;
	color: var(--ng-ink);
	font-size: 1.05rem;
}

/* FAQ from Details blocks */
.ng-b-faq {
	display: grid;
}

.ng-b-faq h2 {
	margin: 0 auto 24px;
	width: 100%;
	max-width: 860px !important;
}

.ng-b-faq .wp-block-details {
	width: 100%;
	max-width: 860px !important;
	margin: 0 auto;
	border-bottom: 1px solid var(--ng-stone-2);
}

.ng-b-faq h2 + .wp-block-details {
	border-top: 1px solid var(--ng-stone-2);
}

.ng-b-faq summary {
	position: relative;
	padding: 22px 40px 22px 0;
	color: var(--ng-ink);
	font-size: 1.1rem;
	cursor: pointer;
	list-style: none;
}

.ng-b-faq summary::-webkit-details-marker {
	display: none;
}

.ng-b-faq summary::after {
	content: "";
	position: absolute;
	right: 4px;
	top: 50%;
	width: 18px;
	height: 18px;
	transform: translateY(-50%);
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a3b36' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center / contain no-repeat;
	transition: transform 0.2s ease;
}

.ng-b-faq details[open] summary::after {
	transform: translateY(-50%) rotate(45deg);
}

.ng-b-faq details p {
	max-width: 62ch;
	margin: 0;
	padding: 0 40px 22px 0;
	color: var(--ng-muted);
}

@media (max-width: 781px) {
	.ng-b-split .wp-block-columns > .wp-block-column:first-child {
		flex-basis: 100% !important;
	}
}

/* ---------- v2 overrides for inner-page components ---------- */

.ng-nav__phone {
	margin: 4px 0 0;
	color: var(--ng-muted);
	font-size: 0.9rem;
	text-align: center;
}

.ng-form-card {
	padding: clamp(20px, 3vw, 28px);
	border: 0;
	border-radius: var(--ng-r-lg);
	background: var(--ng-stone);
	box-shadow: none;
}

.ng-field label {
	font-weight: 500;
	color: var(--ng-ink);
}

.ng-field input,
.ng-field select,
.ng-search input {
	border: 1px solid transparent;
	border-radius: 999px;
	padding-inline: 16px;
}

.ng-field textarea {
	border: 1px solid transparent;
	border-radius: 20px;
}

.ng-field input:focus,
.ng-field select:focus,
.ng-field textarea:focus,
.ng-search input:focus {
	border-color: var(--ng-ink);
	box-shadow: none;
}

.ng-form__notice.is-success {
	background: #e1efe6;
	color: #215c42;
}

.ng-contact {
	padding-block: 6px clamp(48px, 6vw, 80px);
	background: none;
}

.ng-contact__inner {
	padding: clamp(24px, 5vw, 64px);
	border-radius: var(--ng-r-xl);
	background: var(--ng-stone);
}

.ng-contact .ng-form-card {
	background: var(--ng-paper);
}

.ng-contact__details .ng-icon {
	color: var(--ng-cocoa);
}

.ng-plan {
	border: 0;
	background: var(--ng-white);
	box-shadow: var(--ng-shadow);
}

.ng-plan.is-featured {
	border: 2px solid var(--ng-cocoa);
}

.ng-plan__tag {
	background: var(--ng-stone);
	color: var(--ng-ink);
}

.ng-plan__features .ng-icon {
	color: var(--ng-sage);
}

.ng-industries__list {
	border-radius: var(--ng-r-xl);
}

.ng-industry__icon,
.ng-service__icon {
	background: var(--ng-stone);
	color: var(--ng-ink);
}

.ng-service:hover .ng-service__icon {
	background: var(--ng-cocoa);
}

.ng-services__group {
	border-top-width: 2px;
}

.ng-services__group:nth-child(2) {
	border-top-color: var(--ng-clay);
}

.ng-services__group:nth-child(3) {
	border-top-color: var(--ng-sage);
}

.ng-industry:hover .ng-industry__name,
.ng-service:hover .ng-service__name,
.ng-card__title a:hover,
.ng-faq__item summary:hover {
	color: var(--ng-cocoa);
}

.ng-card {
	border: 0;
	border-radius: var(--ng-r-lg);
	background: var(--ng-white);
	box-shadow: var(--ng-shadow);
}

.ng-latest {
	background: var(--ng-stone);
}

.ng-aside-card {
	border-radius: var(--ng-r-lg);
	background: var(--ng-cocoa);
	color: #e6dcd6;
}

.ng-aside-card .ng-btn--primary {
	background: var(--ng-white);
	color: var(--ng-ink);
}

.ng-prose .is-style-checks li::before {
	background-color: var(--ng-sage);
}

.ng-404__code {
	color: var(--ng-clay);
}

.ng-pagination .page-numbers {
	border: 0;
	background: var(--ng-stone);
}

.ng-pagination .page-numbers.current {
	background: var(--ng-cocoa);
}

/* ---------- Elementor pages ---------- */

.ng-elementor {
	min-height: 40vh;
}

.ng-elementor .ng-section,
.ng-elementor .ng-band {
	width: 100%;
}


/* ---------- Elementor versions of the pages (ng-e-* classes) ----------
   Every rule is prefixed with "body .ng-elementor" so it wins over Elementor's defaults,
   while anything you set in Elementor's Style tab (more specific) still wins over these. */

body {
	--e-global-color-primary: var(--ng-ink);
	--e-global-color-secondary: var(--ng-text);
	--e-global-color-text: var(--ng-text);
	--e-global-color-accent: var(--ng-cocoa);
	--e-global-typography-primary-font-family: var(--ng-font);
	--e-global-typography-secondary-font-family: var(--ng-font);
	--e-global-typography-text-font-family: var(--ng-font);
	--e-global-typography-accent-font-family: var(--ng-font);
}

body .ng-elementor .e-con.ng-e-sec,
body .ng-elementor .e-con.ng-e-band {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	width: 100%;
	max-width: none;
	gap: 0;
	margin: 0;
	padding: var(--ng-section) var(--ng-gutter);
}

body .ng-elementor .e-con.ng-e-sec--hero {
	padding-top: 6px;
	padding-bottom: 0;
}

body .ng-elementor .e-con.ng-e-sec--stone {
	background-color: var(--ng-stone);
}

body .ng-elementor .e-con.ng-e-wrap {
	display: flex;
	flex-direction: column;
	gap: 0;
	width: 100%;
	max-width: var(--ng-wrap);
	margin-inline: auto;
	padding: 0;
}

body .ng-elementor .elementor-widget {
	margin: 0;
}

/* Headings and text */
body .ng-elementor .ng-e-h .elementor-heading-title {
	margin: 0;
	color: var(--ng-ink);
	font-family: var(--ng-font);
	font-weight: 450;
	letter-spacing: -0.03em;
	line-height: 1.1;
	text-wrap: balance;
}

body .ng-elementor h2.elementor-heading-title {
	font-size: clamp(2rem, 3.8vw, 2.9rem);
}

body .ng-elementor h3.elementor-heading-title {
	font-size: 1.3rem;
	letter-spacing: -0.02em;
}

body .ng-elementor .ng-e-text {
	color: var(--ng-text);
	font-family: var(--ng-font);
	font-size: 1rem;
	line-height: 1.6;
}

body .ng-elementor .ng-e-text p {
	margin: 0;
}

body .ng-elementor .ng-e-text p + p {
	margin-top: 1em;
}

/* Centered section heading */
body .ng-elementor .e-con.ng-e-head {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	max-width: 720px;
	margin: 0 auto clamp(28px, 4vw, 44px);
	padding: 0;
	text-align: center;
}

body .ng-elementor .ng-e-head .ng-e-text {
	color: var(--ng-muted);
	font-size: 0.975rem;
}

body .ng-elementor .ng-e-head .ng-e-btn {
	margin-top: 8px;
}

/* Buttons */
body .ng-elementor .ng-e-btn .elementor-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	padding: 12px 24px;
	border: 1px solid transparent;
	border-radius: 999px;
	background: var(--ng-cocoa);
	color: var(--ng-white);
	font-family: var(--ng-font);
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.2;
	fill: currentColor;
	transition: background-color 0.15s ease, color 0.15s ease;
}

body .ng-elementor .ng-e-btn--dark .elementor-button:hover {
	background: var(--ng-cocoa-d);
	color: var(--ng-white);
}

body .ng-elementor .ng-e-btn--light .elementor-button {
	background: var(--ng-white);
	color: var(--ng-ink);
}

body .ng-elementor .ng-e-btn--light .elementor-button:hover {
	background: var(--ng-stone);
}

body .ng-elementor .ng-e-btn--stone .elementor-button {
	background: var(--ng-stone);
	color: var(--ng-ink);
}

body .ng-elementor .ng-e-btn--stone .elementor-button:hover {
	background: var(--ng-stone-2);
}

body .ng-elementor .ng-e-btn--glass .elementor-button {
	border-color: rgba(255, 255, 255, 0.45);
	background: rgba(255, 255, 255, 0.12);
	color: var(--ng-white);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}

body .ng-elementor .ng-e-btn--glass .elementor-button:hover {
	background: rgba(255, 255, 255, 0.24);
}

body .ng-elementor .e-con.ng-e-btns {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 10px;
	padding: 0;
	margin-top: 26px;
	width: auto;
}

body .ng-elementor .ng-e-btns > .elementor-widget {
	width: auto;
}

/* Photo hero (inner pages and homepage slides) */
body .ng-elementor .e-con.ng-e-hero {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: clamp(420px, 56vh, 560px);
	padding: 0;
	border-radius: var(--ng-r-xl);
	overflow: hidden;
	color: var(--ng-white);
	background-color: #2a2420;
	background-size: cover;
	background-position: center;
}

body .ng-elementor .ng-e-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background:
		linear-gradient(90deg, rgba(20, 16, 13, 0.66), rgba(20, 16, 13, 0.12) 62%, transparent),
		linear-gradient(0deg, rgba(20, 16, 13, 0.5), transparent 55%);
}

body .ng-elementor .ng-e-tone-1 { background-image: radial-gradient(70% 90% at 75% 30%, #b89a7a 0, transparent 60%), radial-gradient(60% 80% at 25% 80%, #3b2f29 0, transparent 70%), linear-gradient(120deg, #2a2420, #6b5646 55%, #c2a685); }
body .ng-elementor .ng-e-tone-2 { background-image: radial-gradient(70% 90% at 78% 35%, #8fa3b8 0, transparent 60%), radial-gradient(60% 80% at 20% 85%, #1f2a36 0, transparent 70%), linear-gradient(120deg, #1d242c, #4c5d6e 55%, #a7b7c4); }
body .ng-elementor .ng-e-tone-3 { background-image: radial-gradient(70% 90% at 75% 30%, #d6b483 0, transparent 60%), radial-gradient(60% 80% at 22% 80%, #3d2c1d 0, transparent 70%), linear-gradient(120deg, #2b2016, #7a5a3a 55%, #d9be93); }
body .ng-elementor .ng-e-tone-4 { background-image: radial-gradient(70% 90% at 76% 32%, #9f97b8 0, transparent 60%), radial-gradient(60% 80% at 22% 82%, #26223a 0, transparent 70%), linear-gradient(120deg, #211e2e, #55506e 55%, #b8b1c8); }

body .ng-elementor .e-con.ng-e-hero__copy {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
	width: 100%;
	max-width: 700px;
	padding: clamp(28px, 4.5vw, 56px);
}

body .ng-elementor .ng-e-eyebrow {
	margin-bottom: 16px;
	padding: 5px 12px;
	border: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.14);
	color: var(--ng-white);
	font-size: 0.8rem;
	line-height: 1.4;
	width: auto;
}

body .ng-elementor .ng-e-hero__title .elementor-heading-title {
	color: var(--ng-white);
	font-size: clamp(2.2rem, 4.8vw, 3.7rem);
	letter-spacing: -0.035em;
	line-height: 1.03;
}

body .ng-elementor .ng-e-hero__text {
	max-width: 32em;
	margin-top: 16px;
	color: rgba(255, 255, 255, 0.9);
	font-size: clamp(1rem, 1.3vw, 1.125rem);
}

/* Homepage slider: slides stack in the editor, become a fading slider on the live page */
body .ng-elementor .e-con.ng-e-slider {
	position: relative;
	display: grid;
	gap: 0;
	padding: 0;
	border-radius: var(--ng-r-xl);
	overflow: hidden;
}

html.ng-js body:not(.elementor-editor-active) .ng-elementor .ng-e-slider > .ng-e-slide {
	grid-area: 1 / 1;
	min-height: clamp(460px, 64vh, 620px);
	border-radius: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.8s ease, visibility 0.8s;
}

html.ng-js body:not(.elementor-editor-active) .ng-elementor .ng-e-slider > .ng-e-slide.is-active {
	opacity: 1;
	visibility: visible;
}

body.elementor-editor-active .ng-elementor .ng-e-slider {
	gap: 16px;
	border-radius: 0;
	overflow: visible;
}

body .ng-elementor .ng-e-slider .ng-e-hero__copy {
	padding-bottom: clamp(84px, 9vw, 104px);
}

body .ng-elementor .ng-e-slider .ng-hero__ctrl {
	z-index: 4;
}

/* Marquee (Icon List) */
body .ng-elementor .ng-e-marquee {
	margin-top: 36px;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

body .ng-elementor .ng-e-marquee .elementor-icon-list-items {
	display: flex;
	flex-wrap: nowrap;
	gap: 64px;
	width: max-content;
	margin: 0;
	padding: 0;
	animation: ng-marquee 40s linear infinite;
}

body.elementor-editor-active .ng-elementor .ng-e-marquee .elementor-icon-list-items {
	flex-wrap: wrap;
	width: auto;
	animation: none;
}

body .ng-elementor .ng-e-marquee .elementor-icon-list-item {
	margin: 0;
	padding: 0;
}

body .ng-elementor .ng-e-marquee .elementor-icon-list-item::after,
body .ng-elementor .ng-e-marquee .elementor-icon-list-icon {
	display: none;
}

body .ng-elementor .ng-e-marquee .elementor-icon-list-text {
	padding: 0;
	color: #a9a49b;
	font-family: var(--ng-font);
	font-size: 1.35rem;
	font-weight: 600;
	letter-spacing: -0.02em;
	white-space: nowrap;
}

/* Grids */
body .ng-elementor .e-con.ng-e-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
	padding: 0;
}

body .ng-elementor .ng-e-grid > .elementor-element {
	width: auto;
	min-width: 0;
}

body .ng-elementor .e-con.ng-e-grid:has(> .elementor-element:nth-child(2):last-child) {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	max-width: 800px;
	margin-inline: auto;
}

@media (max-width: 960px) {
	body .ng-elementor .e-con.ng-e-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	body .ng-elementor .e-con.ng-e-grid {
		grid-template-columns: 1fr;
	}
}

/* Cards and tiles (Icon Box) */
body .ng-elementor .ng-e-card,
body .ng-elementor .ng-e-tile {
	height: 100%;
	padding: clamp(24px, 3vw, 32px);
	border-radius: var(--ng-r-lg);
	background: var(--ng-stone);
	text-align: left;
	transition: background-color 0.15s ease;
}

body .ng-elementor .ng-e-sec--stone .ng-e-card,
body .ng-elementor .ng-e-sec--stone .ng-e-tile {
	background: var(--ng-white);
}

body .ng-elementor .ng-e-tile:hover {
	background: var(--ng-stone-2);
}

body .ng-elementor .ng-e-sec--stone .ng-e-tile:hover {
	background: var(--ng-paper);
}

body .ng-elementor .ng-e-card .elementor-icon-box-wrapper,
body .ng-elementor .ng-e-tile .elementor-icon-box-wrapper {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	text-align: left;
}

body .ng-elementor .ng-e-card .elementor-icon-box-icon,
body .ng-elementor .ng-e-tile .elementor-icon-box-icon {
	margin: 0;
}

body .ng-elementor .ng-e-card .elementor-icon,
body .ng-elementor .ng-e-tile .elementor-icon {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: var(--ng-cocoa);
	color: var(--ng-white);
	fill: var(--ng-white);
	font-size: 20px;
}

body .ng-elementor .ng-e-card .elementor-icon svg,
body .ng-elementor .ng-e-tile .elementor-icon svg {
	width: 20px;
	height: 20px;
	fill: var(--ng-white);
}

body .ng-elementor .elementor-icon-box-title {
	margin: 0 0 8px;
	color: var(--ng-ink);
	font-family: var(--ng-font);
	font-size: 1.2rem;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.25;
}

body .ng-elementor .elementor-icon-box-title a {
	color: inherit;
	text-decoration: none;
}

body .ng-elementor .elementor-icon-box-description {
	margin: 0;
	color: var(--ng-muted);
	font-family: var(--ng-font);
	font-size: 0.925rem;
	line-height: 1.55;
}

/* Copy + checklist split */
body .ng-elementor .e-con.ng-e-split {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: clamp(28px, 5vw, 72px);
	align-items: start;
	padding: 0;
}

body .ng-elementor .e-con.ng-e-split__copy {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	padding: 0;
}

body .ng-elementor .ng-e-split__copy .ng-e-text {
	color: var(--ng-muted);
}

@media (max-width: 860px) {
	body .ng-elementor .e-con.ng-e-split {
		grid-template-columns: 1fr;
	}
}

/* Checklist (Icon List) */
body .ng-elementor .ng-e-checks .elementor-icon-list-items {
	margin: 0;
	padding: 8px clamp(20px, 3vw, 32px);
	border-radius: var(--ng-r-lg);
	background: var(--ng-stone);
	list-style: none;
}

body .ng-elementor .ng-e-checks .elementor-icon-list-item {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	margin: 0;
	padding: 18px 0;
	border-top: 1px solid var(--ng-stone-2);
}

body .ng-elementor .ng-e-checks .elementor-icon-list-item:first-child {
	border-top: 0;
}

body .ng-elementor .ng-e-checks .elementor-icon-list-item::after {
	display: none;
}

body .ng-elementor .ng-e-checks .elementor-icon-list-icon,
body .ng-elementor .ng-e-ticks .elementor-icon-list-icon {
	display: grid;
	place-items: center;
	flex: none;
	width: 26px;
	height: 26px;
	padding: 0;
	border-radius: 50%;
	background: var(--ng-sage);
}

body .ng-elementor .ng-e-checks .elementor-icon-list-icon svg,
body .ng-elementor .ng-e-ticks .elementor-icon-list-icon svg {
	width: 12px;
	height: 12px;
	fill: var(--ng-white);
}

body .ng-elementor .ng-e-checks .elementor-icon-list-text,
body .ng-elementor .ng-e-ticks .elementor-icon-list-text {
	padding: 2px 0 0;
	color: var(--ng-ink);
	font-family: var(--ng-font);
	font-size: 0.975rem;
	line-height: 1.5;
}

/* Tick list without a box (bands, contact) */
body .ng-elementor .ng-e-ticks .elementor-icon-list-items {
	display: grid;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

body .ng-elementor .ng-e-ticks .elementor-icon-list-item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 0;
	padding: 0;
}

body .ng-elementor .ng-e-ticks .elementor-icon-list-icon {
	width: 22px;
	height: 22px;
	background: transparent;
}

body .ng-elementor .ng-e-ticks .elementor-icon-list-icon svg {
	width: 14px;
	height: 14px;
	fill: var(--ng-sage);
}

/* Search chips (Icon List) */
body .ng-elementor .ng-e-chips .elementor-icon-list-items {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	max-width: 860px;
	margin: 0 auto;
	padding: 0;
}

body .ng-elementor .ng-e-chips .elementor-icon-list-item {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 14px 22px;
	border-radius: 999px;
	background: var(--ng-stone);
}

body .ng-elementor .ng-e-chips .elementor-icon-list-item::after {
	display: none;
}

body .ng-elementor .ng-e-chips .elementor-icon-list-icon svg {
	width: 15px;
	height: 15px;
	fill: var(--ng-muted);
}

body .ng-elementor .ng-e-chips .elementor-icon-list-text {
	padding: 0;
	color: var(--ng-ink);
	font-family: var(--ng-font);
	font-size: 1.05rem;
}

/* Industry photo tiles (Container with a link) */
body .ng-elementor .e-con.ng-e-indtile {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 6px;
	min-height: 300px;
	padding: 24px;
	border-radius: var(--ng-r-lg);
	overflow: hidden;
	color: var(--ng-white);
	text-decoration: none;
	background-color: #6f86a3;
	background-size: cover;
	background-position: center;
}

body .ng-elementor .ng-e-indtile::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background: linear-gradient(0deg, rgba(20, 16, 13, 0.75), rgba(20, 16, 13, 0) 65%);
	transition: background-color 0.2s ease;
}

body .ng-elementor .ng-e-indtile:hover::after {
	background-color: rgba(20, 16, 13, 0.15);
}

body .ng-elementor .ng-e-indtile > .elementor-element {
	position: relative;
	z-index: 1;
}

body .ng-elementor .ng-e-indtile__name .elementor-heading-title {
	color: var(--ng-white);
	font-size: 1.4rem;
}

body .ng-elementor .ng-e-indtile__line {
	color: rgba(255, 255, 255, 0.85);
	font-size: 0.875rem;
	line-height: 1.45;
}

body .ng-elementor .ng-e-ind-hvac-marketing { background-image: linear-gradient(140deg, #6f86a3, #c9b9a3); }
body .ng-elementor .ng-e-ind-plumbing-marketing { background-image: linear-gradient(140deg, #5d7c8c, #b6a690); }
body .ng-elementor .ng-e-ind-cleaning-marketing { background-image: linear-gradient(140deg, #a39a8c, #d9cfbf); }
body .ng-elementor .ng-e-ind-dental-marketing { background-image: linear-gradient(140deg, #7d8f99, #cfd5d6); }
body .ng-elementor .ng-e-ind-landscaping-marketing { background-image: linear-gradient(140deg, #6d7f5a, #c4c09a); }
body .ng-elementor .ng-e-ind-pool-service-marketing { background-image: linear-gradient(140deg, #4f8a9a, #bcd4d3); }

/* Trust coins */
body .ng-elementor .e-con.ng-e-coins {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	gap: clamp(16px, 3vw, 32px);
	max-width: 620px;
	margin: 0 auto;
	padding: 0;
}

body .ng-elementor .e-con.ng-e-coin {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	width: clamp(136px, 17vw, 170px);
	aspect-ratio: 1;
	padding: 0 24px;
	border-radius: 50%;
	background: radial-gradient(circle at 35% 30%, #efe9e1, #ddd4c8 70%);
	box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.8), inset 0 -6px 12px rgba(120, 100, 80, 0.18), 0 16px 26px -14px rgba(80, 60, 40, 0.45);
	text-align: center;
}

body .ng-elementor .ng-e-coin::before {
	content: "";
	position: absolute;
	inset: 9%;
	border-radius: 50%;
	box-shadow: inset 0 2px 3px rgba(120, 100, 80, 0.28), 0 1px 0 rgba(255, 255, 255, 0.75);
	pointer-events: none;
}

body .ng-elementor .ng-e-coin__big .elementor-heading-title {
	color: #8e8579;
	font-size: clamp(1.3rem, 2.4vw, 1.75rem);
	font-weight: 650;
	letter-spacing: -0.02em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), 0 -1px 0 rgba(120, 100, 80, 0.25);
}

body .ng-elementor .ng-e-coin__small {
	color: #8e8579;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	line-height: 1.3;
	text-transform: uppercase;
}

/* Textured band + paper card */
body .ng-elementor .e-con.ng-e-band {
	padding-block: clamp(40px, 5vw, 48px);
	background-color: var(--ng-clay);
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .2 0 0 0 0 .15 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
		radial-gradient(60% 80% at 20% 10%, rgba(240, 190, 140, 0.45), transparent 70%),
		radial-gradient(50% 70% at 90% 90%, rgba(120, 60, 50, 0.35), transparent 70%);
}

body .ng-elementor .e-con.ng-e-paper {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: clamp(28px, 5vw, 64px);
	align-items: center;
	padding: clamp(28px, 5vw, 64px);
	border-radius: var(--ng-r-xl);
	background: var(--ng-paper);
}

body .ng-elementor .e-con.ng-e-paper--stone {
	align-items: start;
	background: var(--ng-stone);
}

body .ng-elementor .ng-e-paper--stone .ng-form-card {
	background: var(--ng-paper);
}

body .ng-elementor .e-con.ng-e-paper__copy {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	padding: 0;
}

body .ng-elementor .ng-e-paper__copy .ng-e-text {
	color: var(--ng-muted);
}

body .ng-elementor .ng-e-paper__copy .ng-e-btns {
	margin-top: 8px;
}

body .ng-elementor .ng-e-paper .ng-e-ticks {
	margin-top: 6px;
}

body .ng-elementor .ng-e-contact__title .elementor-heading-title {
	font-size: clamp(2.2rem, 4.8vw, 3.5rem);
}

body .ng-elementor .ng-e-lead {
	color: var(--ng-ink);
	font-size: 1.125rem;
}

@media (max-width: 860px) {
	body .ng-elementor .e-con.ng-e-paper {
		grid-template-columns: 1fr;
	}
}

/* FAQ (Toggle) */
body .ng-elementor .e-con.ng-e-faq {
	display: grid;
	grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.4fr);
	gap: 32px clamp(40px, 6vw, 96px);
	align-items: start;
	padding: 0;
}

body .ng-elementor .e-con.ng-e-faq__intro {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 0;
}

body .ng-elementor .ng-e-faq__intro .ng-e-text {
	color: var(--ng-muted);
}

body .ng-elementor .ng-e-toggle .elementor-toggle {
	border-top: 1px solid var(--ng-stone-2);
}

body .ng-elementor .ng-e-toggle .elementor-toggle-item {
	margin: 0;
	border-bottom: 1px solid var(--ng-stone-2);
}

body .ng-elementor .ng-e-toggle .elementor-tab-title {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	justify-content: space-between;
	gap: 20px;
	padding: 22px 0;
	border: 0;
	color: var(--ng-ink);
	font-family: var(--ng-font);
	font-size: 1.1rem;
	font-weight: 400;
	cursor: pointer;
}

body .ng-elementor .ng-e-toggle .elementor-toggle-title,
body .ng-elementor .ng-e-toggle .elementor-tab-title a {
	color: inherit;
}

body .ng-elementor .ng-e-toggle .elementor-toggle-icon {
	display: inline-grid;
	place-items: center;
	flex: none;
	width: 20px;
	height: 20px;
	float: none;
}

body .ng-elementor .ng-e-toggle .elementor-toggle-icon svg {
	width: 12px;
	height: 12px;
	fill: var(--ng-cocoa);
}

body .ng-elementor .ng-e-toggle .elementor-toggle-icon-opened,
body .ng-elementor .ng-e-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon-closed {
	display: none;
}

body .ng-elementor .ng-e-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon-opened {
	display: block;
}

body .ng-elementor .ng-e-toggle .elementor-tab-content {
	display: none;
}

body .ng-elementor .ng-e-toggle .elementor-tab-content.elementor-active {
	display: block;
}

body .ng-elementor .ng-e-toggle .elementor-tab-content {
	padding: 0 40px 22px 0;
	border: 0;
	color: var(--ng-muted);
	font-family: var(--ng-font);
	font-size: 1rem;
	line-height: 1.6;
}

body .ng-elementor .ng-e-toggle .elementor-tab-content p {
	margin: 0;
}

@media (max-width: 860px) {
	body .ng-elementor .e-con.ng-e-faq {
		grid-template-columns: 1fr;
	}
}

/* Pricing plans */
body .ng-elementor .e-con.ng-e-plan {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0;
	padding: 32px;
	border-radius: var(--ng-r-lg);
	background: var(--ng-white);
	box-shadow: var(--ng-shadow);
}

body .ng-elementor .e-con.ng-e-plan--featured {
	border: 2px solid var(--ng-cocoa);
}

body .ng-elementor .ng-e-plan__name .elementor-heading-title {
	font-size: 1.15rem;
	font-weight: 500;
}

body .ng-elementor .ng-e-plan__tag {
	position: absolute;
	top: 30px;
	right: 30px;
	width: auto;
	padding: 4px 10px;
	border-radius: 999px;
	background: var(--ng-stone);
	color: var(--ng-ink);
	font-size: 0.8rem;
	line-height: 1.4;
}

body .ng-elementor .ng-e-plan__price {
	margin-top: 16px;
}

body .ng-elementor .ng-e-plan__price .elementor-heading-title {
	font-size: 2.75rem;
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 1;
}

body .ng-elementor .ng-e-plan__per {
	margin-top: 4px;
	color: var(--ng-muted);
	font-size: 0.9rem;
}

body .ng-elementor .ng-e-plan__for {
	min-height: 3.2em;
	margin-top: 10px;
	color: var(--ng-muted);
	font-size: 0.95rem;
}

body .ng-elementor .ng-e-plan__list {
	flex: 1;
	margin: 18px 0 26px;
	padding-top: 20px;
	border-top: 1px solid var(--ng-stone-2);
}

body .ng-elementor .ng-e-plan__list .elementor-icon-list-items {
	display: grid;
	gap: 12px;
	margin: 0;
	padding: 0;
}

body .ng-elementor .ng-e-plan__list .elementor-icon-list-item {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 0;
	padding: 0;
}

body .ng-elementor .ng-e-plan__list .elementor-icon-list-item::after {
	display: none;
}

body .ng-elementor .ng-e-plan__list .elementor-icon-list-icon svg {
	width: 14px;
	height: 14px;
	margin-top: 4px;
	fill: var(--ng-sage);
}

body .ng-elementor .ng-e-plan__list .elementor-icon-list-text {
	padding: 0;
	color: var(--ng-text);
	font-family: var(--ng-font);
	font-size: 0.95rem;
	line-height: 1.45;
}

body .ng-elementor .ng-e-plan .ng-e-btn .elementor-button {
	width: 100%;
}

/* About story */
body .ng-elementor .ng-e-prose {
	max-width: 62ch;
	font-size: 1.075rem;
	line-height: 1.75;
}

body .ng-elementor .ng-e-prose p:first-child {
	color: var(--ng-ink);
	font-size: clamp(1.15rem, 1.7vw, 1.35rem);
	line-height: 1.55;
}

/* Shortcode widgets that hold full theme sections */
body .ng-elementor .ng-e-sc {
	width: 100%;
}

body .ng-elementor .ng-e-sc .elementor-shortcode > .ng-section,
body .ng-elementor .ng-e-sc .elementor-shortcode > .ng-band {
	width: 100%;
}

body .ng-elementor .ng-e-paper .ng-e-sc .ng-form-card {
	margin: 0;
}

/* Editor helpers: show hidden slides and keep empty containers visible */
body.elementor-editor-active .ng-elementor .ng-e-slide {
	min-height: 420px;
}

/* ---------- Motion preferences ---------- */

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		transition-delay: 0s !important;
	}

	.ng-marquee__track {
		animation: none;
		flex-wrap: wrap;
		justify-content: center;
		width: auto;
		gap: 12px 40px;
	}

	.ng-marquee__track li[aria-hidden="true"] {
		display: none;
	}
}

/* ---------- Print ---------- */

@media print {
	.ng-header,
	.ng-footer,
	.ng-band,
	.ng-article__aside {
		display: none;
	}
}