[data-zone=learner] .hapio-lhp-mp-hero{max-width:1280px;margin:0 auto;padding:var(--learner-space-8) var(--learner-space-6) var(--learner-space-3);text-align:center;font-family:var(--learner-font-body)}[data-zone=learner] .hapio-lhp-mp-hero__badge{display:inline-flex;align-items:center;gap:var(--learner-space-2);padding:6px 14px;border-radius:var(--learner-radius-pill);background:var(--learner-color-surface);border:1px solid var(--learner-color-border);box-shadow:var(--learner-shadow-xs);font-size:var(--learner-text-sm);font-weight:600;color:var(--learner-color-text-body)}[data-zone=learner] .hapio-lhp-mp-hero__badgeic{width:16px;height:16px;color:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-mp-hero__title{margin:var(--learner-space-4) auto 0;max-width:780px;
  /* !important để thắng global heading-cap (h1 { font-size:19px !important }). */font-size:var(--learner-text-3xl)!important;line-height:1.15!important;font-weight:700;letter-spacing:-.01em;color:var(--learner-color-text-strong)}[data-zone=learner] .hapio-lhp-mp-hero__title span{color:var(--learner-color-brand)}[data-zone=learner] .hapio-lhp-mp-hero__sub{margin:var(--learner-space-3) auto 0;max-width:640px;font-size:var(--learner-text-md);color:var(--learner-color-text-muted)}[data-zone=learner] .hapio-lhp-mp-hero__cta{display:inline-flex;align-items:center;gap:var(--learner-space-2);margin-top:var(--learner-space-5);padding:11px 22px;border:0;border-radius:var(--learner-radius-pill);background:var(--learner-color-brand);color:var(--learner-color-on-accent);font-size:var(--learner-text-md);font-weight:600;cursor:pointer;box-shadow:0 8px 20px -8px color-mix(in srgb,var(--learner-color-brand) 60%,transparent);transition:background var(--learner-duration-fast) var(--learner-ease-out)}[data-zone=learner] .hapio-lhp-mp-hero__cta:hover{background:var(--learner-color-brand-strong)}[data-zone=learner] .hapio-lhp-mp-hero__ctaic{width:18px;height:18px}