/*
 * plat_marketing.css: the kit's public marketing page layer (display type, section rhythm, floating header,
 * menu panel, full-bleed stage, picture frames, feature rows, cards, workflow diagrams, price cards, moving
 * sample row, strengths band, closing call, footer, reveal) and the kit's Executive Navy marketing colour set.
 * Product-agnostic: any public page of any product may use it; no product rule or copy inside.
 * Loads after bootstrap.min.css and plat_tokens.css. Do not load typography.css on the same page:
 * this file declares the variable Inter and Inter Tight faces itself (two files, both preloaded by the page).
 * <html data-plat-look="2" data-plat-mkt-palette="navy" data-bs-theme="light|dark"> picks the colour set.
 */
@font-face {
	font-family: 'Inter Tight';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url('../fonts/inter-tight/inter-tight.woff2') format('woff2');
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url('../fonts/inter/inter-var.woff2') format('woff2');
}

/* Executive Navy marketing colour set (owner approved 2026-10-29; brand.md "Colour"). It overrides the kit's
   role tokens on marketing pages only, so buttons and links still use kit tokens. */
html[data-plat-mkt-palette="navy"][data-bs-theme="light"] {
	--plat-text: #0F1B2D;
	--plat-text-2: #4B5A70;
	--plat-surface: #FFFFFF;
	--plat-canvas: #F4F6FA;
	--plat-border: #E3E8F0;
	--plat-border-strong: #C9D0DA;
	--plat-field: #FFFFFF;
	--plat-hover: #E7ECF4;
	--plat-pressed: #DCE3EE;
	--plat-action: #1B2B4B;
	--plat-action-hover: #2A4170;
	--plat-action-press: #111C33;
	--plat-on-action: #FFFFFF;
	--plat-action-tint: #E7ECF4;
	--plat-action-text: #1B2B4B;
	--plat-link: #1F5FBF;
	--plat-focus: #1F5FBF;
	--plat-shadow-md: 0 1px 2px rgba(15, 27, 45, 0.06), 0 8px 24px rgba(15, 27, 45, 0.08);
	--plat-shadow-lg: 0 2px 6px rgba(15, 27, 45, 0.08), 0 24px 60px rgba(15, 27, 45, 0.16);
	--plat-mkt-mark: #B08A2E;
	--plat-mkt-mark-tint: #F8F0DA;
	--plat-mkt-band: #0E1A30;
	--plat-mkt-page: #FFFFFF;
	--plat-mkt-header-bg: #FFFFFF;
	--plat-mkt-header-glass: rgba(255, 255, 255, 0.72);
	--plat-mkt-header-glass-line: rgba(15, 27, 45, 0.08);
	--plat-mkt-stage-bg: #0F1D33;
	--plat-mkt-cta-bg: linear-gradient(135deg, #E7ECF4 0%, #EEF1F7 55%, #F8F0DA 100%);
	--plat-mkt-cta-text: #0F1B2D;
	--plat-mkt-cta-text-2: #4B5A70;
	--plat-mkt-cta-ring: rgba(27, 43, 75, 0.10);
}

html[data-plat-mkt-palette="navy"][data-bs-theme="dark"] {
	--plat-text: #EEF2F8;
	--plat-text-2: #A9B5C8;
	--plat-surface: #111D31;
	--plat-canvas: #0F1A2C;
	--plat-border: #22314A;
	--plat-border-strong: #33456A;
	--plat-field: #0F1A2C;
	--plat-hover: #17243A;
	--plat-pressed: #1E2E48;
	--plat-action: #E8EDF6;
	--plat-action-hover: #FFFFFF;
	--plat-action-press: #C9D3E4;
	--plat-on-action: #0E1A30;
	--plat-action-tint: #17243A;
	--plat-action-text: #E8EDF6;
	--plat-link: #9BBDF5;
	--plat-focus: #9BBDF5;
	--plat-shadow-md: 0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.35);
	--plat-shadow-lg: 0 2px 6px rgba(0, 0, 0, 0.4), 0 24px 60px rgba(0, 0, 0, 0.5);
	--plat-mkt-mark: #D9B968;
	--plat-mkt-mark-tint: #2A2410;
	--plat-mkt-band: #060C17;
	--plat-mkt-page: #0A1220;
	--plat-mkt-header-bg: #111D31;
	--plat-mkt-header-glass: rgba(17, 29, 49, 0.72);
	--plat-mkt-header-glass-line: rgba(255, 255, 255, 0.10);
	--plat-mkt-stage-bg: #0F1D33;
	--plat-mkt-cta-bg: linear-gradient(135deg, #17243A 0%, #1C2C47 55%, #2A2614 100%);
	--plat-mkt-cta-text: #EEF2F8;
	--plat-mkt-cta-text-2: #C3CDDC;
	--plat-mkt-cta-ring: rgba(255, 255, 255, 0.08);
}

:root {
	--plat-mkt-font-display: 'Inter Tight', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	--plat-mkt-font-text: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	--plat-mkt-type-hero: 600 clamp(42px, 2.2rem + 3.6vw, 80px)/1.02 var(--plat-mkt-font-display);
	--plat-mkt-type-title: 600 clamp(40px, 2.2rem + 2.6vw, 68px)/1.05 var(--plat-mkt-font-display);
	--plat-mkt-type-h2: 600 clamp(32px, 1.6rem + 2.2vw, 56px)/1.08 var(--plat-mkt-font-display);
	--plat-mkt-type-h3: 600 24px/1.2 var(--plat-mkt-font-display);
	--plat-mkt-type-h4: 600 20px/1.3 var(--plat-mkt-font-display);
	--plat-mkt-type-lead: 400 clamp(18px, 1.05rem + 0.3vw, 21px)/1.55 var(--plat-mkt-font-text);
	--plat-mkt-type-body: 400 17px/1.65 var(--plat-mkt-font-text);
	--plat-mkt-type-small: 400 15px/1.55 var(--plat-mkt-font-text);
	--plat-mkt-type-overline: 600 13px/1.2 var(--plat-mkt-font-text);
	--plat-mkt-type-price: 600 46px/1 var(--plat-mkt-font-display);
	--plat-mkt-type-stat: 600 52px/1 var(--plat-mkt-font-display);
	--plat-mkt-ls-display: -0.02em;
	--plat-mkt-ls-overline: 0.08em;
	--plat-mkt-measure: 62ch;
	--plat-mkt-content: 1320px;
	--plat-mkt-gutter: 16px;
	--plat-mkt-section-y: 72px;
	--plat-mkt-gap: 24px;
	--plat-mkt-header-top: 12px;
	--plat-mkt-header-h: 64px;
	--plat-mkt-header-space: 112px;
	--plat-mkt-header-stage-glass: rgba(10, 18, 32, 0.66);
	--plat-mkt-header-stage-line: rgba(255, 255, 255, 0.18);
	--plat-mkt-header-stage-hover: rgba(255, 255, 255, 0.12);
	--plat-mkt-radius: 24px;
	--plat-mkt-radius-picture: 20px;
	--plat-mkt-rise: 18px;
	--plat-mkt-lift: 3px;
	--plat-mkt-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
	--plat-mkt-control-h: 48px;
	--plat-mkt-band-text: #F3F5F9;
	--plat-mkt-band-text-2: rgba(243, 245, 249, 0.72);
	--plat-mkt-band-border: rgba(255, 255, 255, 0.12);
	--plat-mkt-frame-bar: #EEF1F5;
	--plat-mkt-frame-dot: #C9D0DA;
	--plat-mkt-stage-wash: linear-gradient(90deg, rgba(7, 15, 30, 0.66) 0%, rgba(7, 15, 30, 0.42) 34%, rgba(7, 15, 30, 0) 58%);
	--plat-mkt-stage-fade: linear-gradient(180deg, var(--plat-mkt-stage-bg) 0%, rgba(15, 29, 51, 0) 100%);
}

[data-bs-theme="dark"] {
	--plat-mkt-frame-bar: #17243A;
	--plat-mkt-frame-dot: #33456A;
}

@media (min-width: 768px) {
	:root {
		--plat-mkt-gutter: 32px;
		--plat-mkt-section-y: 104px;
		--plat-mkt-header-top: 16px;
		--plat-mkt-header-space: 128px;
	}
}

@media (min-width: 1200px) {
	:root {
		--plat-mkt-gutter: 40px;
		--plat-mkt-section-y: 136px;
	}
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--plat-mkt-rise: 0px;
		--plat-mkt-lift: 0px;
	}
}

