:root{--hy-bg:#020617;--hy-accent:#22c55e;--hy-border:#e5e7eb;--hy-muted:#6b7280}
.hy-container{max-width:1200px;margin:0 auto;padding:0 1rem}

/* SINGLE PAGE TOP NAV */
.hy-topnav{background:#020617;border-bottom:1px solid #111827}
.hy-topnav-menu{display:flex;gap:1.25rem;list-style:none;margin:0;padding:.6rem 0;justify-content:flex-end}
.hy-topnav-menu a{color:#e5e7eb;font-weight:700;text-decoration:none;font-size:.85rem}

/* HERO */
.hy-hero{background:linear-gradient(180deg,#020617,#0f172a);color:#fff;padding:3.2rem 0}
.hy-hero-inner{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}
.hy-eyebrow{text-transform:uppercase;font-size:.75rem;letter-spacing:.1em;color:#a5b4fc}
.hy-title{font-size:3.2rem;font-weight:800;margin:.5rem 0 1rem}
.hy-badges{display:flex;gap:.75rem;flex-wrap:wrap}
.hy-badge{background:#111827;border:1px solid #1f2937;padding:.45rem .85rem;border-radius:999px;font-size:.8rem;font-weight:700}
.hy-badge--trust{background:#16a085;color:#fff}
.hy-badge--rating{background:#fbbf24;color:#111827}

/* PRIMARY CTA */
.hy-btn-primary{
  background:var(--hy-accent);
  color:#022c22;
  font-weight:800;
  padding:.9rem 1.5rem;
  border-radius:14px;
  text-decoration:none;
  box-shadow:0 10px 25px rgba(34,197,94,.35);
  transition:transform .15s ease, box-shadow .15s ease
}
.hy-btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 15px 35px rgba(34,197,94,.45)
}

.hy-main{margin-top:-2.5rem}
.hy-card{background:#fff;border:1px solid var(--hy-border);border-radius:18px;padding:1.75rem;margin-bottom:1.75rem;box-shadow:0 20px 40px rgba(0,0,0,.06)}
.hy-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.25rem;text-align:center}
.hy-facts span{display:block;color:var(--hy-muted);font-size:.8rem;font-weight:600}
.hy-facts strong{font-size:1.1rem}
.hy-card h2{margin-top:0;font-size:1.4rem}
.hy-list{margin:0;padding-left:1.2rem}
.hy-related .exchange-grid{margin-top:1rem}
.hy-back{display:inline-block;margin:2rem 0;font-weight:700}
.hy-sublist {
  margin: 6px 0 0 18px;
  list-style: disc;
}

.hy-sublist li {
  margin: 2px 0;
  font-size: 0.95em;
}
