/* Rainshade motion: scroll reveals + hover polish */
html,body{overflow-x:clip;}

html.motion [data-anim]{opacity:0;--tx:0px;--ty:0px;}
html.motion [data-anim="fade-up"]{--ty:24px;}
html.motion [data-anim="fade-down"]{--ty:-18px;}
html.motion [data-anim="fade-left"]{--tx:-28px;}
html.motion [data-anim="fade-right"]{--tx:28px;}
html.motion [data-anim="slide-left"]{--tx:-60px;}
html.motion [data-anim="slide-right"]{--tx:60px;}
html.motion [data-anim].in-view{animation:rs-reveal .65s cubic-bezier(.2,.7,.2,1) both;}
@keyframes rs-reveal{from{opacity:0;transform:translate(var(--tx),var(--ty));}to{opacity:1;transform:none;}}
@media(max-width:768px){
  html.motion [data-anim="fade-up"]{--ty:16px;}
}


/* Hover polish (desktop pointers only) */
@media(hover:hover) and (pointer:fine){
  a[class^="btn-"],a[class*=" btn-"]{transition:transform .2s ease, box-shadow .2s ease, background .2s, color .2s, border-color .2s;}
  a[class^="btn-"]:hover,a[class*=" btn-"]:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(28,43,74,0.18);}
  .way-card,.opp-card,.why-card,.get-card,.fw-pillar,.contact-card,.benefit-card,.seg-card{transition:transform .25s ease, box-shadow .25s ease;}
  .way-card:hover,.opp-card:hover,.why-card:hover,.get-card:hover,.fw-pillar:hover,.contact-card:hover,.benefit-card:hover,.seg-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(28,43,74,0.10);}
  .seg-img-wrap{display:block;overflow:hidden;}
  .seg-img-wrap img{transition:transform .8s cubic-bezier(.2,.7,.2,1);}
  .seg-card:hover .seg-img-wrap img{transform:scale(1.05);}
}
.seg-img-wrap{display:block;overflow:hidden;}

@media (prefers-reduced-motion: reduce){
  html.motion [data-anim]{opacity:1 !important;transform:none !important;animation:none !important;}
  *{scroll-behavior:auto !important;}
}