/*
 * Abira Academy — 紹介ページ（/themes/abira-academy）
 *
 * 旧 abira.369theme.com/premium/academy/ の assets/lp.css を、369theme.com の中に置くために書き直したもの。
 * 色・角丸・影・書体の値はテーマの theme.json と同じで、旧 LP から変えていない。
 *
 * - サイト本体の CSS（.card / .chip / .grid など）と名前がぶつからないよう、
 *   クラスはすべて lp- で始め、.lp の中だけに効かせる
 * - 旧 LP で style="…" に直書きしていた指定は、クラス（lp-demo__hint--spaced など）に移した
 * - ヘッダー・フッターはサイトのものを使うので、LP 側のものは持たない
 * - 文字は 12px 未満にしない
 *
 * public/ に置いて直接読み込むので、npm run build は要らない。
 */

/* --- tokens ------------------------------------------------------------- */

.lp {
	/* Surfaces */
	--c-surface: #fbf9f8;
	--c-white: #ffffff;
	--c-surface-low: #f5f3f3;
	--c-surface-mid: #efeded;
	--c-surface-high: #eae8e7;
	--c-variant: #e4e2e2;

	/* Ink */
	--c-on: #1b1c1c;
	--c-on-var: #44474d;
	--c-outline: #c5c6ce;

	/* Brand */
	--c-navy: #031632;
	--c-tint: #4e5f7e;
	--c-blue-fixed: #d7e2ff;

	/* Accent */
	--c-amber: #d17e31;
	--c-amber-ink: #6e3900;
	--c-amber-soft: #ffdcc3;
	--c-amber-dim: #ffb77d;
	--c-success: #2e7d32;

	/* Radii */
	--r-sm: 0.25rem;
	--r: 0.5rem;
	--r-md: 0.75rem;
	--r-lg: 1rem;
	--r-xl: 1.5rem;
	--r-full: 9999px;

	/* Shadows */
	--sh-card: 0 8px 20px 0 rgb(3 22 50 / 4%);
	--sh-soft: 0 10px 30px -5px rgb(3 22 50 / 6%);
	--sh-ambient: 0 20px 40px -15px rgb(3 22 50 / 6%);

	/* Type */
	--f-display: "Avenir Next", Avenir, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic Medium", "Yu Gothic", Meiryo, system-ui, sans-serif;
	--f-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic Medium", "Yu Gothic", Meiryo, system-ui, sans-serif;
	--f-label: "Helvetica Neue", Helvetica, Arial, "Segoe UI", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic Medium", "Yu Gothic", Meiryo, system-ui, sans-serif;

	/* Layout */
	--wrap: 1120px;

	/* サイトのヘッダー（h-16）の高さ。ページ内メニューをこの下に貼り付ける */
	--site-header-h: 4rem;
	--subnav-h: 3.5rem;

	background-color: var(--c-surface);
	color: var(--c-on);
	font-family: var(--f-body);
	font-size: 16px;
	line-height: 1.7;
}

/* --- base --------------------------------------------------------------- */

.lp h1,
.lp h2,
.lp h3,
.lp h4 {
	margin: 0;
	color: var(--c-navy);
	font-family: var(--f-display);
	font-weight: 700;
	line-height: 1.3;
	line-break: strict;
	text-wrap: balance;
	/* 日本語の見出しは、対応ブラウザでは文節で折り返す */
	word-break: auto-phrase;
}

.lp h2 {
	font-size: clamp(24px, 1.4rem + 1.2vw, 34px);
	letter-spacing: -0.01em;
}

.lp p,
.lp ul,
.lp ol,
.lp figure {
	margin: 0;
}

.lp p {
	text-wrap: pretty;
}

.lp img {
	display: block;
	max-width: 100%;
}

.lp a:not(.lp-btn) {
	color: var(--c-navy);
	text-decoration: none;
}

.lp a:not(.lp-btn):hover {
	color: var(--c-tint);
}

.lp a:focus-visible,
.lp button:focus-visible,
.lp summary:focus-visible {
	outline: 2px solid var(--c-navy);
	outline-offset: 3px;
}

.lp [id] {
	scroll-margin-top: calc(var(--site-header-h) + var(--subnav-h) + 1rem);
}

/* --- page nav ------------------------------------------------------------
   旧LPのヘッダーにあったページ内メニュー。サイトのヘッダーの下に細い帯で貼り付ける。 */

.lp-subnav {
	position: sticky;
	top: var(--site-header-h);
	z-index: 40;
	border-bottom: 1px solid var(--c-variant);
	background-color: color-mix(in srgb, var(--c-surface) 88%, transparent);
	backdrop-filter: blur(8px);
}