/* Page */
html:has(body.plat-mkt) { scroll-padding-top: 96px; }

.plat-mkt {
	background: var(--plat-mkt-page, var(--plat-surface));
	color: var(--plat-text);
	font: var(--plat-mkt-type-body);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}

.plat-mkt :where(h1, h2, h3, h4) { color: inherit; margin: 0; }
.plat-mkt :where(p) { margin: 0; }

.plat-mkt a:not(.btn):not(.plat-mkt-ibtn) {
	color: var(--plat-link);
	text-underline-offset: 3px;
}

.plat-mkt :focus-visible {
	outline: 3px solid var(--plat-focus);
	outline-offset: 2px;
}

.plat-mkt-skip {
	position: absolute;
	left: var(--plat-mkt-gutter);
	top: -100px;
	z-index: 1100;
	padding: 12px 16px;
	background: var(--plat-action);
	color: var(--plat-on-action) !important;
	border-radius: 10px;
}

.plat-mkt-skip:focus { top: 12px; }

.plat-mkt-container {
	width: 100%;
	max-width: calc(var(--plat-mkt-content) + 2 * var(--plat-mkt-gutter));
	margin-inline: auto;
	padding-inline: var(--plat-mkt-gutter);
}

/* Type */
.plat-mkt-hero-title,
.plat-mkt-title,
.plat-mkt-h2,
.plat-mkt-h3,
.plat-mkt-h4 {
	letter-spacing: var(--plat-mkt-ls-display);
	margin: 0;
	text-wrap: balance;
}

.plat-mkt-hero-title { font: var(--plat-mkt-type-hero); letter-spacing: var(--plat-mkt-ls-display); }
.plat-mkt-title { font: var(--plat-mkt-type-title); letter-spacing: var(--plat-mkt-ls-display); }
.plat-mkt-h2 { font: var(--plat-mkt-type-h2); letter-spacing: var(--plat-mkt-ls-display); }
.plat-mkt-h3 { font: var(--plat-mkt-type-h3); letter-spacing: var(--plat-mkt-ls-display); }
.plat-mkt-h4 { font: var(--plat-mkt-type-h4); letter-spacing: -0.01em; }

.plat-mkt-overline {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font: var(--plat-mkt-type-overline);
	letter-spacing: var(--plat-mkt-ls-overline);
	text-transform: uppercase;
	color: var(--plat-text-2);
	margin: 0 0 16px;
}

.plat-mkt-overline::before {
	content: '';
	width: 24px;
	height: 2px;
	border-radius: 2px;
	background: var(--plat-mkt-mark);
}

.plat-mkt-lead {
	font: var(--plat-mkt-type-lead);
	color: var(--plat-text-2);
	max-width: var(--plat-mkt-measure);
	margin: 20px 0 0;
	text-wrap: pretty;
}

.plat-mkt-text {
	color: var(--plat-text-2);
	max-width: var(--plat-mkt-measure);
	margin: 12px 0 0;
}

.plat-mkt-small { font: var(--plat-mkt-type-small); color: var(--plat-text-2); }
.plat-mkt-center { text-align: center; }
.plat-mkt-center .plat-mkt-lead,
.plat-mkt-center .plat-mkt-text { margin-inline: auto; }

/* Buttons: pills in the kit's action colours (the same roles plat_layout.css maps), without loading the app layout. */
.plat-mkt .btn-primary {
	--bs-btn-color: var(--plat-on-action);
	--bs-btn-bg: var(--plat-action);
	--bs-btn-border-color: var(--plat-action);
	--bs-btn-hover-color: var(--plat-on-action);
	--bs-btn-hover-bg: var(--plat-action-hover);
	--bs-btn-hover-border-color: var(--plat-action-hover);
	--bs-btn-active-color: var(--plat-on-action);
	--bs-btn-active-bg: var(--plat-action-press);
	--bs-btn-active-border-color: var(--plat-action-press);
	--bs-btn-disabled-color: var(--plat-on-action);
	--bs-btn-disabled-bg: var(--plat-action);
	--bs-btn-disabled-border-color: var(--plat-action);
	--bs-btn-focus-shadow-rgb: 0, 0, 0;
}

.plat-mkt .btn-outline-secondary {
	--bs-btn-color: var(--plat-text);
	--bs-btn-bg: transparent;
	--bs-btn-border-color: var(--plat-border-strong);
	--bs-btn-hover-color: var(--plat-text);
	--bs-btn-hover-bg: transparent;
	--bs-btn-hover-border-color: var(--plat-text);
	--bs-btn-active-color: var(--plat-text);
	--bs-btn-active-bg: var(--plat-pressed);
	--bs-btn-active-border-color: var(--plat-text);
}

.plat-mkt .btn-link {
	--bs-btn-color: var(--plat-text);
	--bs-btn-hover-color: var(--plat-link);
	--bs-btn-active-color: var(--plat-link);
	text-decoration: none;
}

/* On a photo or a dark band: white main button with ink text, white outline second button. */
.plat-mkt .btn-light.plat-mkt-btn {
	--bs-btn-color: #0E1A30;
	--bs-btn-bg: #FFFFFF;
	--bs-btn-border-color: #FFFFFF;
	--bs-btn-hover-color: #0E1A30;
	--bs-btn-hover-bg: #F1F4F9;
	--bs-btn-hover-border-color: #F1F4F9;
	--bs-btn-active-color: #0E1A30;
	--bs-btn-active-bg: #E3E8F0;
	--bs-btn-active-border-color: #E3E8F0;
}

