/* CARE360 v0.3.23 — progressive, accessible interaction layer.
   It never replaces approved logos, content, photographs or existing page layouts. */
:root{--care360-motion:cubic-bezier(.22,1,.36,1)}
html{scroll-behavior:smooth;scroll-padding-top:104px}
.care360-scroll-progress{position:fixed;z-index:9999;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,#54a942 0%,#adf178 53%,#ffab13 100%);
  transform:scaleX(0);transform-origin:left center;pointer-events:none;
  will-change:transform;box-shadow:0 1px 6px rgba(20,84,39,.14)}
.site header.main{transition:box-shadow .28s ease,border-color .28s ease}
body.care360-scrolled .site header.main{box-shadow:0 10px 30px rgba(5,52,31,.13)}
/* Active navigation is linked to the actual translated permalink, not a fabricated locale. */
.site header.main nav.menu a[aria-current="page"]{
  color:#0b532c!important;background:#e9f5e2!important;
  box-shadow:inset 0 -3px 0 #63a841;border-radius:9px}
.site header.main nav.menu a:hover{transform:translateY(-2px)}
/* Surface depth. Hover styles apply only to devices that actually support hover. */
.site main .product,.site main .skill,.site main .result,
.site main .care360-partners-card,.site main .care360-feed-item,
.site main .news-card,.site main .care-news-card,.site main .care-contact-panel,
.site main .care360-empty-state,.site main .obj li,.site main .group,
.site main .care-partner,.site main .care-news-card{
  transition:transform .48s var(--care360-motion), box-shadow .48s var(--care360-motion),
             border-color .34s ease,filter .34s ease;
  backface-visibility:hidden}
@media(hover:hover) and (pointer:fine){
 .site main .product:hover,.site main .skill:hover,.site main .result:hover,
 .site main .care360-partners-card:hover,.site main .care360-feed-item:hover,
 .site main .news-card:hover,.site main .care-news-card:hover,
 .site main .care-contact-panel:hover,.site main .care360-empty-state:hover,
 .site main .obj li:hover,.site main .group:hover,.site main .care-partner:hover{
   transform:translate3d(0,-9px,0) scale(1.008);
   box-shadow:0 24px 52px rgba(8,66,36,.18);border-color:#78b95f}
 body.home .site main .product.reveal.show:hover,
 body.home .site main .skill.reveal.show:hover{animation:none!important;transform:translate3d(0,-9px,0) scale(1.008)!important}
 .site main .care360-partners-card:hover{box-shadow:0 22px 52px rgba(15,84,49,.16)}
 .site main .product .care360-product-media img,
 .site main .result .care360-result-demo-photo,
 .site main .news-card img,
 .site main .care360-feed-item img,
 .site main .care360-partners-card img{
   transition:transform .75s var(--care360-motion),filter .4s ease}
 .site main .product:hover .care360-product-media img{transform:scale(1.035)}
 .site main .result:hover .care360-result-demo-photo{transform:scale(1.035)}
 .site main .news-card:hover img,.site main .care360-feed-item:hover img{transform:scale(1.045)}
 .site main .care360-partners-card:hover img{transform:scale(1.04)}
 .site main .btn,.site main a.btn{position:relative;overflow:hidden}
 .site main .btn:hover,.site main a.btn:hover{transform:translate3d(0,-5px,0) scale(1.012);
   box-shadow:0 17px 35px rgba(17,84,35,.20)}
 .site main .btn span,.site main a.btn span{display:inline-block;
   transition:transform .35s var(--care360-motion)}
 .site main .btn:hover span,.site main a.btn:hover span{transform:translate(4px,-2px)}
 .site main .skill:hover .glyph svg{transform:scale(1.13) rotate(-5deg)}
}
.site main .skill .glyph svg{transition:transform .5s var(--care360-motion)}
/* Keep the approved result/status copy visible; animation never hides material. */
body.care360-interactive-on .care360-motion-target.care360-inview{
  animation:care360Enter .78s var(--care360-motion) backwards;
  animation-delay:var(--care360-delay,0ms)}
@keyframes care360Enter{
  from{opacity:.58;transform:translate3d(0,24px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}}
/* Survey values are unchanged; only the bars are drawn in after scrolling into view. */
body.care360-interactive-on .chart-card.care360-inview .track .fill{
  transform-origin:left center;animation:care360Fill 1.05s var(--care360-motion) both}
body.care360-interactive-on .chart-card.care360-inview .bar:nth-of-type(3) .fill{animation-delay:.09s}
body.care360-interactive-on .chart-card.care360-inview .bar:nth-of-type(4) .fill{animation-delay:.17s}
body.care360-interactive-on .chart-card.care360-inview .bar:nth-of-type(5) .fill{animation-delay:.25s}
@keyframes care360Fill{from{transform:scaleX(.08)}to{transform:scaleX(1)}}
.site main :is(a,button,input,textarea,select,summary):focus-visible{
 outline:3px solid #e99c18!important;outline-offset:4px!important}
/* Strong but concise active tabs, preserving real server-side filters. */
.site main .care360-news-tabs a[aria-current="page"],
.site main .care360-news-tabs a.active{box-shadow:0 8px 20px rgba(31,103,48,.18)}
.site main .care360-news-tabs a{transition:transform .28s var(--care360-motion),box-shadow .28s ease}
@media(hover:hover) and (pointer:fine){.site main .care360-news-tabs a:hover{transform:translateY(-3px)}}
@media(max-width:860px){
 .care360-scroll-progress{height:3px}
 body.care360-interactive-on .care360-motion-target.care360-inview{animation-duration:.52s}
 .site main .product,.site main .skill,.site main .result,
 .site main .care360-partners-card,.site main .care360-feed-item{will-change:auto}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 .care360-scroll-progress{display:none}
 body.care360-interactive-on .care360-motion-target.care360-inview,
 body.care360-interactive-on .chart-card.care360-inview .track .fill{animation:none!important}
 .site main .product,.site main .skill,.site main .result,
 .site main .care360-partners-card,.site main .care360-feed-item,
 .site main .care360-empty-state,.site main .care-contact-panel,
 .site main .btn,.site main .care360-news-tabs a,
 .site header.main{transition:none!important;transform:none!important}
}