/* ============================================================
   about.css — About / Why Deep Automate（front-page.php 専用）
   背景: About=White / Why=Subtle Gray（Hero(dark)との差別化）
   ============================================================ */

/* fixed ヘッダー分のアンカー位置補正 */
#about { scroll-margin-top: 80px; }

/* ---------------- About（White） ---------------- */
.da-about { background: var(--da-bg); }

.da-about__body {
	max-width: var(--da-container-narrow);
	margin-inline: auto;
}
.da-about__body p {
	margin: 0 0 var(--da-space-16);
	font-size: var(--da-fs-body);
	line-height: var(--da-lh-body);
	color: var(--da-text);
}
.da-about__body p:last-child { margin-bottom: 0; }

/* ※ Mission / Vision は Company セクションへ集約（about.css からは削除） */

/* Value */
.da-about__values { margin-top: var(--da-space-64); }

/* ---------------- Why Deep Automate（Subtle Gray） ---------------- */
.da-why { background: var(--da-bg-subtle); }

/* カードの Hover（Why の4カード） */
.da-why__cards .da-c-card {
	transition: var(--da-transition-base);
}
.da-why__cards .da-c-card:hover {
	transform: translateY(-2px);
	box-shadow: var(--da-shadow-hover);
	border-color: var(--da-border-strong);
}

/* Reveal の軽いスタッガー（カード列） */
.da-about__values .da-c-card:nth-child(2),
.da-why__cards .da-c-card:nth-child(2) { --da-reveal-delay: 60ms; }
.da-about__values .da-c-card:nth-child(3),
.da-why__cards .da-c-card:nth-child(3) { --da-reveal-delay: 120ms; }
.da-about__values .da-c-card:nth-child(4),
.da-why__cards .da-c-card:nth-child(4) { --da-reveal-delay: 180ms; }

/* 最後の CTA（→ Solutions） */
.da-block-cta {
	margin-top: var(--da-space-64);
	text-align: center;
}