/* ============================================================
   Marketing reference — alignment, fonts, images, responsive
   Loads after marketing-reference.css
   ============================================================ */

.site-wrap.mkt-ref {
	--mkt-ref-font: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
	--separator-color: #e4eaf0;
	--bg: #f0f4f8;
	--border: #e4eaf0;
	--text-dark: #0f1923;
	--text-mid: #3d4f5c;
	--text-muted: #7a8fa3;
	--primary: #1a4a4a;
	--primary-mid: #215c5c;
	--primary-light: #2d7a7a;
	--primary-ghost: #e8f4f4;
	--accent: #00c896;
	--accent-soft: #e6faf5;
	--success: #10b981;
	--danger: #e53e3e;
	--info: #0284c7;
	font-family: var(--mkt-ref-font) !important;
	color: var(--text-dark);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}

.site-wrap.mkt-ref *,
.site-wrap.mkt-ref *::before,
.site-wrap.mkt-ref *::after {
	box-sizing: border-box;
}

/* Beat global app link styles */
.site-wrap.mkt-ref a[class^="ref-"],
.site-wrap.mkt-ref a[class*=" ref-"],
.site-wrap.mkt-ref a.mkt-ref-nav__brand,
.site-wrap.mkt-ref a.mkt-ref-nav__link,
.site-wrap.mkt-ref a.mkt-ref-nav__login,
.site-wrap.mkt-ref a.mkt-ref-nav__cta,
.site-wrap.mkt-ref a.mkt-ref-nav__link:hover,
.site-wrap.mkt-ref a.mkt-ref-nav__link:focus-visible {
	text-decoration: none !important;
}

.site-wrap.mkt-ref h1,
.site-wrap.mkt-ref h2,
.site-wrap.mkt-ref h3,
.site-wrap.mkt-ref h4,
.site-wrap.mkt-ref h5,
.site-wrap.mkt-ref h6,
.site-wrap.mkt-ref p,
.site-wrap.mkt-ref li,
.site-wrap.mkt-ref label,
.site-wrap.mkt-ref input,
.site-wrap.mkt-ref textarea,
.site-wrap.mkt-ref button {
	font-family: inherit;
}

/* Dark hero typography — reference colors */
.site-wrap.mkt-ref .mkt-ref-hero {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	background: radial-gradient(ellipse 90% 80% at 50% 0%, #2d7a7a 0%, #1a4a4a 42%, #0c2a2a 100%);
}

.site-wrap.mkt-ref .mkt-ref-hero,
.site-wrap.mkt-ref .ref-home-a8ece810,
.site-wrap.mkt-ref .ref-feat-eb8eb2ac,
.site-wrap.mkt-ref .ref-gst-e29cf7c7 {
	color: #fff;
}

.site-wrap.mkt-ref .mkt-ref-hero-content {
	position: relative;
	z-index: 2;
}

.site-wrap.mkt-ref .mkt-ref-hero-fx {
	position: absolute;
	inset: 0;
	z-index: 1;
	overflow: hidden;
	pointer-events: none;
}

.site-wrap.mkt-ref .mkt-ref-hero-fx__canvas {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: block;
}

.site-wrap.mkt-ref .mkt-ref-hero-fx__grain {
	position: absolute;
	inset: 0;
	opacity: 0.35;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
	background-size: 180px 180px;
	mix-blend-mode: soft-light;
}

.site-wrap.mkt-ref .mkt-ref-hero-fx__fade {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgba(12, 42, 42, 0.15) 0%, transparent 28%, transparent 72%, rgba(12, 42, 42, 0.55) 100%),
		radial-gradient(ellipse 70% 55% at 50% 38%, transparent 0%, rgba(12, 42, 42, 0.45) 100%);
}

.site-wrap.mkt-ref .ref-home-451a6332,
.site-wrap.mkt-ref .ref-feat-6fb9c996,
.site-wrap.mkt-ref .ref-gst-e3442d88 {
	color: #fff !important;
}

.site-wrap.mkt-ref .ref-home-95a38be8,
.site-wrap.mkt-ref .ref-feat-6fa28a6b,
.site-wrap.mkt-ref .ref-gst-290b273d {
	color: rgba(255, 255, 255, 0.68) !important;
}

.site-wrap.mkt-ref .ref-home-c03bfd91,
.site-wrap.mkt-ref .ref-home-5012705f,
.site-wrap.mkt-ref .ref-gst-3fe32d59 {
	color: rgba(255, 255, 255, 0.38) !important;
}

.site-wrap.mkt-ref .ref-home-d8377cd4,
.site-wrap.mkt-ref .ref-gst-e3006d04,
.site-wrap.mkt-ref .ref-feat-565bf43c {
	color: var(--primary-mid) !important;
}

.site-wrap.mkt-ref .ref-home-9bc09cfd,
.site-wrap.mkt-ref .ref-home-6aae2351,
.site-wrap.mkt-ref .ref-home-530cbe63,
.site-wrap.mkt-ref .ref-home-a2dee442,
.site-wrap.mkt-ref .ref-feat-80c7618e,
.site-wrap.mkt-ref .ref-gst-2868e7f8,
.site-wrap.mkt-ref .ref-gst-9ce7f0b4 {
	color: var(--text-dark) !important;
}

.site-wrap.mkt-ref .ref-home-775e9053,
.site-wrap.mkt-ref .ref-home-040d4150,
.site-wrap.mkt-ref .ref-home-47bdfdc3,
.site-wrap.mkt-ref .ref-home-8e057ceb,
.site-wrap.mkt-ref .ref-feat-8e057ceb,
.site-wrap.mkt-ref .ref-gst-8e057ceb,
.site-wrap.mkt-ref .ref-gst-2344c3bb {
	color: var(--text-mid) !important;
}

.site-wrap.mkt-ref .ref-home-ccdcd3d8,
.site-wrap.mkt-ref .ref-feat-c9e21e48 {
	color: var(--primary-mid) !important;
}

.site-wrap.mkt-ref .ref-home-44b13a25 {
	color: var(--primary-mid) !important;
}

.site-wrap.mkt-ref .ref-home-b04c4934 {
	color: inherit !important;
	text-decoration: none !important;
}

.site-wrap.mkt-ref .ref-home-b04c4934:hover {
	text-decoration: none !important;
}

