.anatomy-page .about-banner{background-image:linear-gradient(100deg,#032542fa 0%,#034775eb 38%,#007caa70 65%,#003a611a 100%),url('assets/hero-exact.png');background-size:cover,cover;background-position:center,72% center;background-color:#08466f;padding-bottom:68px;border-bottom:3px solid #31bfe9}
.anatomy-intro{display:grid;grid-template-columns:1.35fr 1fr;gap:70px;align-items:center;padding-block:68px}
.anatomy-intro>div>p:not(.eyebrow){font-size:17px;line-height:1.8;color:#4c6477;max-width:700px}
.vision-path{padding:30px 34px;background:linear-gradient(140deg,#073b62,#075582);color:#fff;border-radius:22px}
.vision-path .eyebrow{color:#83dbff}.vision-path ol{list-style:none;counter-reset:vision;display:grid;gap:24px;padding:0;margin:26px 0 0}
.vision-path li{counter-increment:vision;position:relative;padding-left:52px}
.vision-path li::before{content:counter(vision);position:absolute;left:0;top:0;display:grid;place-items:center;width:34px;height:34px;border:1px solid #6fd2f780;border-radius:50%;color:#a2e5ff;font-size:16px}
.vision-path strong,.vision-path span{display:block}.vision-path strong{font-size:18px;margin-bottom:7px}.vision-path span{font-size:15px;line-height:1.6;color:#d5eafa}
.anatomy-details{padding:60px 0 72px;background:#f2f8fc}.anatomy-section-heading{margin-bottom:36px}
.anatomy-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:32px;align-items:start}
.anatomy-figure{position:sticky;top:calc(var(--sticky-header-height,160px) + 24px);margin:0;background:#fff;border:1px solid #d7e9f4;border-radius:20px;overflow:hidden;box-shadow:0 16px 42px #073b6210}
.anatomy-figure-heading{display:flex;justify-content:space-between;gap:16px;padding:22px 24px;background:#063c63;color:#fff;font-size:13px;font-weight:700;letter-spacing:.7px;line-height:1.5}
.anatomy-figure-heading>span:last-child{color:#a7e5ff;font-weight:400;letter-spacing:0}
.anatomy-figure img{display:block;width:100%;height:auto;padding:20px}
.anatomy-figure figcaption{padding:0 24px 24px;color:#526d80;font-size:14px;line-height:1.7}
.anatomy-figure figcaption a{color:#0074b8;text-decoration:underline}
.anatomy-parts{display:grid;gap:14px}.anatomy-part{display:flex;gap:18px;background:#fff;border:1px solid #dceaf4;border-radius:16px;padding:24px;transition:transform .25s,box-shadow .25s}
.part-number{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:#eaf7ff;color:#087fc3;font-size:14px;font-weight:700}
.anatomy-part h3{font-size:20px;margin:1px 0 10px;color:#063c63}.anatomy-part p{font-size:16px;line-height:1.75;color:#4c6477;margin:0}
@media(hover:hover){.anatomy-part:hover{transform:translateY(-3px);box-shadow:0 9px 24px #06345810}}
@media(max-width:900px){.anatomy-intro{gap:30px;grid-template-columns:1fr}.anatomy-layout{grid-template-columns:1fr}.anatomy-figure{position:static;max-width:680px;width:100%;margin-inline:auto}.anatomy-parts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.anatomy-intro{padding-block:44px}.anatomy-details{padding:42px 0}.anatomy-parts{grid-template-columns:1fr}.anatomy-part{padding:20px;gap:14px}.vision-path{padding:26px}.anatomy-figure-heading{flex-wrap:wrap;font-size:12px}.anatomy-page .about-banner{background-size:cover,cover;background-position:center,65% center;background-image:linear-gradient(100deg,#032542f5,#034775d9 55%,#003a6199),url('assets/hero-exact.png');padding-bottom:44px}}
@media(prefers-reduced-motion:reduce){.anatomy-part{transition:none}.anatomy-part:hover{transform:none}}