/*!
 * Analytecha Site — "Human Precision" design system v0.1.0
 * Scope: every rule applies only under body.ax-page (pages with meta _ax_page = 1).
 * Spacing/layout rules use :where(.ax-page) so per-element Elementor settings still win.
 * Fonts: Instrument Serif, Inter Tight, JetBrains Mono (SIL OFL 1.1, self-hosted).
 */

/* ---------- Fonts ---------- */
@font-face { font-family: "Instrument Serif"; src: url("../fonts/instrument-serif-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Instrument Serif"; src: url("../fonts/instrument-serif-400-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Inter Tight"; src: url("../fonts/inter-tight-var.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("../fonts/jetbrains-mono-var.woff2") format("woff2"); font-weight: 100 800; font-style: normal; font-display: swap; }

/* ---------- Tokens ---------- */
body.ax-page {
	/* Brand palette (Phase 6C). Use as tokens, never ad hoc. */
	--ax-navy: #061A2C;        /* Deep Navy: primary dark canvas */
	--ax-ocean: #0D2940;       /* Ocean Blue: dark surfaces, cards */
	--ax-cyan: #00C8E8;        /* Electric Cyan: accent on dark; decorative only on light (1.86:1) */
	--ax-ice: #C8E9F4;         /* Ice Blue: primary text on dark, tints on light */
	--ax-soft-white: #F4F6F8;  /* Soft White: light canvas, headings on dark */
	/* Derived support tokens (contrast-checked, see docs/BRAND-TOKENS.md) */
	--ax-ocean-raised: #12334F;            /* raised dark surface */
	--ax-ocean-line: #1E4260;              /* solid divider on dark */
	--ax-muted-dark: #93ADC0;              /* secondary text on dark: 7.53:1 navy, 6.38:1 ocean */
	--ax-slate: #4A5D70;                   /* secondary text on light: 6.27:1 */
	--ax-cyan-deep: #00708A;               /* accent text/links on light: 5.26:1 */
	--ax-white: #FFFFFF;                   /* light cards */
	--ax-mist-light: #E6EDF2;              /* light surface tint */
	--ax-warn: #FF8A5B;                    /* data-visualization only: "ungoverned signal" */
	--ax-warn-deep: #A63D14;               /* draft/warning notices on light */

	/* Legacy aliases used throughout the stylesheet (kept so every rule follows the brand tokens) */
	--ax-obsidian: var(--ax-navy);
	--ax-ink: var(--ax-ocean);
	--ax-ink-2: var(--ax-ocean-raised);
	--ax-graphite: var(--ax-ocean-line);
	--ax-line: rgba(200, 233, 244, 0.14);
	--ax-line-strong: rgba(200, 233, 244, 0.28);
	--ax-mist: var(--ax-muted-dark);
	--ax-fog: var(--ax-ice);
	--ax-paper: var(--ax-soft-white);
	--ax-paper-2: var(--ax-mist-light);
	--ax-paper-line: rgba(6, 26, 44, 0.12);
	--ax-paper-ink: var(--ax-navy);
	--ax-paper-muted: var(--ax-slate);
	--ax-signal: var(--ax-cyan);
	--ax-signal-soft: rgba(0, 200, 232, 0.14);
	--ax-signal-deep: var(--ax-cyan-deep);
	--ax-ember: var(--ax-warn);
	--ax-ember-deep: var(--ax-warn-deep);
	--ax-serif: "Instrument Serif", "Iowan Old Style", "Times New Roman", serif;
	--ax-sans: "Inter Tight", "Segoe UI", system-ui, -apple-system, sans-serif;
	--ax-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

	--ax-gutter: clamp(20px, 5vw, 72px);
	--ax-section-y: clamp(96px, 13vw, 184px);
	--ax-radius: 14px;
	--ax-ease: cubic-bezier(0.2, 0.7, 0.1, 1);
	--ax-fast: 180ms;
	--ax-mid: 420ms;
	--ax-slow: 900ms;

	/* Elementor container defaults inside the scope */
	--container-max-width: 1320px;
	--container-default-padding-top: 0px;
	--container-default-padding-right: 0px;
	--container-default-padding-bottom: 0px;
	--container-default-padding-left: 0px;
	--widgets-spacing: 0px;
	--widgets-spacing-row: 0px;
	--widgets-spacing-column: 0px;
	--kit-widget-spacing: 0px;

	margin: 0;
	background: var(--ax-obsidian);
	color: var(--ax-fog);
	font-family: var(--ax-sans);
	font-size: 17px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	overflow-x: clip;
}

.ax-page ::selection { background: var(--ax-signal); color: var(--ax-obsidian); }
.ax-page *:focus-visible { outline: 2px solid var(--ax-signal); outline-offset: 3px; border-radius: 4px; }
.ax-page .ax-paper *:focus-visible { outline-color: var(--ax-signal-deep); }
html:has(body.ax-page) { scroll-behavior: smooth; scroll-padding-top: 84px; }

/* Skip link */
.ax-page .ax-skip {
	position: fixed; left: 16px; top: -60px; z-index: 1000;
	padding: 10px 16px; border-radius: 999px;
	background: var(--ax-signal); color: var(--ax-obsidian);
	font: 600 14px/1 var(--ax-sans); text-decoration: none;
	transition: top var(--ax-fast) var(--ax-ease);
}
.ax-page .ax-skip:focus { top: 16px; }

/* Neutralise Elementor kit/global defaults inside the scope.
 * The default kit sets container width, widget spacing and "default global" colours/fonts
 * (written into each page's post-N.css). These rules out-rank them without !important,
 * while per-element settings made in the Elementor panel (higher specificity) still win. */
.ax-page .e-con { --container-max-width: 1320px; }
.ax-page .elementor-element { --widgets-spacing: 0px; --widgets-spacing-row: 0px; --widgets-spacing-column: 0px; }
.ax-page .elementor-widget:not(:last-child) { margin-block-end: 0; }
.ax-page .elementor-widget-text-editor,
.ax-page .elementor-widget-text-editor p { color: inherit; font-family: inherit; }
.ax-page .elementor-widget-text-editor p { margin: 0; }
.ax-page .elementor-widget-heading .elementor-heading-title { color: inherit; font-family: inherit; font-weight: inherit; }
.ax-page a { color: inherit; }
/* Inline icon lists: Elementor's -8px list margin is clipped by the widget's overflow:hidden */
.ax-page .elementor-icon-list-items.elementor-inline-items { margin-left: 0 !important; margin-right: 0 !important; justify-content: flex-start; }
.ax-page .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item { margin: 0 !important; }
.ax-page .elementor-widget-icon-list .elementor-icon-list-item > a { font-family: inherit; }

/* ---------- Sections ---------- */
:where(.ax-page) .e-con.ax-section {
	--padding-top: var(--ax-section-y);
	--padding-bottom: var(--ax-section-y);
	--padding-left: var(--ax-gutter);
	--padding-right: var(--ax-gutter);
	position: relative;
}
.ax-page .ax-dark { background: var(--ax-obsidian); color: var(--ax-fog); }
.ax-page .ax-paper { background: var(--ax-paper); color: var(--ax-paper-ink); }
.ax-page .ax-dark + .ax-dark { border-top: 1px solid var(--ax-line); }

/* Hairline grid texture on dark sections: very subtle, structural */
.ax-page .ax-dark::before {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	background-image: linear-gradient(to right, var(--ax-line) 1px, transparent 1px);
	background-size: calc((min(100%, 1320px + 2 * var(--ax-gutter)) - 2 * var(--ax-gutter)) / 12) 100%;
	background-position: center;
	opacity: 0.35;
	mask-image: linear-gradient(to bottom, transparent, #000 20%, #000 80%, transparent);
}
.ax-page .ax-dark > .e-con-inner { position: relative; z-index: 1; }

/* ---------- Typography ---------- */
.ax-page .ax-eyebrow .elementor-heading-title {
	font: 500 12px/1.4 var(--ax-mono);
	letter-spacing: 0.14em; text-transform: uppercase;
	color: var(--ax-signal);
	display: inline-flex; align-items: center; gap: 12px;
}
.ax-page .ax-eyebrow .elementor-heading-title::before {
	content: ""; width: 28px; height: 1px; background: currentColor; opacity: 0.8;
}
.ax-page .ax-paper .ax-eyebrow .elementor-heading-title { color: var(--ax-signal-deep); }

.ax-page .ax-display .elementor-heading-title {
	font-family: var(--ax-serif); font-weight: 400;
	font-size: clamp(52px, 8.6vw, 136px);
	line-height: 0.94; letter-spacing: -0.02em;
	color: var(--ax-soft-white);
	text-wrap: balance;
}
.ax-page .ax-display--md .elementor-heading-title { font-size: clamp(44px, 5.4vw, 88px); }
.ax-page .ax-display em,
.ax-page .ax-h2 em,
.ax-page .ax-statement em { font-style: italic; color: var(--ax-signal); }
.ax-page .ax-paper .ax-h2 em,
.ax-page .ax-paper .ax-statement em { color: var(--ax-signal-deep); }

.ax-page .ax-h2 .elementor-heading-title {
	font-family: var(--ax-serif); font-weight: 400;
	font-size: clamp(38px, 5vw, 76px);
	line-height: 1.02; letter-spacing: -0.015em;
	text-wrap: balance; max-width: 18ch;
}
.ax-page .ax-dark .ax-h2 .elementor-heading-title { color: var(--ax-soft-white); }

.ax-page .ax-statement .elementor-heading-title {
	font-family: var(--ax-serif); font-weight: 400;
	font-size: clamp(32px, 3.9vw, 60px);
	line-height: 1.1; letter-spacing: -0.01em;
	text-wrap: pretty;
}

.ax-page .ax-h3 .elementor-heading-title,
.ax-page .ax-row__title .elementor-heading-title {
	font: 600 20px/1.25 var(--ax-sans); letter-spacing: -0.01em;
}

.ax-page .elementor-widget.ax-lead, .ax-page .ax-lead { font-size: clamp(18px, 1.5vw, 21px); line-height: 1.55; }
.ax-page .ax-lead p { max-width: 56ch; }
.ax-page .ax-dark .ax-lead { color: var(--ax-mist); }
.ax-page .ax-paper .ax-lead { color: var(--ax-paper-muted); }
.ax-page .elementor-widget.ax-body, .ax-page .ax-body { font-size: 16px; line-height: 1.65; }
.ax-page .ax-body p { max-width: 62ch; }
.ax-page .ax-dark .ax-body { color: var(--ax-mist); }
.ax-page .ax-paper .ax-body { color: var(--ax-paper-muted); }

.ax-page .ax-index .elementor-heading-title,
.ax-page .ax-step__index .elementor-heading-title {
	font: 500 12px/1 var(--ax-mono); letter-spacing: 0.08em;
	color: var(--ax-mist);
}
.ax-page .ax-paper .ax-index .elementor-heading-title { color: var(--ax-paper-muted); }

/* Awaiting-confirmation marker (draft content) */
.ax-page .ax-tbc {
	display: inline-block; padding: 2px 8px; margin-right: 6px;
	border: 1px dashed currentColor; border-radius: 999px;
	font: 500 11px/1.5 var(--ax-mono); letter-spacing: 0.06em; text-transform: uppercase;
	color: var(--ax-ember); vertical-align: 0.1em;
}
.ax-page .ax-paper .ax-tbc { color: var(--ax-ember-deep); }

/* ---------- Buttons & links ---------- */
.ax-page .ax-btn .elementor-button { white-space: nowrap; }
.ax-page .ax-btn .elementor-button,
.ax-page .ax-button {
	display: inline-flex; align-items: center; gap: 10px;
	padding: 15px 22px 15px 24px; border-radius: 999px;
	font: 600 15px/1 var(--ax-sans); letter-spacing: 0;
	text-decoration: none; cursor: pointer;
	border: 1px solid transparent;
	transition: background var(--ax-fast) var(--ax-ease), color var(--ax-fast) var(--ax-ease), border-color var(--ax-fast) var(--ax-ease), transform var(--ax-fast) var(--ax-ease);
}
.ax-page .ax-btn .elementor-button::after,
.ax-page .ax-link .elementor-button::after {
	content: "\2192"; display: inline-block;
	transition: transform var(--ax-mid) var(--ax-ease);
}
.ax-page .ax-btn .elementor-button:hover::after,
.ax-page .ax-link .elementor-button:hover::after { transform: translateX(4px); }
.ax-page .ax-btn--primary .elementor-button,
.ax-page .ax-button--primary { background: var(--ax-signal); color: var(--ax-obsidian); }
.ax-page .ax-btn--primary .elementor-button:hover,
.ax-page .ax-button--primary:hover { background: var(--ax-white); color: var(--ax-obsidian); }
.ax-page .ax-btn--ghost .elementor-button { background: transparent; color: var(--ax-soft-white); border-color: var(--ax-line-strong); }
.ax-page .ax-btn--ghost .elementor-button:hover { border-color: var(--ax-signal); color: var(--ax-signal); }
.ax-page .ax-button:active, .ax-page .ax-btn .elementor-button:active { transform: translateY(1px); }

.ax-page .ax-link .elementor-button {
	background: none; padding: 5px 0; border-radius: 0;
	display: inline-flex; gap: 8px;
	font: 500 14px/1.4 var(--ax-sans); color: var(--ax-signal);
	border-bottom: 1px solid transparent;
}
.ax-page .ax-link .elementor-button:hover { border-bottom-color: currentColor; }

/* ---------- Header ---------- */
:where(.ax-page) .e-con.ax-header {
	--padding-top: 20px; --padding-bottom: 20px;
	--padding-left: var(--ax-gutter); --padding-right: var(--ax-gutter);
	position: fixed; top: 0; left: 0; right: 0; z-index: 100;
	transition: background var(--ax-mid) var(--ax-ease), border-color var(--ax-mid) var(--ax-ease), padding var(--ax-mid) var(--ax-ease);
	border-bottom: 1px solid transparent;
}
.ax-page .ax-header.is-scrolled {
	--padding-top: 12px; --padding-bottom: 12px;
	background: rgba(6, 26, 44, 0.78);
	backdrop-filter: saturate(140%) blur(14px);
	-webkit-backdrop-filter: saturate(140%) blur(14px);
	border-bottom-color: var(--ax-line);
}
.ax-page .ax-wordmark .elementor-heading-title,
.ax-page .ax-wordmark .elementor-heading-title a {
	font: 400 26px/1 var(--ax-serif); letter-spacing: -0.01em; white-space: nowrap;
	color: var(--ax-soft-white); text-decoration: none;
}
.ax-page .ax-wordmark .elementor-heading-title a::after {
	content: ""; display: inline-block; width: 6px; height: 6px; margin-left: 3px;
	border-radius: 50%; background: var(--ax-signal); vertical-align: 0.05em;
}
.ax-page .ax-nav { flex: 1 1 auto; align-items: center; }
.ax-page .ax-nav__list .elementor-icon-list-items { gap: 4px 30px; justify-content: center; }
.ax-page .ax-nav__list .elementor-icon-list-item,
.ax-page .ax-nav__list .elementor-icon-list-item a { margin: 0 !important; padding: 6px 0 !important; }
.ax-page .ax-nav__list .elementor-icon-list-item::after { display: none !important; }
.ax-page .ax-nav__list .elementor-icon-list-item .elementor-icon-list-text {
	font: 500 14px/1 var(--ax-sans); color: var(--ax-mist);
	padding: 0 !important; transition: color var(--ax-fast) var(--ax-ease);
}
.ax-page .ax-nav__list a:hover .elementor-icon-list-text,
.ax-page .ax-nav__list a.is-active .elementor-icon-list-text { color: var(--ax-soft-white); }
.ax-page .elementor-icon-list-icon:empty { display: none; }
.ax-page .ax-header__cta .elementor-button { padding: 11px 16px 11px 18px; font-size: 14px; }

/* ---------- Hero ---------- */
:where(.ax-page) .e-con.ax-hero {
	--min-height: 100svh;
	--padding-top: clamp(132px, 18vh, 200px);
	--padding-bottom: 40px;
	overflow: hidden;
	isolation: isolate;
}
.ax-page .ax-hero::before { opacity: 0.25; }
.ax-page .ax-hero > .e-con-inner { justify-content: space-between; min-height: calc(100svh - clamp(132px, 18vh, 200px) - 40px); }
.ax-page .ax-hero__field {
	position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%;
	pointer-events: none;
}
.ax-page .ax-hero::after {
	/* Vignette that keeps the headline area calm */
	content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
	background: radial-gradient(120% 90% at 10% 60%, rgba(6, 26, 44, 0.92) 30%, rgba(6, 26, 44, 0.2) 70%, transparent 100%);
}
.ax-page .ax-hero > .e-con-inner { z-index: 2; }
.ax-page .ax-hero__content { max-width: 1100px; }
.ax-page .ax-hero__title .elementor-heading-title { max-width: 11.5ch; }
.ax-page .ax-hero__meta { border-top: 1px solid var(--ax-line); --padding-top: 20px; padding-top: 20px; margin-top: 64px; }
.ax-page .ax-meta-list .elementor-icon-list-items { gap: 8px 28px; }
.ax-page .ax-meta-list .elementor-icon-list-item { margin: 0 !important; padding: 0 !important; }
.ax-page .ax-meta-list .elementor-icon-list-item::after { display: none !important; }
.ax-page .ax-meta-list .elementor-icon-list-item .elementor-icon-list-text {
	font: 500 12px/1.4 var(--ax-mono); letter-spacing: 0.1em; text-transform: uppercase; color: var(--ax-mist);
	padding: 0 !important;
}
.ax-page .ax-meta-list .elementor-icon-list-item:not(:first-child) .elementor-icon-list-text::before {
	content: "/"; margin-right: 28px; color: var(--ax-graphite);
}
.ax-page .ax-scroll-cue .elementor-heading-title {
	font: 500 12px/1 var(--ax-mono); letter-spacing: 0.14em; text-transform: uppercase; color: var(--ax-mist);
}
.ax-page .ax-scroll-cue .elementor-heading-title a { display: inline-flex; align-items: center; gap: 12px; padding: 6px 0; text-decoration: none; }
.ax-page .ax-scroll-cue .elementor-heading-title a:hover { color: var(--ax-signal); }
.ax-page .ax-scroll-cue .elementor-heading-title a::after {
	content: ""; width: 1px; height: 36px; background: linear-gradient(var(--ax-signal), transparent);
	animation: ax-cue 2.4s var(--ax-ease) infinite;
	transform-origin: top;
}
@keyframes ax-cue { 0% { transform: scaleY(0); } 50% { transform: scaleY(1); } 100% { transform: scaleY(1); opacity: 0; } }

/* ---------- Split layout ---------- */
.ax-page .ax-split__aside { flex: 0 0 auto; width: min(30%, 340px); }
.ax-page .ax-split__main { flex: 1 1 0; min-width: 0; }
.ax-page .ax-sticky { position: sticky; top: 120px; align-self: flex-start; }
.ax-page .ax-contact .ax-split__aside { width: min(46%, 600px); }
.ax-page #banking .ax-split__aside { width: min(40%, 480px); }

/* ---------- Proposition pillars ---------- */
.ax-page .ax-pillar { border-top: 1px solid var(--ax-paper-line); padding-top: 22px; }
.ax-page .ax-pillar .ax-index .elementor-heading-title {
	display: inline-grid; place-items: center; width: 28px; height: 28px;
	border: 1px solid var(--ax-paper-line); border-radius: 50%;
}

/* ---------- Section head ---------- */
.ax-page .ax-section-head { max-width: 860px; }

/* ---------- Cards ---------- */
.ax-page .ax-card {
	--padding-top: 28px; --padding-right: 28px; --padding-bottom: 28px; --padding-left: 28px;
	padding: 28px;
	position: relative;
	border: 1px solid var(--ax-line);
	border-radius: var(--ax-radius);
	background:
		radial-gradient(420px circle at var(--mx, 50%) var(--my, -20%), var(--ax-signal-soft), transparent 60%),
		linear-gradient(180deg, var(--ax-ink-2), var(--ax-ink));
	transition: border-color var(--ax-mid) var(--ax-ease), transform var(--ax-mid) var(--ax-ease);
	overflow: hidden;
}
.ax-page .ax-card:hover { border-color: var(--ax-line-strong); transform: translateY(-2px); }
.ax-page .ax-card__glyph { color: var(--ax-fog); margin: 12px 0 4px; }
.ax-page .ax-card__glyph .ax-glyph { width: 120px; height: 120px; }
.ax-page .ax-card__glyph--sm .ax-glyph { width: 88px; height: 88px; }
.ax-page .ax-card__glyph--sm { margin: 0; }
.ax-page .ax-card__title .elementor-heading-title {
	font: 400 clamp(32px, 3vw, 42px)/1.05 var(--ax-serif); letter-spacing: -0.01em; color: var(--ax-soft-white);
}
.ax-page .ax-card__subtitle .elementor-heading-title {
	font: 500 13px/1.4 var(--ax-mono); letter-spacing: 0.06em; text-transform: uppercase; color: var(--ax-signal);
}
.ax-page .ax-card__body { flex: 1 1 auto; }
.ax-page .ax-product .ax-link { margin-top: 8px; padding-top: 18px; border-top: 1px solid var(--ax-line); }

/* Capability chips */
.ax-page .ax-chips .elementor-icon-list-items { gap: 8px; }
.ax-page .ax-chips .elementor-icon-list-item { margin: 0 !important; padding: 0 !important; }
.ax-page .ax-chips .elementor-icon-list-item::after { display: none !important; }
.ax-page .ax-chips .elementor-icon-list-item .elementor-icon-list-text {
	display: inline-block; padding: 7px 12px !important;
	border: 1px solid var(--ax-line-strong); border-radius: 999px;
	font: 500 12px/1 var(--ax-mono); letter-spacing: 0.04em; color: var(--ax-fog);
}

/* ---------- Status badge ---------- */
.ax-page .ax-badge {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 6px 11px; border-radius: 999px;
	border: 1px solid var(--ax-line-strong);
	font: 500 11px/1.2 var(--ax-mono); letter-spacing: 0.06em; text-transform: uppercase;
	color: var(--ax-fog); white-space: nowrap;
}
.ax-page .ax-badge__dot { width: 7px; height: 7px; border-radius: 50%; background: currentColor; flex: none; }
.ax-page .ax-badge__prefix { color: var(--ax-mist); }
.ax-page .ax-badge__prefix::after { content: " ·"; }
.ax-page .ax-badge--tbc { border-style: dashed; color: var(--ax-ember); }
.ax-page .ax-badge--tbc .ax-badge__label { color: var(--ax-fog); }
.ax-page .ax-badge--available { color: #57d38c; }
.ax-page .ax-badge--pilot { color: #f2c14e; }
.ax-page .ax-badge--dev { color: #a99bff; }
.ax-page .ax-badge--prototype { color: var(--ax-signal); }

/* ---------- Glyphs ---------- */
.ax-page .ax-glyph { display: block; overflow: visible; }
.ax-page .ax-glyph .d, .ax-page .ax-glyph .a, .ax-page .ax-glyph .n { fill: none; stroke: currentColor; stroke-width: 1.25; stroke-linecap: round; stroke-linejoin: round; }
.ax-page .ax-glyph .o { opacity: 0.45; }
.ax-page .ax-glyph .a { stroke: var(--ax-signal); }
.ax-page .ax-glyph .dash { stroke-dasharray: 3 5; }
.ax-page .ax-glyph .f { fill: var(--ax-signal); stroke: none; }
.ax-page .ax-glyph .f.soft { opacity: 0.35; }
.ax-page .ax-glyph .n { fill: var(--ax-obsidian); }
.ax-page .ax-paper .ax-glyph { color: var(--ax-paper-ink); }
.ax-page .ax-paper .ax-glyph .a { stroke: var(--ax-signal-deep); }
.ax-page .ax-paper .ax-glyph .f { fill: var(--ax-ember); }
.ax-js .ax-page .ax-glyph [pathLength] { stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 1.6s var(--ax-ease); }
.ax-js .ax-page .is-in .ax-glyph [pathLength],
.ax-js .ax-page .ax-glyph.is-in [pathLength],
.ax-js .ax-page .is-in.ax-glyph [pathLength] { stroke-dashoffset: 0; }
.ax-page .ax-glyph__pulse { animation: ax-pulse 3.2s var(--ax-ease) infinite; transform-origin: 80px 80px; transform-box: view-box; }
@keyframes ax-pulse { 0%, 100% { transform: translateX(-22px); opacity: 0.4; } 50% { transform: translateX(22px); opacity: 1; } }
.ax-page .ax-approach__glyph { color: var(--ax-paper-ink); }
.ax-page .ax-approach__glyph .ax-glyph { width: clamp(120px, 14vw, 200px); height: auto; }

/* ---------- Banking rows ---------- */
.ax-page .ax-rows { border-top: 1px solid var(--ax-paper-line); }
.ax-page .ax-row {
	--padding-top: 28px; --padding-bottom: 28px;
	padding: 28px 0;
	border-bottom: 1px solid var(--ax-paper-line);
	position: relative;
}
.ax-page .ax-row::after {
	content: ""; position: absolute; left: 0; bottom: -1px; height: 1px; width: 100%;
	background: var(--ax-signal-deep); transform: scaleX(0); transform-origin: left;
	transition: transform var(--ax-slow) var(--ax-ease);
}
.ax-page .ax-row:hover::after { transform: scaleX(1); }
.ax-page .ax-row .ax-index { flex: 0 0 56px; padding-top: 5px; }
.ax-page .ax-row__title { flex: 0 0 min(36%, 300px); }
.ax-page .ax-row__body { flex: 1 1 0; }

/* ---------- Approach steps ---------- */
.ax-page .ax-steps { position: relative; padding-top: 34px; }
.ax-page .ax-steps::before {
	content: ""; position: absolute; top: 6px; left: 0; right: 0; height: 1px;
	background: var(--ax-paper-line);
}
.ax-page .ax-steps::after {
	content: ""; position: absolute; top: 6px; left: 0; right: 0; height: 1px;
	background: linear-gradient(90deg, var(--ax-signal-deep), var(--ax-ember));
	transform: scaleX(var(--ax-progress, 0)); transform-origin: left;
	transition: transform 1.8s var(--ax-ease);
}
.ax-page .ax-steps.is-in::after { --ax-progress: 1; }
.ax-page .ax-step { position: relative; }
.ax-page .ax-step::before {
	content: ""; position: absolute; top: -33px; left: 0; width: 11px; height: 11px;
	border-radius: 50%; background: var(--ax-paper); border: 1px solid var(--ax-signal-deep);
}
.ax-page .ax-step__index .elementor-heading-title { color: var(--ax-signal-deep); }
.ax-page .ax-note { font-size: 14px; color: var(--ax-paper-muted); }

/* ---------- Contact ---------- */
.ax-page .ax-contact { background: radial-gradient(80% 60% at 85% 100%, rgba(0, 200, 232, 0.08), transparent 70%), var(--ax-obsidian); }
.ax-page .ax-facts { display: grid; gap: 14px; margin: 8px 0 0; }
.ax-page .ax-facts div { display: grid; grid-template-columns: 120px 1fr; gap: 12px; padding-top: 14px; border-top: 1px solid var(--ax-line); }
.ax-page .ax-facts dt { font: 500 12px/1.6 var(--ax-mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--ax-mist); }
.ax-page .ax-facts dd { margin: 0; color: var(--ax-fog); }
.ax-page .ax-form-panel {
	padding: clamp(24px, 3vw, 40px);
	border: 1px solid var(--ax-line); border-radius: calc(var(--ax-radius) + 6px);
	background: linear-gradient(180deg, rgba(18, 51, 79, 0.92), rgba(13, 41, 64, 0.92));
}

/* Form */
.ax-page .ax-form { display: grid; gap: 20px; }
.ax-page .ax-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.ax-page .ax-field { display: grid; gap: 8px; }
.ax-page .ax-field__label { font: 500 12px/1.4 var(--ax-mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--ax-mist); }
.ax-page .ax-field__input {
	width: 100%; box-sizing: border-box;
	padding: 13px 14px; border-radius: 10px;
	border: 1px solid var(--ax-line-strong); background: rgba(6, 26, 44, 0.6);
	color: var(--ax-soft-white); font: 400 16px/1.4 var(--ax-sans);
	transition: border-color var(--ax-fast) var(--ax-ease), box-shadow var(--ax-fast) var(--ax-ease);
}
.ax-page .ax-field__input:focus { outline: none; border-color: var(--ax-signal); box-shadow: 0 0 0 3px var(--ax-signal-soft); }
.ax-page select.ax-field__input { appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--ax-mist) 50%), linear-gradient(135deg, var(--ax-mist) 50%, transparent 50%); background-position: calc(100% - 20px) 55%, calc(100% - 15px) 55%; background-size: 5px 5px; background-repeat: no-repeat; padding-right: 40px; }
.ax-page select.ax-field__input option { background: var(--ax-ink); color: var(--ax-soft-white); }
.ax-page .ax-field__input--area { min-height: 140px; resize: vertical; }
.ax-page select.ax-field__input { height: auto; min-height: 50px; line-height: 1.4; }
.ax-page .ax-field--check { grid-template-columns: 24px 1fr; align-items: start; gap: 12px; font-size: 14px; color: var(--ax-mist); }
.ax-page .ax-field--check input { width: 24px; height: 24px; margin: 2px 0 0; accent-color: var(--ax-signal); }
.ax-page .ax-field--check label { color: var(--ax-mist); font-size: 14px; line-height: 1.5; cursor: pointer; }
.ax-page .ax-field--check a { color: var(--ax-signal); text-decoration: underline; text-underline-offset: 2px; }
.ax-page .ax-form .ax-button { justify-self: start; font-family: var(--ax-sans); }
.ax-page .ax-form__hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.ax-page .ax-form__status { margin: 0; padding: 14px 16px; border-radius: 10px; font-size: 15px; }
.ax-page .ax-form__status--ok { background: rgba(87, 211, 140, 0.12); color: #9ff0c2; border: 1px solid rgba(87, 211, 140, 0.4); }
.ax-page .ax-form__status--error { background: rgba(255, 138, 91, 0.12); color: #ffc2a8; border: 1px solid rgba(255, 138, 91, 0.45); }

/* ---------- Footer ---------- */
:where(.ax-page) .e-con.ax-footer {
	--padding-top: 48px; --padding-bottom: 48px;
	--padding-left: var(--ax-gutter); --padding-right: var(--ax-gutter);
	background: var(--ax-obsidian); border-top: 1px solid var(--ax-line);
}
.ax-page .ax-footer__nav .elementor-icon-list-items { gap: 8px 24px; }
.ax-page .ax-footer__nav .elementor-icon-list-item { margin: 0 !important; padding: 0 !important; }
.ax-page .ax-footer__nav .elementor-icon-list-item a { padding: 6px 0 !important; }
.ax-page .ax-footer__nav .elementor-icon-list-item::after { display: none !important; }
.ax-page .ax-footer__nav .elementor-icon-list-item .elementor-icon-list-text { font: 500 14px/1 var(--ax-sans); color: var(--ax-mist); padding: 0 !important; }
.ax-page .ax-footer__nav a:hover .elementor-icon-list-text { color: var(--ax-soft-white); }
.ax-page .ax-footer__legal { font-size: 13px; color: var(--ax-mist); }

/* ---------- Signal rail (scroll progress + section index) ---------- */
.ax-page .ax-rail {
	position: fixed; left: max(14px, calc((100vw - 1320px) / 2 - 56px)); top: 50%; z-index: 90;
	transform: translateY(-50%);
	display: none; flex-direction: column; align-items: center; gap: 14px;
	pointer-events: none;
}
.ax-page .ax-rail__track { position: relative; width: 1px; height: 180px; background: var(--ax-line-strong); }
.ax-page .ax-rail__fill { position: absolute; inset: 0; background: var(--ax-signal); transform-origin: top; transform: scaleY(var(--ax-scroll, 0)); box-shadow: 0 0 12px var(--ax-signal); }
.ax-page .ax-rail__label { font: 500 11px/1 var(--ax-mono); letter-spacing: 0.1em; color: var(--ax-mist); writing-mode: vertical-rl; transform: rotate(180deg); mix-blend-mode: difference; }
@media (min-width: 1280px) { .ax-page .ax-rail { display: flex; } }

/* ---------- Reveal ---------- */
.ax-js .ax-page .ax-reveal { opacity: 0; transform: translateY(22px); transition: opacity var(--ax-slow) var(--ax-ease), transform var(--ax-slow) var(--ax-ease); transition-delay: var(--ax-delay, 0ms); }
.ax-js .ax-page .ax-reveal.is-in { opacity: 1; transform: none; }
.elementor-editor-active.ax-page .ax-reveal,
.elementor-editor-preview.ax-page .ax-reveal { opacity: 1 !important; transform: none !important; }
.elementor-editor-active.ax-page .ax-glyph [pathLength] { stroke-dashoffset: 0 !important; }
.elementor-editor-active.ax-page .ax-header { position: relative; }

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
	.ax-page .ax-nav { display: none; }
	.ax-page .ax-split__aside { width: 100%; }
	.ax-page .ax-sticky { position: static; }
	.ax-page .ax-contact-page .ax-split__aside,
	.ax-page .ax-contact .ax-split__aside,
	.ax-page #banking .ax-split__aside { width: 100%; }
	.ax-page .ax-split { flex-direction: column !important; }
}
@media (max-width: 767px) {
	body.ax-page { font-size: 16px; }
	.ax-page .ax-header__cta .elementor-button { padding: 10px 14px; font-size: 13px; }
	.ax-page .ax-header__cta .elementor-button::after { display: none; }
	.ax-page .ax-form__row { grid-template-columns: 1fr; }
	.ax-page .ax-row .ax-index, .ax-page .ax-row__title { flex-basis: auto; }
	.ax-page .ax-row { gap: 8px !important; }
	.ax-page .ax-meta-list .elementor-icon-list-item:not(:first-child) .elementor-icon-list-text::before { display: none; }
	.ax-page .ax-meta-list .elementor-icon-list-items { flex-direction: column; gap: 6px; }
	.ax-page .ax-facts div { grid-template-columns: 1fr; gap: 4px; }
	.ax-page .ax-card { padding: 22px; }
	.ax-page .ax-hero__meta { margin-top: 40px; }
	.ax-page .ax-steps { padding-top: 0; }
	.ax-page .ax-steps::before, .ax-page .ax-steps::after, .ax-page .ax-step::before { display: none; }
	.ax-page .ax-step { border-top: 1px solid var(--ax-paper-line); padding-top: 18px; }
}

/* =====================================================================
 * v0.2 refinements
 * ===================================================================== */

/* Section pacing */
:where(.ax-page) .e-con.ax-section--tight { --padding-top: clamp(80px, 10vw, 140px); --padding-bottom: clamp(80px, 10vw, 140px); }

/* Hero HUD (labels for the governed-core visualisation) */
.ax-page .ax-hud { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.ax-page .ax-hud__tag {
	position: absolute; left: 0; top: 0; display: inline-flex; align-items: center; gap: 8px;
	font: 500 11px/1 var(--ax-mono); letter-spacing: 0.14em; text-transform: uppercase; color: var(--ax-mist);
	opacity: 0.85; white-space: nowrap;
}
.ax-page .ax-hud__tag::before { content: ""; width: 6px; height: 6px; border: 1px solid currentColor; transform: rotate(45deg); }
.ax-page .ax-hud__in { color: var(--ax-ember); }
.ax-page .ax-hud__core, .ax-page .ax-hud__out { color: var(--ax-signal); }
.ax-page .ax-hero::after { background: radial-gradient(100% 90% at 6% 60%, rgba(6, 26, 44, 0.94) 28%, rgba(6, 26, 44, 0.3) 58%, transparent 100%); }
.ax-page .ax-meta-list .elementor-icon-list-item a { padding: 6px 0 !important; }
.ax-page .ax-meta-list a:hover .elementor-icon-list-text { color: var(--ax-signal); }
.ax-page .ax-swipe-hint { display: none; }
/* Astra's back-to-top control duplicates our navigation on canvas pages and has no focus style */
.ax-page #ast-scroll-top { display: none !important; }

/* Buttons: small + ink (for paper sections) */
.ax-page .ax-btn--sm .elementor-button { padding: 12px 18px 12px 20px; font-size: 14px; }
.ax-page .ax-btn--ink .elementor-button { background: var(--ax-paper-ink); color: var(--ax-paper); }
.ax-page .ax-btn--ink .elementor-button:hover { background: var(--ax-signal-deep); color: #fff; }
.ax-page .ax-paper .ax-link .elementor-button { color: var(--ax-signal-deep); }

/* Product chapters */
.ax-page .ax-chapter { --padding-top: 56px; --padding-bottom: 56px; border-top: 1px solid var(--ax-line); }
.ax-page .ax-chapter:last-child { border-bottom: 1px solid var(--ax-line); }
.ax-page .ax-chapter__visual {
	flex: 1 1 46%; min-width: 0; aspect-ratio: 3 / 2;
	border: 1px solid var(--ax-line); border-radius: calc(var(--ax-radius) + 6px);
	background:
		radial-gradient(360px circle at var(--mx, 70%) var(--my, 30%), var(--ax-signal-soft), transparent 65%),
		linear-gradient(160deg, var(--ax-ink-2), var(--ax-obsidian));
	--padding-top: 24px; --padding-bottom: 16px; --padding-left: 24px; --padding-right: 24px;
	overflow: hidden;
}
.ax-page .ax-chapter__content { flex: 1 1 54%; min-width: 0; max-width: 600px; }
.ax-page .ax-chapter__title .elementor-heading-title { font: 400 clamp(40px, 4.6vw, 68px)/1 var(--ax-serif); letter-spacing: -0.015em; color: var(--ax-soft-white); }
.ax-page .ax-chapter__question .elementor-heading-title { font: italic 400 clamp(22px, 2vw, 28px)/1.25 var(--ax-serif); color: var(--ax-fog); max-width: 30ch; }
.ax-page .ax-chapter .ax-btn { margin-top: 8px; }

/* Diagrams */
.ax-page .ax-diagram { margin: 0; width: 100%; }
.ax-page .ax-diagram svg { display: block; width: 100%; height: auto; overflow: visible; }
.ax-page .ax-diagram__caption { margin-top: 8px; font: 500 10px/1.4 var(--ax-mono); letter-spacing: 0.14em; text-transform: uppercase; color: var(--ax-mist); }
.ax-page .ax-diagram .ln, .ax-page .ax-diagram .tick { stroke: var(--ax-mist); stroke-opacity: 0.42; stroke-width: 1.25; fill: none; }
.ax-page .ax-diagram .tick { stroke-opacity: 0.28; }
.ax-page .ax-diagram .dash { stroke-dasharray: 3 6; }
.ax-page .ax-diagram .ac { stroke: var(--ax-signal); stroke-width: 1.5; fill: none; }
.ax-page .ax-diagram .node { fill: var(--ax-obsidian); stroke: var(--ax-mist); stroke-width: 1.25; }
.ax-page .ax-diagram .node.em { stroke: var(--ax-ember); }
.ax-page .ax-diagram .fill { fill: var(--ax-signal); }
.ax-page .ax-diagram .halo { fill: none; stroke: var(--ax-signal); stroke-opacity: 0.3; }
.ax-page .ax-diagram .box { fill: var(--ax-ink); stroke: var(--ax-mist); stroke-opacity: 0.6; }
.ax-page .ax-diagram .gate { fill: var(--ax-signal-soft); stroke: var(--ax-signal); stroke-width: 1.5; }
.ax-page .ax-diagram .band { fill: var(--ax-signal-soft); }
.ax-page .ax-diagram .area { fill: rgba(200, 233, 244, 0.07); }
.ax-page .ax-diagram .ring { fill: none; stroke: var(--ax-mist); stroke-opacity: 0.45; stroke-width: 1.25; }
.ax-page .ax-diagram .ring.ac-r { stroke: var(--ax-signal); stroke-opacity: 0.8; }
.ax-page .ax-diagram .lbl { font: 500 11px var(--ax-mono); letter-spacing: 0.12em; fill: var(--ax-mist); }
.ax-page .ax-diagram .lbl.big { font-size: 13px; fill: var(--ax-fog); }
.ax-page .ax-diagram .ac-t { fill: var(--ax-signal); }
.ax-page .ax-diagram .em-t { fill: var(--ax-ember); }
.ax-page .ax-diagram .dark-t { fill: var(--ax-obsidian); font-weight: 700; }
.ax-page .ax-diagram .sig { fill: none; stroke: var(--ax-signal); stroke-width: 2; stroke-linecap: round; stroke-dasharray: 4 22; animation: ax-flow 2.6s linear infinite; }
.ax-page .ax-diagram .sig.s2 { animation-delay: -0.9s; }
.ax-page .ax-diagram .sig.s3 { animation-delay: -1.7s; }
@keyframes ax-flow { to { stroke-dashoffset: -52; } }
.ax-page .ax-diagram .marker { animation: ax-bench 7s var(--ax-ease) infinite; }
@keyframes ax-bench { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(-26px); } }
/* Diagrams on paper */
.ax-page .ax-paper .ax-diagram .ln, .ax-page .ax-paper .ax-diagram .tick { stroke: var(--ax-paper-ink); stroke-opacity: 0.35; }
.ax-page .ax-paper .ax-diagram .ring { stroke: var(--ax-paper-ink); stroke-opacity: 0.4; }
.ax-page .ax-paper .ax-diagram .ring.ac-r, .ax-page .ax-paper .ax-diagram .ac { stroke: var(--ax-signal-deep); stroke-opacity: 1; }
.ax-page .ax-paper .ax-diagram .sig { stroke: var(--ax-signal-deep); }
.ax-page .ax-paper .ax-diagram .lbl { fill: var(--ax-paper-muted); }
.ax-page .ax-paper .ax-diagram .lbl.big { fill: var(--ax-paper-ink); }
.ax-page .ax-paper .ax-diagram .ac-t { fill: var(--ax-signal-deep); }
.ax-page .ax-paper .ax-diagram__caption { color: var(--ax-paper-muted); }

/* Strategy model */
.ax-page .ax-model__visual { flex: 1 1 50%; min-width: 0; max-width: 560px; }
.ax-page .ax-model__points { flex: 1 1 50%; min-width: 0; }
.ax-page .ax-point { border-left: 1px solid var(--ax-paper-line); padding-left: 20px; }
.ax-page .ax-point .ax-h3 .elementor-heading-title::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 10px; border-radius: 50%; background: var(--ax-signal-deep); vertical-align: 0.1em; }

/* Light cards (services on paper) */
.ax-page .ax-card--light {
	border-color: var(--ax-paper-line);
	background: radial-gradient(420px circle at var(--mx, 50%) var(--my, -20%), rgba(0, 112, 138, 0.08), transparent 60%), var(--ax-white);
}
.ax-page .ax-card--light:hover { border-color: rgba(6, 26, 44, 0.28); }
.ax-page .ax-card--light .ax-card__title .elementor-heading-title { color: var(--ax-paper-ink); }
.ax-page .ax-card--light .ax-card__glyph { color: var(--ax-paper-ink); }
.ax-page .ax-paper .ax-chips .elementor-icon-list-item .elementor-icon-list-text { color: var(--ax-paper-ink); border-color: var(--ax-paper-line); }
.ax-page .ax-paper .ax-badge { border-color: rgba(6, 26, 44, 0.3); color: var(--ax-paper-ink); }
.ax-page .ax-paper .ax-badge--tbc { color: var(--ax-ember-deep); }
.ax-page .ax-paper .ax-badge--tbc .ax-badge__label { color: var(--ax-paper-ink); }
.ax-page .ax-paper .ax-badge__prefix { color: var(--ax-paper-muted); }

/* People & delivery */
.ax-page .ax-people { border-top: 1px solid var(--ax-paper-line); --padding-top: 48px; }
.ax-page .ax-commitments { flex: 1 1 58%; min-width: 0; }
.ax-page .ax-commitment { display: grid; grid-template-columns: minmax(160px, 220px) 1fr; gap: 20px; align-items: baseline; padding-bottom: 18px; border-bottom: 1px solid var(--ax-paper-line); }
.ax-page .ax-team-panel {
	flex: 1 1 42%; min-width: 0;
	--padding-top: 28px; --padding-bottom: 28px; --padding-left: 28px; --padding-right: 28px;
	border: 1px dashed rgba(6, 26, 44, 0.35); border-radius: var(--ax-radius);
	background: repeating-linear-gradient(135deg, transparent 0 12px, rgba(6, 26, 44, 0.025) 12px 13px);
}
.ax-page .ax-team-panel__glyph .ax-glyph { width: 96px; height: 96px; }

/* Menu button + panel (≤1024px) */
.ax-page .ax-menu-btn {
	display: none; align-items: center; gap: 10px; min-height: 44px; padding: 0 14px 0 16px;
	border: 1px solid var(--ax-line-strong); border-radius: 999px; background: rgba(6, 26, 44, 0.4);
	color: var(--ax-soft-white); font: 600 14px/1 var(--ax-sans); cursor: pointer;
}
.ax-page .ax-menu-btn:hover { border-color: var(--ax-signal); }
.ax-page .ax-menu-btn__icon { position: relative; width: 18px; height: 10px; }
.ax-page .ax-menu-btn__icon span { position: absolute; left: 0; right: 0; height: 1.5px; background: currentColor; transition: transform var(--ax-mid) var(--ax-ease), top var(--ax-mid) var(--ax-ease); }
.ax-page .ax-menu-btn__icon span:first-child { top: 0; }
.ax-page .ax-menu-btn__icon span:last-child { top: 8.5px; }
.ax-page .ax-menu-btn[aria-expanded="true"] .ax-menu-btn__icon span:first-child { top: 4.25px; transform: rotate(45deg); }
.ax-page .ax-menu-btn[aria-expanded="true"] .ax-menu-btn__icon span:last-child { top: 4.25px; transform: rotate(-45deg); }
.ax-page .ax-menu {
	position: fixed; inset: 0; z-index: 99; overflow-y: auto;
	padding: 104px var(--ax-gutter) 40px;
	display: flex; flex-direction: column; justify-content: space-between; gap: 40px;
	background: rgba(6, 26, 44, 0.98);
	opacity: 0; transform: translateY(-8px); transition: opacity var(--ax-mid) var(--ax-ease), transform var(--ax-mid) var(--ax-ease);
}
.ax-page .ax-menu.is-open { opacity: 1; transform: none; }
.ax-page .ax-menu[hidden] { display: none; }
.ax-page .ax-menu ol { list-style: none; margin: 0; padding: 0; }
.ax-page .ax-menu li { border-bottom: 1px solid var(--ax-line); }
.ax-page .ax-menu__nav a {
	display: flex; align-items: baseline; gap: 18px; padding: 18px 0;
	font: 400 clamp(34px, 9vw, 52px)/1 var(--ax-serif); color: var(--ax-soft-white); text-decoration: none;
}
.ax-page .ax-menu__nav a:hover, .ax-page .ax-menu__nav a[aria-current] { color: var(--ax-signal); }
.ax-page .ax-menu__index { font: 500 12px/1 var(--ax-mono); letter-spacing: 0.1em; color: var(--ax-mist); }
.ax-page .ax-menu__cta { align-self: flex-start; }
body.ax-page.ax-menu-open { overflow: hidden; }
body.ax-page.ax-menu-open .ax-header { background: transparent; border-bottom-color: transparent; backdrop-filter: none; }

@media (max-width: 1024px) {
	.ax-js .ax-page .ax-menu-btn { display: inline-flex; }
	html:not(.ax-js) .ax-page .ax-nav { display: flex; }
	.ax-page .ax-chapter__visual { flex-basis: auto; width: 100%; }
	.ax-page .ax-chapter__content { max-width: none; }
	.ax-page .ax-model__visual { max-width: 520px; width: 100%; }
	.ax-page .ax-people { flex-direction: column !important; }
	.ax-page .ax-commitments, .ax-page .ax-team-panel { flex-basis: auto; width: 100%; }
}
@media (max-width: 767px) {
	body.ax-page { --ax-section-y: 72px; }
	:where(.ax-page) .e-con.ax-section--tight { --padding-top: 64px; --padding-bottom: 64px; }
	:where(.ax-page) .e-con.ax-hero { --min-height: auto; --padding-top: 132px; --padding-bottom: 28px; }
	.ax-page .ax-hero > .e-con-inner { min-height: 0; }
	.ax-page .ax-hero::after { background: linear-gradient(180deg, rgba(6, 26, 44, 0.2) 0%, rgba(6, 26, 44, 0.85) 32%, rgba(6, 26, 44, 0.96) 100%); }
	.ax-page .ax-display .elementor-heading-title { font-size: clamp(46px, 13vw, 60px); }
	.ax-page .ax-h2 .elementor-heading-title { font-size: clamp(34px, 9.4vw, 42px); }
	.ax-page .ax-statement .elementor-heading-title { font-size: clamp(26px, 7.2vw, 32px); }
	.ax-page .ax-lead { font-size: 17px; }
	.ax-page .ax-hero__meta { margin-top: 36px; }
	.ax-page .ax-scroll-cue { display: none; }
	.ax-page .ax-header__cta { display: none; }
	.ax-page .ax-chapter { --padding-top: 36px; --padding-bottom: 36px; }
	.ax-page .ax-chapter__visual { aspect-ratio: auto; --padding-top: 16px; --padding-bottom: 12px; --padding-left: 12px; --padding-right: 12px; }
	.ax-page .ax-chapter__title .elementor-heading-title { font-size: 40px; }
	.ax-page .ax-chapter__question .elementor-heading-title { font-size: 21px; }
	.ax-page .ax-diagram .lbl { font-size: 19px; letter-spacing: 0.06em; }
	.ax-page .ax-diagram .lbl.big { font-size: 20px; }
	.ax-page .ax-row { --padding-top: 18px; --padding-bottom: 18px; padding: 18px 0; }
	.ax-page .ax-steps .ax-body { font-size: 15px; }
	.ax-page .ax-commitment { grid-template-columns: 1fr; gap: 6px; }
	.ax-page .ax-team-panel { --padding-top: 22px; --padding-bottom: 22px; --padding-left: 22px; --padding-right: 22px; }
	.ax-page .ax-point { padding-left: 16px; }
	/* Swipe rows: products and services scroll sideways instead of stacking */
	.ax-page .ax-chapters, .ax-page .ax-cards--2 {
		display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; gap: 12px !important;
		overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: none;
		width: calc(100% + 2 * var(--ax-gutter)) !important; max-width: none !important;
		margin-left: calc(-1 * var(--ax-gutter)); padding: 4px var(--ax-gutter);
		scroll-padding-inline: var(--ax-gutter);
	}
	.ax-page .ax-chapters::-webkit-scrollbar, .ax-page .ax-cards--2::-webkit-scrollbar { display: none; }
	.ax-page .ax-chapters > .ax-chapter, .ax-page .ax-cards--2 > .ax-card { flex: 0 0 86% !important; width: 86% !important; scroll-snap-align: start; }
	.ax-page .ax-chapter { border: 1px solid var(--ax-line); border-radius: calc(var(--ax-radius) + 4px); background: var(--ax-ink); --padding-top: 14px; --padding-bottom: 22px; --padding-left: 14px; --padding-right: 14px; }
	.ax-page .ax-chapter:last-child { border-bottom: 1px solid var(--ax-line); }
	.ax-page .ax-chapter__content { --padding-left: 6px; --padding-right: 6px; }
	.ax-page .ax-chapter .ax-chips { display: none; }
	.ax-page .ax-swipe-hint { display: flex; align-items: center; gap: 10px; margin: -12px 0 0; font: 500 11px/1 var(--ax-mono); letter-spacing: 0.12em; text-transform: uppercase; color: var(--ax-mist); }
	.ax-page .ax-paper .ax-swipe-hint { color: var(--ax-paper-muted); }
	.ax-page .ax-swipe-hint::after { content: ""; width: 40px; height: 1px; background: currentColor; }
	.ax-page .ax-menu-btn__label { font-size: 13px; }}
/* =====================================================================
 * v0.3 site components
 * ===================================================================== */

/* Global header */
.ax-page .ax-site-header {
	position: fixed; top: 0; left: 0; right: 0; z-index: 100;
	padding: 20px var(--ax-gutter); border-bottom: 1px solid transparent;
	transition: background var(--ax-mid) var(--ax-ease), padding var(--ax-mid) var(--ax-ease), border-color var(--ax-mid) var(--ax-ease);
}
.ax-page .ax-site-header.is-scrolled { padding-top: 12px; padding-bottom: 12px; }
.ax-page .ax-header__inner { max-width: 1320px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
/* Desktop: three-column grid so the nav is centered on the full header, independent of logo/CTA widths.
 * Side columns never shrink below their content, so nothing can overlap at narrow desktop widths. */
@media (min-width: 1025px) {
	.ax-page .ax-header__inner { display: grid; grid-template-columns: minmax(max-content, 1fr) auto minmax(max-content, 1fr); }
	.ax-page .ax-header__inner > .ax-logo-link { grid-column: 1; justify-self: start; }
	.ax-page .ax-header__inner > .ax-nav,
	.ax-page .ax-header__inner > .ax-editor-notice { grid-column: 2; justify-self: center; }
	.ax-page .ax-header__inner > .ax-header__cta { grid-column: 3; justify-self: end; }
}
.ax-page .ax-wordmark-link { display: inline-flex; align-items: baseline; font: 400 26px/1 var(--ax-serif); letter-spacing: -0.01em; color: var(--ax-soft-white); text-decoration: none; white-space: nowrap; padding: 6px 0; }
.ax-page .ax-wordmark-dot { width: 6px; height: 6px; margin-left: 3px; border-radius: 50%; background: var(--ax-signal); }
/* Official logo (owner-supplied outlined wordmark). Height-driven so the aspect ratio is never altered. */
.ax-page .ax-logo-link { display: inline-flex; align-items: center; flex: none; padding: 6px 0; line-height: 0; text-decoration: none; }
.ax-page .ax-logo { display: block; height: 34px; width: auto; max-width: none; }
.ax-page .ax-logo--footer { height: 40px; }
@media (max-width: 1024px) { .ax-page .ax-logo--header { height: 30px; } }
@media (max-width: 767px) { .ax-page .ax-logo--header { height: 26px; } .ax-page .ax-logo--footer { height: 32px; } }
@media (max-width: 360px) { .ax-page .ax-logo--header { height: 24px; } }
.ax-page .ax-nav__menu { display: flex; gap: 4px 30px; list-style: none; margin: 0; padding: 0; }
.ax-page .ax-nav__menu a { position: relative; display: inline-block; padding: 8px 0; font: 500 14px/1 var(--ax-sans); color: var(--ax-mist); text-decoration: none; transition: color var(--ax-fast) var(--ax-ease); }
.ax-page .ax-nav__menu a:hover, .ax-page .ax-nav__menu a[aria-current] { color: var(--ax-soft-white); }
.ax-page .ax-nav__menu a[aria-current]::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: var(--ax-signal); }
.ax-page .ax-button--sm { padding: 11px 16px 11px 18px; font-size: 14px; }
.ax-page .ax-button--ghost { background: transparent; color: var(--ax-soft-white); border-color: var(--ax-line-strong); }
.ax-page .ax-button--ghost:hover { border-color: var(--ax-signal); color: var(--ax-signal); }
.ax-page .ax-button .ax-button__arrow { transition: transform var(--ax-mid) var(--ax-ease); }
.ax-page .ax-button:hover .ax-button__arrow { transform: translateX(4px); }
.ax-page .ax-editor-notice { margin: 0; padding: 8px 12px; border: 1px dashed var(--ax-ember); color: var(--ax-ember); font: 500 12px/1.4 var(--ax-mono); }
.elementor-editor-active.ax-page .ax-site-header { position: relative; }

/* Global footer */
.ax-page .ax-site-footer { background: var(--ax-obsidian); border-top: 1px solid var(--ax-line); padding: 64px var(--ax-gutter) 36px; color: var(--ax-mist); }
.ax-page .ax-site-footer__inner { max-width: 1320px; margin: 0 auto; display: grid; grid-template-columns: minmax(220px, 1fr) 2fr; gap: 40px; }
.ax-page .ax-site-footer__tagline { margin: 10px 0 0; font: italic 400 18px/1.4 var(--ax-serif); color: var(--ax-fog); }
.ax-page .ax-site-footer__nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px 28px; }
.ax-page .ax-site-footer__nav a { display: inline-block; padding: 6px 0; font: 500 14px/1.2 var(--ax-sans); color: var(--ax-mist); text-decoration: none; }
.ax-page .ax-site-footer__nav a:hover, .ax-page .ax-site-footer__nav a[aria-current] { color: var(--ax-soft-white); }
.ax-page .ax-site-footer__legal { grid-column: 1 / -1; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; padding-top: 24px; border-top: 1px solid var(--ax-line); font-size: 13px; }
.ax-page .ax-site-footer__legal p { margin: 0; }
.ax-page .ax-site-footer__notice { color: var(--ax-mist); }

/* Product switcher */
:where(.ax-page) .e-con.ax-switcher { --padding-left: var(--ax-gutter); --padding-right: var(--ax-gutter); background: var(--ax-obsidian); border-top: 1px solid var(--ax-line); border-bottom: 1px solid var(--ax-line); }
.ax-page .ax-product-nav { display: flex; align-items: stretch; }
.ax-page .ax-product-nav__label { display: flex; align-items: center; padding-right: 28px; font: 500 11px/1 var(--ax-mono); letter-spacing: 0.14em; text-transform: uppercase; color: var(--ax-mist); }
.ax-page .ax-product-nav__list { flex: 1; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; margin: 0; padding: 0; }
.ax-page .ax-product-nav__link {
	display: grid; gap: 6px; height: 100%; box-sizing: border-box; padding: 20px 24px;
	border-left: 1px solid var(--ax-line); border-top: 2px solid transparent; text-decoration: none; color: var(--ax-fog);
	transition: background var(--ax-fast) var(--ax-ease), border-color var(--ax-fast) var(--ax-ease);
}
.ax-page .ax-product-nav li:last-child .ax-product-nav__link { border-right: 1px solid var(--ax-line); }
.ax-page .ax-product-nav__link:hover { background: var(--ax-ink); }
.ax-page .ax-product-nav__link[aria-current] { background: var(--ax-ink); border-top-color: var(--ax-signal); }
.ax-page .ax-product-nav__index { font: 500 11px/1 var(--ax-mono); letter-spacing: 0.1em; color: var(--ax-mist); }
.ax-page .ax-product-nav__name { font: 400 24px/1.05 var(--ax-serif); color: var(--ax-soft-white); }
.ax-page .ax-product-nav__link[aria-current] .ax-product-nav__name { color: var(--ax-signal); }
.ax-page .ax-product-nav__desc { font: 500 11px/1.4 var(--ax-mono); letter-spacing: 0.06em; text-transform: uppercase; color: var(--ax-mist); }

/* Inner page hero */
:where(.ax-page) .e-con.ax-page-hero { --padding-top: clamp(140px, 15vw, 200px); --padding-bottom: clamp(72px, 8vw, 120px); overflow: hidden; }
:where(.ax-page) .e-con.ax-page-hero--compact { --padding-bottom: clamp(56px, 6vw, 88px); }
.ax-page .ax-page-hero::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(60% 70% at 85% 40%, rgba(0, 200, 232, 0.07), transparent 70%); }
.ax-page .ax-page-hero__content { flex: 1 1 55%; min-width: 0; }
.ax-page .ax-page-hero__visual {
	flex: 1 1 45%; min-width: 0; align-items: center;
	border: 1px solid var(--ax-line); border-radius: calc(var(--ax-radius) + 6px);
	background: radial-gradient(360px circle at 70% 30%, var(--ax-signal-soft), transparent 65%), linear-gradient(160deg, var(--ax-ink-2), var(--ax-obsidian));
	--padding-top: 28px; --padding-bottom: 18px; --padding-left: 28px; --padding-right: 28px;
}
.ax-page .ax-display--page .elementor-heading-title { font-size: clamp(46px, 6vw, 92px); line-height: 0.98; }
.ax-page .ax-hero-glyph { color: var(--ax-fog); }
.ax-page .ax-hero-glyph .ax-glyph { width: clamp(180px, 22vw, 300px); height: auto; margin: 24px auto; }

/* Features (visual + text) */
.ax-page .ax-feature { --padding-top: 48px; --padding-bottom: 48px; border-top: 1px solid var(--ax-paper-line); }
.ax-page .ax-dark .ax-feature { border-top-color: var(--ax-line); }
.ax-page .ax-section-head + .ax-feature { border-top: 0; --padding-top: 8px; }
.ax-page .ax-feature__visual { flex: 1 1 46%; min-width: 0; }
.ax-page .ax-feature__content { flex: 1 1 54%; min-width: 0; max-width: 620px; }
.ax-page .ax-dark .ax-feature__visual { border: 1px solid var(--ax-line); border-radius: calc(var(--ax-radius) + 6px); background: linear-gradient(160deg, var(--ax-ink-2), var(--ax-obsidian)); --padding-top: 24px; --padding-bottom: 16px; --padding-left: 24px; --padding-right: 24px; }
.ax-page .ax-feature__glyph { color: var(--ax-paper-ink); }
.ax-page .ax-feature__glyph .ax-glyph { width: clamp(140px, 16vw, 220px); height: auto; margin: 0 auto; }
.ax-page .ax-chapter__title--md .elementor-heading-title { font-size: clamp(32px, 3.4vw, 50px); }
.ax-page .ax-paper .ax-chapter__title .elementor-heading-title { color: var(--ax-paper-ink); }

/* Rows: dark + compact variants */
.ax-page .ax-dark .ax-rows, .ax-page .ax-rows--dark { border-top-color: var(--ax-line); }
.ax-page .ax-dark .ax-row { border-bottom-color: var(--ax-line); }
.ax-page .ax-dark .ax-row::after { background: var(--ax-signal); }
.ax-page .ax-rows--compact .ax-row { --padding-top: 14px; --padding-bottom: 14px; padding: 14px 0; }
.ax-page .ax-rows--compact .ax-row .ax-index { flex-basis: 32px; }
.ax-page .ax-rows--compact .ax-row__title { flex-basis: 200px; }
.ax-page .ax-feature .ax-rows .ax-row__title { flex-basis: min(40%, 240px); }

/* Steps on dark */
.ax-page .ax-dark .ax-step__index .elementor-heading-title { color: var(--ax-signal); }
.ax-page .ax-dark .ax-steps::before { background: var(--ax-line); }
.ax-page .ax-dark .ax-steps::after { background: linear-gradient(90deg, var(--ax-signal), var(--ax-ember)); }
.ax-page .ax-dark .ax-step::before { background: var(--ax-obsidian); border-color: var(--ax-signal); }
.ax-page .ax-dark .ax-step .ax-h3 .elementor-heading-title { color: var(--ax-soft-white); }
.ax-page .ax-dark .ax-step { border-top-color: var(--ax-line); }

/* Points on dark */
.ax-page .ax-dark .ax-point { border-left-color: var(--ax-line); }
.ax-page .ax-dark .ax-point .ax-h3 .elementor-heading-title::before { background: var(--ax-signal); }
.ax-page .ax-dark .ax-point .ax-h3 .elementor-heading-title { color: var(--ax-soft-white); }

/* Cards: small titles, light kicker contrast */
.ax-page .ax-card__title--sm .elementor-heading-title { font-size: clamp(24px, 2.1vw, 30px); }
.ax-page .ax-card--light .ax-card__subtitle .elementor-heading-title { color: var(--ax-signal-deep); }
.ax-page .ax-card--light .ax-card__glyph .ax-glyph .a { stroke: var(--ax-signal-deep); }
.ax-page .ax-card--light .ax-card__glyph .ax-glyph .f { fill: var(--ax-ember); }
.ax-page .ax-card--light .ax-link .elementor-button { color: var(--ax-signal-deep); }
.ax-page .ax-routes .ax-card { --padding-top: 24px; --padding-bottom: 24px; --padding-left: 24px; --padding-right: 24px; padding: 24px; }
.ax-page .ax-about-panel { border-style: solid; background: var(--ax-white); }

/* CTA band */
.ax-page .ax-cta-band { background: radial-gradient(70% 90% at 90% 100%, rgba(0, 200, 232, 0.1), transparent 70%), var(--ax-obsidian); }
.ax-page .ax-cta-band__inner { max-width: 820px; }
.ax-page .ax-mt { margin-top: 16px; }
.ax-page .ax-dark .ax-note, .ax-page .ax-note { font-size: 14px; }
.ax-page .ax-dark .ax-note { color: var(--ax-mist); }

/* Contact page: light form panel */
.ax-page .ax-form-panel--light { background: var(--ax-white); border-color: var(--ax-paper-line); }
.ax-page .ax-paper .ax-field__label, .ax-page .ax-paper .ax-field--check label { color: var(--ax-paper-muted); }
.ax-page .ax-paper .ax-field__input { background: #fff; color: var(--ax-paper-ink); border-color: rgba(6, 26, 44, 0.28); }
.ax-page .ax-paper .ax-field__input:focus { border-color: var(--ax-signal-deep); box-shadow: 0 0 0 3px rgba(0, 112, 138, 0.15); }
.ax-page .ax-paper select.ax-field__input { background-color: #fff; background-image: linear-gradient(45deg, transparent 50%, var(--ax-paper-muted) 50%), linear-gradient(135deg, var(--ax-paper-muted) 50%, transparent 50%); background-position: calc(100% - 20px) 55%, calc(100% - 15px) 55%; background-size: 5px 5px; background-repeat: no-repeat; }
.ax-page .ax-contact-page .ax-split__aside { width: min(40%, 480px); }
.ax-page .ax-rows--compact .ax-row { flex-direction: column !important; gap: 4px !important; }
.ax-page .ax-rows--compact .ax-row .ax-index, .ax-page .ax-rows--compact .ax-row__title { flex-basis: auto; }
.ax-page .ax-paper select.ax-field__input option { background: #fff; color: var(--ax-paper-ink); }
.ax-page .ax-paper .ax-field--check a { color: var(--ax-signal-deep); }
.ax-page .ax-paper .ax-form__status--ok { background: rgba(0, 112, 138, 0.08); color: #005E73; border-color: rgba(0, 112, 138, 0.4); }
.ax-page .ax-paper .ax-form__status--error { background: rgba(166, 61, 20, 0.07); color: #8a3210; border-color: rgba(166, 61, 20, 0.4); }
.ax-page .elementor-menu-anchor { scroll-margin-top: 90px; }

/* Legal prose */
.ax-page .ax-prose { max-width: 72ch; color: var(--ax-paper-ink); }
.ax-page .ax-prose h2 { font: 400 clamp(34px, 4vw, 52px)/1.05 var(--ax-serif); margin: 0 0 20px; color: var(--ax-paper-ink); }
.ax-page .ax-prose h3, .ax-page .ax-prose h2.ax-prose__section { font: 600 20px/1.3 var(--ax-sans); margin: 36px 0 10px; color: var(--ax-paper-ink); }
.ax-page .ax-prose p, .ax-page .ax-prose li { font-size: 17px; line-height: 1.7; color: #2A3D50; }
.ax-page .ax-prose p { margin: 0 0 14px; }
.ax-page .ax-prose ul { margin: 0 0 14px; padding-left: 22px; }
.ax-page .ax-legal-draft { margin-bottom: 36px; padding: 14px 18px; border: 1px dashed var(--ax-ember-deep); border-radius: 10px; background: rgba(166, 61, 20, 0.06); color: #7a2e0f; font-size: 15px; }

/* Knockout halo for diagram labels crossed by connectors */
.ax-page .ax-diagram .ko { paint-order: stroke; stroke: #0D2940; stroke-width: 6px; stroke-linejoin: round; }

/* Swipe controls (mobile product/service rows) */
.ax-page .ax-swipe-controls { display: none; }

@media (max-width: 1024px) {
	.ax-page .ax-site-footer__inner { grid-template-columns: 1fr; }
	.ax-page .ax-site-footer__nav ul { justify-content: flex-start; }
	.ax-page .ax-page-hero__visual, .ax-page .ax-feature__visual { flex-basis: auto; width: 100%; }
	.ax-page .ax-page-hero__content, .ax-page .ax-feature__content { max-width: none; }
	.ax-page .ax-product-nav__label { display: none; }
}
@media (max-width: 767px) {
	/* Readability */
	.ax-page .elementor-widget.ax-body, .ax-page .ax-body { font-size: 17px; line-height: 1.7; }
	.ax-page .ax-steps .ax-body { font-size: 16px; }
	.ax-page .ax-lead { font-size: 18px; line-height: 1.6; }
	.ax-page .ax-site-header { padding: 14px var(--ax-gutter); }
	.ax-page .ax-wordmark-link { font-size: 24px; }
	.ax-page .ax-display--page .elementor-heading-title { font-size: clamp(40px, 11.5vw, 54px); }
	:where(.ax-page) .e-con.ax-page-hero { --padding-top: 116px; --padding-bottom: 56px; }
	.ax-page .ax-page-hero__visual { --padding-top: 16px; --padding-bottom: 10px; --padding-left: 14px; --padding-right: 14px; }
	.ax-page .ax-feature { --padding-top: 32px; --padding-bottom: 32px; }
	.ax-page .ax-product-nav__link { padding: 14px 12px; }
	.ax-page .ax-product-nav__name { font-size: 19px; }
	.ax-page .ax-product-nav__desc { display: none; }
	.ax-page .ax-site-footer { padding-top: 48px; }
	.ax-page .ax-rows--compact .ax-row__title { flex-basis: auto; }
	.ax-page .ax-points { --e-con-grid-template-columns: 1fr !important; grid-template-columns: 1fr !important; }
	/* Swipe controls */
	.ax-page .ax-swipe-hint { display: inline-flex; margin: 0 0 0 auto; }
	.ax-page .ax-swipe-controls { display: flex; align-items: center; gap: 12px; margin-top: -8px; }
	.ax-page .ax-diagram--janus-arch .lbl, .ax-page .ax-diagram--aristotle-match .lbl, .ax-page .ax-diagram--janus-arch .lbl.big { font-size: 12px; letter-spacing: 0.04em; }
	.ax-page .ax-swipe-btn {
		display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 50%;
		border: 1px solid var(--ax-line-strong); background: transparent; color: var(--ax-soft-white); font-size: 18px; cursor: pointer;
	}
	.ax-page .ax-swipe-btn:disabled { opacity: 0.35; cursor: default; }
	.ax-page .ax-paper .ax-swipe-btn { border-color: rgba(6, 26, 44, 0.3); color: var(--ax-paper-ink); }
	.ax-page .ax-swipe-count { font: 500 13px/1 var(--ax-mono); letter-spacing: 0.08em; color: var(--ax-fog); min-width: 44px; text-align: center; }
	.ax-page .ax-paper .ax-swipe-count { color: var(--ax-paper-ink); }
	.ax-page .ax-swipe-controls .ax-swipe-hint::after { display: none; }
}
/* =====================================================================
 * Phase 6C brand layer: palette, typography hierarchy, actions, surfaces.
 * Declared after the component rules at equal specificity, so it refines them.
 * Token reference: docs/BRAND-TOKENS.md
 * ===================================================================== */
body.ax-page {
	--ax-font-display: var(--ax-sans);   /* modern, enterprise headings */
	--ax-font-accent: var(--ax-serif);   /* editorial voice: italic emphasis, quotes, tagline */
	--ax-text-hero: clamp(48px, 7vw, 108px);
	--ax-text-page: clamp(42px, 5.2vw, 80px);
	--ax-text-h2: clamp(32px, 3.7vw, 56px);
	--ax-text-lead: clamp(18px, 1.35vw, 21px);
	--ax-text-body: 17px;
	font-size: var(--ax-text-body);
}

/* Headings: modern sans, tight tracking, serif italic accent for emphasis */
.ax-page .ax-display .elementor-heading-title { font-family: var(--ax-font-display); font-weight: 600; font-size: var(--ax-text-hero); line-height: 1.0; letter-spacing: -0.035em; }
.ax-page .ax-display--page .elementor-heading-title { font-size: var(--ax-text-page); line-height: 1.02; }
.ax-page .ax-display--md .elementor-heading-title { font-size: clamp(40px, 4.6vw, 72px); }
.ax-page .ax-h2 .elementor-heading-title { font-family: var(--ax-font-display); font-weight: 600; font-size: var(--ax-text-h2); line-height: 1.08; letter-spacing: -0.03em; max-width: 20ch; }
.ax-page .ax-display em, .ax-page .ax-h2 em { font-family: var(--ax-font-accent); font-weight: 400; font-style: italic; letter-spacing: -0.01em; }
.ax-page .ax-statement .elementor-heading-title { letter-spacing: -0.012em; }
.ax-page .ax-card__title .elementor-heading-title { font-family: var(--ax-font-display); font-weight: 600; font-size: clamp(26px, 2.4vw, 34px); line-height: 1.12; letter-spacing: -0.025em; }
.ax-page .ax-card__title--sm .elementor-heading-title { font-size: clamp(22px, 1.9vw, 27px); }
.ax-page .ax-chapter__title .elementor-heading-title { font-family: var(--ax-font-display); font-weight: 600; font-size: clamp(36px, 3.6vw, 54px); line-height: 1.02; letter-spacing: -0.035em; }
.ax-page .ax-chapter__title--md .elementor-heading-title { font-size: clamp(28px, 2.8vw, 42px); }
.ax-page .ax-chapter__question .elementor-heading-title { color: var(--ax-ice); }
.ax-page .ax-product-nav__name { font: 600 20px/1.1 var(--ax-font-display); letter-spacing: -0.02em; }
.ax-page .ax-menu__nav a { font: 600 clamp(28px, 7.5vw, 42px)/1.05 var(--ax-font-display); letter-spacing: -0.03em; }
.ax-page .ax-prose h2 { font: 600 clamp(28px, 3vw, 40px)/1.1 var(--ax-font-display); letter-spacing: -0.025em; }
.ax-page .ax-h3 .elementor-heading-title, .ax-page .ax-row__title .elementor-heading-title { letter-spacing: -0.015em; }
.ax-page .ax-eyebrow .elementor-heading-title { letter-spacing: 0.12em; }
.ax-page .elementor-widget.ax-lead, .ax-page .ax-lead { font-size: var(--ax-text-lead); line-height: 1.6; }
.ax-page .ax-dark .ax-lead { color: var(--ax-ice); }

/* Actions */
.ax-page .ax-btn .elementor-button, .ax-page .ax-button { border-radius: 10px; padding: 15px 20px 15px 22px; letter-spacing: -0.005em; }
.ax-page .ax-btn--sm .elementor-button, .ax-page .ax-button--sm { padding: 12px 16px 12px 18px; }
.ax-page .ax-btn--primary .elementor-button, .ax-page .ax-button--primary { background: var(--ax-cyan); color: var(--ax-navy); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), 0 6px 18px -10px rgba(0, 200, 232, 0.45); }
.ax-page .ax-btn--primary .elementor-button:hover, .ax-page .ax-button--primary:hover { background: var(--ax-ice); color: var(--ax-navy); }
.ax-page .ax-btn--ghost .elementor-button, .ax-page .ax-button--ghost { background: rgba(200, 233, 244, 0.04); color: var(--ax-soft-white); border-color: var(--ax-line-strong); }
.ax-page .ax-btn--ink .elementor-button { background: var(--ax-navy); color: var(--ax-soft-white); }
.ax-page .ax-btn--ink .elementor-button:hover { background: var(--ax-cyan-deep); color: #FFFFFF; }
.ax-page .ax-menu-btn { border-radius: 10px; }
.ax-page .ax-chips .elementor-icon-list-item .elementor-icon-list-text { border-radius: 6px; background: rgba(200, 233, 244, 0.04); }
.ax-page .ax-paper .ax-chips .elementor-icon-list-item .elementor-icon-list-text { background: var(--ax-white); }

/* Surfaces */
.ax-page .ax-card {
	border-color: rgba(200, 233, 244, 0.12);
	background: radial-gradient(420px circle at var(--mx, 50%) var(--my, -20%), rgba(0, 200, 232, 0.09), transparent 60%), linear-gradient(180deg, var(--ax-ocean-raised), var(--ax-ocean));
	box-shadow: inset 0 1px 0 rgba(200, 233, 244, 0.06);
}
.ax-page .ax-card--light {
	border-color: rgba(6, 26, 44, 0.10);
	background: radial-gradient(420px circle at var(--mx, 50%) var(--my, -20%), rgba(0, 112, 138, 0.05), transparent 60%), var(--ax-white);
	box-shadow: 0 1px 2px rgba(6, 26, 44, 0.04), 0 12px 32px -18px rgba(6, 26, 44, 0.18);
}
.ax-page .ax-card--light:hover { border-color: rgba(6, 26, 44, 0.2); }
.ax-page .ax-chapter__visual, .ax-page .ax-page-hero__visual, .ax-page .ax-dark .ax-feature__visual {
	border-color: rgba(200, 233, 244, 0.12);
	background: radial-gradient(360px circle at var(--mx, 70%) var(--my, 30%), rgba(0, 200, 232, 0.10), transparent 65%), linear-gradient(160deg, var(--ax-ocean-raised), var(--ax-navy));
}
.ax-page .ax-form-panel { background: linear-gradient(180deg, var(--ax-ocean-raised), var(--ax-ocean)); border-color: rgba(200, 233, 244, 0.12); }
.ax-page .ax-form-panel--light { background: var(--ax-white); border-color: rgba(6, 26, 44, 0.10); box-shadow: 0 12px 32px -18px rgba(6, 26, 44, 0.18); }
.ax-page .ax-about-panel { background: var(--ax-white); border-color: rgba(6, 26, 44, 0.12); }

/* Sections and transitions */
.ax-page .ax-dark { background: radial-gradient(1100px 520px at 12% 0%, rgba(13, 41, 64, 0.75), transparent 62%), var(--ax-navy); }
.ax-page .ax-paper { background: linear-gradient(180deg, var(--ax-soft-white) 0%, #EEF2F5 100%); }
.ax-page .ax-paper + .ax-dark { box-shadow: inset 0 1px 0 rgba(0, 200, 232, 0.22); }
.ax-page .ax-site-footer { background: var(--ax-navy); }
.ax-page .ax-switcher { background: var(--ax-navy); }

/* Warm colour reserved for data visualization ("ungoverned signal"); UI accents use cyan */
.ax-page .ax-paper .ax-glyph .f, .ax-page .ax-card--light .ax-card__glyph .ax-glyph .f { fill: var(--ax-cyan-deep); }
.ax-page .ax-steps::after { background: linear-gradient(90deg, var(--ax-cyan-deep), var(--ax-cyan)); }
.ax-page .ax-dark .ax-steps::after { background: linear-gradient(90deg, var(--ax-cyan), var(--ax-ice)); }

@media (max-width: 767px) {
	body.ax-page { font-size: var(--ax-text-body); }
	.ax-page .ax-display .elementor-heading-title { font-size: clamp(38px, 10.6vw, 50px); letter-spacing: -0.03em; }
	.ax-page .ax-display--page .elementor-heading-title, .ax-page .ax-display--md .elementor-heading-title { font-size: clamp(34px, 9.6vw, 44px); }
	.ax-page .ax-h2 .elementor-heading-title { font-size: clamp(28px, 7.8vw, 36px); }
	.ax-page .ax-chapter__title .elementor-heading-title { font-size: 34px; }
	.ax-page .ax-chapter__title--md .elementor-heading-title { font-size: 30px; }
	.ax-page .ax-card__title .elementor-heading-title { font-size: 24px; }
	.ax-page .ax-card__title--sm .elementor-heading-title { font-size: 22px; }
	.ax-page .ax-lead { font-size: 18px; }
}
/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
	html:has(body.ax-page) { scroll-behavior: auto; }
	.ax-page *, .ax-page *::before, .ax-page *::after { animation: none !important; transition: none !important; }
	.ax-js .ax-page .ax-reveal { opacity: 1; transform: none; }
	.ax-js .ax-page .ax-glyph [pathLength] { stroke-dashoffset: 0; }
	.ax-page .ax-steps::after { --ax-progress: 1; }
	.ax-page .ax-menu { transition: none; }
}