/* Beat app-components global link rule (teal color, 13px, underline) */
.site-wrap.mkt-ref a.mkt-ref-nav__link,
.site-wrap.mkt-ref a.mkt-ref-nav__link:hover,
.site-wrap.mkt-ref a.mkt-ref-nav__link:focus-visible {
	color: var(--text-mid) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	text-decoration: none !important;
}

.site-wrap.mkt-ref a.mkt-ref-nav__link:hover,
.site-wrap.mkt-ref a.mkt-ref-nav__link:focus-visible {
	color: var(--primary) !important;
}

.site-wrap.mkt-ref a.mkt-ref-nav__link.is-active {
	color: var(--primary-mid) !important;
	font-weight: 600 !important;
}

.site-wrap.mkt-ref a.mkt-ref-nav__login,
.site-wrap.mkt-ref a.mkt-ref-nav__login:hover,
.site-wrap.mkt-ref a.mkt-ref-nav__login:focus-visible {
	color: var(--text-mid) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	background: transparent !important;
	border: 1.5px solid var(--border) !important;
	text-decoration: none !important;
}

.site-wrap.mkt-ref a.mkt-ref-nav__login:hover,
.site-wrap.mkt-ref a.mkt-ref-nav__login:focus-visible {
	border-color: var(--primary-mid) !important;
	color: var(--primary-mid) !important;
	background: var(--primary-ghost) !important;
}

.site-wrap.mkt-ref a.mkt-ref-nav__cta,
.site-wrap.mkt-ref a.mkt-ref-nav__cta:hover,
.site-wrap.mkt-ref a.mkt-ref-nav__cta:focus-visible {
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	background: var(--primary-mid) !important;
	border: 1.5px solid var(--primary-mid) !important;
	text-decoration: none !important;
	box-shadow: 0 1px 3px rgba(33, 92, 92, 0.18);
}

.site-wrap.mkt-ref a.mkt-ref-nav__cta:hover,
.site-wrap.mkt-ref a.mkt-ref-nav__cta:focus-visible {
	background: var(--primary) !important;
	border-color: var(--primary) !important;
}

