/* ==========================================================================
   07 AOD CORE — AI Brain
   ニューラルネットワークが中心へ集まり、4つの機能が順に起動する。
   ========================================================================== */

.aa-core--aod [data-aa-sticky-track]{ --track-h:360vh }

.aa-core--aod .aa-core__center{
	background:radial-gradient(circle at 40% 34%, rgb(60 82 130/.9), rgb(16 26 46/.95) 62%);
	box-shadow:
		0 0 0 1px rgb(127 168 255/.28),
		0 0 calc(60px + var(--p,0) * 120px) rgb(127 168 255 / calc(.2 + var(--p,0) * .5));
}
.aa-core--aod .aa-core__center::before{ border-color:rgb(184 166 245 / .28) }
.aa-core--aod .aa-core__mark-sub{ color:var(--c-snow-sub) }

.aa-core__neural{ position:absolute; inset:0; width:100%; height:100% }

.aa-core__phases{ display:flex; flex-wrap:wrap; justify-content:center; gap:clamp(14px,2.4vw,40px) }
.aa-core__phase{
	display:grid;
	justify-items:center;
	gap:.3em;
	opacity:.2;
	transform:translateY(10px);
	transition:opacity 500ms var(--ease-out), transform 500ms var(--ease-out);
}
.aa-core__phase.is-on{ opacity:1; transform:none }
.aa-core__phase-code{ color:var(--c-signal); letter-spacing:.2em }
.aa-core__phase-name{ font-size:clamp(.8rem,1vw,.95rem) }

.aa-core__copy{
	font-family:var(--font-display);
	font-size:var(--fs-title);
	text-align:center;
}

@media (max-width:599px){
	.aa-core--aod [data-aa-sticky-track]{ --track-h:300vh }
	.aa-core--aod .aa-core__stage{ width:min(86vw,420px) }
	.aa-core__phases{ gap:16px 22px }
}