/* ==========================================================================
   Prime Life MD — design system (modern refresh)
   Brand tokens are custom properties below: swap these values when the
   official Prime Life MD brand kit (colors / fonts / logo) is finalized.
   ========================================================================== */

:root {
	/* Brand palette — from the official Prime Life MD brand kit, deepened */
	--plmd-navy: #1D3268;         /* primary deep tone */
	--plmd-navy-2: #060A17;       /* darker variant for footer/overlays */
	--plmd-navy-3: #0D1833;       /* mid-depth surface for dark bands */
	--plmd-blue: #4F7CFF;         /* primary action color */
	--plmd-blue-dark: #3560E8;    /* hover state */
	--plmd-blue-soft: #8FB0FF;    /* luminous edge highlight */
	--plmd-accent: #BFD3FF;       /* accent */
	--plmd-tint: #EEF3FF;         /* light tint section bg */
	--plmd-white: #ffffff;
	--plmd-ink: #121A33;          /* body text */
	--plmd-ink-soft: #4D5A78;     /* secondary text */
	--plmd-line: #D5DFF3;         /* borders */
	--plmd-error: #c0392b;
	--plmd-error-bg: #fdf2f0;
	--plmd-success: #1e7d4f;
	--plmd-success-bg: #ecf8f2;

	/* Semantic surface tokens */
	--plmd-surface: #ffffff;
	--plmd-surface-raised: #f7f9fe;
	--plmd-surface-tint: var(--plmd-tint);
	--plmd-text: var(--plmd-ink);
	--plmd-text-muted: var(--plmd-ink-soft);

	/* Brand gradients */
	--plmd-grad-hero:
		radial-gradient(1100px 620px at 88% -18%, rgba(79, 124, 255, 0.42), transparent 60%),
		radial-gradient(900px 540px at -10% 118%, rgba(79, 124, 255, 0.30), transparent 55%),
		radial-gradient(700px 420px at 55% 55%, rgba(143, 176, 255, 0.14), transparent 70%),
		linear-gradient(150deg, #23356D 0%, var(--plmd-navy-2) 92%);
	--plmd-grad-cta:
		radial-gradient(900px 480px at 15% -20%, rgba(143, 176, 255, 0.35), transparent 60%),
		radial-gradient(760px 520px at 105% 120%, rgba(6, 10, 23, 0.55), transparent 60%),
		linear-gradient(135deg, var(--plmd-blue-dark) 0%, var(--plmd-navy) 55%, var(--plmd-navy-3) 100%);
	--plmd-grad-primary: linear-gradient(135deg, #5E8BFF 0%, var(--plmd-blue-dark) 100%);
	--plmd-grad-icon: linear-gradient(150deg, var(--plmd-blue) 0%, var(--plmd-navy) 100%);
	--plmd-grad-hairline: linear-gradient(90deg, transparent, var(--plmd-blue-soft), transparent);

	/* Typography — Satoshi (primary/display) + Manrope (body), per brand kit */
	--plmd-font-display: "Satoshi", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--plmd-font-body: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

	/* Type scale — consistent across all components */
	--text-xs: 0.75rem;   /* 12px */
	--text-sm: 0.875rem;  /* 14px */
	--text-base: 1rem;    /* 16px */
	--text-md: 1.125rem;
	--text-lg: 1.25rem;
	--text-xl: 1.5rem;
	--text-2xl: 2rem;
	--text-3xl: 2.5rem;
	--text-4xl: clamp(2.5rem, 5vw, 3.75rem);
	--text-5xl: clamp(3rem, 6vw, 4.5rem);

	/* Spacing scale — for padding, gaps, margins */
	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-5: 1.25rem;
	--space-6: 1.5rem;
	--space-8: 2rem;
	--space-10: 2.5rem;
	--space-12: 3rem;
	--space-16: 4rem;
	--space-20: 5rem;
	--space-24: 6rem;
	--space-32: 8rem;

	/* Rhythm — airier radius, layered soft shadows tinged with brand blue */
	--plmd-radius: 18px;
	--plmd-radius-sm: 12px;
	--plmd-radius-lg: 26px;
	--plmd-shadow: 0 20px 50px -12px rgba(13, 24, 51, 0.14);
	--plmd-shadow-sm: 0 6px 20px -6px rgba(13, 24, 51, 0.08);
	--plmd-shadow-lg: 0 44px 90px -20px rgba(6, 10, 23, 0.35);
	--plmd-shadow-blue: 0 18px 40px -14px rgba(53, 96, 232, 0.45);
	--plmd-ring: 0 0 0 4px rgba(79, 124, 255, 0.22);
	--plmd-max: 1216px;
	--plmd-gutter: clamp(20px, 4.5vw, 40px);
	--plmd-header-h: 80px;

	/* Breakpoints */
	--bp-sm: 640px;
	--bp-md: 768px;
	--bp-lg: 1024px;

	/* Motion — ease-out-expo feel for modern, springy interaction */
	--plmd-ease: cubic-bezier(0.16, 1, 0.3, 1);
	--plmd-transition-fast: 180ms var(--plmd-ease);
	--plmd-transition-base: 280ms var(--plmd-ease);
	--plmd-transition-slow: 550ms var(--plmd-ease);
}

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

html { scroll-behavior: smooth; }

body {
	margin: 0;
	font-family: var(--plmd-font-body);
	font-size: var(--text-base);
	line-height: 1.7;
	color: var(--plmd-text);
	background: var(--plmd-surface);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

::selection { background: rgba(79, 124, 255, 0.25); color: var(--plmd-navy-2); }

h1, h2, h3, h4 { font-family: var(--plmd-font-display); font-weight: 700; letter-spacing: -0.022em; line-height: 1.14; color: var(--plmd-navy); margin: 0 0 0.5em; }
h3, h4 { font-family: var(--plmd-font-body); font-weight: 600; letter-spacing: -0.005em; }
p { margin: 0 0 var(--space-4); }
a { color: var(--plmd-blue); text-decoration: none; transition: color var(--plmd-transition-fast); }
a:hover { color: var(--plmd-blue-dark); }
img { max-width: 100%; height: auto; display: block; }
.screen-reader-text { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.screen-reader-text:focus { left: 8px; top: 8px; width: auto; height: auto; padding: 8px 12px; background: var(--plmd-navy); color: #fff; z-index: 999; border-radius: 6px; }

/* Focus ring utility: visible on keyboard focus, respects reduced motion */
:focus-visible { outline: none; box-shadow: var(--plmd-ring); }
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	:focus-visible { transition: none; }
}

.plmd-container { width: 100%; max-width: var(--plmd-max); margin: 0 auto; padding-inline: var(--plmd-gutter); }
.plmd-container--narrow { max-width: 900px; }

/* Eyebrow — pill chip with a live dot */
.plmd-eyebrow {
	display: inline-flex; align-items: center; gap: var(--space-2);
	font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase;
	color: var(--plmd-blue-dark); margin-bottom: var(--space-3);
	padding: 7px 15px; border-radius: 999px;
	background: rgba(79, 124, 255, 0.08);
	border: 1px solid rgba(79, 124, 255, 0.22);
}
.plmd-eyebrow::before {
	content: ""; flex: none; width: 6px; height: 6px; border-radius: 50%;
	background: var(--plmd-blue); box-shadow: 0 0 0 4px rgba(79, 124, 255, 0.18);
}
.plmd-hero .plmd-eyebrow, .plmd-hero .plmd-eyebrow-link, .plmd-cta .plmd-eyebrow {
	color: var(--plmd-accent); background: rgba(191, 211, 255, 0.10); border-color: rgba(191, 211, 255, 0.25);
}
.plmd-hero .plmd-eyebrow::before, .plmd-cta .plmd-eyebrow::before { background: var(--plmd-accent); box-shadow: 0 0 0 4px rgba(191, 211, 255, 0.16); }


/* Buttons — gradient primary with sheen, hairline ghost */
.plmd-btn {
	display: inline-flex; align-items: center; gap: var(--space-2); justify-content: center;
	font-family: var(--plmd-font-body); font-weight: 700; font-size: var(--text-sm); letter-spacing: 0.005em;
	padding: 14px 28px; border-radius: 999px; border: 1.5px solid transparent;
	cursor: pointer; transition: background var(--plmd-transition-fast), color var(--plmd-transition-fast),
		border-color var(--plmd-transition-fast), transform var(--plmd-transition-fast), box-shadow var(--plmd-transition-fast);
	text-align: center; line-height: 1.2; position: relative; overflow: hidden;
	touch-action: manipulation;
}
.plmd-btn:focus-visible { outline: none; box-shadow: var(--plmd-ring); }
.plmd-btn--primary { background: var(--plmd-grad-primary); color: #fff; box-shadow: var(--plmd-shadow-blue); }
.plmd-btn--primary::after {
	content: ""; position: absolute; inset: 0;
	background: linear-gradient(115deg, transparent 30%, rgba(255, 255, 255, 0.32) 50%, transparent 68%);
	transform: translateX(-110%); transition: transform 600ms var(--plmd-ease); pointer-events: none;
}
.plmd-btn--primary:hover::after { transform: translateX(110%); }
.plmd-btn--primary:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 22px 48px -14px rgba(53, 96, 232, 0.55); filter: brightness(1.04); }
.plmd-btn--primary:active { transform: translateY(0); }
.plmd-btn--accent { background: var(--plmd-accent); color: var(--plmd-navy-2); }
.plmd-btn--accent:hover { filter: brightness(1.05); color: var(--plmd-navy-2); transform: translateY(-2px); box-shadow: 0 16px 34px -12px rgba(191, 211, 255, 0.5); }
.plmd-btn--ghost { background: transparent; border-color: rgba(29, 50, 104, 0.35); color: var(--plmd-navy); }
.plmd-btn--ghost:hover { background: var(--plmd-navy); border-color: var(--plmd-navy); color: #fff; transform: translateY(-2px); box-shadow: var(--plmd-shadow); }
.plmd-cta .plmd-btn--ghost, .plmd-hero--program .plmd-btn--ghost { border-color: rgba(255, 255, 255, 0.55); color: #fff; }
.plmd-cta .plmd-btn--ghost:hover, .plmd-hero .plmd-btn--ghost:hover { background: rgba(255, 255, 255, 0.16); border-color: rgba(255, 255, 255, 0.7); color: #fff; transform: translateY(-2px); box-shadow: none; }

/* --------------------------------------------------------------------------
   Top bar
-------------------------------------------------------------------------- */
.plmd-topbar { background: var(--plmd-navy-2); color: #A9BEF8; font-size: var(--text-sm); letter-spacing: 0.01em; position: relative; }
.plmd-topbar::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: var(--plmd-grad-hairline); opacity: 0.35; }
.plmd-topbar__inner { display: flex; justify-content: space-between; align-items: center; gap: var(--space-4); padding-block: var(--space-2); }
.plmd-topbar__tagline { margin: 0; }
.plmd-topbar__contact { display: flex; gap: var(--space-4); align-items: center; }
.plmd-topbar__link { color: var(--plmd-accent); font-weight: 600; }
.plmd-topbar__link:hover { color: #fff; }

/* --------------------------------------------------------------------------
   Header — frosted glass, deepens on scroll
-------------------------------------------------------------------------- */
.plmd-header {
	position: sticky; top: 0; z-index: 100;
	background: rgba(255, 255, 255, 0.82);
	backdrop-filter: saturate(1.4) blur(14px);
	-webkit-backdrop-filter: saturate(1.4) blur(14px);
	border-bottom: 1px solid rgba(213, 223, 243, 0.7);
	transition: box-shadow var(--plmd-transition-base), background var(--plmd-transition-base);
}
.plmd-header.is-scrolled { background: rgba(255, 255, 255, 0.94); box-shadow: 0 10px 34px -14px rgba(13, 24, 51, 0.18); }
.plmd-header__inner { display: flex; align-items: center; justify-content: space-between; gap: var(--space-5); min-height: var(--plmd-header-h); }

.plmd-logo { display: inline-flex; align-items: center; gap: 10px; color: var(--plmd-navy); }
.plmd-logo__mark { display: inline-flex; color: var(--plmd-blue); }
.plmd-logo__text { font-family: var(--plmd-font-display); font-size: var(--text-xl); line-height: 1.1; display: flex; flex-direction: column; }
.plmd-logo__text small { font-family: var(--plmd-font-body); font-size: var(--text-xs); letter-spacing: 0.22em; text-transform: uppercase; color: var(--plmd-blue); font-weight: 700; }
.custom-logo-link img { max-height: 52px; width: auto; display: block; }

.plmd-nav__menu { display: flex; align-items: center; gap: clamp(12px, 2vw, 26px); list-style: none; margin: 0; padding: 0; }
.plmd-nav__menu a { color: var(--plmd-ink); font-weight: 500; font-size: var(--text-sm); padding: 6px 2px; position: relative; border-radius: 4px; }
.plmd-nav__menu a::after {
	content: ""; position: absolute; left: 2px; right: 2px; bottom: 0; height: 2px; border-radius: 2px;
	background: var(--plmd-grad-primary); transform: scaleX(0); transform-origin: left;
	transition: transform var(--plmd-transition-base);
}
.plmd-nav__menu a:hover::after, .plmd-nav__menu a:focus-visible::after, .plmd-nav__menu .current-menu-item > a::after, .plmd-nav__menu .current_page_item > a::after { transform: scaleX(1); }
.plmd-nav__menu .current-menu-item > a, .plmd-nav__menu .current_page_item > a { color: var(--plmd-blue-dark); font-weight: 600; }
.plmd-nav__menu a:focus-visible { box-shadow: var(--plmd-ring); outline: none; }
.plmd-nav__menu li.menu-item-has-children { position: relative; }
.plmd-nav__menu li > ul.sub-menu {
	position: absolute; top: calc(100% + 10px); left: -14px; min-width: 230px;
	background: var(--plmd-surface); border: 1px solid rgba(213, 223, 243, 0.9); border-radius: var(--plmd-radius-sm);
	box-shadow: var(--plmd-shadow); list-style: none; padding: var(--space-2); margin: 0;
	opacity: 0; visibility: hidden; transform: translateY(8px) scale(0.98); transform-origin: top left;
	transition: opacity var(--plmd-transition-fast), visibility var(--plmd-transition-fast), transform var(--plmd-transition-fast);
}
.plmd-nav__menu li:hover > ul.sub-menu,
.plmd-nav__menu li:focus-within > ul.sub-menu { opacity: 1; visibility: visible; transform: none; }
.plmd-nav__menu ul.sub-menu a { display: block; padding: 9px 13px; border-radius: 8px; font-size: var(--text-sm); }
.plmd-nav__menu ul.sub-menu a::after { display: none; }
.plmd-nav__menu ul.sub-menu a:hover, .plmd-nav__menu ul.sub-menu a:focus-visible { background: var(--plmd-tint); color: var(--plmd-navy); }
.plmd-nav__menu ul.sub-menu a:focus-visible { box-shadow: inset 0 0 0 2px rgba(79, 124, 255, 0.35); }

.plmd-header__actions { display: flex; align-items: center; gap: var(--space-3); }
.plmd-header__cta { padding: 12px 24px; white-space: nowrap; }

/* Mobile nav toggle */
.plmd-nav-toggle { display: none; flex-direction: column; gap: 5px; background: none; border: 0; padding: 10px 4px; cursor: pointer; }
.plmd-nav-toggle span { width: 24px; height: 2.5px; background: var(--plmd-navy); border-radius: 2px; transition: all var(--plmd-transition-fast); }
.plmd-nav-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7.5px) rotate(45deg); }
.plmd-nav-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.plmd-nav-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7.5px) rotate(-45deg); }

@media (max-width: 1024px) {
	.plmd-topbar__tagline { display: none; }
	.plmd-topbar__inner { justify-content: center; }
	.plmd-header__cta { display: none; }
	.plmd-nav-toggle { display: flex; }
	.plmd-nav-toggle:focus-visible { box-shadow: var(--plmd-ring); border-radius: 8px; }
	.plmd-nav {
		position: fixed; inset: 0 0 auto 0; top: 0; margin-top: var(--plmd-header-h);
		background: var(--plmd-surface); border-bottom: 1px solid var(--plmd-line); box-shadow: var(--plmd-shadow);
		display: none;
	}
	.plmd-nav.is-open { display: block; }
	.plmd-nav__menu { flex-direction: column; align-items: stretch; gap: 0; padding: var(--space-3) var(--plmd-gutter) var(--space-5); max-height: calc(100vh - var(--plmd-header-h)); overflow: auto; }
	.plmd-nav__menu a { display: block; padding: var(--space-3) var(--space-1); font-size: var(--text-base); border-bottom: 1px solid var(--plmd-line); }
	.plmd-nav__menu a::after { display: none; }
	.plmd-nav__menu li.menu-item-has-children { position: relative; }
	.plmd-nav__menu li.menu-item-has-children > a::before {
		content: ""; position: absolute; right: 4px; top: 50%; width: 8px; height: 8px;
		border-right: 2px solid var(--plmd-blue); border-bottom: 2px solid var(--plmd-blue);
		transform: translateY(-70%) rotate(45deg); transition: transform var(--plmd-transition-fast);
	}
	.plmd-nav__menu li.menu-item-has-children.is-expanded > a::before { transform: translateY(-30%) rotate(225deg); }
	.plmd-nav__menu li > ul.sub-menu { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; border: 0; padding: 0 0 0 var(--space-4); background: var(--plmd-tint); border-radius: var(--plmd-radius-sm); max-height: 0; overflow: hidden; transition: max-height var(--plmd-transition-base), padding var(--plmd-transition-base); }
	.plmd-nav__menu li.is-expanded > ul.sub-menu { max-height: 500px; padding: var(--space-2) 0 var(--space-2) var(--space-4); }
	.plmd-nav__menu li > ul.sub-menu a { color: var(--plmd-ink); }
	}

/* --------------------------------------------------------------------------
   Hero — layered mesh gradient, fine grid, grain, staggered entrance
-------------------------------------------------------------------------- */
.plmd-hero {
	position: relative; overflow: hidden;
	background: var(--plmd-grad-hero);
	color: #E9F0FD;
	padding: clamp(var(--space-16), 9vw, var(--space-32)) 0 clamp(var(--space-20), 11vw, var(--space-24));
}
/* Hairline grid texture */
.plmd-hero::before {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	background-image:
		linear-gradient(rgba(191, 211, 255, 0.055) 1px, transparent 1px),
		linear-gradient(90deg, rgba(191, 211, 255, 0.055) 1px, transparent 1px);
	background-size: 56px 56px;
	mask-image: radial-gradient(75% 65% at 50% 35%, #000 30%, transparent 100%);
	-webkit-mask-image: radial-gradient(75% 65% at 50% 35%, #000 30%, transparent 100%);
}
/* Film grain */
.plmd-hero::after {
	content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0.05; mix-blend-mode: overlay;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="160" height="160"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2"/></filter><rect width="160" height="160" filter="url(%23n)"/></svg>');
}
.plmd-hero .plmd-container { position: relative; z-index: 1; }
.plmd-hero--program { padding: clamp(var(--space-12), 7vw, var(--space-20)) 0 clamp(var(--space-16), 8vw, var(--space-20)); }
.plmd-hero--compact { padding: clamp(var(--space-12), 7vw, var(--space-20)) 0 clamp(var(--space-8), 4vw, var(--space-12)); }
.plmd-hero__grid { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: clamp(30px, 5vw, 68px); align-items: center; }

/* Staggered entrance */
@media (prefers-reduced-motion: no-preference) {
	.plmd-hero__copy > *, .plmd-hero__form { animation: plmd-rise 700ms var(--plmd-ease) both; }
	.plmd-hero__copy > *:nth-child(2) { animation-delay: 90ms; }
	.plmd-hero__copy > *:nth-child(3) { animation-delay: 180ms; }
	.plmd-hero__copy > *:nth-child(4) { animation-delay: 270ms; }
	.plmd-hero__copy > *:nth-child(5) { animation-delay: 360ms; }
	.plmd-hero__form { animation-delay: 220ms; }
}
@keyframes plmd-rise {
	from { opacity: 0; transform: translateY(22px); }
	to { opacity: 1; transform: none; }
}

.plmd-hero__title {
	color: #fff; font-weight: 900; letter-spacing: -0.03em;
	font-size: var(--text-5xl); line-height: 1.06; max-width: 14em;
	text-wrap: balance;
}
.plmd-hero__title--page { max-width: none; }
.plmd-hero__lead { font-size: var(--text-md); color: #B9CBF3; max-width: 36em; }
.plmd-hero__body-content { color: #B9CBF3; margin-top: var(--space-3); }
.plmd-hero__points { list-style: none; margin: var(--space-6) 0 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-2); }
.plmd-hero__points li { position: relative; padding-left: 30px; font-weight: 600; font-size: var(--text-base); color: #DCE7FC; }
.plmd-hero__points li::before {
	content: ""; position: absolute; left: 0; top: 4px; width: 17px; height: 17px; border-radius: 50%;
	background: rgba(79, 124, 255, 0.22);
	border: 1px solid rgba(143, 176, 255, 0.5);
}
.plmd-hero__points li::after {
	content: ""; position: absolute; left: 3.5px; top: 7.5px; width: 9px; height: 9px;
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3"><path d="M5 12.5l4 4L19 6.5"/></svg>') center/contain no-repeat;
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3"><path d="M5 12.5l4 4L19 6.5"/></svg>') center/contain no-repeat;
	background: var(--plmd-blue-soft);
}
.plmd-hero__ctas { display: flex; gap: var(--space-3); flex-wrap: wrap; margin-top: var(--space-7); }
.plmd-hero .plmd-btn--primary { background: var(--plmd-accent); color: var(--plmd-navy-2); box-shadow: 0 18px 38px -14px rgba(191, 211, 255, 0.5); }
.plmd-hero .plmd-btn--primary:hover { filter: brightness(1.05); color: var(--plmd-navy-2); }
.plmd-hero .plmd-btn--primary::after { display: none; }

@media (max-width: 1024px) {
	.plmd-hero__grid { grid-template-columns: 1fr; }
}

.plmd-hero__form .plmd-panel { box-shadow: var(--plmd-shadow-lg); }

/* Panels / form cards — gradient hairline border */
.plmd-panel {
	position: relative;
	background: var(--plmd-surface); border-radius: var(--plmd-radius-lg);
	box-shadow: var(--plmd-shadow); padding: clamp(var(--space-6), 3.2vw, var(--space-8)); color: var(--plmd-text);
	border: 1px solid rgba(213, 223, 243, 0.65);
}
.plmd-panel::before {
	content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1.5px; pointer-events: none;
	background: linear-gradient(160deg, rgba(143, 176, 255, 0.55), rgba(143, 176, 255, 0) 34%, rgba(143, 176, 255, 0) 70%, rgba(143, 176, 255, 0.3));
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor; mask-composite: exclude;
}
.plmd-panel--form { border-top: 0; }
.plmd-panel--form::after {
	content: ""; position: absolute; top: -1px; left: 28px; right: 28px; height: 4px;
	background: var(--plmd-grad-primary); border-radius: 0 0 6px 6px;
}
.plmd-panel__title { font-size: var(--text-xl); letter-spacing: -0.02em; margin-bottom: var(--space-1); }
.plmd-panel__sub { font-size: var(--text-sm); color: var(--plmd-text-muted); margin-bottom: var(--space-4); }

/* --------------------------------------------------------------------------
   Forms
-------------------------------------------------------------------------- */
.plmd-form__fields { display: flex; flex-direction: column; gap: var(--space-3); }
.plmd-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-3); }
.plmd-field { display: flex; flex-direction: column; gap: var(--space-1); }
.plmd-field label { font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; color: var(--plmd-navy); }
.plmd-field input, .plmd-field select, .plmd-field textarea {
	font: inherit; font-size: var(--text-base); padding: 12px 14px;
	border: 1.5px solid var(--plmd-line); border-radius: var(--plmd-radius-sm);
	background: var(--plmd-surface-raised); color: var(--plmd-text); width: 100%;
	transition: border-color var(--plmd-transition-fast), box-shadow var(--plmd-transition-fast), background var(--plmd-transition-fast);
}
.plmd-field input::placeholder, .plmd-field textarea::placeholder { color: #9AA6C2; }
.plmd-field input:focus, .plmd-field select:focus, .plmd-field textarea:focus {
	outline: none; border-color: var(--plmd-blue); box-shadow: var(--plmd-ring); background: var(--plmd-surface);
}
.plmd-field.has-error input, .plmd-field.has-error select, .plmd-field.has-error textarea { border-color: var(--plmd-error); background: var(--plmd-error-bg); }
.plmd-field__error {
	display: none; align-items: center; gap: var(--space-1);
	font-size: var(--text-xs); color: var(--plmd-error); font-weight: 600;
}
.plmd-field__error svg { flex: none; width: 14px; height: 14px; }
.plmd-field.has-error .plmd-field__error { display: inline-flex; }
.plmd-form__hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.plmd-form__submit { width: 100%; margin-top: var(--space-1); }
.plmd-form__notice { font-size: var(--text-xs); color: var(--plmd-text-muted); margin: var(--space-1) 0 0; }
.plmd-form__status { font-size: var(--text-sm); margin: 0; display: flex; align-items: center; gap: var(--space-2); }
.plmd-form__status.is-error { color: var(--plmd-error); font-weight: 600; }
.plmd-form__status.is-success { color: var(--plmd-success); font-weight: 600; }
.plmd-form.is-submitting .plmd-form__submit { opacity: 0.7; pointer-events: none; }
.plmd-form__status[role="alert"] { font-weight: 600; }

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

/* --------------------------------------------------------------------------
   Trust strip — floating card overlapping the hero
-------------------------------------------------------------------------- */
.plmd-trust { position: relative; background: var(--plmd-surface); padding: 0 0 var(--space-12); }
.plmd-trust__grid {
	display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(var(--space-4), 2.5vw, var(--space-8));
	background: var(--plmd-surface); border: 1px solid rgba(213, 223, 243, 0.8);
	border-radius: var(--plmd-radius-lg); box-shadow: var(--plmd-shadow);
	padding: clamp(var(--space-5), 3vw, var(--space-8)); margin-top: clamp(-64px, -6vw, -40px); position: relative; z-index: 2;
}
.plmd-trust__item { display: flex; gap: var(--space-3); align-items: flex-start; }
.plmd-trust__icon {
	flex: none; display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center;
	border-radius: 14px; background: var(--plmd-grad-icon); color: #fff;
	box-shadow: 0 10px 22px -8px rgba(53, 96, 232, 0.5);
	transition: transform var(--plmd-transition-base), box-shadow var(--plmd-transition-base);
}
.plmd-trust__item:hover .plmd-trust__icon { transform: translateY(-3px) scale(1.04); box-shadow: 0 14px 28px -8px rgba(53, 96, 232, 0.6); }
.plmd-trust__title { font-size: var(--text-base); margin-bottom: var(--space-1); letter-spacing: -0.01em; }
.plmd-trust__text { font-size: var(--text-sm); color: var(--plmd-ink-soft); margin: 0; line-height: 1.55; }

/* Credential badge row (optional) */
.plmd-badges { display: flex; flex-wrap: wrap; gap: var(--space-3); justify-content: center; margin-top: var(--space-8); }
.plmd-badge {
	display: inline-flex; align-items: center; gap: var(--space-2); font-size: var(--text-xs); font-weight: 600; letter-spacing: 0.02em;
	color: var(--plmd-navy); background: var(--plmd-surface); border: 1px solid var(--plmd-line);
	border-radius: 999px; padding: 8px 15px; box-shadow: var(--plmd-shadow-sm);
	transition: transform var(--plmd-transition-fast), box-shadow var(--plmd-transition-fast);
}
.plmd-badge:hover { transform: translateY(-1px); box-shadow: var(--plmd-shadow); }
.plmd-badge svg { flex: none; width: 14px; height: 14px; color: var(--plmd-blue); }

@media (max-width: 1024px) { .plmd-trust__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .plmd-trust__grid { grid-template-columns: 1fr; } }

/* --------------------------------------------------------------------------
   Sections
-------------------------------------------------------------------------- */
.plmd-section { padding: clamp(var(--space-16), 7.5vw, var(--space-24)) 0; position: relative; }
.plmd-section--tint { background: linear-gradient(180deg, var(--plmd-tint) 0%, #F4F8FF 100%); }
.plmd-section--tint::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: var(--plmd-grad-hairline); opacity: 0.5; }
.plmd-section--flush { padding-top: clamp(var(--space-8), 4vw, var(--space-12)); }
.plmd-section__header { text-align: center; max-width: 760px; margin: 0 auto clamp(var(--space-8), 4.5vw, var(--space-12)); }
.plmd-section__title { font-size: var(--text-3xl); letter-spacing: -0.028em; text-wrap: balance; }
.plmd-section__intro { color: var(--plmd-ink-soft); margin: 0; font-size: var(--text-md); }
.plmd-section__more { text-align: center; margin-top: clamp(var(--space-6), 4vw, var(--space-10)); }
.plmd-prose p { color: var(--plmd-ink); }
.plmd-micro-note { text-align: center; font-size: var(--text-xs); color: var(--plmd-ink-soft); margin: var(--space-5) 0 0; }

.plmd-grid { display: grid; gap: clamp(var(--space-4), 2.5vw, var(--space-7)); }
.plmd-grid--4 { grid-template-columns: repeat(4, 1fr); }
.plmd-grid--3 { grid-template-columns: repeat(3, 1fr); }

@media (max-width: 1024px) { .plmd-grid--4 { grid-template-columns: repeat(2, 1fr); } .plmd-grid--3 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .plmd-grid--4, .plmd-grid--3 { grid-template-columns: 1fr; } }

/* --------------------------------------------------------------------------
   Program cards (category cards on Home) — glow-edge hover
-------------------------------------------------------------------------- */
.plmd-program-card {
	display: flex; flex-direction: column; gap: var(--space-3); position: relative;
	background: var(--plmd-surface); border: 1px solid var(--plmd-line); border-radius: var(--plmd-radius);
	padding: clamp(var(--space-5), 3vw, var(--space-8)); box-shadow: var(--plmd-shadow-sm);
	transition: transform var(--plmd-transition-base), box-shadow var(--plmd-transition-base), border-color var(--plmd-transition-base);
	color: var(--plmd-ink); overflow: hidden;
}
.plmd-program-card::before {
	content: ""; position: absolute; inset: 0 0 auto 0; height: 3px;
	background: var(--plmd-grad-primary); opacity: 0; transition: opacity var(--plmd-transition-base);
}
.plmd-program-card:hover, .plmd-program-card:focus-visible { transform: translateY(-6px); box-shadow: var(--plmd-shadow); border-color: rgba(79, 124, 255, 0.5); color: var(--plmd-ink); }
.plmd-program-card:hover::before, .plmd-program-card:focus-visible::before { opacity: 1; }
.plmd-program-card:focus-visible { outline: none; box-shadow: var(--plmd-ring), var(--plmd-shadow); }
.plmd-program-card__icon {
	display: inline-flex; width: 54px; height: 54px; align-items: center; justify-content: center;
	border-radius: 16px; background: var(--plmd-grad-icon); color: #fff;
	box-shadow: 0 10px 22px -8px rgba(53, 96, 232, 0.5);
	transition: transform var(--plmd-transition-base);
}
.plmd-program-card:hover .plmd-program-card__icon, .plmd-program-card:focus-visible .plmd-program-card__icon { transform: scale(1.08) rotate(-3deg); }
.plmd-program-card__title { font-size: var(--text-lg); letter-spacing: -0.015em; }
.plmd-program-card__desc { font-size: var(--text-sm); color: var(--plmd-ink-soft); margin: 0; flex: 1; line-height: 1.6; }
.plmd-program-card__link { display: inline-flex; align-items: center; gap: var(--space-2); font-weight: 700; color: var(--plmd-blue); font-size: var(--text-sm); }
.plmd-program-card__link svg { transition: transform var(--plmd-transition-fast); }
.plmd-program-card:hover .plmd-program-card__link svg { transform: translateX(4px); }

/* Value cards (About) */
.plmd-value-card {
	background: var(--plmd-surface); border: 1px solid var(--plmd-line); border-radius: var(--plmd-radius);
	padding: clamp(var(--space-5), 3vw, var(--space-8)); box-shadow: var(--plmd-shadow-sm); display: flex; flex-direction: column; gap: var(--space-3);
	transition: transform var(--plmd-transition-base), box-shadow var(--plmd-transition-base);
}
.plmd-value-card:hover { transform: translateY(-4px); box-shadow: var(--plmd-shadow); }
.plmd-value-card p { font-size: var(--text-sm); color: var(--plmd-ink-soft); margin: 0; }

/* --------------------------------------------------------------------------
   Product cards
-------------------------------------------------------------------------- */
.plmd-card {
	display: flex; flex-direction: column; overflow: hidden;
	background: var(--plmd-surface); border: 1px solid var(--plmd-line); border-radius: var(--plmd-radius);
	box-shadow: var(--plmd-shadow-sm); transition: transform var(--plmd-transition-base), box-shadow var(--plmd-transition-base), border-color var(--plmd-transition-base);
}
.plmd-card:hover, .plmd-card:focus-within { transform: translateY(-5px); box-shadow: var(--plmd-shadow); border-color: rgba(79, 124, 255, 0.4); }
.plmd-card:focus-within { outline: none; box-shadow: var(--plmd-ring), var(--plmd-shadow); }
.plmd-card__media { display: block; aspect-ratio: 640/430; overflow: hidden; background: var(--plmd-tint); position: relative; }
.plmd-card__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 70%, rgba(6, 10, 23, 0.12)); pointer-events: none; }
.plmd-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 600ms var(--plmd-ease); }
.plmd-card:hover .plmd-card__media img { transform: scale(1.05); }
.plmd-card__body { padding: var(--space-5) var(--space-5) var(--space-6); display: flex; flex-direction: column; gap: var(--space-2); flex: 1; }
.plmd-card__tag {
	align-self: flex-start; font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.11em; text-transform: uppercase;
	color: var(--plmd-blue-dark); background: rgba(79, 124, 255, 0.09); border: 1px solid rgba(79, 124, 255, 0.2);
	border-radius: 999px; padding: 4px 11px;
}
.plmd-card__title { font-size: var(--text-lg); margin: 0; letter-spacing: -0.015em; }
.plmd-card__title a { color: var(--plmd-navy); }
.plmd-card__title a:hover { color: var(--plmd-blue-dark); }
.plmd-card__desc { font-size: var(--text-sm); color: var(--plmd-ink-soft); margin: 0; flex: 1; }
.plmd-card__actions { margin-top: var(--space-3); }
.plmd-card__actions .plmd-btn { padding: 11px 22px; font-size: var(--text-sm); }

/* All-programs listing headers */
.plmd-listing__head { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--space-5); flex-wrap: wrap; margin-bottom: clamp(var(--space-5), 3vw, var(--space-10)); }
.plmd-listing__title { font-family: var(--plmd-font-display); font-size: var(--text-2xl); letter-spacing: -0.025em; margin-bottom: var(--space-1); }
.plmd-listing__desc { color: var(--plmd-ink-soft); max-width: 60em; margin: 0; }

/* --------------------------------------------------------------------------
   Steps ("How it works") — gradient number chips, connective feel
-------------------------------------------------------------------------- */
.plmd-steps { list-style: none; counter-reset: step; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(var(--space-4), 2.5vw, var(--space-7)); }
.plmd-step {
	background: var(--plmd-surface); border: 1px solid var(--plmd-line); border-radius: var(--plmd-radius);
	padding: clamp(var(--space-6), 3vw, var(--space-8)); position: relative; box-shadow: var(--plmd-shadow-sm);
	transition: transform var(--plmd-transition-base), box-shadow var(--plmd-transition-base);
}
.plmd-step:hover { transform: translateY(-4px); box-shadow: var(--plmd-shadow); }
.plmd-step__num {
	display: inline-flex; align-items: center; justify-content: center;
	width: 48px; height: 48px; border-radius: 50%;
	background: var(--plmd-grad-icon); color: #fff;
	box-shadow: 0 0 0 5px rgba(79, 124, 255, 0.14), 0 12px 24px -8px rgba(53, 96, 232, 0.5);
	font-family: var(--plmd-font-display); font-weight: 900; font-size: var(--text-xl); margin-bottom: var(--space-3);
}
.plmd-step__title { font-size: var(--text-lg); letter-spacing: -0.015em; }
.plmd-step__text { font-size: var(--text-sm); color: var(--plmd-ink-soft); margin: 0; }
@media (max-width: 768px) { .plmd-steps { grid-template-columns: 1fr; } }

/* --------------------------------------------------------------------------
   Testimonials
-------------------------------------------------------------------------- */
.plmd-quote {
	background: var(--plmd-surface); border: 1px solid var(--plmd-line); border-radius: var(--plmd-radius);
	padding: clamp(var(--space-5), 3vw, var(--space-8)); margin: 0; box-shadow: var(--plmd-shadow-sm);
	display: flex; flex-direction: column; gap: var(--space-4); position: relative; overflow: hidden;
	transition: transform var(--plmd-transition-base), box-shadow var(--plmd-transition-base);
}
.plmd-quote::before {
	content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 3px;
	background: var(--plmd-grad-primary); border-radius: 3px 0 0 3px;
}
.plmd-quote::after {
	content: "“"; position: absolute; top: 6px; right: 20px;
	font-family: var(--plmd-font-display); font-weight: 900; font-size: var(--space-16); line-height: 1;
	background: var(--plmd-grad-primary); -webkit-background-clip: text; background-clip: text; color: transparent;
	opacity: 0.18; pointer-events: none;
}
.plmd-quote:hover { transform: translateY(-4px); box-shadow: var(--plmd-shadow); }
.plmd-quote__text { margin: 0; font-family: var(--plmd-font-display); font-size: var(--text-lg); color: var(--plmd-navy); line-height: 1.55; letter-spacing: -0.01em; }
.plmd-quote__meta { display: flex; flex-direction: column; gap: 2px; font-size: var(--text-sm); color: var(--plmd-ink-soft); border-top: 1px solid var(--plmd-line); padding-top: var(--space-3); }
.plmd-quote__meta strong { color: var(--plmd-blue-dark); }

/* --------------------------------------------------------------------------
   FAQ
-------------------------------------------------------------------------- */
.plmd-faq { display: flex; flex-direction: column; gap: var(--space-3); }
.plmd-faq__item {
	background: var(--plmd-surface); border: 1px solid var(--plmd-line); border-radius: var(--plmd-radius-sm); overflow: hidden;
	transition: border-color var(--plmd-transition-fast), box-shadow var(--plmd-transition-fast);
}
.plmd-faq__item:hover { border-color: rgba(79, 124, 255, 0.4); }
.plmd-faq__item[open] { border-color: rgba(79, 124, 255, 0.45); box-shadow: var(--plmd-shadow-sm); }
.plmd-faq__q {
	display: flex; justify-content: space-between; align-items: center; gap: var(--space-3);
	padding: 17px 22px; cursor: pointer; font-weight: 600; color: var(--plmd-navy);
	list-style: none; transition: background var(--plmd-transition-fast);
}
.plmd-faq__q::-webkit-details-marker { display: none; }
.plmd-faq__q:focus-visible { background: var(--plmd-tint); outline: none; box-shadow: inset 0 0 0 2px rgba(79, 124, 255, 0.35); }
.plmd-faq__chev {
	flex: none; width: 26px; height: 26px; border-radius: 50%;
	border: 1.5px solid rgba(79, 124, 255, 0.4); position: relative;
	transition: transform var(--plmd-transition-base), background var(--plmd-transition-base), border-color var(--plmd-transition-base);
}
.plmd-faq__chev::before, .plmd-faq__chev::after {
	content: ""; position: absolute; top: 50%; left: 50%; background: var(--plmd-blue); border-radius: 2px;
	transition: transform var(--plmd-transition-base), background var(--plmd-transition-base);
}
.plmd-faq__chev::before { width: 10px; height: 2px; transform: translate(-50%, -50%); }
.plmd-faq__chev::after { width: 2px; height: 10px; transform: translate(-50%, -50%); }
.plmd-faq__item[open] .plmd-faq__chev { background: var(--plmd-blue); border-color: var(--plmd-blue); }
.plmd-faq__item[open] .plmd-faq__chev::before { background: #fff; transform: translate(-50%, -50%) rotate(180deg); }
.plmd-faq__item[open] .plmd-faq__chev::after { background: #fff; transform: translate(-50%, -50%) rotate(90deg); }
.plmd-faq__a { padding: 0 22px 18px; }
.plmd-faq__a p { margin: 0; color: var(--plmd-ink-soft); font-size: var(--text-base); }

/* Smooth FAQ open animation (progressive enhancement) */
.plmd-faq__item::details-content { block-size: 0; overflow: hidden; transition: block-size var(--plmd-transition-base), content-visibility var(--plmd-transition-base); }
.plmd-faq__item[open]::details-content { block-size: auto; }

/* --------------------------------------------------------------------------
   CTA band — rich gradient, grain, glow
-------------------------------------------------------------------------- */
.plmd-cta { position: relative; overflow: hidden; background: var(--plmd-grad-cta); color: #E9F0FD; padding: clamp(var(--space-16), 7vw, var(--space-24)) 0; }
.plmd-cta::after {
	content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0.05; mix-blend-mode: overlay;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="160" height="160"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2"/></filter><rect width="160" height="160" filter="url(%23n)"/></svg>');
}
.plmd-cta .plmd-container { position: relative; z-index: 1; }
.plmd-cta__grid { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: clamp(30px, 5vw, 60px); align-items: center; }
.plmd-cta__title { color: #fff; font-weight: 900; letter-spacing: -0.028em; font-size: var(--text-3xl); text-wrap: balance; }
.plmd-cta__copy p { color: #C6D5FA; max-width: 30em; font-size: var(--text-md); }
.plmd-cta .plmd-panel { box-shadow: var(--plmd-shadow-lg); border: 0; background: rgba(255, 255, 255, 0.97); }
@media (max-width: 1024px) { .plmd-cta__grid { grid-template-columns: 1fr; } }

/* --------------------------------------------------------------------------
   Two-column content (product detail)
-------------------------------------------------------------------------- */
.plmd-two-col { display: grid; grid-template-columns: 1.5fr 0.9fr; gap: clamp(26px, 4vw, 52px); align-items: start; }
.plmd-two-col__aside { position: sticky; top: calc(var(--plmd-header-h) + 20px); }
.plmd-featured { border-radius: var(--plmd-radius); overflow: hidden; margin-bottom: var(--space-6); box-shadow: var(--plmd-shadow); border: 1px solid var(--plmd-line); }
.plmd-entry__content h2 { font-size: var(--text-xl); letter-spacing: -0.02em; margin-top: 1.4em; }
.plmd-entry__content ul { padding-left: var(--space-5); }
.plmd-breadcrumb { font-size: var(--text-sm); color: #8FA6E0; display: flex; gap: var(--space-2); flex-wrap: wrap; margin-bottom: var(--space-4); }
.plmd-breadcrumb a { color: #C9D8F5; }
@media (max-width: 1024px) { .plmd-two-col { grid-template-columns: 1fr; } .plmd-two-col__aside { position: static; } }

/* --------------------------------------------------------------------------
   Footer — deep night surface with hairline glow
-------------------------------------------------------------------------- */
.plmd-footer { position: relative; background: var(--plmd-navy-2); color: #9DB1E8; margin-top: 0; }
.plmd-footer::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: var(--plmd-grad-hairline); opacity: 0.5; }
.plmd-footer__grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.1fr; gap: clamp(var(--space-6), 4vw, var(--space-12)); padding: clamp(var(--space-12), 6.5vw, var(--space-20)) var(--plmd-gutter) clamp(var(--space-6), 4vw, var(--space-10)); }
.plmd-footer__logo { font-family: var(--plmd-font-display); font-size: var(--text-xl); color: #fff; display: inline-block; margin-bottom: var(--space-2); }
.plmd-footer .custom-logo-link img,
.plmd-footer__logo-link img { max-height: 44px; filter: brightness(0) invert(1); }
.plmd-footer__brand p { font-size: var(--text-sm); max-width: 26em; }
.plmd-footer__heading { color: #fff; font-size: var(--text-xs); letter-spacing: 0.16em; text-transform: uppercase; margin-bottom: var(--space-3); }
.plmd-footer__links { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-2); }
.plmd-footer__links a { color: #9DB1E8; font-size: var(--text-sm); }
.plmd-footer__links a:hover { color: #fff; padding-left: 3px; }
.plmd-footer__cta { margin-top: var(--space-4); font-size: var(--text-sm); padding: 12px 22px; }
.plmd-footer__legal { border-top: 1px solid rgba(255, 255, 255, 0.1); padding: var(--space-5) 0 var(--space-6); }
.plmd-footer__disclaimer { font-size: var(--text-xs); color: #6B7CAB; line-height: 1.6; max-width: 72em; }
.plmd-footer__copy { font-size: var(--text-xs); color: #8A9CD5; margin: 0; }

@media (max-width: 1024px) { .plmd-footer__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { .plmd-footer__grid { grid-template-columns: 1fr; } }

/* --------------------------------------------------------------------------
   Canvas / full-width templates
-------------------------------------------------------------------------- */
.plmd-canvas { background: var(--plmd-surface); }

/* --------------------------------------------------------------------------
   Reduced motion
-------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition: none !important; animation: none !important; }
	.plmd-program-card, .plmd-card, .plmd-step, .plmd-quote, .plmd-value-card { opacity: 1 !important; transform: none !important; }
}

/* Bundled brand logo images (fallback until a Custom Logo is set) */
.plmd-logo__img { height: 52px; width: auto; display: block; }
.plmd-footer__logo-link { display: inline-block; margin-bottom: 12px; }
.plmd-footer__logo-link img { display: block; height: auto; }


/* Fallback: ensure CTA forms remain readable if panel wrapper is ever missing */
.plmd-cta__form > .plmd-form:not(.plmd-panel .plmd-form) .plmd-field label { color: #fff; }
.plmd-cta__form > .plmd-form:not(.plmd-panel .plmd-form) .plmd-form__notice { color: rgba(255,255,255,0.85); }
.plmd-cta__form > .plmd-form:not(.plmd-panel .plmd-form) .plmd-field input,
.plmd-cta__form > .plmd-form:not(.plmd-panel .plmd-form) .plmd-field select { background: rgba(255,255,255,0.97); color: var(--plmd-ink); }

/* ==========================================================================
   v1.3 — Products / Shop (enquiry-only storefront, added on the live base)
   ========================================================================== */
.plmd-filterbar { position: sticky; top: var(--plmd-header-h); z-index: 60; background: rgba(255,255,255,.92); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-bottom: 1px solid var(--plmd-line); padding: var(--space-3) 0; transition: box-shadow var(--plmd-transition-base); }
.plmd-filterbar.is-scrolled { box-shadow: var(--plmd-shadow-sm); }
.plmd-filterbar__inner { display: flex; gap: var(--space-3); overflow-x: auto; padding-bottom: 2px; scrollbar-width: thin; }
.plmd-pill { flex: none; display: inline-flex; align-items: center; gap: var(--space-1); padding: 9px 20px; border-radius: 999px; font-size: var(--text-sm); font-weight: 700; color: var(--plmd-navy); background: var(--plmd-tint); border: 1.5px solid transparent; transition: all .16s ease; white-space: nowrap; }
.plmd-pill:hover { border-color: var(--plmd-blue); color: var(--plmd-blue-dark); transform: translateY(-1px); }
.plmd-pill.is-active { background: var(--plmd-navy); color: #fff; }

.plmd-section--topline { scroll-margin-top: calc(var(--plmd-header-h) + 70px); padding-top: clamp(var(--space-10), 6vw, var(--space-16)); }
.plmd-listing__count { flex: none; padding: var(--space-2) var(--space-4); border-radius: 999px; background: var(--plmd-tint); color: var(--plmd-navy); font-size: var(--text-xs); font-weight: 800; }

/* Tile media veil + chip (adds to existing plmd-card) */
.plmd-card__media { position: relative; overflow: hidden; }
.plmd-card__media img { transition: transform .5s ease; display: block; width: 100%; }
.plmd-tile:hover .plmd-card__media img { transform: scale(1.05); }
.plmd-card__veil { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(11,16,32,.52) 100%); pointer-events: none; }
.plmd-card__chip { position: absolute; left: 14px; bottom: 12px; z-index: 2; padding: var(--space-1) var(--space-3); border-radius: 999px; background: rgba(255,255,255,.94); color: var(--plmd-navy); font-size: var(--text-xs); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; backdrop-filter: blur(6px); }
.plmd-tile__actions { display: flex; gap: var(--space-3); margin-top: var(--space-2); }
.plmd-btn--sm { padding: 10px 18px; font-size: var(--text-sm); }

/* Product detail page */
.plmd-pd { padding: clamp(var(--space-8),5vw,var(--space-12)) 0 clamp(var(--space-12),7vw,var(--space-20)); background: linear-gradient(180deg, var(--plmd-tint) 0%, #fff 340px); }
.plmd-breadcrumb--light { color: var(--plmd-ink-soft); margin-bottom: var(--space-6); }
.plmd-breadcrumb--light a { color: var(--plmd-blue-dark); }
.plmd-pd__grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(28px,5vw,64px); align-items: start; }
.plmd-pd__media { margin: 0; position: sticky; top: calc(var(--plmd-header-h) + 24px); }
.plmd-pd__media img { border-radius: var(--plmd-radius-lg); box-shadow: var(--plmd-shadow); display: block; width: 100%; }
.plmd-pd__summary { position: static; }
.plmd-pd__cat { display: inline-block; padding: var(--space-1) var(--space-4); border-radius: 999px; background: var(--plmd-tint); color: var(--plmd-navy); font-size: var(--text-xs); font-weight: 800; letter-spacing: .1em; text-transform: uppercase; margin-bottom: var(--space-3); }
.plmd-pd__title { font-size: var(--text-3xl); margin-bottom: .4em; }
.plmd-pd__excerpt { font-size: var(--text-md); color: var(--plmd-ink-soft); }
.plmd-pd__facts { background: var(--plmd-tint); border: 1px solid rgba(191,211,255,.5); border-radius: var(--plmd-radius); padding: var(--space-5) var(--space-6); margin: var(--space-5) 0; }
.plmd-pd__facts-title { font-size: var(--text-base); margin-bottom: var(--space-3); }
.plmd-pd__facts-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-3); }
.plmd-pd__facts-list li { display: flex; gap: var(--space-3); align-items: flex-start; font-size: var(--text-sm); color: var(--plmd-ink); }
.plmd-pd__facts-list svg { flex: none; width: 20px; height: 20px; color: var(--plmd-blue-dark); margin-top: 1px; }
.plmd-pd__actions { display: flex; gap: var(--space-3); flex-wrap: wrap; margin-top: var(--space-2); }
.plmd-pd__specs { margin: var(--space-4) 0 0; border: 1px solid rgba(191,211,255,.5); border-radius: var(--plmd-radius); overflow: hidden; background: #fff; }
.plmd-pd__spec { display: grid; grid-template-columns: .9fr 1.4fr; }
.plmd-pd__spec + .plmd-pd__spec { border-top: 1px solid var(--plmd-line); }
.plmd-pd__spec dt, .plmd-pd__spec dd { margin: 0; padding: var(--space-3) var(--space-4); font-size: var(--text-sm); }
.plmd-pd__spec dt { background: var(--plmd-tint); font-weight: 700; color: var(--plmd-navy); }
.plmd-pd__spec dd { color: var(--plmd-ink); }

@media (max-width: 1024px) {
	.plmd-pd__grid { grid-template-columns: 1fr; }
	.plmd-pd__media { position: static; margin-bottom: var(--space-6); }
}

/* Product enquiry context chip inside forms */
.plmd-form__context { margin: 0; }
.plmd-form__context-chip { display: inline-flex; align-items: center; gap: var(--space-2); padding: var(--space-2) var(--space-4); border-radius: 999px; background: var(--plmd-tint); color: var(--plmd-navy); font-size: var(--text-sm); font-weight: 700; }
.plmd-form__context-chip svg { width: 16px; height: 16px; color: var(--plmd-blue-dark); }

/* ==========================================================================
   v1.4 — Pricing display (tiers enabled)
   ========================================================================== */
.plmd-tile__price { display: block; margin-top: var(--space-1); margin-bottom: var(--space-1); }
.plmd-tile__price strong { color: var(--plmd-blue-dark); font-size: var(--text-base); }

.plmd-pd__price {
	display: inline-flex; align-items: baseline; gap: var(--space-3);
	margin: var(--space-1) 0 var(--space-2); padding: var(--space-2) var(--space-4);
	background: var(--plmd-tint); border: 1px solid rgba(191,211,255,.55);
	border-radius: 999px; font-size: var(--text-xs); color: var(--plmd-ink-soft); font-weight: 700;
	text-transform: uppercase; letter-spacing: .06em;
}
.plmd-pd__price strong { font-size: var(--text-xl); color: var(--plmd-navy); letter-spacing: 0; text-transform: none; }

.plmd-tiers { margin: var(--space-5) 0 var(--space-1); }
.plmd-tiers__title { font-size: var(--text-lg); margin-bottom: var(--space-1); }
.plmd-tiers__note { font-size: var(--text-sm); color: var(--plmd-ink-soft); margin-bottom: var(--space-3); }
.plmd-tiers__table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid rgba(191,211,255,.55); border-radius: var(--plmd-radius); overflow: hidden; background: #fff; }
.plmd-tiers__table th { text-align: left; font-size: var(--text-xs); text-transform: uppercase; letter-spacing: .08em; color: var(--plmd-ink-soft); background: var(--plmd-tint); padding: var(--space-3) var(--space-4); }
.plmd-tiers__table td { padding: var(--space-3) var(--space-4); font-size: var(--text-base); border-top: 1px solid var(--plmd-line); }
.plmd-tiers__price { font-weight: 800; color: var(--plmd-blue-dark); white-space: nowrap; }
@media (max-width: 640px) {
	.plmd-tiers__table th, .plmd-tiers__table td { padding: var(--space-2) var(--space-2); font-size: var(--text-sm); }
	.plmd-pd__price { flex-wrap: wrap; gap: var(--space-1) var(--space-3); }
}


/* Markup.io fixes */
.plmd-hero__lead { text-wrap: balance; }
.plmd-step__text { text-wrap: balance; }
.plmd-trust__title { min-height: 1.35em; }

.plmd-section__intro { text-wrap: balance; }

.plmd-program-card__desc { text-wrap: balance; }

.plmd-card__desc { text-wrap: balance; }

.plmd-listing__desc { text-wrap: balance; }

.plmd-cta__copy p { text-wrap: balance; }

.plmd-panel__sub { text-wrap: balance; }

.plmd-form__notice { text-wrap: balance; }

.plmd-listing__head { align-items: flex-start; }