/* Marketing CTA buttons — base + hover (index, features, gst) */
.site-wrap.mkt-ref a.ref-home-44f0063b,
.site-wrap.mkt-ref a.ref-home-2620d203,
.site-wrap.mkt-ref a.ref-home-9d7d0097,
.site-wrap.mkt-ref a.ref-feat-d3433931,
.site-wrap.mkt-ref a.ref-feat-1c07739f,
.site-wrap.mkt-ref a.ref-gst-d3433931,
.site-wrap.mkt-ref a.ref-gst-1c07739f,
.site-wrap.mkt-ref a.ref-home-65e52d3c,
.site-wrap.mkt-ref a.ref-home-241c1a1c,
.site-wrap.mkt-ref a.ref-feat-7967a986,
.site-wrap.mkt-ref a.ref-gst-7967a986,
.site-wrap.mkt-ref a.ref-gst-65e52d3c,
.site-wrap.mkt-ref a.ref-home-cd59b6d4,
.site-wrap.mkt-ref a.ref-home-ea8d1ddf,
.site-wrap.mkt-ref a.ref-feat-a38c4d57,
.site-wrap.mkt-ref a.ref-feat-c9e21e48 {
	cursor: pointer;
	text-decoration: none !important;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

/* White primary CTAs */
.site-wrap.mkt-ref a.ref-home-44f0063b,
.site-wrap.mkt-ref a.ref-home-2620d203,
.site-wrap.mkt-ref a.ref-feat-d3433931,
.site-wrap.mkt-ref a.ref-feat-1c07739f,
.site-wrap.mkt-ref a.ref-gst-d3433931,
.site-wrap.mkt-ref a.ref-gst-1c07739f {
	color: var(--primary) !important;
	background: #fff !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	border: none !important;
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.site-wrap.mkt-ref a.ref-home-44f0063b:hover,
.site-wrap.mkt-ref a.ref-home-44f0063b:focus-visible,
.site-wrap.mkt-ref a.ref-home-2620d203:hover,
.site-wrap.mkt-ref a.ref-home-2620d203:focus-visible,
.site-wrap.mkt-ref a.ref-feat-d3433931:hover,
.site-wrap.mkt-ref a.ref-feat-d3433931:focus-visible,
.site-wrap.mkt-ref a.ref-feat-1c07739f:hover,
.site-wrap.mkt-ref a.ref-feat-1c07739f:focus-visible,
.site-wrap.mkt-ref a.ref-gst-d3433931:hover,
.site-wrap.mkt-ref a.ref-gst-d3433931:focus-visible,
.site-wrap.mkt-ref a.ref-gst-1c07739f:hover,
.site-wrap.mkt-ref a.ref-gst-1c07739f:focus-visible {
	color: var(--primary) !important;
	background: #f0faf9 !important;
	border: none !important;
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
	text-decoration: none !important;
}

.site-wrap.mkt-ref a.ref-feat-d3433931,
.site-wrap.mkt-ref a.ref-feat-1c07739f,
.site-wrap.mkt-ref a.ref-gst-d3433931,
.site-wrap.mkt-ref a.ref-gst-1c07739f {
	font-size: 14px !important;
}

.site-wrap.mkt-ref a.ref-home-9d7d0097 {
	color: var(--primary-mid) !important;
	background: #fff !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	border: none !important;
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.site-wrap.mkt-ref a.ref-home-9d7d0097:hover,
.site-wrap.mkt-ref a.ref-home-9d7d0097:focus-visible {
	color: var(--primary) !important;
	background: #f0faf9 !important;
	border: none !important;
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
	text-decoration: none !important;
}

/* Filled teal CTAs */
.site-wrap.mkt-ref a.ref-home-cd59b6d4 {
	color: #fff !important;
	background: var(--primary-mid) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	border: none !important;
	display: inline-flex !important;
	align-items: center;
	box-shadow: 0 1px 3px rgba(33, 92, 92, 0.18);
}

.site-wrap.mkt-ref a.ref-home-cd59b6d4:hover,
.site-wrap.mkt-ref a.ref-home-cd59b6d4:focus-visible {
	color: #fff !important;
	background: var(--primary) !important;
	border: none !important;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(33, 92, 92, 0.3);
	text-decoration: none !important;
}

/* Ghost CTAs on dark backgrounds */
.site-wrap.mkt-ref a.ref-home-65e52d3c,
.site-wrap.mkt-ref a.ref-home-241c1a1c,
.site-wrap.mkt-ref a.ref-feat-7967a986,
.site-wrap.mkt-ref a.ref-gst-7967a986,
.site-wrap.mkt-ref a.ref-gst-65e52d3c {
	color: #fff !important;
	background: rgba(255, 255, 255, 0.1) !important;
	border: 1.5px solid rgba(255, 255, 255, 0.28) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
}

.site-wrap.mkt-ref a.ref-feat-7967a986,
.site-wrap.mkt-ref a.ref-gst-7967a986 {
	font-size: 14px !important;
}

.site-wrap.mkt-ref a.ref-home-65e52d3c:hover,
.site-wrap.mkt-ref a.ref-home-65e52d3c:focus-visible,
.site-wrap.mkt-ref a.ref-home-241c1a1c:hover,
.site-wrap.mkt-ref a.ref-home-241c1a1c:focus-visible,
.site-wrap.mkt-ref a.ref-feat-7967a986:hover,
.site-wrap.mkt-ref a.ref-feat-7967a986:focus-visible,
.site-wrap.mkt-ref a.ref-gst-7967a986:hover,
.site-wrap.mkt-ref a.ref-gst-7967a986:focus-visible,
.site-wrap.mkt-ref a.ref-gst-65e52d3c:hover,
.site-wrap.mkt-ref a.ref-gst-65e52d3c:focus-visible {
	color: #fff !important;
	background: rgba(255, 255, 255, 0.22) !important;
	border-color: rgba(255, 255, 255, 0.55) !important;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
	text-decoration: none !important;
}

/* Outline CTAs on light backgrounds */
.site-wrap.mkt-ref a.ref-home-ea8d1ddf {
	color: var(--primary-mid) !important;
	background: transparent !important;
	border: 1.5px solid var(--primary-mid) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	display: inline-flex !important;
	align-items: center;
}

.site-wrap.mkt-ref a.ref-home-ea8d1ddf:hover,
.site-wrap.mkt-ref a.ref-home-ea8d1ddf:focus-visible {
	color: var(--primary) !important;
	background: var(--primary-ghost) !important;
	border-color: var(--primary) !important;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(33, 92, 92, 0.12);
	text-decoration: none !important;
}

/* Inline text links */
.site-wrap.mkt-ref a.ref-home-ccdcd3d8,
.site-wrap.mkt-ref a.ref-home-ccdcd3d8:hover {
	color: var(--primary-mid) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	background: none !important;
	border: none !important;
}

.site-wrap.mkt-ref .ref-home-a5576897 {
	color: var(--accent) !important;
}

/* Typography — reference scale over global shrink */
.site-wrap.mkt-ref h1.ref-home-451a6332 {
	font-size: clamp(38px, 6vw, 62px) !important;
	font-weight: 800 !important;
	line-height: 1.1 !important;
	letter-spacing: -0.03em !important;
}

.site-wrap.mkt-ref .ref-feat-6fb9c996 {
	font-size: clamp(32px, 5vw, 52px) !important;
	font-weight: 900 !important;
	line-height: 1.1 !important;
}

.site-wrap.mkt-ref .ref-gst-e3442d88 {
	font-size: clamp(30px, 5vw, 50px) !important;
	font-weight: 900 !important;
	line-height: 1.15 !important;
}

.site-wrap.mkt-ref .ref-home-95a38be8 {
	font-size: 17px !important;
}

.site-wrap.mkt-ref .ref-feat-6fa28a6b,
.site-wrap.mkt-ref .ref-gst-290b273d {
	font-size: 16px !important;
}

.site-wrap.mkt-ref .ref-home-c03bfd91,
.site-wrap.mkt-ref .ref-gst-3fe32d59 {
	font-size: 13px !important;
}

.site-wrap.mkt-ref .ref-home-9bc09cfd,
.site-wrap.mkt-ref .ref-home-6aae2351,
.site-wrap.mkt-ref .ref-feat-80c7618e,
.site-wrap.mkt-ref .ref-gst-2868e7f8,
.site-wrap.mkt-ref .ref-gst-9ce7f0b4 {
	font-size: clamp(28px, 4vw, 42px) !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
}

.site-wrap.mkt-ref .ref-home-d8377cd4,
.site-wrap.mkt-ref .ref-feat-565bf43c {
	font-size: 11px !important;
}

.site-wrap.mkt-ref .ref-home-f278040b,
.site-wrap.mkt-ref .ref-gst-e3006d04 {
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	color: var(--accent) !important;
}

/* Trust pills centered */
.site-wrap.mkt-ref .ref-home-9bacdc8f {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 10px;
	max-width: 1140px;
	margin: 0 auto;
}

/* Homepage features grid — equal-height cards per row */
.site-wrap.mkt-ref .ref-home-c95b734c .ref-home-bd6065f0 {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	align-items: stretch;
}

.site-wrap.mkt-ref .ref-home-c95b734c .ref-home-a1c8e792 {
	display: flex;
	flex-direction: column;
	gap: 12px;
	height: 100%;
	min-width: 0;
	flex: unset;
}

.site-wrap.mkt-ref .ref-home-c95b734c .ref-home-a1c8e792 .ref-home-8e057ceb {
	flex: 1;
}

/* GST page — WHO IT'S FOR grid, equal-height cards per row */
.site-wrap.mkt-ref .ref-gst-97e856b4 .ref-gst-bd6065f0 {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	align-items: stretch;
}

.site-wrap.mkt-ref .ref-gst-97e856b4 .ref-gst-9801affb {
	display: flex;
	flex-direction: column;
	gap: 12px;
	height: 100%;
	min-width: 0;
	flex: unset;
}

.site-wrap.mkt-ref .ref-gst-97e856b4 .ref-gst-9801affb .ref-gst-8e057ceb {
	flex: 1;
	margin: 0;
}

/* Feature cards equal height feel */
.site-wrap.mkt-ref .ref-home-a1c8e792,
.site-wrap.mkt-ref .ref-feat-fe3addca,
.site-wrap.mkt-ref .ref-gst-9801affb {
	height: 100%;
}

.site-wrap.mkt-ref .ref-feat-fe3addca {
	display: flex;
	flex-direction: column;
	gap: 16px;
	align-items: stretch;
}

/* Features page — hero clearance, section typography, card grid */
.site-wrap.mkt-ref .mkt-ref-features-main {
	padding-top: 0;
	margin-top: 0;
}

/* Pricing page — hero banner + feature grid */
.site-wrap.mkt-ref .mkt-ref-pricing-main {
	padding-top: 0;
	margin-top: 0;
}

.site-wrap.mkt-ref .mkt-ref-price-hero {
	padding: 96px 28px 80px;
	text-align: center;
	font-family: 'Outfit', 'Plus Jakarta Sans', system-ui, sans-serif;
}

.site-wrap.mkt-ref .mkt-ref-price-hero__inner {
	max-width: 960px;
	margin: 0 auto;
}

.site-wrap.mkt-ref .mkt-ref-price-hero__display {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: center;
	gap: 8px 10px;
	margin: 0 0 12px;
	line-height: 0.88;
}

.site-wrap.mkt-ref .mkt-ref-price-hero__cur {
	font-size: clamp(56px, 9vw, 92px);
	font-weight: 800;
	color: #fff;
	letter-spacing: -0.04em;
}

.site-wrap.mkt-ref .mkt-ref-price-hero__digits {
	display: inline-flex;
	align-items: baseline;
	gap: 2px;
}

.site-wrap.mkt-ref .mkt-ref-price-digit {
	display: inline-block;
	min-width: 0.56em;
	text-align: center;
	font-size: clamp(108px, 22vw, 188px);
	font-weight: 900;
	color: #fff;
	letter-spacing: -0.06em;
	font-variant-numeric: tabular-nums;
	transition: transform 0.2s ease;
}

.site-wrap.mkt-ref .mkt-ref-price-digit--sep {
	min-width: 0;
	font-size: clamp(92px, 18vw, 156px);
	color: #fff;
}

.site-wrap.mkt-ref .mkt-ref-price-digit.is-animating {
	transform: translateY(-1px);
	color: #fff;
}

.site-wrap.mkt-ref .mkt-ref-price-digit.is-done {
	color: #fff;
}

.site-wrap.mkt-ref .mkt-ref-price-hero__per {
	font-size: clamp(30px, 4.5vw, 48px);
	font-weight: 700;
	color: rgba(255, 255, 255, 0.78);
	letter-spacing: -0.02em;
}

.site-wrap.mkt-ref .mkt-ref-price-hero__annual {
	font-size: 15px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.52);
	margin: 0 0 32px;
}

.site-wrap.mkt-ref .mkt-ref-price-hero__title {
	font-size: clamp(36px, 5.5vw, 56px) !important;
	font-weight: 800 !important;
	color: #fff !important;
	letter-spacing: -0.03em !important;
	line-height: 1.1 !important;
	margin: 0 0 16px !important;
}

.site-wrap.mkt-ref .mkt-ref-price-hero__lead {
	font-size: clamp(17px, 2.4vw, 21px) !important;
	font-weight: 500 !important;
	color: rgba(255, 255, 255, 0.74) !important;
	line-height: 1.65 !important;
	max-width: 620px;
	margin: 0 auto 36px !important;
}

.site-wrap.mkt-ref .mkt-ref-price-banner {
	width: 100%;
	max-width: 760px;
	margin: 0 auto;
	padding: 32px 32px 28px;
	border-radius: 16px;
	border: 1.5px solid rgba(255, 255, 255, 0.22);
	background: rgba(255, 255, 255, 0.1);
	box-shadow: 0 16px 48px rgba(0, 0, 0, 0.18);
	backdrop-filter: blur(8px);
}

.site-wrap.mkt-ref .mkt-ref-price-banner__eyebrow {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--accent);
	margin-bottom: 10px;
}

.site-wrap.mkt-ref .mkt-ref-price-banner__tagline {
	font-size: clamp(17px, 2.5vw, 22px);
	font-weight: 700;
	color: #fff;
	line-height: 1.35;
	margin: 0 0 24px;
	letter-spacing: -0.02em;
}

.site-wrap.mkt-ref .mkt-ref-price-banner__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin-bottom: 16px;
}