.plat-mkt .btn-outline-light.plat-mkt-btn {
	--bs-btn-color: #FFFFFF;
	--bs-btn-border-color: rgba(255, 255, 255, 0.55);
	--bs-btn-hover-color: #FFFFFF;
	--bs-btn-hover-bg: rgba(255, 255, 255, 0.10);
	--bs-btn-hover-border-color: #FFFFFF;
	--bs-btn-active-color: #FFFFFF;
	--bs-btn-active-bg: rgba(255, 255, 255, 0.16);
	--bs-btn-active-border-color: #FFFFFF;
}

.plat-mkt .btn.plat-mkt-btn {
	min-height: var(--plat-mkt-control-h);
	padding: 0 26px;
	font: 600 16px/1 var(--plat-mkt-font-text);
	border-width: 1.5px;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	white-space: nowrap;
	transition: background-color var(--plat-dur-state) var(--plat-ease), border-color var(--plat-dur-state) var(--plat-ease), color var(--plat-dur-state) var(--plat-ease), box-shadow var(--plat-dur-state) var(--plat-ease);
}

.plat-mkt .btn-primary.plat-mkt-btn:hover { box-shadow: 0 6px 18px rgba(10, 30, 60, 0.18); }

.plat-mkt .btn.plat-mkt-btn--sm {
	min-height: 44px;
	padding: 0 20px;
	font-size: 15px;
}

.plat-mkt-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 32px;
	align-items: center;
}

.plat-mkt-center .plat-mkt-actions { justify-content: center; }

.plat-mkt-note {
	font: var(--plat-mkt-type-small);
	color: var(--plat-text-2);
	margin: 16px 0 0;
}

@media (max-width: 575.98px) {
	.plat-mkt-actions .btn.plat-mkt-btn { width: 100%; }
}

/* Icon buttons: 44 px circles, the icon in the ink colour, a soft tint on hover and focus. */
.plat-mkt-ibtn {
	display: inline-grid;
	place-items: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: var(--plat-text);
	line-height: 0;
	cursor: pointer;
	text-decoration: none;
	transition: background-color var(--plat-dur-state) var(--plat-ease);
}

.plat-mkt-ibtn:hover,
.plat-mkt-ibtn:focus-visible { background: var(--plat-hover); color: var(--plat-text); }
.plat-mkt-ibtn svg { width: 20px; height: 20px; display: block; }

/* Colour-mode button: the moon shows in light mode, the sun in dark mode. */
.plat-mkt-mode .plat-mkt-mode__sun { display: none; }
[data-bs-theme="dark"] .plat-mkt-mode .plat-mkt-mode__sun { display: block; }
[data-bs-theme="dark"] .plat-mkt-mode .plat-mkt-mode__moon { display: none; }

/* Forms on a marketing page: kit field roles, marketing size. */
.plat-mkt .form-label { font: 600 15px/1.4 var(--plat-mkt-font-text); color: var(--plat-text); margin-bottom: 8px; }
.plat-mkt .form-label .plat-mkt-optional { font-weight: 400; color: var(--plat-text-2); }
.plat-mkt .form-control,
.plat-mkt .form-select {
	min-height: var(--plat-mkt-control-h);
	font: 400 16px/1.5 var(--plat-mkt-font-text);
	color: var(--plat-text);
	background-color: var(--plat-field);
	border: 1px solid var(--plat-border-strong);
	border-radius: 12px;
}
.plat-mkt .form-control:focus,
.plat-mkt .form-select:focus { border-color: var(--plat-focus); box-shadow: 0 0 0 3px var(--plat-action-tint); }
.plat-mkt .form-control.is-invalid,
.plat-mkt .form-select.is-invalid { border-color: var(--plat-danger); }
.plat-mkt .invalid-feedback { font: var(--plat-mkt-type-small); color: var(--plat-danger); }
.plat-mkt-form { display: grid; gap: 20px; }
.plat-mkt-alert {
	padding: 16px 20px;
	border-radius: 14px;
	border: 1px solid var(--plat-border);
	background: var(--plat-surface);
	color: var(--plat-text);
	font: var(--plat-mkt-type-small);
}
.plat-mkt-alert--ok { border-color: var(--plat-action); background: var(--plat-action-tint); }
.plat-mkt-alert--error { border-color: var(--plat-danger); }

/* Emailed code (plat_EmailCodeFlow): the large code field, its clock and the quiet actions under it. */
.plat-mkt .form-control.plat-mkt-code {
	max-width: 14rem;
	font: var(--plat-mkt-type-h3);
	letter-spacing: 0.3em;
	text-align: center;
	font-variant-numeric: tabular-nums;
}
.plat-mkt-code-clock {
	margin: 8px 0 0;
	font: var(--plat-mkt-type-small);
	color: var(--plat-text-2);
	font-variant-numeric: tabular-nums;
}
.plat-mkt-code-clock.is-expired { color: var(--plat-danger); }
.plat-mkt-code-acts {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 20px;
	margin-top: 16px;
}
.plat-mkt-code-acts form { margin: 0; }
@media (max-width: 575.98px) {
	.plat-mkt .form-control.plat-mkt-code { max-width: none; }
}

/* Floating header: fixed, rounded, a three-column grid (menu, lockup, actions). */
.plat-mkt-header {
	position: fixed;
	z-index: 1030;
	top: var(--plat-mkt-header-top);
	left: 0;
	right: 0;
	padding: 0 12px;
	pointer-events: none;
}

@media (min-width: 768px) {
	.plat-mkt-header { padding: 0 20px; }
}

.plat-mkt-header__bar {
	pointer-events: auto;
	max-width: 1400px;
	height: var(--plat-mkt-header-h);
	margin: 0 auto;
	padding: 0 10px;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	background: var(--plat-mkt-header-glass);
	-webkit-backdrop-filter: blur(18px) saturate(160%);
	backdrop-filter: blur(18px) saturate(160%);
	border: 1px solid var(--plat-mkt-header-glass-line);
	border-radius: 18px;
	box-shadow: var(--plat-shadow-md);
	transition: box-shadow 300ms var(--plat-mkt-ease), background-color 300ms var(--plat-mkt-ease), border-color 300ms var(--plat-mkt-ease);
}

.plat-mkt-header.is-scrolled .plat-mkt-header__bar { box-shadow: var(--plat-shadow-lg); }

/* Over the full-bleed stage, until the first 8 px of scroll: dark glass, white text and icons, white Start free pill.
   Same in light and dark mode (the photo is the same). Never under forced colours. */
