/* HUMAN MAXIMUS V150 — ABOUT US EVERYWHERE
   Ensures About Us appears in:
   1) top desktop navigation
   2) sidebar/main menu
   3) + Explore menu beside Why It Works
   4) mobile quick-entry row */

/* Plus menu: equal featured pair. */
.hmc-why-explore-entry .maximus-vault-grid{
  align-items:stretch!important;
}
.hmc-why-explore-entry .hmc-why-explore-button,
.hmc-why-explore-entry .hmc-about-explore-button{
  min-height:74px!important;
  width:100%!important;
}
.hmc-about-explore-button{
  border-color:rgba(222,186,251,.72)!important;
  background:
    radial-gradient(circle at 14% 20%,rgba(181,104,237,.22),transparent 34%),
    linear-gradient(145deg,#3a1b50,#13091b)!important;
}

/* Sidebar/main navigation item. */
.side-about-us-link{
  position:relative;
  overflow:hidden;
  text-decoration:none!important;
  color:#fff!important;
}
.side-about-us-art{
  width:100%;
  min-height:72px;
  display:grid;
  place-items:center;
  color:#f3ddff;
  font-family:Georgia,serif;
  font-size:42px;
  font-weight:800;
  background:
    radial-gradient(circle at 50% 38%,rgba(202,143,245,.56),rgba(118,45,168,.24) 28%,transparent 58%),
    linear-gradient(145deg,#21102d,#07040a);
  border-radius:inherit;
}

/* Mobile quick-entry row: three clear choices. */
.mobile-entry-strip{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.mobile-about-us{
  min-width:0!important;
  min-height:56px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:8px!important;
  border:1px solid rgba(220,188,247,.60)!important;
  border-radius:14px!important;
  color:#fff!important;
  text-decoration:none!important;
  background:
    radial-gradient(circle at 22% 20%,rgba(194,127,244,.20),transparent 36%),
    linear-gradient(180deg,#291537,#0c0710)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.10),0 8px 18px rgba(0,0,0,.32)!important;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.025em!important;
  text-align:center!important;
}
.mobile-about-us>span{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  flex:0 0 20px;
  border:1px solid rgba(230,205,251,.48);
  border-radius:50%;
  color:#f1d9ff;
}
.mobile-about-us:hover,
.mobile-about-us:focus-visible{
  border-color:#fff!important;
  background:linear-gradient(180deg,#43215a,#160b1e)!important;
}

@media(max-width:700px){
  .mobile-entry-strip{
    gap:7px!important;
    padding-inline:7px!important;
  }
  .mobile-about-us,
  .mobile-why-it-works,
  .mobile-start-free{
    min-height:54px!important;
  }
}
@media(max-width:390px){
  .mobile-about-us{
    gap:3px!important;
    font-size:8.5px!important;
    padding:6px 4px!important;
  }
  .mobile-about-us>span{
    width:17px;
    height:17px;
    flex-basis:17px;
    font-size:10px;
  }
}