.site-wrap.mkt-ref .mkt-ref-price-banner__trust {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.42);
	margin: 0;
	letter-spacing: 0.02em;
}

.site-wrap.mkt-ref .mkt-ref-price-features {
	padding: 72px 28px;
	background: var(--bg);
}

.site-wrap.mkt-ref .mkt-ref-price-features__inner {
	max-width: 1140px;
	margin: 0 auto;
}

.site-wrap.mkt-ref .mkt-ref-price-features__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px 24px;
	margin-top: 28px;
}

.site-wrap.mkt-ref .mkt-ref-price-features__foot {
	margin-top: 28px;
	text-align: center;
}

.site-wrap.mkt-ref .ref-feat-eb8eb2ac {
	padding-top: 96px;
	padding-bottom: 80px;
}

.site-wrap.mkt-ref .ref-feat-928a2584 {
	border-bottom: none !important;
	padding-bottom: 0;
	margin-bottom: 32px;
}

.site-wrap.mkt-ref .ref-feat-e3006d04 {
	color: var(--accent) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	margin-bottom: 20px;
}

.site-wrap.mkt-ref h1.ref-feat-6fb9c996 {
	margin-top: 0;
}

.site-wrap.mkt-ref .ref-feat-1854c55c {
	color: var(--accent) !important;
	font-style: italic !important;
}

.site-wrap.mkt-ref .ref-feat-2f49425c,
.site-wrap.mkt-ref .ref-feat-0f0a148d {
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 16px;
}

.site-wrap.mkt-ref h2.ref-feat-80c7618e {
	font-size: clamp(28px, 4vw, 42px) !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
}

.site-wrap.mkt-ref .ref-feat-565bf43c {
	font-size: 11px !important;
	letter-spacing: 0.1em !important;
}

.site-wrap.mkt-ref .ref-feat-1a052428 {
	font-size: 10px !important;
	letter-spacing: 0.1em !important;
}

.site-wrap.mkt-ref .ref-feat-8c7b01fa {
	font-size: 15px !important;
	font-weight: 700 !important;
	color: var(--text-dark) !important;
}