@media (forced-colors: none) {
	.plat-mkt:has(.plat-mkt-stage) .plat-mkt-header:not(.is-scrolled) .plat-mkt-header__bar {
		background: var(--plat-mkt-header-stage-glass);
		border-color: var(--plat-mkt-header-stage-line);
		box-shadow: none;
	}
	.plat-mkt:has(.plat-mkt-stage) .plat-mkt-header:not(.is-scrolled) .plat-mkt-menu-btn,
	.plat-mkt:has(.plat-mkt-stage) .plat-mkt-header:not(.is-scrolled) .plat-mkt-ibtn { color: #FFFFFF; }
	.plat-mkt:has(.plat-mkt-stage) .plat-mkt-header:not(.is-scrolled) .plat-mkt-menu-btn:hover,
	.plat-mkt:has(.plat-mkt-stage) .plat-mkt-header:not(.is-scrolled) .plat-mkt-menu-btn:focus-visible,
	.plat-mkt:has(.plat-mkt-stage) .plat-mkt-header:not(.is-scrolled) .plat-mkt-ibtn:hover,
	.plat-mkt:has(.plat-mkt-stage) .plat-mkt-header:not(.is-scrolled) .plat-mkt-ibtn:focus-visible { background: var(--plat-mkt-header-stage-hover); color: #FFFFFF; }
	.plat-mkt:has(.plat-mkt-stage) .plat-mkt-header:not(.is-scrolled) :focus-visible { outline-color: #FFFFFF; }
	.plat-mkt:has(.plat-mkt-stage) .plat-mkt-header:not(.is-scrolled) .btn-primary.plat-mkt-btn {
		--bs-btn-color: #0E1A30;
		--bs-btn-bg: #FFFFFF;
		--bs-btn-border-color: #FFFFFF;
		--bs-btn-hover-color: #0E1A30;
		--bs-btn-hover-bg: #F1F4F9;
		--bs-btn-hover-border-color: #F1F4F9;
		--bs-btn-active-color: #0E1A30;
		--bs-btn-active-bg: #E3E8F0;
		--bs-btn-active-border-color: #E3E8F0;
	}
}

@media (forced-colors: none) and (min-width: 480px) {
	.plat-mkt:has(.plat-mkt-stage) .plat-mkt-header:not(.is-scrolled) .plat-mkt-header__brand .plat-mkt-logo--light { display: none !important; }
	.plat-mkt:has(.plat-mkt-stage) .plat-mkt-header:not(.is-scrolled) .plat-mkt-header__brand .plat-mkt-logo--ondark:not(.plat-mkt-symbol) { display: block !important; }
}

@media (forced-colors: none) and (max-width: 479.98px) {
	.plat-mkt:has(.plat-mkt-stage) .plat-mkt-header:not(.is-scrolled) .plat-mkt-header__brand .plat-mkt-symbol.plat-mkt-logo--light { display: none !important; }
	.plat-mkt:has(.plat-mkt-stage) .plat-mkt-header:not(.is-scrolled) .plat-mkt-header__brand .plat-mkt-symbol.plat-mkt-logo--ondark { display: block !important; }
}

/* A solid header where glass cannot be drawn or is not wanted. */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	.plat-mkt-header__bar { background: var(--plat-mkt-header-bg); }
	.plat-mkt:has(.plat-mkt-stage) .plat-mkt-header:not(.is-scrolled) .plat-mkt-header__bar { background: var(--plat-mkt-stage-bg); }
}

@media (prefers-reduced-transparency: reduce) {
	.plat-mkt-header__bar { background: var(--plat-mkt-header-bg); -webkit-backdrop-filter: none; backdrop-filter: none; }
	.plat-mkt:has(.plat-mkt-stage) .plat-mkt-header:not(.is-scrolled) .plat-mkt-header__bar { background: var(--plat-mkt-stage-bg); }
}

@media (forced-colors: active) {
	.plat-mkt-header__bar { background: Canvas; color: CanvasText; border-color: CanvasText; -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: none; }
}
.plat-mkt-header__start { display: flex; align-items: center; }
.plat-mkt-header__brand { display: block; line-height: 0; padding: 8px; }
.plat-mkt-header__brand img { height: 28px; width: auto; }
.plat-mkt-header__end { display: flex; align-items: center; justify-content: flex-end; gap: 4px; }
.plat-mkt-header__end .btn.plat-mkt-btn { margin-left: 6px; }

.plat-mkt-menu-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 44px;
	padding: 0 14px 0 12px;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: var(--plat-text);
	font: 600 15px/1 var(--plat-mkt-font-text);
	cursor: pointer;
	transition: background-color var(--plat-dur-state) var(--plat-ease);
}

.plat-mkt-menu-btn:hover,
.plat-mkt-menu-btn:focus-visible { background: var(--plat-hover); }
.plat-mkt-menu-btn svg { width: 22px; height: 22px; display: block; }

.plat-mkt-symbol { display: none !important; }

@media (max-width: 575.98px) {
	.plat-mkt-menu-btn { width: 44px; padding: 0; justify-content: center; }
	.plat-mkt-menu-btn span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}

@media (max-width: 479.98px) {
	html .plat-mkt-header .plat-mkt-header__brand img:not(.plat-mkt-symbol) { display: none !important; }
	[data-bs-theme="light"] .plat-mkt-header__brand .plat-mkt-symbol.plat-mkt-logo--light { display: block !important; }
	[data-bs-theme="dark"] .plat-mkt-header__brand .plat-mkt-symbol.plat-mkt-logo--ondark { display: block !important; }
	.plat-mkt-header__end .btn.plat-mkt-btn { padding: 0 16px; }
}

/* Menu panel: a native <dialog> from the left. */
.plat-mkt-menu {
	border: 0;
	padding: 0;
	margin: 0;
	width: min(420px, 100vw);
	max-width: 100vw;
	height: 100%;
	max-height: 100%;
	background: var(--plat-surface);
	color: var(--plat-text);
}

.plat-mkt-menu::backdrop { background: rgba(6, 12, 23, 0.5); }
.plat-mkt-menu[open] { animation: plat-mkt-menu-in 350ms var(--plat-mkt-ease); }
@keyframes plat-mkt-menu-in { from { transform: translateX(-24px); opacity: 0; } }
.plat-mkt-menu__in { display: flex; flex-direction: column; min-height: 100%; padding: 20px 24px 32px; }
.plat-mkt-menu__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.plat-mkt-menu__top img { height: 28px; width: auto; }
.plat-mkt-menu__nav { list-style: none; margin: 0; padding: 0; }
.plat-mkt-menu__nav a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 56px;
	border-bottom: 1px solid var(--plat-border);
	color: var(--plat-text) !important;
	text-decoration: none;
	font: 600 18px/1.3 var(--plat-mkt-font-display);
	letter-spacing: -0.01em;
}

.plat-mkt-menu__nav a:hover,
.plat-mkt-menu__nav a[aria-current="page"] { color: var(--plat-link) !important; }
.plat-mkt-menu__nav svg { width: 18px; height: 18px; color: var(--plat-text-2); }
.plat-mkt-menu__foot { margin-top: auto; padding-top: 32px; display: grid; gap: 12px; }
.plat-mkt-menu__foot .btn.plat-mkt-btn { width: 100%; }

