/* v286G — Fees hero visual blend-layer integration
   Goal: make the right-side visual feel embedded into the hero background,
   not like a separate rectangular frame. */

body .fees-hero-v286G .fees-hero-grid-v286G{
  display:grid !important;
  grid-template-columns:minmax(0, 1.08fr) minmax(380px, .92fr) !important;
  align-items:center !important;
  gap:clamp(28px, 4vw, 64px) !important;
  position:relative;
  z-index:1;
}

body .fees-hero-v286G .fees-hero-copy-v286G{
  min-width:0;
  max-width:850px;
}

body .fees-hero-v286G .fees-hero-visual-v286G{
  position:relative;
  display:flex !important;
  justify-content:center;
  align-items:center;
  min-width:0;
  width:100%;
  transform:translateY(2px);
  isolation:isolate;
}

body .fees-hero-v286G .fees-hero-visual-v286G::before{
  content:"";
  position:absolute;
  inset:5% 2% 4% 2%;
  background:radial-gradient(circle at 55% 55%, rgba(29,233,182,.14), transparent 34%),
             radial-gradient(circle at 48% 48%, rgba(56,189,248,.18), transparent 52%),
             radial-gradient(circle at 50% 50%, rgba(5, 17, 48, .38), transparent 70%);
  filter:blur(24px);
  z-index:-2;
  pointer-events:none;
}

body .fees-hero-v286G .fees-hero-visual-v286G::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 50%, transparent 50%, rgba(10,34,67,.12) 72%, rgba(10,34,67,.34) 100%);
  filter:blur(10px);
  z-index:-1;
  pointer-events:none;
}

body .fees-hero-v286G .fees-hero-visual-v286G img{
  display:block;
  width:min(100%, 705px);
  max-height:472px;
  object-fit:contain;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:drop-shadow(0 18px 44px rgba(0,0,0,.14));
  -webkit-mask-image:radial-gradient(ellipse at center, rgba(0,0,0,1) 54%, rgba(0,0,0,.97) 64%, rgba(0,0,0,.8) 74%, rgba(0,0,0,.45) 84%, rgba(0,0,0,.12) 92%, transparent 100%);
  mask-image:radial-gradient(ellipse at center, rgba(0,0,0,1) 54%, rgba(0,0,0,.97) 64%, rgba(0,0,0,.8) 74%, rgba(0,0,0,.45) 84%, rgba(0,0,0,.12) 92%, transparent 100%);
}

@media (min-width: 1200px){
  body .fees-hero-v286G{
    padding-top:70px !important;
    padding-bottom:68px !important;
  }
  body .fees-hero-v286G .fees-hero-visual-v286G img{
    width:min(100%, 735px);
    max-height:490px;
  }
}

@media (max-width: 1100px){
  body .fees-hero-v286G .fees-hero-grid-v286G{
    grid-template-columns:1fr !important;
  }
  body .fees-hero-v286G .fees-hero-visual-v286G{
    justify-content:flex-start;
    max-width:700px;
  }
}

@media (max-width: 640px){
  body .fees-hero-v286G .fees-hero-visual-v286G{
    display:none !important;
  }
}