.site-wrap.mkt-ref .ref-feat-8e057ceb {
	font-size: 13.5px !important;
	line-height: 1.65 !important;
	color: var(--text-muted) !important;
}

.site-wrap.mkt-ref .ref-feat-a3944c66 {
	margin-top: 4px;
}

.site-wrap.mkt-ref h2.ref-feat-9c6f943f {
	font-size: clamp(26px, 4vw, 38px) !important;
	font-weight: 900 !important;
	color: #fff !important;
}

.site-wrap.mkt-ref .ref-feat-eee01303 {
	font-size: 15px !important;
}

.site-wrap.mkt-ref .ref-feat-e450e606 {
	font-size: 13px !important;
	color: rgba(255, 255, 255, 0.38) !important;
}

/* Product showcase bands (01–06 sections) */
.site-wrap.mkt-ref .mkt-ref-feat-showcases {
	display: flex;
	flex-direction: column;
}

.site-wrap.mkt-ref .mkt-ref-feat-showcases > .ref-feat-e06aa9c2,
.site-wrap.mkt-ref .mkt-ref-feat-showcases > .ref-feat-57967322 {
	width: 100%;
	max-width: none;
	margin-left: auto;
	margin-right: auto;
	padding: 80px max(28px, calc((100vw - 1140px) / 2));
	box-sizing: border-box;
}

.site-wrap.mkt-ref .mkt-ref-feat-showcases > .ref-feat-e06aa9c2 {
	background: #fff;
}

.site-wrap.mkt-ref .mkt-ref-feat-showcases > .ref-feat-57967322 {
	background: var(--bg);
}

.site-wrap.mkt-ref .ref-feat-e06aa9c2 {
	align-items: center;
	gap: 60px;
}

.site-wrap.mkt-ref .ref-feat-c4b52c92 {
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	color: var(--accent) !important;
	margin-bottom: 8px;
}

.site-wrap.mkt-ref h2.ref-feat-e2701a38,
.site-wrap.mkt-ref h2.ref-feat-8f775cea {
	font-size: clamp(28px, 4vw, 34px) !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	color: var(--text-dark) !important;
	letter-spacing: -0.02em !important;
}

.site-wrap.mkt-ref .ref-feat-2344c3bb,
.site-wrap.mkt-ref .ref-feat-5d979fc2,
.site-wrap.mkt-ref .ref-feat-11c56a04 {
	font-size: 15px !important;
	line-height: 1.7 !important;
	color: var(--text-mid) !important;
}

.site-wrap.mkt-ref .ref-feat-f413d6d4,
.site-wrap.mkt-ref .ref-feat-a01d1f87 {
	font-size: 13.5px !important;
	color: var(--text-dark) !important;
}

.site-wrap.mkt-ref .ref-feat-c4c67030,
.site-wrap.mkt-ref .ref-feat-d1c27985 {
	margin-bottom: 24px;
}

.site-wrap.mkt-ref a.ref-feat-a38c4d57 {
	margin-top: 8px;
	padding: 11px 22px !important;
	border: 1.5px solid var(--primary-mid) !important;
	border-radius: 8px !important;
	background: transparent !important;
	color: var(--primary-mid) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.site-wrap.mkt-ref a.ref-feat-a38c4d57:hover,
.site-wrap.mkt-ref a.ref-feat-a38c4d57:focus-visible {
	background: var(--primary-mid) !important;
	border-color: var(--primary-mid) !important;
	color: #fff !important;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(33, 92, 92, 0.3);
	text-decoration: none !important;
}

.site-wrap.mkt-ref a.ref-feat-a38c4d57:active {
	background: var(--primary) !important;
	border-color: var(--primary) !important;
	color: #fff !important;
}

.site-wrap.mkt-ref a.ref-feat-c9e21e48 {
	margin-top: 8px;
	color: #fff !important;
	background: var(--primary-mid) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	border: none !important;
	padding: 11px 22px;
	border-radius: 8px;
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	box-shadow: 0 1px 3px rgba(33, 92, 92, 0.18);
}

.site-wrap.mkt-ref a.ref-feat-c9e21e48:hover,
.site-wrap.mkt-ref a.ref-feat-c9e21e48:focus-visible {
	color: #fff !important;
	background: var(--primary) !important;
	border: none !important;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(33, 92, 92, 0.3);
	text-decoration: none !important;
}

.site-wrap.mkt-ref .ref-feat-89322c4b {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 20px;
}

.site-wrap.mkt-ref .ref-feat-b61d06b9 {
	display: flex;
	flex-direction: column;
	gap: 12px;
	height: 100%;
}

.site-wrap.mkt-ref h4.ref-feat-54e43899 {
	font-size: 15px !important;
	font-weight: 700 !important;
	color: var(--text-dark) !important;
	margin: 0 0 8px !important;
}

.site-wrap.mkt-ref .ref-feat-0022623d {
	flex: 1;
	min-width: 280px;
	background: #fff;
	border: 1px solid var(--border);
	border-radius: 12px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 2px 12px rgba(0, 0, 0, 0.05);
	padding: 24px;
}

/* Real product screenshots */
.mkt-ref-shot {
	border-radius: 12px 12px 0 0;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.12);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08), 0 12px 28px rgba(0, 0, 0, 0.08);
	background: #fff;
	line-height: 0;
}

.mkt-ref-shot--light {
	border: 1px solid var(--border);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08), 0 12px 28px rgba(0, 0, 0, 0.08);
	border-radius: 12px;
}

.mkt-ref-shot img {
	display: block;
	width: 100%;
	height: auto;
}

.mkt-ref-hero-shot {
	max-width: 1020px;
	margin: 0 auto -48px;
	position: relative;
	z-index: 2;
	padding: 0 28px;
}

.mkt-ref-hero-shot .mkt-ref-shot {
	border-radius: 12px 12px 0 0;
}

.mkt-ref-product-shot {
	width: 100%;
}

/* Section containers — consistent gutters */
.site-wrap.mkt-ref [class^="ref-home-"],
.site-wrap.mkt-ref [class^="ref-feat-"],
.site-wrap.mkt-ref [class^="ref-gst-"] {
	max-width: 100%;
}