/* Sections */
.plat-mkt-section { padding-block: var(--plat-mkt-section-y); background: var(--plat-mkt-page, var(--plat-surface)); }
.plat-mkt-section--tint { background: var(--plat-canvas); }
.plat-mkt-section--band { background: var(--plat-mkt-band); color: var(--plat-mkt-band-text); }
.plat-mkt-section--band .plat-mkt-h2,
.plat-mkt-section--band .plat-mkt-h3,
.plat-mkt-section--band .plat-mkt-h4 { color: #FFFFFF; }
.plat-mkt-section--band .plat-mkt-lead,
.plat-mkt-section--band .plat-mkt-text,
.plat-mkt-section--band .plat-mkt-small,
.plat-mkt-section--band .plat-mkt-note,
.plat-mkt-section--band .plat-mkt-overline { color: var(--plat-mkt-band-text-2); }
.plat-mkt-section--band a:not(.btn) { color: #FFFFFF; }

.plat-mkt-section-head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px 40px;
	margin-bottom: 48px;
}

.plat-mkt-section-head > div { max-width: 760px; }
.plat-mkt-section-head.plat-mkt-center { justify-content: center; }

/* Full-bleed stage (home hero): photo scenes under the floating header, text over the calm side. */
.plat-mkt-stage {
	position: relative;
	isolation: isolate;
	min-height: clamp(680px, 100svh, 960px);
	display: flex;
	align-items: center;
	color: #FFFFFF;
	overflow: hidden;
	background: var(--plat-mkt-stage-bg);
}

.plat-mkt-stage__media { position: absolute; inset: 0; z-index: -2; }
.plat-mkt-stage__media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 66% 50%;
	opacity: 0;
	transition: opacity 1400ms ease;
}

.plat-mkt-stage__media img.is-on { opacity: 1; }
.plat-mkt-stage::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: -1;
	background: var(--plat-mkt-stage-wash);
}