.lp-subnav__inner {
	display: flex;
	align-items: center;
	gap: 20px;
	min-height: var(--subnav-h);
}

.lp .lp-subnav__name {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	gap: 10px;
	font-family: var(--f-display);
	font-size: 17px;
	font-weight: 700;
	white-space: nowrap;
}

.lp-subnav__mark {
	flex: none;
	color: var(--c-amber);
}

.lp-subnav__links {
	display: flex;
	gap: 24px;
	overflow-x: auto;
	scrollbar-width: none;
	white-space: nowrap;
}

.lp-subnav__links::-webkit-scrollbar {
	display: none;
}

.lp .lp-subnav__links a {
	padding-block: 8px;
	color: var(--c-on-var);
	font-family: var(--f-label);
	font-size: 14px;
	font-weight: 500;
}

.lp .lp-subnav__links a:hover {
	color: var(--c-navy);
}

.lp-subnav .lp-btn {
	flex-shrink: 0;
	margin-left: auto;
}

/* 狭い画面では、名前とボタンを隠してメニューだけにする */
@media (width < 640px) {

	.lp .lp-subnav__name,
	.lp-subnav .lp-btn {
		display: none;
	}
}

/* --- shared building blocks --------------------------------------------- */

.lp-wrap {
	width: 100%;
	max-width: var(--wrap);
	margin-inline: auto;
	padding-inline: 16px;
}

.lp-sec {
	padding-block: 56px;
}

@media (width >= 768px) {

	.lp-sec {
		padding-block: 88px;
	}
}

.lp-band--white {
	background-color: var(--c-white);
}

.lp-band--navy {
	background-color: var(--c-navy);
	color: color-mix(in srgb, var(--c-white) 82%, transparent);
}

/* 帯そのものの見出しだけ白にする。紺の帯の上のカードは白地のままなので、見出しは紺のまま */
.lp .lp-band--navy > .lp-wrap > h2,
.lp .lp-band--navy .lp-sec-head h2 {
	color: var(--c-white);
}

.lp-sec-head {
	max-width: 720px;
	margin-bottom: 40px;
}

.lp-sec-head--center {
	margin-inline: auto;
	text-align: center;
}

.lp .lp-eyebrow {
	margin-bottom: 12px;
	color: var(--c-tint);
	font-family: var(--f-label);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.lp .lp-band--navy .lp-eyebrow {
	color: var(--c-amber-dim);
}

.lp .lp-lead {
	margin-top: 16px;
	color: var(--c-on-var);
	font-size: 17px;
}

.lp .lp-band--navy .lp-lead {
	color: color-mix(in srgb, var(--c-white) 78%, transparent);
}

/* 文章を読みやすい幅に収める */
.lp .lp-measure {
	max-width: 720px;
}

.lp .lp-measure + .lp-measure {
	margin-top: 16px;
}

/* --- buttons ------------------------------------------------------------ */

.lp-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 56px;
	padding: 8px 28px;
	border: 2px solid transparent;
	border-radius: var(--r-lg);
	font-family: var(--f-label);
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.lp-btn:hover {
	transform: translateY(-1px);
}

.lp .lp-btn--primary,
.lp .lp-btn--primary:hover {
	color: var(--c-white);
}

.lp-btn--primary {
	background-color: var(--c-amber);
	border-color: var(--c-amber);
}

.lp-btn--primary:hover {
	background-color: var(--c-amber-ink);
	border-color: var(--c-amber-ink);
}

.lp .lp-btn--ghost {
	background-color: transparent;
	border-color: var(--c-navy);
	color: var(--c-navy);
}

.lp .lp-btn--ghost:hover {
	background-color: var(--c-navy);
	color: var(--c-white);
}

/* 紺の帯の上の枠線ボタン（旧 LP では style="border-color:#fff;color:#fff" と直書きしていた） */
.lp .lp-btn--on-navy {
	border-color: var(--c-white);
	color: var(--c-white);
}

.lp .lp-btn--light {
	background-color: var(--c-white);
	border-color: var(--c-white);
	color: var(--c-navy);
}

.lp .lp-btn--light:hover {
	background-color: var(--c-blue-fixed);
	color: var(--c-navy);
}

.lp-btn--sm {
	min-height: 40px;
	padding: 4px 18px;
	border-radius: var(--r-full);
	font-size: 14px;
}

.lp-btn-row {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 28px;
}

/* --- cards -------------------------------------------------------------- */

.lp-card {
	padding: 28px;
	border: 1px solid var(--c-variant);
	border-radius: var(--r-xl);
	background-color: var(--c-white);
	box-shadow: var(--sh-card);
}

.lp .lp-card h3 {
	margin-bottom: 8px;
	font-size: 18px;
}

/* チップの下に置く見出し（旧 LP では style="margin-top:12px" と直書きしていた） */
.lp .lp-card .lp-chip + h3 {
	margin-top: 12px;
}

.lp-card p {
	color: var(--c-on-var);
	font-size: 15px;
}

.lp-grid {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
}

.lp-grid--2 {
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
}

/* 2段目のグリッド（旧 LP では style="margin-top:20px" と直書きしていた） */
.lp-grid + .lp-grid {
	margin-top: 20px;
}

/* 4枚のカードは、3枚＋1枚より 2×2 のほうが読みやすい */
.lp-grid--quad {
	grid-template-columns: 1fr;
}

@media (width >= 700px) {

	.lp-grid--quad {
		grid-template-columns: repeat(2, 1fr);
	}
}

.lp-chip {
	display: inline-block;
	padding: 3px 12px;
	border-radius: var(--r-full);
	background-color: var(--c-surface-mid);
	color: var(--c-on-var);
	font-family: var(--f-label);
	font-size: 12px;
	font-weight: 600;
}

.lp-icon-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin-bottom: 16px;
	border-radius: var(--r-md);
	background-color: var(--c-blue-fixed);
	color: var(--c-navy);
	font-family: var(--f-label);
	font-size: 18px;
	font-weight: 700;
}