.site-wrap.mkt-ref .ref-home-aa23524d,
.site-wrap.mkt-ref .ref-feat-a99b4893,
.site-wrap.mkt-ref .ref-gst-aa23524d,
.site-wrap.mkt-ref .ref-gst-0542bff9,
.site-wrap.mkt-ref .ref-home-ab41245e,
.site-wrap.mkt-ref .ref-home-b1eaf544 {
	width: 100%;
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 28px;
	padding-right: 28px;
}

.site-wrap.mkt-ref .ref-feat-ee165cb2 {
	padding-left: 28px;
	padding-right: 28px;
}

/* Trust strip spacing after hero image */
.site-wrap.mkt-ref .ref-home-22644dd4 {
	padding-top: 72px;
	padding-bottom: 40px;
	padding-left: 28px;
	padding-right: 28px;
}

/* Product rows — equal columns, centered alignment */
.site-wrap.mkt-ref .ref-home-ffefdd19,
.site-wrap.mkt-ref .ref-home-eaf1ae95,
.site-wrap.mkt-ref .ref-home-71e999c6 {
	align-items: center;
	gap: 48px;
}

.site-wrap.mkt-ref .ref-home-60645887,
.site-wrap.mkt-ref .ref-home-35552b71 {
	flex: 1 1 0;
	min-width: 0;
	max-width: 100%;
}

/* Feature / pricing / contact grids */
.site-wrap.mkt-ref .ref-home-bd6065f0,
.site-wrap.mkt-ref .ref-feat-2f49425c,
.site-wrap.mkt-ref .ref-feat-0f0a148d,
.site-wrap.mkt-ref .ref-gst-bd6065f0 {
	width: 100%;
}

.site-wrap.mkt-ref .ref-home-5840e836 {
	align-items: stretch;
}

.site-wrap.mkt-ref .ref-home-2865b533,
.site-wrap.mkt-ref .ref-home-5f9ebe2e {
	flex: 1 1 280px;
	min-width: 0;
}

/* Comparison table scroll */
.site-wrap.mkt-ref .ref-home-d3d31235 {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.site-wrap.mkt-ref .ref-home-6ad183b2 {
	min-width: 560px;
}

/* Pricing card */
.site-wrap.mkt-ref .ref-home-4e8c2205 {
	width: 100%;
	max-width: 460px;
}

/* Hero CTA row */
.site-wrap.mkt-ref .ref-home-0f297e0a,
.site-wrap.mkt-ref .ref-feat-a3944c66,
.site-wrap.mkt-ref .ref-gst-c325e051,
.site-wrap.mkt-ref .ref-home-5213b8ea,
.site-wrap.mkt-ref .ref-gst-a6ab90eb {
	justify-content: center;
}

/* GST invoice + features split */
.site-wrap.mkt-ref .ref-gst-0542bff9 {
	align-items: flex-start;
}

.site-wrap.mkt-ref .ref-gst-35552b71,
.site-wrap.mkt-ref .ref-gst-60645887 {
	flex: 1 1 320px;
	min-width: 0;
}

/* FAQ accordion — collapse panels, single-open, no double borders */
.site-wrap.mkt-ref .ref-gst-7061ffc9 {
	width: 100%;
}

.site-wrap.mkt-ref .mkt-ref-faq-item + .mkt-ref-faq-item {
	border-top: 1px solid var(--separator-color);
}

.site-wrap.mkt-ref .ref-gst-e93fc2b9 {
	width: 100%;
	text-align: left;
	cursor: pointer;
	border-bottom: none !important;
	transition: background 0.2s ease, color 0.2s ease;
}

.site-wrap.mkt-ref .ref-gst-e93fc2b9:hover {
	background: var(--primary-ghost);
}

.site-wrap.mkt-ref .ref-gst-e93fc2b9:focus-visible {
	outline: none;
	box-shadow: inset 0 0 0 2px rgba(33, 92, 92, 0.22);
}

.site-wrap.mkt-ref .mkt-ref-faq-item.is-open .ref-gst-e93fc2b9 {
	background: var(--primary-ghost);
	color: var(--primary-mid);
}

.site-wrap.mkt-ref .ref-gst-7b508b27 {
	transition: transform 0.2s ease;
}

.site-wrap.mkt-ref .mkt-ref-faq-item.is-open .ref-gst-7b508b27 {
	transform: rotate(180deg);
	color: var(--primary-mid);
}

.site-wrap.mkt-ref .mkt-ref-faq-panel {
	border-bottom: none !important;
	margin: 0;
}

.site-wrap.mkt-ref .mkt-ref-faq-panel[hidden] {
	display: none !important;
}

/* Navbar inner padding match reference */
.mkt-ref-nav__logo {
	width: 32px;
	height: 32px;
	object-fit: contain;
	flex-shrink: 0;
	display: block;
}

.mkt-ref-nav__inner {
	padding-left: 28px;
	padding-right: 28px;
}

.mkt-ref-nav__menu-btn {
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 8px;
	background: transparent;
	color: var(--text-mid);
}

/* Mobile offcanvas menu */
#mkt_ref_mobile_nav .mkt-ref-nav__mobile-actions {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 16px;
}

#mkt_ref_mobile_nav a.mkt-ref-nav__login,
#mkt_ref_mobile_nav a.mkt-ref-nav__cta {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	padding: 10px 16px !important;
	border-radius: 8px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

#mkt_ref_mobile_nav a.mkt-ref-nav__login {
	color: var(--text-dark) !important;
	background: #fff !important;
	border: 1.5px solid var(--primary-mid) !important;
}

#mkt_ref_mobile_nav a.mkt-ref-nav__login:hover,
#mkt_ref_mobile_nav a.mkt-ref-nav__login:focus-visible {
	color: var(--primary) !important;
	background: var(--primary-ghost) !important;
	border-color: var(--primary) !important;
}

#mkt_ref_mobile_nav a.mkt-ref-nav__cta {
	color: #fff !important;
	background: var(--primary-mid) !important;
	border: 1.5px solid var(--primary-mid) !important;
	box-shadow: 0 1px 3px rgba(33, 92, 92, 0.18);
}

#mkt_ref_mobile_nav a.mkt-ref-nav__cta:hover,
#mkt_ref_mobile_nav a.mkt-ref-nav__cta:focus-visible {
	color: #fff !important;
	background: var(--primary) !important;
	border-color: var(--primary) !important;
	box-shadow: 0 4px 12px rgba(33, 92, 92, 0.3);
}