.plat-mkt-stage__text { position: relative; padding-top: 120px; padding-bottom: 96px; }
.plat-mkt-stage__text > div { max-width: 600px; }
.plat-mkt-stage .plat-mkt-overline { color: rgba(255, 255, 255, 0.82); }
.plat-mkt-stage .plat-mkt-overline::before { background: #FFFFFF; }
.plat-mkt-stage .plat-mkt-hero-title { color: #FFFFFF; margin-top: 2px; }
.plat-mkt-stage .plat-mkt-lead { color: rgba(255, 255, 255, 0.86); margin-top: 28px; max-width: 52ch; font-size: clamp(18px, 1.05rem + 0.35vw, 22px); }
.plat-mkt-stage .plat-mkt-note { color: rgba(255, 255, 255, 0.75); }

.plat-mkt-stage__ctl {
	position: absolute;
	right: var(--plat-mkt-gutter);
	bottom: 24px;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 6px 6px 6px 14px;
	border-radius: 999px;
	background: rgba(7, 15, 30, 0.45);
}

.plat-mkt-stage__dots { display: flex; gap: 6px; }
.plat-mkt-stage__dots span { width: 8px; height: 8px; border-radius: 99px; background: rgba(255, 255, 255, 0.45); transition: width 400ms var(--plat-mkt-ease), background-color 400ms; }
.plat-mkt-stage__dots span.is-on { width: 22px; background: #FFFFFF; }
.plat-mkt-stage__ctl .plat-mkt-ibtn { width: 44px; height: 44px; color: #FFFFFF; }
.plat-mkt-stage__ctl .plat-mkt-ibtn:hover,
.plat-mkt-stage__ctl .plat-mkt-ibtn:focus-visible { background: rgba(255, 255, 255, 0.15); color: #FFFFFF; }
.plat-mkt-stage__ctl .plat-mkt-ibtn svg { width: 16px; height: 16px; }
.plat-mkt-stage__play { display: none !important; }
.plat-mkt-stage__ctl.is-paused .plat-mkt-stage__play { display: block !important; }
.plat-mkt-stage__ctl.is-paused .plat-mkt-stage__pause { display: none !important; }

@media (max-width: 767.98px) {
	.plat-mkt-stage { flex-direction: column; align-items: stretch; min-height: 0; }
	.plat-mkt-stage::after { display: none; }
	.plat-mkt-stage__text { order: 1; padding-top: 112px; padding-bottom: 8px; }
	.plat-mkt-stage__media { order: 2; position: relative; inset: auto; z-index: 0; aspect-ratio: 4 / 3.4; margin-top: 8px; }
	.plat-mkt-stage__media img { object-position: 76% 60%; }
	.plat-mkt-stage__media::after { content: ''; position: absolute; inset: 0 0 auto 0; height: 38%; z-index: 1; background: var(--plat-mkt-stage-fade); }
	.plat-mkt-stage .plat-mkt-actions .btn.plat-mkt-btn { width: 100%; }
	.plat-mkt-stage__ctl { bottom: 16px; }
}

/* Page hero for inner pages: clears the floating header. */
.plat-mkt-hero { padding-top: var(--plat-mkt-header-space); padding-bottom: 0; background: var(--plat-mkt-page, var(--plat-surface)); overflow: hidden; }
.plat-mkt-hero__copy { max-width: 880px; margin-inline: auto; text-align: center; padding-top: 24px; }
.plat-mkt-hero__copy .plat-mkt-lead { margin-inline: auto; }
.plat-mkt-hero__copy .plat-mkt-actions { justify-content: center; }
.plat-mkt-hero__picture { position: relative; margin-top: 64px; padding-inline: var(--plat-mkt-gutter); }
.plat-mkt-hero__picture::before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 55%; background: var(--plat-canvas); }
.plat-mkt-hero__picture > * { position: relative; max-width: var(--plat-mkt-content); margin-inline: auto; }
.plat-mkt-page-head { padding-block: calc(var(--plat-mkt-header-space) + 24px) calc(var(--plat-mkt-section-y) * 0.5); background: var(--plat-mkt-page, var(--plat-surface)); }
.plat-mkt-page-head + .plat-mkt-section { padding-top: 0; }

/* Picture frames */
.plat-mkt-frame {
	border-radius: var(--plat-mkt-radius-picture);
	overflow: hidden;
	background: var(--plat-surface);
	border: 1px solid var(--plat-border);
	box-shadow: var(--plat-shadow-lg);
}

.plat-mkt-frame__bar { display: flex; align-items: center; gap: 8px; height: 36px; padding: 0 16px; background: var(--plat-mkt-frame-bar); border-bottom: 1px solid var(--plat-border); }
.plat-mkt-frame__bar span { width: 10px; height: 10px; border-radius: 50%; background: var(--plat-mkt-frame-dot); }
.plat-mkt-frame img { display: block; width: 100%; height: auto; }
.plat-mkt-frame__dark { display: none !important; }
[data-bs-theme="dark"] .plat-mkt-frame__dark { display: block !important; }
[data-bs-theme="dark"] .plat-mkt-frame__light { display: none !important; }

/* Split rows: copy beside a picture */
.plat-mkt-split { display: grid; gap: 40px; align-items: center; }
.plat-mkt-split + .plat-mkt-split { margin-top: var(--plat-mkt-section-y); }

@media (min-width: 992px) {
	.plat-mkt-split { grid-template-columns: 5fr 7fr; gap: 80px; }
	.plat-mkt-split--flip { grid-template-columns: 7fr 5fr; }
	.plat-mkt-split--flip > :first-child { order: 2; }
}

.plat-mkt-ticks { list-style: none; margin: 20px 0 0; padding: 0; display: grid; gap: 10px; }
.plat-mkt-ticks li { position: relative; padding-left: 32px; font: 400 16px/1.45 var(--plat-mkt-font-text); color: var(--plat-text); }
.plat-mkt-ticks li::before {
	content: '';
	position: absolute;
	left: 0;
	top: -1px;
	width: 22px;
	height: 22px;
	border-radius: 99px;
	background: var(--plat-action-tint);
}

.plat-mkt-ticks li::after {
	content: '';
	position: absolute;
	left: 7px;
	top: 5px;
	width: 9px;
	height: 5px;
	border-left: 2px solid var(--plat-link);
	border-bottom: 2px solid var(--plat-link);
	transform: rotate(-45deg);
}

/* Cards */
.plat-mkt-cards { display: grid; gap: var(--plat-mkt-gap); }
@media (min-width: 992px) { .plat-mkt-cards--3 { grid-template-columns: repeat(3, 1fr); } }

.plat-mkt-card {
	background: var(--plat-surface);
	border: 1px solid var(--plat-border);
	border-radius: var(--plat-mkt-radius);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: transform 300ms var(--plat-mkt-ease), box-shadow 300ms var(--plat-mkt-ease);
}

.plat-mkt-card:hover { transform: translateY(calc(-1 * var(--plat-mkt-lift))); box-shadow: var(--plat-shadow-lg); }
.plat-mkt-card__picture { position: relative; aspect-ratio: 4 / 3; background: var(--plat-canvas); overflow: hidden; }
.plat-mkt-card__picture > img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 22%; display: block; }
.plat-mkt-card__body { padding: 28px 28px 32px; }
.plat-mkt-card__step { display: block; font: var(--plat-mkt-type-overline); letter-spacing: var(--plat-mkt-ls-overline); text-transform: uppercase; color: var(--plat-mkt-mark); margin-bottom: 10px; }
.plat-mkt-card__body .plat-mkt-text { margin-top: 12px; }

/* Workflow diagrams: inline SVG coloured from tokens; they move once their card is in view. */
.plat-mkt-flow { position: absolute; inset: 0; width: 100%; height: 100%; }
.plat-mkt-flow .f-card { fill: var(--plat-surface); stroke: var(--plat-border); stroke-width: 1.5; }
.plat-mkt-flow .f-soft { fill: var(--plat-action-tint); }
.plat-mkt-flow .f-acc { fill: var(--plat-action); }
.plat-mkt-flow .f-on { fill: var(--plat-on-action); }
.plat-mkt-flow .f-mark { fill: var(--plat-mkt-mark); }
.plat-mkt-flow .f-line { fill: var(--plat-border); }
.plat-mkt-flow .f-path { fill: none; stroke: var(--plat-border); stroke-width: 2.5; stroke-linecap: round; }
.plat-mkt-flow .f-run { fill: none; stroke: var(--plat-link); stroke-width: 2.5; stroke-linecap: round; stroke-dasharray: 10 200; }
.plat-mkt-flow .f-ico { fill: none; stroke: var(--plat-link); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.plat-mkt-flow .f-ico-on { fill: none; stroke: var(--plat-on-action); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.plat-mkt-flow .f-txt { font: 600 13px var(--plat-mkt-font-text); fill: var(--plat-text); }
.plat-mkt-flow .f-txt-on { font: 600 13px var(--plat-mkt-font-text); fill: var(--plat-on-action); }
.plat-mkt-flow .f-sub { font: 500 11px var(--plat-mkt-font-text); fill: var(--plat-text-2); }
.plat-mkt-flow .b1, .plat-mkt-flow .b2, .plat-mkt-flow .b3, .plat-mkt-flow .b4 { transform-box: fill-box; transform-origin: center; }
.plat-mkt-js .plat-mkt-flow .b1, .plat-mkt-js .plat-mkt-flow .b2, .plat-mkt-js .plat-mkt-flow .b3, .plat-mkt-js .plat-mkt-flow .b4 { opacity: 0; }
.plat-mkt-js .is-in .plat-mkt-flow .b1, .plat-mkt-js .is-in .plat-mkt-flow .b2, .plat-mkt-js .is-in .plat-mkt-flow .b3, .plat-mkt-js .is-in .plat-mkt-flow .b4 { animation: plat-mkt-blk 7s var(--plat-mkt-ease) infinite; }
.plat-mkt-flow .b2 { animation-delay: 0.5s !important; }
.plat-mkt-flow .b3 { animation-delay: 1s !important; }
.plat-mkt-flow .b4 { animation-delay: 1.9s !important; }
@keyframes plat-mkt-blk { 0% { opacity: 0; transform: translateY(14px); } 8%, 86% { opacity: 1; transform: none; } 96%, 100% { opacity: 0; transform: none; } }
.plat-mkt-js .is-in .plat-mkt-flow .f-run { animation: plat-mkt-run 3.2s linear infinite; }
.plat-mkt-flow .r2 { animation-delay: 1.07s !important; }
.plat-mkt-flow .r3 { animation-delay: 2.14s !important; }
@keyframes plat-mkt-run { from { stroke-dashoffset: 210; } to { stroke-dashoffset: 0; } }
.plat-mkt-js .is-in .plat-mkt-flow .pulse { animation: plat-mkt-pulse 3.2s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }
@keyframes plat-mkt-pulse { 0%, 70%, 100% { transform: scale(1); } 80% { transform: scale(1.08); } }

/* Status cards floating over a photo. */
.plat-mkt-chip {
	position: absolute;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px 10px 10px;
	border-radius: 14px;
	background: var(--plat-surface);
	color: var(--plat-text);
	box-shadow: var(--plat-shadow-lg);
	font: 600 13px/1.25 var(--plat-mkt-font-text);
}

.plat-mkt-chip small { display: block; font-weight: 500; font-size: 12px; color: var(--plat-text-2); }
.plat-mkt-chip__icon { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--plat-action-tint); color: var(--plat-link); }
.plat-mkt-chip__icon svg { width: 16px; height: 16px; }
.plat-mkt-chip--done .plat-mkt-chip__icon { background: var(--plat-action); color: var(--plat-on-action); }
.plat-mkt-chip--1 { left: 5%; top: 9%; }
.plat-mkt-chip--2 { right: 5%; top: 40%; }
.plat-mkt-chip--3 { left: 8%; bottom: 9%; }
.plat-mkt-js .plat-mkt-chip { opacity: 0; transform: translateY(12px); transition: opacity 600ms var(--plat-mkt-ease), transform 600ms var(--plat-mkt-ease); }
.plat-mkt-js .is-in .plat-mkt-chip { opacity: 1; transform: none; animation: plat-mkt-bob 6s ease-in-out infinite; }
.plat-mkt-js .is-in .plat-mkt-chip--1 { transition-delay: 0.2s; }
.plat-mkt-js .is-in .plat-mkt-chip--2 { transition-delay: 0.6s; animation-delay: -2s; }
.plat-mkt-js .is-in .plat-mkt-chip--3 { transition-delay: 1s; animation-delay: -4s; }
@keyframes plat-mkt-bob { 0%, 100% { translate: 0 0; } 50% { translate: 0 -5px; } }

/* Steps or numbers on a band */
.plat-mkt-proof { display: grid; gap: 32px; margin: 0; padding: 0; list-style: none; }
@media (min-width: 768px) {
	.plat-mkt-proof { grid-template-columns: repeat(3, 1fr); gap: 0; }
	.plat-mkt-proof li + li { border-left: 1px solid var(--plat-mkt-band-border); }
	.plat-mkt-proof li { padding: 0 40px; }
	.plat-mkt-proof li:first-child { padding-left: 0; }
}
.plat-mkt-proof__value { display: block; font: 600 clamp(28px, 1.6rem + 1vw, 40px)/1.05 var(--plat-mkt-font-display); letter-spacing: var(--plat-mkt-ls-display); color: #FFFFFF; }
.plat-mkt-proof__label { display: block; margin-top: 12px; color: var(--plat-mkt-band-text-2); font: var(--plat-mkt-type-small); max-width: 32ch; }

/* Strengths: a statement beside a grid of tiles, on a band. */
.plat-mkt-strengths { display: grid; gap: 48px; }
@media (min-width: 992px) { .plat-mkt-strengths { grid-template-columns: 5fr 7fr; gap: 80px; align-items: start; } }
.plat-mkt-strengths__grid { display: grid; gap: 1px; background: var(--plat-mkt-band-border); border-radius: var(--plat-mkt-radius); overflow: hidden; }
@media (min-width: 576px) { .plat-mkt-strengths__grid { grid-template-columns: 1fr 1fr; } }
.plat-mkt-strengths__item { background: var(--plat-mkt-band); padding: 32px 28px; }
.plat-mkt-strengths__item .plat-mkt-strengths__big { font: var(--plat-mkt-type-stat); letter-spacing: -0.03em; color: #FFFFFF; }
.plat-mkt-strengths__icon { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 16px; background: rgba(255, 255, 255, 0.08); color: #FFFFFF; }
.plat-mkt-strengths__icon svg { width: 24px; height: 24px; }
.plat-mkt-strengths__item h3 { margin-top: 18px; font: var(--plat-mkt-type-h4); color: #FFFFFF; }
.plat-mkt-strengths__item p { margin-top: 8px; font: var(--plat-mkt-type-small); color: var(--plat-mkt-band-text-2); }

/* Price cards: a swipeable row under 768 px */
.plat-mkt-prices {
	display: grid;
	gap: 20px;
	grid-auto-flow: column;
	grid-auto-columns: 84%;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	padding: 16px var(--plat-mkt-gutter) 12px;
	margin-inline: calc(-1 * var(--plat-mkt-gutter));
	scrollbar-width: none;
}

.plat-mkt-prices > * { scroll-snap-align: center; }
@media (min-width: 768px) {
	.plat-mkt-prices { grid-auto-flow: row; grid-template-columns: repeat(2, 1fr); overflow: visible; padding: 16px 0 0; margin: 0; }
}
@media (min-width: 1200px) { .plat-mkt-prices { grid-template-columns: repeat(4, 1fr); } }

.plat-mkt-price {
	position: relative;
	background: var(--plat-surface);
	border: 1px solid var(--plat-border);
	border-radius: var(--plat-mkt-radius);
	padding: 28px;
	display: flex;
	flex-direction: column;
	transition: transform 300ms var(--plat-mkt-ease), box-shadow 300ms var(--plat-mkt-ease);
}

.plat-mkt-price:hover { transform: translateY(calc(-1 * var(--plat-mkt-lift))); box-shadow: var(--plat-shadow-lg); }
.plat-mkt-price--popular { border: 2px solid var(--plat-action); padding: 27px; }
.plat-mkt-price__ribbon {
	position: absolute;
	top: -13px;
	left: 26px;
	padding: 5px 12px;
	border-radius: 999px;
	border: 1px solid var(--plat-mkt-mark);
	background: var(--plat-mkt-mark-tint);
	color: var(--plat-text);
	font: 600 12px/1.2 var(--plat-mkt-font-text);
	letter-spacing: 0.04em;
}

.plat-mkt-price__name { font: 600 22px/1.25 var(--plat-mkt-font-display); letter-spacing: -0.01em; margin: 0; }
.plat-mkt-price__amount { margin: 18px 0 0; display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; }
.plat-mkt-price__amount strong { font: var(--plat-mkt-type-price); letter-spacing: -0.03em; color: var(--plat-text); }
.plat-mkt-price__amount span { color: var(--plat-text-2); font: var(--plat-mkt-type-small); }
.plat-mkt-price__year { font: 400 14px/1.5 var(--plat-mkt-font-text); color: var(--plat-text-2); margin: 8px 0 0; min-height: 21px; }
.plat-mkt-price .btn.plat-mkt-btn { margin-top: 22px; width: 100%; }
.plat-mkt-price__for { font: var(--plat-mkt-type-small); color: var(--plat-text-2); margin: 20px 0 0; }
.plat-mkt-price__specs { list-style: none; padding: 18px 0 0; margin: 18px 0 0; border-top: 1px solid var(--plat-border); display: grid; gap: 8px; font: var(--plat-mkt-type-small); color: var(--plat-text); }
.plat-mkt-price__specs li { position: relative; padding-left: 24px; }
.plat-mkt-price__specs li::before { content: ''; position: absolute; left: 2px; top: 0.5em; width: 10px; height: 5px; border-left: 2px solid var(--plat-link); border-bottom: 2px solid var(--plat-link); transform: rotate(-45deg); }
.plat-mkt-price__none { font: var(--plat-mkt-type-small); color: var(--plat-text-2); margin: 18px 0 0; }

/* Moving sample row: two copies of the list slide left; hover, focus or the pause button stop it. */
.plat-mkt-marquee {
	position: relative;
	overflow: hidden;
	margin-top: 8px;
	-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
	mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
}

.plat-mkt-marquee__track { display: flex; gap: 24px; width: max-content; padding: 12px 0 28px; }
.plat-mkt-js .plat-mkt-marquee__track { animation: plat-mkt-slide 70s linear infinite; }
.plat-mkt-marquee:hover .plat-mkt-marquee__track,
.plat-mkt-marquee:focus-within .plat-mkt-marquee__track,
.plat-mkt-marquee.is-paused .plat-mkt-marquee__track { animation-play-state: paused; }
@keyframes plat-mkt-slide { to { transform: translateX(calc(-50% - 12px)); } }
.plat-mkt-sample { flex: 0 0 auto; width: 300px; color: var(--plat-text) !important; text-decoration: none !important; }
@media (min-width: 768px) { .plat-mkt-sample { width: 360px; } }
.plat-mkt-sample__shot { border-radius: 18px; overflow: hidden; border: 1px solid var(--plat-border); box-shadow: var(--plat-shadow-md); background: var(--plat-canvas); }
.plat-mkt-sample__shot img { display: block; width: 100%; height: auto; aspect-ratio: 1280 / 1440; object-fit: cover; object-position: top; }
.plat-mkt-sample__cap { margin-top: 14px; display: flex; justify-content: space-between; gap: 12px; font: var(--plat-mkt-type-small); }
.plat-mkt-sample__cap b { font-weight: 600; }
.plat-mkt-sample__cap span { color: var(--plat-text-2); }

/* Closing call: a light panel from the colour set's soft tones. */
.plat-mkt-cta {
	position: relative;
	overflow: hidden;
	display: grid;
	gap: 28px;
	padding: clamp(48px, 6vw, 88px) clamp(24px, 6vw, 88px);
	border-radius: 32px;
	background: var(--plat-mkt-cta-bg);
	color: var(--plat-mkt-cta-text);
}

@media (min-width: 992px) { .plat-mkt-cta { grid-template-columns: 1fr auto; align-items: center; } }
.plat-mkt-cta::before {
	content: '';
	position: absolute;
	width: 520px;
	height: 520px;
	right: -140px;
	top: -220px;
	border-radius: 50%;
	border: 1px solid var(--plat-mkt-cta-ring);
	box-shadow: 0 0 0 80px var(--plat-mkt-cta-ring), 0 0 0 160px var(--plat-mkt-cta-ring);
	opacity: 0.5;
}

.plat-mkt-cta .plat-mkt-h2 { color: var(--plat-mkt-cta-text); }
.plat-mkt-cta .plat-mkt-lead { color: var(--plat-mkt-cta-text-2); margin-top: 14px; }
.plat-mkt-cta .plat-mkt-actions { position: relative; margin-top: 0; }

/* Footer */
.plat-mkt-footer { padding-block: 72px 40px; border-top: 1px solid var(--plat-border); background: var(--plat-mkt-page, var(--plat-surface)); font: var(--plat-mkt-type-small); color: var(--plat-text-2); }
.plat-mkt-footer__top { display: grid; gap: 40px; }
@media (min-width: 768px) { .plat-mkt-footer__top { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1200px) { .plat-mkt-footer__top { grid-template-columns: 1.6fr repeat(4, 1fr); } }
.plat-mkt-footer__brand img { height: 28px; width: auto; display: block; }
.plat-mkt-footer__brand p { margin: 16px 0 0; max-width: 34ch; }
.plat-mkt-footer h2 { font: var(--plat-mkt-type-overline); letter-spacing: var(--plat-mkt-ls-overline); text-transform: uppercase; color: var(--plat-text-2); margin: 0 0 14px; }
.plat-mkt-footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.plat-mkt-footer li a { display: inline-flex; align-items: center; min-height: 36px; color: var(--plat-text) !important; text-decoration: none; }
.plat-mkt-footer li a:hover { color: var(--plat-link) !important; text-decoration: underline; }
.plat-mkt-footer__bottom { margin-top: 56px; padding-top: 24px; border-top: 1px solid var(--plat-border); display: flex; flex-wrap: wrap; gap: 8px 24px; justify-content: space-between; }
@media (max-width: 767.98px) { .plat-mkt-footer li a { min-height: 44px; min-width: 44px; } }

/* Reveal: content shows without JS; the kit script adds .plat-mkt-js to <html> before first paint. */
.plat-mkt-js .plat-mkt-reveal { opacity: 0; transform: translateY(var(--plat-mkt-rise)); transition: opacity 700ms var(--plat-mkt-ease), transform 700ms var(--plat-mkt-ease); }
.plat-mkt-js .plat-mkt-reveal.is-in { opacity: 1; transform: none; }
.plat-mkt-js .plat-mkt-reveal--d1 { transition-delay: 80ms; }
.plat-mkt-js .plat-mkt-reveal--d2 { transition-delay: 160ms; }

@media (prefers-reduced-motion: reduce) {
	.plat-mkt-js .plat-mkt-reveal { opacity: 1; transform: none; transition: none; }
	.plat-mkt-js .plat-mkt-marquee__track { animation: none; padding-inline: var(--plat-mkt-gutter); }
	.plat-mkt-marquee { overflow-x: auto; -webkit-mask-image: none; mask-image: none; }
	.plat-mkt-js .plat-mkt-flow .b1, .plat-mkt-js .plat-mkt-flow .b2, .plat-mkt-js .plat-mkt-flow .b3, .plat-mkt-js .plat-mkt-flow .b4 { opacity: 1; animation: none !important; }
	.plat-mkt-js .plat-mkt-flow .f-run, .plat-mkt-js .plat-mkt-flow .pulse { animation: none !important; }
	.plat-mkt-js .plat-mkt-chip { opacity: 1; transform: none; transition: none; animation: none !important; }
	.plat-mkt-stage__media img { transition: none; }
	.plat-mkt-menu[open] { animation: none; }
	.plat-mkt-card, .plat-mkt-price, .plat-mkt-header__bar { transition: none; }
}

/* Brand lockup: the light file on light surfaces, the on-dark file in dark mode. */
.plat-mkt-logo--ondark { display: none !important; }
[data-bs-theme="dark"] .plat-mkt-logo--light { display: none !important; }
[data-bs-theme="dark"] .plat-mkt-logo--ondark:not(.plat-mkt-symbol) { display: block !important; }

/* Two columns: a form card and a side note. */
.plat-mkt-columns { display: grid; gap: var(--plat-mkt-gap); align-items: start; }
@media (min-width: 992px) { .plat-mkt-columns { grid-template-columns: 7fr 4fr; gap: 64px; } }
.plat-mkt-panel { background: var(--plat-surface); border: 1px solid var(--plat-border); border-radius: var(--plat-mkt-radius); padding: 24px; }
@media (min-width: 768px) { .plat-mkt-panel { padding: 40px; } }
.plat-mkt-panel--quiet { background: var(--plat-canvas); }

/* Not-found block */
.plat-mkt-links { list-style: none; display: flex; flex-wrap: wrap; gap: 8px 24px; padding: 0; margin: 32px 0 0; justify-content: center; }
.plat-mkt-links a { display: inline-flex; align-items: center; min-height: 44px; }