/* Approved warmth treatment; all typography and layout sizes remain inherited. */
.why-page .warmth-section { position: relative; isolation: isolate; }
.why-page .warmth-section::before { content: ""; position: absolute; z-index: -1; inset: 0; left: calc((100% - 100vw)/2); width: 100vw; background: radial-gradient(ellipse at 18% 40%, rgb(0 113 227 / 6.5%), transparent 58%), radial-gradient(ellipse at 88% 88%, rgb(47 95 192 / 4.5%), transparent 50%), #f8faff; pointer-events: none; }
.why-page .why-intro h2 .heading-soft { color: #777c7e; }
.why-page .warmth-section .principles article { background: rgb(255 255 255 / 96%); border: 1px solid rgb(83 111 147 / 11%); box-shadow: 0 5px 22px rgb(33 65 104 / 3.5%); transition: box-shadow .2s, border-color .2s; }
.why-page .warmth-section .principles article:hover { border-color: rgb(0 113 227 / 20%); box-shadow: 0 8px 28px rgb(33 65 104 / 7%); }
@media (prefers-reduced-motion: reduce) { .why-page .warmth-section .principles article { transition: none; } }