#mkt_ref_mobile_nav a.mkt-ref-nav__link {
	display: block;
	padding: 10px 12px;
	border-radius: 8px;
	transition: background 0.2s ease, color 0.2s ease;
}

#mkt_ref_mobile_nav a.mkt-ref-nav__link:hover,
#mkt_ref_mobile_nav a.mkt-ref-nav__link:focus-visible {
	background: var(--primary-ghost) !important;
	color: var(--primary) !important;
}

/* Floating action buttons on marketing pages */
body:has(.site-wrap.mkt-ref) a.whatsapp_float_btn {
	display: flex !important;
	align-items: center;
	justify-content: center;
	position: fixed;
	bottom: 24px;
	right: 24px;
	width: 48px;
	height: 48px;
	padding: 0 !important;
	border: none !important;
	border-radius: 50% !important;
	background-color: #25d366 !important;
	color: #fff !important;
	text-decoration: none !important;
	font-weight: 400 !important;
	z-index: 1000;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
	transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

body:has(.site-wrap.mkt-ref) a.whatsapp_float_btn:hover,
body:has(.site-wrap.mkt-ref) a.whatsapp_float_btn:focus-visible {
	background-color: #1ebe57 !important;
	color: #fff !important;
	border: none !important;
	text-decoration: none !important;
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(37, 211, 102, 0.4);
}

body:has(.site-wrap.mkt-ref) a.whatsapp_float_btn i {
	font-size: 26px !important;
	line-height: 1;
	color: #fff !important;
}

body:has(.site-wrap.mkt-ref) .whatsapp_tooltip {
	display: none !important;
}

body:has(.site-wrap.mkt-ref) #back-to-top {
	background-color: var(--primary-mid);
	width: 48px;
	height: 48px;
	padding: 0;
	border: none;
	border-radius: 50%;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
	transition: background 0.2s ease, opacity 0.2s ease, visibility 0.2s ease, bottom 0.2s ease;
}

body:has(.site-wrap.mkt-ref) #back-to-top i {
	font-size: 20px;
	color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

body:has(.site-wrap.mkt-ref) #back-to-top:hover,
body:has(.site-wrap.mkt-ref) #back-to-top:focus-visible {
	background-color: var(--primary);
}

body:has(.site-wrap.mkt-ref) #back-to-top.show {
	bottom: 88px;
	right: 24px;
	opacity: 1;
	visibility: visible;
}

@media (max-width: 767.98px) {
	body:has(.site-wrap.mkt-ref) a.whatsapp_float_btn,
	body:has(.site-wrap.mkt-ref) #back-to-top {
		width: 44px;
		height: 44px;
		right: 16px;
	}

	body:has(.site-wrap.mkt-ref) a.whatsapp_float_btn {
		bottom: 16px;
	}

	body:has(.site-wrap.mkt-ref) a.whatsapp_float_btn i {
		font-size: 24px !important;
	}

	body:has(.site-wrap.mkt-ref) #back-to-top.show {
		bottom: 72px;
	}
}

/* Footer must not inherit weird widths */
.site-wrap.mkt-ref + footer,
body:has(.site-wrap.mkt-ref) footer {
	font-family: var(--mkt-ref-font);
}

