/* WenaPay Sign in — compact Wallet in Motion benefits below the mobile auth flow. */
@media(max-width:899px){
  .signin-shell{
    background:
      radial-gradient(circle at 86% 4%,rgba(255,123,50,.14),transparent 28%),
      linear-gradient(180deg,#0b0c0e 0%,#040506 72%);
  }
  .feature-showcase{padding:8px 0 18px;display:grid;gap:14px}
  .feature-intro{padding:0 4px;text-align:center}
  .feature-kicker{margin:0 0 7px;color:#ff8d49;font-size:10px;font-weight:850;letter-spacing:.15em}
  .feature-intro h2{margin:0;color:#fff;font-size:26px;line-height:1.03;letter-spacing:-.04em}
  .feature-intro h2 br{display:none}
  .feature-intro h2 span{color:#ff7b32}
  .feature-intro>p:last-child{max-width:360px;margin:10px auto 0;color:rgba(255,255,255,.58);font-size:12px;line-height:1.45}
  .wallet-preview{display:none}
  .feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .feature-card{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.035)}
  .feature-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,123,50,.2);border-radius:11px;background:rgba(255,123,50,.1);color:#ff8a45}
  .feature-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .feature-card h3{margin:0;color:#fff;font-size:11px;line-height:1.25}
  .feature-card p{display:none}
  .feature-footnote{margin:0;text-align:center;color:rgba(255,255,255,.62);font-size:10px;line-height:1.5}
  .feature-footnote span{margin:0 4px;color:#ff7b32}
}
@media(max-width:380px){
  .feature-grid{grid-template-columns:1fr}
  .feature-card{padding-inline:14px}
}
@media(prefers-reduced-motion:reduce){
  .feature-card{transition:none}
}