.lp-icon-badge--amber {
	background-color: var(--c-amber-soft);
	color: var(--c-amber-ink);
}

/* 記号ではなく短い単語を入れるバッジ */
.lp-icon-badge--text {
	font-size: 13px;
	letter-spacing: 0.03em;
}

/* --- hero --------------------------------------------------------------- */

.lp-hero {
	padding-block: 48px 56px;
}

.lp-hero__grid {
	display: grid;
	grid-template-columns: 1fr;
	align-items: center;
	gap: 40px;
}

.lp-hero__pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 16px;
	border: 1px solid var(--c-variant);
	border-radius: var(--r-full);
	background-color: var(--c-surface-mid);
	color: var(--c-tint);
	font-family: var(--f-label);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.04em;
}

.lp .lp-hero__pill {
	margin-bottom: 24px;
}

.lp .lp-hero h1 {
	font-size: clamp(30px, 1.6rem + 2.6vw, 46px);
	letter-spacing: -0.02em;
	line-height: 1.22;
}

.lp-hero__accent {
	color: var(--c-amber);
}

.lp .lp-hero__lead {
	max-width: 34em;
	margin-top: 20px;
	color: var(--c-on-var);
	font-size: 18px;
}

.lp-hero__price {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 12px;
	margin-top: 28px;
}

.lp-hero__price-value {
	color: var(--c-navy);
	font-family: var(--f-display);
	font-size: 40px;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1;
}

.lp-hero__price-regular {
	color: var(--c-on-var);
	font-size: 16px;
}

.lp-hero__price-note {
	color: var(--c-on-var);
	font-size: 14px;
}

.lp-hero__figure {
	position: relative;
}

.lp-hero__figure img {
	width: 100%;
	aspect-ratio: 4 / 3;
	border-radius: var(--r-xl);
	box-shadow: var(--sh-ambient);
	object-fit: cover;
}

.lp-hero__float {
	position: absolute;
	bottom: -20px;
	left: -20px;
	display: none;
	max-width: 260px;
	padding: 14px 18px;
	border: 1px solid var(--c-variant);
	border-radius: var(--r-lg);
	background-color: var(--c-white);
	box-shadow: var(--sh-soft);
}

.lp-hero__float strong {
	display: block;
	color: var(--c-navy);
	font-family: var(--f-display);
	font-size: 15px;
}

.lp-hero__float span {
	color: var(--c-on-var);
	font-size: 13px;
}

@media (width >= 768px) {

	.lp-hero {
		padding-block: 72px 88px;
	}
}

@media (width >= 900px) {

	.lp-hero__grid {
		grid-template-columns: 1fr 1fr;
		gap: 56px;
	}

	.lp-hero__float {
		display: block;
	}
}

/* ヒーロー下の数字の帯 */

.lp-facts {
	border-block: 1px solid var(--c-variant);
	background-color: var(--c-white);
}

.lp-facts__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1px;
}