/* ---- Tablet (≤991px) ---- */
@media (max-width: 991.98px) {
	.mkt-ref-hero-shot {
		margin-bottom: -32px;
		padding: 0 20px;
	}

	.site-wrap.mkt-ref .ref-home-a8ece810,
	.site-wrap.mkt-ref .ref-feat-eb8eb2ac,
	.site-wrap.mkt-ref .ref-gst-e29cf7c7 {
		padding-top: 80px;
		padding-bottom: 64px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.site-wrap.mkt-ref .ref-home-9923eda8,
	.site-wrap.mkt-ref .ref-home-c95b734c,
	.site-wrap.mkt-ref .ref-feat-ee165cb2,
	.site-wrap.mkt-ref .ref-gst-15b449a0,
	.site-wrap.mkt-ref .ref-gst-97e856b4,
	.site-wrap.mkt-ref .ref-gst-895b512e {
		padding-top: 64px;
		padding-bottom: 64px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.site-wrap.mkt-ref .ref-home-aa23524d,
	.site-wrap.mkt-ref .ref-feat-a99b4893,
	.site-wrap.mkt-ref .ref-gst-aa23524d,
	.site-wrap.mkt-ref .ref-gst-0542bff9,
	.site-wrap.mkt-ref .ref-home-ab41245e,
	.site-wrap.mkt-ref .ref-home-b1eaf544 {
		padding-left: 0;
		padding-right: 0;
	}

	.site-wrap.mkt-ref .ref-home-22644dd4 {
		padding: 56px 20px 32px;
	}

	.site-wrap.mkt-ref .ref-home-ffefdd19,
	.site-wrap.mkt-ref .ref-home-eaf1ae95,
	.site-wrap.mkt-ref .ref-home-71e999c6 {
		flex-direction: column;
		gap: 32px;
		margin-bottom: 56px;
	}

	.site-wrap.mkt-ref .ref-home-eaf1ae95 {
		flex-wrap: wrap;
	}

	.site-wrap.mkt-ref .ref-home-60645887,
	.site-wrap.mkt-ref .ref-home-35552b71 {
		flex: 1 1 100%;
		width: 100%;
	}

	.site-wrap.mkt-ref .ref-gst-0542bff9 {
		flex-direction: column;
		gap: 40px;
	}

	.site-wrap.mkt-ref .ref-home-5840e836 {
		flex-direction: column;
		gap: 28px;
	}

	.site-wrap.mkt-ref .ref-feat-a99b4893 {
		gap: 56px;
	}

	.site-wrap.mkt-ref .mkt-ref-feat-showcases > .ref-feat-e06aa9c2,
	.site-wrap.mkt-ref .mkt-ref-feat-showcases > .ref-feat-57967322 {
		padding: 64px 20px;
	}

	.site-wrap.mkt-ref .ref-feat-e06aa9c2 {
		flex-direction: column;
		gap: 40px;
	}

	.site-wrap.mkt-ref .ref-feat-89322c4b {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.site-wrap.mkt-ref .ref-home-c95b734c .ref-home-bd6065f0 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.site-wrap.mkt-ref .ref-gst-97e856b4 .ref-gst-bd6065f0 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.site-wrap.mkt-ref .mkt-ref-price-hero {
		padding: 80px 20px 64px;
	}

	.site-wrap.mkt-ref .mkt-ref-price-digit {
		font-size: clamp(88px, 24vw, 132px);
	}

	.site-wrap.mkt-ref .mkt-ref-price-digit--sep {
		font-size: clamp(72px, 20vw, 112px);
	}

	.site-wrap.mkt-ref .mkt-ref-price-hero__cur {
		font-size: clamp(48px, 10vw, 72px);
	}

	.site-wrap.mkt-ref .mkt-ref-price-hero__per {
		font-size: clamp(26px, 5vw, 36px);
	}

	.site-wrap.mkt-ref .mkt-ref-price-features__grid {
		grid-template-columns: 1fr;
	}

	.mkt-ref-nav__inner {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* ---- Mobile (≤767px) ---- */
@media (max-width: 767.98px) {
	.mkt-ref-hero-shot {
		margin-bottom: -24px;
		padding: 0 16px;
	}

	.site-wrap.mkt-ref .ref-home-a8ece810,
	.site-wrap.mkt-ref .ref-feat-eb8eb2ac,
	.site-wrap.mkt-ref .ref-gst-e29cf7c7 {
		padding-top: 64px;
		padding-bottom: 56px;
		padding-left: 16px;
		padding-right: 16px;
	}

	.site-wrap.mkt-ref .ref-home-9923eda8,
	.site-wrap.mkt-ref .ref-home-c95b734c,
	.site-wrap.mkt-ref .ref-feat-ee165cb2,
	.site-wrap.mkt-ref .ref-gst-15b449a0,
	.site-wrap.mkt-ref .ref-gst-97e856b4,
	.site-wrap.mkt-ref .ref-gst-895b512e {
		padding: 48px 16px;
	}

	.site-wrap.mkt-ref .ref-home-22644dd4 {
		padding: 48px 16px 28px;
	}

	.site-wrap.mkt-ref .ref-home-9bacdc8f {
		justify-content: center;
		gap: 8px;
	}

	.site-wrap.mkt-ref .ref-home-0f297e0a,
	.site-wrap.mkt-ref .ref-feat-a3944c66,
	.site-wrap.mkt-ref .ref-gst-c325e051,
	.site-wrap.mkt-ref .ref-home-5213b8ea,
	.site-wrap.mkt-ref .ref-gst-a6ab90eb,
	.site-wrap.mkt-ref .ref-home-935c16d8 {
		flex-direction: column;
		align-items: stretch;
		width: 100%;
	}

	.site-wrap.mkt-ref .ref-home-44f0063b,
	.site-wrap.mkt-ref .ref-home-65e52d3c,
	.site-wrap.mkt-ref .ref-home-9d7d0097,
	.site-wrap.mkt-ref .ref-home-2620d203,
	.site-wrap.mkt-ref .ref-home-241c1a1c,
	.site-wrap.mkt-ref .ref-feat-d3433931,
	.site-wrap.mkt-ref .ref-feat-7967a986,
	.site-wrap.mkt-ref .ref-gst-d3433931,
	.site-wrap.mkt-ref .ref-gst-7967a986,
	.site-wrap.mkt-ref .ref-gst-1c07739f,
	.site-wrap.mkt-ref .ref-gst-65e52d3c,
	.site-wrap.mkt-ref .ref-feat-1c07739f {
		width: 100%;
		justify-content: center;
	}

	.site-wrap.mkt-ref .ref-home-89322c4b {
		flex-direction: column;
	}

	.site-wrap.mkt-ref .ref-home-062c07fb,
	.site-wrap.mkt-ref .ref-home-f2698d2f {
		min-width: 0;
		width: 100%;
	}

	.site-wrap.mkt-ref .ref-feat-2f49425c,
	.site-wrap.mkt-ref .ref-feat-0f0a148d {
		grid-template-columns: 1fr;
	}

	.site-wrap.mkt-ref .ref-home-060f7550,
	.site-wrap.mkt-ref .ref-home-8f5561a5 {
		padding-left: 20px;
		padding-right: 20px;
	}

	.site-wrap.mkt-ref .ref-home-8d54a9ec {
		flex-direction: column;
	}

	.site-wrap.mkt-ref .mkt-ref-feat-showcases > .ref-feat-e06aa9c2,
	.site-wrap.mkt-ref .mkt-ref-feat-showcases > .ref-feat-57967322 {
		padding: 48px 16px;
	}

	.site-wrap.mkt-ref .ref-feat-89322c4b {
		grid-template-columns: 1fr;
	}

	.site-wrap.mkt-ref .ref-home-c95b734c .ref-home-bd6065f0 {
		grid-template-columns: 1fr;
	}

	.site-wrap.mkt-ref .ref-gst-97e856b4 .ref-gst-bd6065f0 {
		grid-template-columns: 1fr;
	}

	.site-wrap.mkt-ref .mkt-ref-price-hero {
		padding: 64px 16px 48px;
	}

	.site-wrap.mkt-ref .mkt-ref-price-digit {
		font-size: clamp(76px, 26vw, 108px);
	}

	.site-wrap.mkt-ref .mkt-ref-price-digit--sep {
		font-size: clamp(64px, 22vw, 92px);
	}

	.site-wrap.mkt-ref .mkt-ref-price-hero__cur {
		font-size: clamp(40px, 11vw, 60px);
	}

	.site-wrap.mkt-ref .mkt-ref-price-hero__per {
		font-size: clamp(22px, 6vw, 30px);
	}

	.site-wrap.mkt-ref .mkt-ref-price-hero__display {
		gap: 4px 6px;
	}

	.site-wrap.mkt-ref .mkt-ref-price-banner {
		padding: 28px 20px 24px;
		border-radius: 12px;
	}

	.site-wrap.mkt-ref .mkt-ref-price-banner__actions {
		flex-direction: column;
		align-items: stretch;
		width: 100%;
	}

	.site-wrap.mkt-ref .mkt-ref-price-features {
		padding: 48px 16px;
	}

	.mkt-ref-nav__inner {
		padding-left: 16px;
		padding-right: 16px;
		height: 56px;
	}

	.mkt-ref-nav__brand {
		margin-right: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.site-wrap.mkt-ref * {
		animation: none !important;
		transition: none !important;
	}
}