/* M.A.T.H. v28.1.1 — homepage LEARN hero fit hotfix.
   The hero-action parent in the legacy HQ layout is intentionally narrow.
   Size the entire stack first, then make both buttons fit inside it. */
.hero-action.hero-action-stack{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:center!important;
  gap:6px!important;
  width:clamp(245px,22vw,310px)!important;
  max-width:310px!important;
  min-width:0!important;
}
.hero-action-stack .learn-gate{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:50px!important;
  padding:8px 12px!important;
  margin:0!important;
  text-decoration:none!important;
  background:linear-gradient(135deg,#f9c64f,#ff9f2e)!important;
  color:#063866!important;
  border:3px solid #fff7d0!important;
  border-radius:999px!important;
  font-size:clamp(.68rem,.86vw,.90rem)!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.005em!important;
  box-shadow:0 7px 16px #001d3055,inset 0 0 0 2px #d78410!important;
  overflow:hidden!important;
}
.hero-action-stack .learn-gate span{
  flex:1 1 auto!important;
  min-width:0!important;
  white-space:nowrap!important;
  text-align:center!important;
}
.hero-action-stack .learn-gate b{
  flex:0 0 auto!important;
  font-size:1.05em!important;
  line-height:1!important;
}
.hero-action-stack .learn-gate:hover,.hero-action-stack .learn-gate:focus-visible{filter:brightness(1.06);transform:translateY(-1px)}
.hero-action-stack .enter-gate{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
}
@media(max-width:820px){
  .hero-action.hero-action-stack{width:clamp(220px,42vw,285px)!important;gap:5px!important}
  .hero-action-stack .learn-gate{min-height:46px!important;padding:7px 9px!important;font-size:clamp(.62rem,1.55vw,.78rem)!important}
}
@media(max-width:520px){
  .hero-action.hero-action-stack{width:clamp(190px,52vw,250px)!important}
  .hero-action-stack .learn-gate{font-size:clamp(.56rem,2.35vw,.72rem)!important}
}
@media(prefers-reduced-motion:reduce){.hero-action-stack .learn-gate{transition:none}.hero-action-stack .learn-gate:hover,.hero-action-stack .learn-gate:focus-visible{transform:none}}
.learn-launch{max-width:1180px;margin:22px auto;padding:28px;border-radius:26px;border:1px solid #2b7799;background:linear-gradient(135deg,#072d48,#0b5572);color:#fff;display:grid;grid-template-columns:1.45fr .8fr;gap:28px;box-shadow:0 18px 44px #001b2c42}.learn-kicker{color:#ffd45e;font-size:.78rem;font-weight:1000;letter-spacing:.16em}.learn-copy h2{margin:8px 0 10px;font-size:clamp(1.7rem,3vw,2.7rem);line-height:1}.learn-copy p{max-width:760px;color:#dbeef6;font-weight:650;line-height:1.55}.learn-pills{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.learn-pills b{font-size:.72rem;letter-spacing:.08em;border:1px solid #62b7d7;background:#073c59;border-radius:999px;padding:7px 10px}.learn-actions{display:flex;flex-wrap:wrap;gap:10px}.learn-button{display:inline-flex;align-items:center;text-decoration:none;border-radius:13px;padding:12px 16px;font-weight:1000;letter-spacing:.035em}.learn-button.primary{background:#ffd04d;color:#082f4b}.learn-button.secondary{background:#fff;color:#073e68}.learn-visual{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}.learn-visual>i{font-style:normal;color:#69d5ff;font-size:1.6rem;font-weight:1000}.journey-step{width:112px;min-height:112px;display:grid;place-items:center;text-align:center;padding:12px;border-radius:22px;border:1px solid #4aa7c9;background:#062a43;box-shadow:inset 0 0 24px #0a5f7d55}.journey-step strong{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#ffd04d;color:#07314c;font-size:1.25rem}.journey-step span{font-size:.7rem;letter-spacing:.08em;font-weight:1000}.hq-nav a[href="signin.html"]{border:1px solid #d8ac3d;border-radius:999px;padding-inline:10px}
@media(max-width:820px){.learn-launch{grid-template-columns:1fr;margin:14px}.learn-visual{justify-content:flex-start}.hq-nav{gap:7px}}