/* Hero trio only — do not affect the rest of the homepage. */
.beti-hero-wrap{position:relative;max-width:1440px;margin:0 auto;padding:12px 16px 6px}
.beti-hero-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.beti-hero-card{position:relative;overflow:hidden;border-radius:16px;min-height:210px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;color:#fff}
.beti-hero-card h2,.beti-hero-card h3{margin:0;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;line-height:.95;letter-spacing:.01em}
.beti-hero-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:999px;border:0;background:rgba(11,22,40,.8);color:#fff;font-size:22px;line-height:1;cursor:pointer;z-index:3}
.beti-hero-nav.prev{left:6px}.beti-hero-nav.next{right:6px}
.beti-hero-dots{display:flex;justify-content:center;gap:6px;margin:8px 0 4px}
.beti-hero-dots button{width:7px;height:7px;border-radius:99px;border:0;background:#c5cdd8;padding:0;cursor:pointer}
.beti-hero-dots button.on{background:#3B7DE8;width:18px}
@media (max-width:900px){
  .beti-hero-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .beti-hero-row::-webkit-scrollbar{display:none}
  .beti-hero-card{flex:0 0 min(84vw,20rem);scroll-snap-align:start;min-height:200px}
  .beti-hero-nav{display:none}
}