/* Coaras.com TOP デザイン踏襲 — 全 LP 共通スキン
 * 正本: coaras.com index.html (brand-blue #001489 · ice #E8EEF2 · accent #00A3FF)
 * 各 LP: tokens.css の後に読込
 * CXO: ダーク帯（hero / section--band）は白文字を維持
 */

html[data-lane='life'],
html[data-lane='corporate'],
html[data-lane='cxo'] {
	--color-paper: #ffffff;
	--color-paper-bright: #ffffff;
	--color-paper-deep: #f5f5f7;
	--color-ink: #0c2444;
	--color-ink-soft: #0c2444;
	--color-muted: rgba(12, 36, 68, 0.62);
	--color-accent: #001489;
	--color-accent-hover: #001070;
	--color-accent-sky: #e8eef2;
	--color-accent-slate: #7d8597;
	--color-focus: #00a3ff;
	--color-on-accent: #ffffff;
	--color-band: #001489;
	--color-on-band: #ffffff;
	--color-rule: rgba(12, 36, 68, 0.1);
	--color-rule-strong: rgba(12, 36, 68, 0.16);
	--font-display: 'Zen Old Mincho', 'Yu Mincho', serif;
	--font-body: 'Manrope', 'Hiragino Sans', 'Segoe UI', sans-serif;
	--motion-mesh: 0;
}

html[data-lane='life'] body,
html[data-lane='corporate'] body {
	background: #ffffff;
	color: #0c2444;
}

html[data-lane='cxo'] body {
	background: #ffffff;
	color: #0c2444;
}

.flow-mesh-bg {
	display: none !important;
}

html[data-lane='corporate'] .hero,
html[data-lane='life'] .hero {
	background: #ffffff;
	border-bottom-color: rgba(12, 36, 68, 0.08);
}

html[data-lane='life'] .progress-bar {
	background: linear-gradient(90deg, #001489, #00a3ff);
}

/* ライト背景セクションのみ交互グレー（CXO の section--band は除外） */
html[data-lane='corporate'] .section:not(.section--band):nth-of-type(even),
html[data-lane='life'] .section:not(.section--band):nth-of-type(even) {
	background: #f5f5f7;
}

html[data-lane='corporate'] .section:not(.section--band):nth-of-type(odd),
html[data-lane='life'] .section:not(.section--band):nth-of-type(odd) {
	background: #ffffff;
}

/* ── CXO ダーク帯：必ず白文字 ── */
html[data-lane='cxo'] .hero {
	background: #001489;
	color: #ffffff;
}

html[data-lane='cxo'] .hero h1,
html[data-lane='cxo'] .hero .hero__pillar,
html[data-lane='cxo'] .hero .hero__tagline,
html[data-lane='cxo'] .hero .hero__lead {
	color: #ffffff;
}

html[data-lane='cxo'] .hero .hero__audience {
	color: rgba(255, 255, 255, 0.78) !important;
}

html[data-lane='cxo'] .section--band {
	background: #001489 !important;
	color: #ffffff;
}

html[data-lane='cxo'] .section--band h2,
html[data-lane='cxo'] .section--band .section__lead,
html[data-lane='cxo'] .section--band .section__intro,
html[data-lane='cxo'] .cta-final h2,
html[data-lane='cxo'] .cta-final .section__lead,
html[data-lane='cxo'] .cta-final .cta-note {
	color: rgba(255, 255, 255, 0.92);
}

html[data-lane='cxo'] .section--white,
html[data-lane='cxo'] .section--soft {
	background: #ffffff;
	color: #0c2444;
}

html[data-lane='cxo'] .section--soft {
	background: #f5f5f7;
}

html[data-lane='cxo'] .section--white h2,
html[data-lane='cxo'] .section--soft h2,
html[data-lane='cxo'] .section:not(.section--band) h2 {
	color: #0c2444;
}

/* CTA ボタン */
.btn-primary,
.btn-sm--primary {
	background: #00a3ff;
	color: #ffffff;
	border: none;
	border-radius: 9999px;
	font-weight: 600;
	box-shadow: 0 10px 30px rgba(0, 163, 255, 0.22);
}

.btn-primary:hover,
.btn-sm--primary:hover {
	background: #0092e8;
	color: #ffffff;
}

.btn-secondary,
.btn-sm--ghost {
	border-radius: 9999px;
	border-color: rgba(0, 20, 137, 0.25);
	color: #001489;
}

html[data-lane='cxo'] .hero .btn-secondary {
	border-color: rgba(255, 255, 255, 0.45);
	color: #ffffff;
}

html[data-lane='cxo'] .hero .btn-secondary:hover {
	background: rgba(255, 255, 255, 0.1);
}

.btn-secondary:hover,
.btn-sm--ghost:hover {
	border-color: #001489;
	background: #e8eef2;
}

.cta-card--primary,
.cta-finale {
	background: #001489;
	color: #ffffff;
	border-color: transparent;
}

.cta-card--primary .btn-primary {
	background: #ffffff;
	color: #001489;
	box-shadow: none;
}

.cta-card--primary .btn-primary:hover {
	background: #e8eef2;
}

.cta-finale .btn-primary {
	background: #00a3ff;
	color: #ffffff;
}

html[data-lane='cxo'] .section--band .btn-secondary {
	border-color: rgba(255, 255, 255, 0.5);
	color: #ffffff;
}

.site-footer,
.coaras-footer-unified {
	background: #001489;
	color: rgba(255, 255, 255, 0.82);
	border-top: none;
	padding-top: var(--space-3xl, 3rem);
}

.site-footer a,
.coaras-footer-unified a {
	color: rgba(255, 255, 255, 0.9);
}

.site-footer a:hover,
.coaras-footer-unified a:hover {
	color: #ffffff;
}

.site-header.is-solid {
	background: rgba(255, 255, 255, 0.94);
	backdrop-filter: blur(12px);
	border-bottom: 1px solid rgba(12, 36, 68, 0.08);
}

html[data-lane='corporate'] h1,
html[data-lane='life'] h1 {
	color: #0c2444;
}

.label-en {
	color: #001489;
}