.ref-hero{background:
  radial-gradient(700px 380px at 70% 0%,rgba(80,150,255,.3),transparent 55%),
  linear-gradient(155deg,#081f4b,#061735)!important}
.ref-intro{max-width:640px;margin:0 auto 48px;text-align:center;color:var(--muted);line-height:1.75}
.ref-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ref-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:var(--shadow);opacity:0;transform:translateY(24px) scale(.98);transition:opacity .6s var(--delay,0ms),transform .6s var(--delay,0ms),box-shadow .3s}
.ref-card.in{opacity:1;transform:none}
.ref-card:hover{box-shadow:var(--shadow-lg)}
.ref-logo{height:56px;display:flex;align-items:center;margin-bottom:18px;font-weight:800;font-size:18px;color:var(--navy-800);letter-spacing:.5px}
.ref-card h3{font-size:17px;font-weight:800;color:var(--navy-800);margin-bottom:8px}
.ref-card p{font-size:14px;color:var(--muted);line-height:1.65}
.ref-tag{display:inline-block;margin-top:14px;font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--blue-500);background:var(--sky-100);padding:6px 10px;border-radius:999px}
@media (max-width:900px){.ref-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ref-grid{grid-template-columns:1fr}}