/* v283G — Fees hero cleanup + dark background sync hotfix
   Scope: fees page only.
   Goal: remove the broken/verbose right-side hero visual, shorten the section,
   and sync the top fees hero to the darker site visual language. */

body .fees-hero{
  background: linear-gradient(135deg,#0b2f52 0%, #123f66 58%, #0f6f74 100%) !important;
  color:#ffffff !important;
  position:relative;
  overflow:hidden;
}

body .fees-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 18% 18%, rgba(255,255,255,.08), transparent 34%),
             radial-gradient(circle at 82% 22%, rgba(64,196,255,.10), transparent 30%);
  pointer-events:none;
}

body .fees-hero .fees-hero-grid{
  grid-template-columns:minmax(0, 780px) !important;
  justify-content:start !important;
  gap:18px !important;
  position:relative;
  z-index:1;
}

body .fees-hero .urgent-visual-card,
body .fees-hero .media-focus-fees-page{
  display:none !important;
}

body .fees-hero .eyebrow{
  color:rgba(179,215,255,.95) !important;
}

body .fees-hero h1{
  color:#ffffff !important;
  max-width:780px;
}

body .fees-hero .muted,
body .fees-hero p{
  color:rgba(255,255,255,.84) !important;
  max-width:840px;
}

body .fees-hero .hero-actions{
  margin-top:10px;
}

body .fees-hero .hero-actions .btn.secondary{
  background:rgba(255,255,255,.96);
  color:#0d2c4a;
  border-color:rgba(255,255,255,.88);
  box-shadow:none;
}

body .fees-hero .hero-actions .btn:not(.secondary){
  box-shadow:0 14px 34px rgba(0,0,0,.18);
}

@media (min-width: 901px){
  body .fees-hero{
    padding-top:72px !important;
    padding-bottom:72px !important;
  }
}

@media (max-width: 900px){
  body .fees-hero .fees-hero-grid{
    grid-template-columns:1fr !important;
  }

  body .fees-hero{
    padding-top:52px !important;
    padding-bottom:52px !important;
  }
}