/* Homepage-only interaction polish; content remains visible without JavaScript. */
.reference-home .hero-actions .button,
.reference-home .division-pathways .button{transition:translate .18s ease,box-shadow .22s ease,border-color .22s ease,background-color .22s ease}
.reference-home .division-pathways-grid>article{transition:translate .25s ease,border-color .25s ease,box-shadow .25s ease}
@media(hover:hover) and (pointer:fine){
.reference-home .hero-actions .button:hover,.reference-home .division-pathways .button:hover{translate:0 -2px;box-shadow:0 7px 22px #11bfd126}
.reference-home .division-pathways-grid>article:hover{translate:0 -4px;border-color:#20c6df70;box-shadow:0 16px 36px #00152a24}
}
.reference-home .hero-actions .button:active,.reference-home .division-pathways .button:active{translate:0 1px}
.reference-home .hero-actions .button:focus-visible,.reference-home .division-pathways .button:focus-visible{outline:3px solid #31d4ed;outline-offset:4px}
@media(prefers-reduced-motion:reduce){
.reference-home .hero-actions .button,.reference-home .division-pathways .button,.reference-home .division-pathways-grid>article{transition:none;translate:none}
}

/* Short click-to-navigate transition, styled in WestIT Mate colours. */
.solutions-loading{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:radial-gradient(ellipse at center,#11344bee,#061323fa 70%);backdrop-filter:blur(8px);animation:solutions-overlay-in .18s ease-out}
.solutions-loading-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px;color:#edfaff;font-family:system-ui,sans-serif;max-width:100%}
.solutions-loading-portrait{position:relative;display:grid;place-items:center;width:142px;height:160px;margin-bottom:22px;border-radius:50%;background:radial-gradient(ellipse,#18c9e629,transparent 70%)}
.solutions-loading-portrait::after{content:'';position:absolute;bottom:0;left:22px;right:22px;height:10px;background:#19bad92b;border-radius:50%;filter:blur(5px)}
.solutions-loading-portrait img{position:relative;z-index:1;display:block;width:100px;height:150px;object-fit:contain;animation:solutions-mascot-bob .85s ease-in-out infinite}
.solutions-loading-content strong{font-size:clamp(18px,4vw,24px);font-weight:650;letter-spacing:-.025em}
.solutions-loading-content>span{font-size:14px;line-height:1.6;color:#b3cedc;margin-top:9px}
.solutions-loading-track{width:150px;height:3px;border-radius:8px;background:#235064;margin-top:26px;overflow:hidden}
.solutions-loading-track i{display:block;width:45%;height:100%;border-radius:inherit;background:#24d1e9;animation:solutions-loading-sweep .75s ease-in-out infinite}
@keyframes solutions-overlay-in{from{opacity:0}to{opacity:1}}
@keyframes solutions-mascot-bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}
@keyframes solutions-loading-sweep{from{transform:translateX(-100%)}to{transform:translateX(325%)}}
@media(prefers-reduced-motion:reduce){.solutions-loading,.solutions-loading-portrait img,.solutions-loading-track i{animation:none}}