/* V48 — calm, real-photo hero with a few clean visuals. Motion is subtle and turns off for "reduce motion". */
.ma-hero-card{position:absolute;right:7.5%;top:50%;margin-top:-100px;z-index:3;width:300px;padding:18px 20px;border-radius:16px;background:rgba(6,32,27,.62);border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 18px 40px rgba(0,0,0,.22);color:#fff;font-family:Arial,sans-serif}
.ma-hero-card small{display:block;font:800 10px Arial,sans-serif;letter-spacing:.2em;opacity:.9}
.ma-hero-card strong{display:block;font:800 26px/1.1 Arial,sans-serif;margin:6px 0 2px}
.ma-hero-card strong em{font-style:normal;color:#f2c25b}
.ma-hero-card p{margin:0 0 12px;font-size:12px;opacity:.9}
.ma-hero-logos{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ma-hero-logos span{background:#fff;border-radius:10px;height:42px;display:flex;align-items:center;justify-content:center;padding:5px;box-shadow:0 4px 10px rgba(0,0,0,.12)}
.ma-hero-logos img{max-width:100%;max-height:100%;object-fit:contain}
.ma-hero-card ul{list-style:none;margin:12px 0 0;padding:0;display:flex;gap:14px;font-size:11px;opacity:.95}
.ma-hero-card li::before{content:"✓";color:#f2c25b;font-weight:900;margin-right:5px}
@media (prefers-reduced-motion:no-preference){
  .ma-hero-motion .hero .hero-image{transition:opacity 1s ease}
  .ma-hero-motion .hero .hero-image.active{animation:maSlowZoom 6s ease-out both}
  @keyframes maSlowZoom{from{transform:scale(1.01)}to{transform:scale(1.05)}}
  .ma-hero-motion .hero .hero-copy.ma-play>p,.ma-hero-motion .hero .hero-copy.ma-play h1 span,.ma-hero-motion .hero .hero-copy.ma-play h1 em,.ma-hero-motion .hero .hero-copy.ma-play>div{animation:maFadeUp .6s ease both}
  .ma-hero-motion .hero .hero-copy.ma-play h1 em{animation-delay:.08s}
  .ma-hero-motion .hero .hero-copy.ma-play>div{animation-delay:.16s}
  .ma-hero-motion .hero .hero-copy>button{transition:transform .25s,box-shadow .25s}
  .ma-hero-motion .hero .hero-copy>button:hover{transform:translateY(-2px);box-shadow:0 16px 32px #7b5c2045}
  .ma-hero-card{animation:maFadeUp .9s .5s ease both}
  @keyframes maFadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
}
@media (max-width:1100px){.ma-hero-card{display:none}}@media (max-width:900px){.ma-hero-card{width:250px;right:4%;padding:14px}.ma-hero-card strong{font-size:21px}}
@media (max-width:720px){.ma-hero-card{display:none}}