@media (width >= 768px) {

	.lp-facts__grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

.lp-fact {
	padding: 24px 8px;
	text-align: center;
}

.lp-fact__value {
	color: var(--c-navy);
	font-family: var(--f-display);
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
}

.lp .lp-fact__label {
	margin-top: 6px;
	color: var(--c-on-var);
	font-family: var(--f-label);
	font-size: 13px;
}

/* --- section list (front-page composition) ------------------------------ */

.lp-steps {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
	padding: 0;
	list-style: none;
	counter-reset: step;
}

.lp-steps li {
	display: grid;
	grid-template-columns: 40px 1fr;
	gap: 4px 16px;
	padding: 18px 20px;
	border: 1px solid var(--c-variant);
	border-radius: var(--r-lg);
	background-color: var(--c-white);
	counter-increment: step;
}

.lp-steps li::before {
	content: counter(step, decimal-leading-zero);
	display: flex;
	align-items: center;
	justify-content: center;
	grid-row: span 2;
	width: 32px;
	height: 32px;
	border-radius: var(--r-full);
	background-color: var(--c-navy);
	color: var(--c-white);
	font-family: var(--f-label);
	font-size: 13px;
	font-weight: 700;
}

.lp-steps b {
	color: var(--c-navy);
	font-family: var(--f-display);
	font-size: 16px;
}

.lp-steps span {
	color: var(--c-on-var);
	font-size: 14px;
}

.lp .lp-note {
	margin-top: 24px;
	padding: 14px 18px;
	border-left: 3px solid var(--c-amber-dim);
	border-radius: var(--r);
	background-color: var(--c-surface-mid);
	color: var(--c-on-var);
	font-size: 14px;
}

/* --- live demo widgets -------------------------------------------------- */

.lp-demo {
	overflow: hidden;
	border: 1px solid var(--c-variant);
	border-radius: var(--r-xl);
	background-color: var(--c-white);
	box-shadow: var(--sh-card);
}

.lp-demo__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px 12px;
	padding: 12px 20px;
	border-bottom: 1px solid var(--c-variant);
	background-color: var(--c-surface-low);
}

.lp-demo__title {
	font-family: var(--f-label);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.lp-demo__hint {
	color: var(--c-on-var);
	font-size: 13px;
}

/* 部品の下に置く注記（旧 LP では style="margin-top:12px" と直書きしていた） */
.lp .lp-demo__hint--spaced {
	margin-top: 12px;
}

.lp-demo__body {
	padding: 20px;
}

/* 時間割 */

.lp-table-scroll {
	overflow-x: auto;
}

.lp-tt {
	width: 100%;
	min-width: 560px;
	border-collapse: collapse;
	font-size: 14px;
}

.lp-tt th,
.lp-tt td {
	padding: 12px 14px;
	text-align: left;
}

.lp-tt thead th {
	border-bottom: 2px solid var(--c-navy);
	color: var(--c-navy);
	font-family: var(--f-label);
	font-size: 13px;
	font-weight: 700;
}

.lp-tt tbody tr {
	border-bottom: 1px solid var(--c-variant);
}

.lp-tt tbody th {
	color: var(--c-navy);
	font-weight: 700;
	white-space: nowrap;
}

.lp-grade {
	display: block;
	margin-bottom: 3px;
	color: var(--c-on-var);
	font-size: 12px;
}

.lp-badge {
	display: inline-block;
	padding: 1px 10px;
	border-radius: var(--r-full);
	font-family: var(--f-label);
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
}

.lp-badge--open {
	background-color: color-mix(in srgb, var(--c-success) 12%, transparent);
	color: var(--c-success);
}

.lp-badge--limited {
	background-color: var(--c-amber-soft);
	color: var(--c-amber-ink);
}

.lp-badge--full {
	background-color: var(--c-surface-high);
	color: var(--c-on-var);
}

/* アクセシビリティツールバーのデモ */

.lp-a11y-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.lp-a11y-bar__label {
	margin-right: 4px;
	color: var(--c-on-var);
	font-family: var(--f-label);
	font-size: 13px;
}

.lp-a11y-btn {
	min-height: 34px;
	padding: 4px 14px;
	border: 1px solid var(--c-outline);
	border-radius: var(--r-sm);
	background-color: var(--c-white);
	color: var(--c-on);
	font-family: var(--f-label);
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	user-select: none;
}

.lp-a11y-btn[aria-pressed="true"] {
	border-color: var(--c-navy);
	background-color: var(--c-navy);
	color: var(--c-white);
}

.lp-a11y-preview {
	margin-top: 16px;
	padding: 22px;
	border: 1px solid var(--c-variant);
	border-radius: var(--r-lg);
	transition: background-color 0.2s ease, color 0.2s ease;
}

.lp .lp-a11y-preview h4 {
	margin-bottom: 6px;
	font-size: 20px;
}

.lp-a11y-preview p {
	color: var(--c-on-var);
	font-size: 15px;
}

.lp-a11y-preview .lp-badge {
	margin-top: 12px;
}

.lp-a11y-preview[data-size="large"] {
	font-size: 1.15em;
}

.lp-a11y-preview[data-size="larger"] {
	font-size: 1.32em;
}

.lp .lp-a11y-preview[data-size="large"] h4 {
	font-size: 23px;
}

.lp .lp-a11y-preview[data-size="larger"] h4 {
	font-size: 26px;
}

.lp-a11y-preview[data-contrast="on"] {
	border-color: #fff;
	background-color: #000;
}

.lp .lp-a11y-preview[data-contrast="on"] h4,
.lp-a11y-preview[data-contrast="on"] p {
	color: #fff;
}

.lp-a11y-preview[data-contrast="on"] .lp-badge {
	background-color: #ff0;
	color: #000;
}

/* デザイントークンの色見本（旧 LP では style="…" と直書きしていた） */

.lp-swatches {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 16px;
}

.lp-swatch {
	width: 64px;
	height: 44px;
	border-radius: var(--r);
}

.lp-swatch--navy {
	background: #031632;
}

.lp-swatch--amber {
	background: #d17e31;
}

.lp-swatch--ivory {
	border: 1px solid #e4e2e2;
	background: #fbf9f8;
}

.lp-swatch--blue {
	background: #d7e2ff;
}

.lp-swatch--peach {
	background: #ffdcc3;
}

/* FAQ */

.lp-faq {
	display: grid;
	gap: 12px;
}

.lp-faq details {
	padding: 4px 20px;
	border: 1px solid var(--c-variant);
	border-radius: var(--r-lg);
	background-color: var(--c-white);
}

.lp-faq summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding-block: 16px;
	color: var(--c-navy);
	font-family: var(--f-display);
	font-size: 16px;
	font-weight: 600;
	list-style: none;
	cursor: pointer;
}

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

