.cax--why .cax-section { position: relative; padding: clamp(52px, 5.5vw, 80px) 0; overflow: hidden; }
.cax--why .cax-section--alt { background: var(--bg-2); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.cax--why .cax-h2 {
	font-size: clamp(1.75rem, 3.1vw, 2.5rem);
	font-weight: 800;
	font-stretch: 118%;
	line-height: 1.05;
	letter-spacing: -0.015em;
	color: #fff;
}
@keyframes cax-why-rot {to { rotate: 360deg; }}
@keyframes cax-why-up {from { opacity: 0; translate: 0 26px; }}
.cax--why [data-cax-tilt] {
	transform: perspective(1200px) rotateX(var(--tx, 0deg)) rotateY(var(--ty, 0deg));
	transition: transform .7s cubic-bezier(.2,.8,.2,1), box-shadow .4s ease, border-color .4s ease;
}
.cax--why [data-cax-tilt].is-tilting { transition: transform .12s linear, box-shadow .4s ease, border-color .4s ease; }
.cax--why.cax-js .cax-rise { opacity: 0; }
.cax--why.cax-js .cax-rise.is-in { opacity: 1; animation: cax-why-up .9s cubic-bezier(.2,.8,.2,1) backwards; }
.cax--why.cax-js .cax-rise + .cax-rise.is-in { animation-delay: .12s; }
.cax--why.cax-js .cax-rise + .cax-rise + .cax-rise.is-in { animation-delay: .24s; }
@media (prefers-reduced-motion: reduce) {
	.cax--why *, .cax--why *::before, .cax--why *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
	.cax--why.cax-js .cax-rise { opacity: 1; }
}
.cax--why .cax-why__gear { position: absolute; right: -180px; top: -180px; width: 520px; color: rgba(111, 164, 255, .06); pointer-events: none; animation: cax-why-rot 90s linear infinite; }
.cax--why .cax-why__lead { margin-top: 12px; max-width: 60ch; font-size: 1.02rem; color: var(--muted); }
.cax--why .cax-why__grid { margin-top: clamp(22px, 2.6vw, 30px); display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 20px; align-items: stretch; }
.cax--why .cax-reasons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.cax--why .cax-reason {
	--c: var(--orange);
	--c-rgb: 252, 90, 3;
	padding: 18px;
	border: 1px solid var(--line);
	border-radius: 18px;
	background: linear-gradient(180deg, var(--panel-2), var(--panel));
	transition: transform .35s cubic-bezier(.2,.8,.2,1), border-color .35s ease;
}
.cax--why .cax-reason:nth-child(even) { --c: var(--blue-2); --c-rgb: 111, 164, 255; }
.cax--why .cax-reason svg { display: block; width: 38px; height: 38px; padding: 9px; border-radius: 11px; background: rgba(var(--c-rgb), .13); color: var(--c); transition: transform .35s cubic-bezier(.2,.8,.2,1), background-color .35s ease, color .35s ease; }
.cax--why .cax-reason b { display: block; margin-top: 12px; font-size: 1rem; font-weight: 700; line-height: 1.3; color: #fff; }
.cax--why .cax-reason p { margin-top: 4px; font-size: .9rem; line-height: 1.5; color: var(--muted); }
.cax--why .cax-reason:hover { transform: translateY(-4px); border-color: rgba(var(--c-rgb), .4); }
.cax--why .cax-reason:hover svg { transform: rotate(-8deg); background: var(--c); color: #fff; }
.cax--why .cax-reason:nth-child(even):hover svg { color: #0A1631; }
.cax--why .cax-pulse {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 22px;
	border: 1px solid var(--line-2);
	border-radius: 18px;
	background: linear-gradient(160deg, #132a5c, var(--panel) 60%);
	transition: transform .35s cubic-bezier(.2,.8,.2,1), border-color .35s ease;
}
.cax--why .cax-pulse:hover { transform: translateY(-4px); border-color: rgba(111, 164, 255, .45); }
.cax--why .cax-pulse__bot {
	position: absolute;
	top: -66px;
	right: 12px;
	width: 184px;
	height: auto;
	pointer-events: none;
	transform-origin: 50% 100%;
	animation: cax-why-float 4s ease-in-out infinite;
	transition: rotate .45s cubic-bezier(.2,.8,.2,1), scale .45s cubic-bezier(.2,.8,.2,1);
}
@keyframes cax-why-float { 50% { translate: 0 -6px; } }
.cax--why .cax-pulse:hover .cax-pulse__bot { rotate: 7deg; scale: 1.06; }
.cax--why .cax-pulse__num i { display: inline-block; transition: transform .45s cubic-bezier(.2,.8,.2,1); }
.cax--why .cax-pulse:hover .cax-pulse__num i { transform: translateY(-4px) scale(1.12); }
.cax--why .cax-pulse__label { display: flex; align-items: center; gap: 8px; font-size: .88rem; font-weight: 650; color: var(--soft); }
.cax--why .cax-pulse__dot { width: 8px; height: 8px; border-radius: 50%; background: #6EE7B7; }
.cax--why .cax-pulse__num { margin-top: 10px; font-size: clamp(2.6rem, 4.6vw, 3.6rem); font-weight: 840; font-stretch: 120%; line-height: 1; letter-spacing: -0.02em; color: #fff; }
.cax--why .cax-pulse__num i { font-style: normal; color: var(--orange); }
.cax--why .cax-pulse__sub { margin-top: 4px; font-size: .93rem; color: var(--muted); }
.cax--why .cax-split { display: flex; gap: 4px; height: 10px; margin-top: 18px; transition: height .3s ease; }
.cax--why .cax-pulse:hover .cax-split { height: 14px; }
.cax--why .cax-split span { border-radius: 999px; transform-origin: 0 50%; transition: transform 1.2s cubic-bezier(.2,.8,.2,1) .2s; }
.cax--why .cax-split__dt { flex: 40; background: var(--orange); }
.cax--why .cax-split__cx { flex: 45; background: var(--blue-2); transition-delay: .45s !important; }
.cax--why.cax-js .cax-pulse:not(.is-in) .cax-split span { transform: scaleX(0); }
.cax--why .cax-split__key { display: flex; justify-content: space-between; gap: 12px; margin-top: 10px; font-size: .86rem; color: var(--soft); }
.cax--why .cax-split__key b { font-weight: 700; color: #fff; }
.cax--why .cax-split__key span:first-child b { color: var(--orange); }
.cax--why .cax-split__key span:last-child b { color: var(--blue-2); }
.cax--why .cax-pulse__more { margin-top: auto; padding-top: 18px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.cax--why .cax-pulse__more li { position: relative; padding-top: 14px; border-top: 1px solid var(--line); }
.cax--why .cax-pulse__more li::before { content: ""; position: absolute; left: 0; top: -1px; width: 100%; height: 2px; background: var(--orange); transform: scaleX(0); transform-origin: 0 50%; transition: transform .5s cubic-bezier(.2,.8,.2,1); }
.cax--why .cax-pulse__more li:last-child::before { background: var(--blue-2); transition-delay: .1s; }
.cax--why .cax-pulse:hover .cax-pulse__more li::before { transform: scaleX(1); }
.cax--why .cax-pulse__more b { display: block; font-size: 1.3rem; font-weight: 780; font-stretch: 110%; line-height: 1.15; color: #fff; }
.cax--why .cax-pulse__more span { font-size: .84rem; color: var(--muted); }
@media (max-width: 960px) {
	.cax--why .cax-why__grid { grid-template-columns: minmax(0, 1fr); }
	.cax--why .cax-pulse { margin-top: 62px; }
	.cax--why .cax-pulse__bot { top: -58px; width: 160px; }
}

@media (max-width: 560px) {
	.cax--why .cax-reasons { grid-template-columns: minmax(0, 1fr); gap: 10px; }
	.cax--why .cax-reason { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 0 12px; padding: 14px; }
	.cax--why .cax-reason svg { grid-row: 1 / span 2; }
	.cax--why .cax-reason b { margin-top: 0; }
	.cax--why .cax-pulse { padding: 18px; }
	.cax--why .cax-pulse__bot { top: -50px; right: 6px; width: 136px; }
}