/* SRB Studio — clean motion layer. No glow, sweep, glare or floating light effects. */

/* Hero enters as one calm composition; works with every language without re-wrapping text. */
.hero-copy{
  --srb-enter-y:18px;
}
html.srb-motion-ready .hero-copy .eyebrow,
html.srb-motion-ready .hero-copy h1,
html.srb-motion-ready .hero-copy .hero-sub,
html.srb-motion-ready .hero-copy .hero-actions{
  opacity:0;
  transform:translate3d(0,var(--srb-enter-y),0);
}
html.srb-motion-play .hero-copy .eyebrow,
html.srb-motion-play .hero-copy h1,
html.srb-motion-play .hero-copy .hero-sub,
html.srb-motion-play .hero-copy .hero-actions{
  opacity:1;
  transform:translate3d(0,0,0);
  transition:opacity .65s ease,transform .72s cubic-bezier(.22,.8,.24,1);
}
html.srb-motion-play .hero-copy h1{transition-delay:.07s}
html.srb-motion-play .hero-copy .hero-sub{transition-delay:.14s}
html.srb-motion-play .hero-copy .hero-actions{transition-delay:.21s}

/* A small physical response instead of a light/glare effect. */
.deck-card,.app-demo-card{
  will-change:transform;
  transform:translateZ(0);
}
@media (hover:hover) and (pointer:fine){
  .deck-card.srb-clean-motion,
  .app-demo-card.srb-clean-motion{
    transition:transform .32s cubic-bezier(.2,.75,.25,1),border-color .32s ease,box-shadow .32s ease;
  }
  .deck-card.srb-clean-motion:hover,
  .app-demo-card.srb-clean-motion:hover{
    transform:translate3d(0,-5px,0) scale(1.006);
  }
}

/* Signature SRB motion: a restrained line that draws once beneath the hero copy. */
.srb-signature-line{
  display:block;
  width:52px;
  height:1px;
  margin-top:18px;
  background:currentColor;
  color:rgba(215,191,143,.56);
  transform-origin:left center;
  transform:scaleX(0);
  opacity:.75;
  pointer-events:none;
}
html.srb-motion-play .srb-signature-line{
  transform:scaleX(1);
  transition:transform .8s cubic-bezier(.22,.8,.2,1) .34s;
}

@media(max-width:700px){
  .hero-copy{--srb-enter-y:12px}
  .srb-signature-line{margin-top:14px;width:42px}
}

@media(prefers-reduced-motion:reduce){
  html.srb-motion-ready .hero-copy .eyebrow,
  html.srb-motion-ready .hero-copy h1,
  html.srb-motion-ready .hero-copy .hero-sub,
  html.srb-motion-ready .hero-copy .hero-actions{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
  .deck-card.srb-clean-motion,.app-demo-card.srb-clean-motion{transition:none!important}
  .deck-card.srb-clean-motion:hover,.app-demo-card.srb-clean-motion:hover{transform:none!important}
  .srb-signature-line{transform:scaleX(1)!important;transition:none!important}
}

/* Hover interaction reliability patch — desktop hover + touch press feedback. */
@media (hover:hover) {
  .deck-card,
  .app-demo-card,
  .graphic-card,
  .service-list article,
  .nav-cta,
  .restaurant-setup-connector b {
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
  }
  .deck-card:hover{transform:translate3d(0,-9px,0) scale(1.008)!important}
  .app-demo-card:hover{transform:translate3d(0,-6px,0) scale(1.004)!important}
}
@media (hover:none), (pointer:coarse) {
  .deck-card:active{transform:translate3d(0,-3px,0) scale(.995)}
  .app-demo-card:active{transform:translate3d(0,-2px,0) scale(.997)}
}