.lp-faq summary::after {
	content: "+";
	color: var(--c-amber);
	font-size: 22px;
	line-height: 1;
}

.lp-faq details[open] summary::after {
	content: "–";
}

.lp .lp-faq details p {
	padding-block: 14px 18px;
	border-top: 1px solid var(--c-surface-high);
	color: var(--c-on-var);
	font-size: 15px;
}

/* --- spec table --------------------------------------------------------- */

.lp-spec {
	width: 100%;
	border-collapse: collapse;
}

.lp-spec th,
.lp-spec td {
	padding: 14px 8px;
	border-bottom: 1px solid var(--c-variant);
	font-size: 15px;
	text-align: left;
	vertical-align: top;
}

.lp-spec th {
	width: 34%;
	color: var(--c-navy);
	font-family: var(--f-label);
	font-weight: 700;
	white-space: nowrap;
}

.lp-spec td {
	color: var(--c-on-var);
}

/* --- comparison --------------------------------------------------------- */

.lp-compare {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
}

.lp-compare__col {
	padding: 28px;
	border: 1px solid var(--c-variant);
	border-radius: var(--r-xl);
}

.lp-compare__col--free {
	background-color: var(--c-surface-low);
}

.lp-compare__col--paid {
	border-color: var(--c-amber-dim);
	background-color: var(--c-white);
	box-shadow: var(--sh-soft);
}

.lp .lp-compare h3 {
	font-size: 19px;
}

.lp .lp-compare ul {
	margin-top: 16px;
	padding: 0;
	list-style: none;
}

.lp-compare li {
	display: flex;
	gap: 10px;
	padding-block: 7px;
	color: var(--c-on-var);
	font-size: 15px;
}

.lp-compare li::before {
	content: "▸";
	flex: none;
	color: var(--c-amber);
}

.lp-compare__col--free li::before {
	color: var(--c-outline);
}

/* --- final CTA ---------------------------------------------------------- */

.lp-cta-final {
	text-align: center;
}

.lp .lp-cta-final h2 {
	font-size: clamp(26px, 1.4rem + 1.8vw, 38px);
}

/* 締めの帯のリード文（旧 LP では style="margin-inline:auto;max-width:40em" と直書きしていた） */
.lp .lp-cta-final .lp-lead {
	max-width: 40em;
	margin-inline: auto;
}

.lp-cta-final .lp-btn-row {
	justify-content: center;
}

.lp .lp-cta-final__note {
	margin-top: 20px;
	color: color-mix(in srgb, var(--c-white) 65%, transparent);
	font-size: 14px;
}

/* --- motion ------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

	.lp *,
	.lp *::before,
	.lp *::after {
		animation-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
	}

	.lp-btn:hover {
		transform: none;
	}
}