:root{--drv-header-bg:rgba(246,248,252,.88);--drv-header-border:rgba(230,237,246,.9);--drv-header-text:#111827;--drv-header-blue:#0d6efd;--drv-header-h:74px;--drv-header-h-mobile:86px}

/* Unified fixed public header for homepage + every indexed/public page */
body{padding-top:0!important}
.public-hdr,.hdr.public-hdr{
  position:sticky!important;top:0!important;left:auto!important;right:auto!important;width:100%!important;
  z-index:99990!important;background:var(--drv-header-bg)!important;
  backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;
  border-bottom:1px solid var(--drv-header-border)!important;box-shadow:0 8px 24px rgba(15,23,42,.04)!important;
}
.public-hdr .wrap,.hdr.public-hdr .wrap{width:min(1260px,calc(100% - 36px))!important;max-width:1260px!important;margin:0 auto!important;padding-left:18px!important;padding-right:18px!important}
.public-hdr .hdr__in,.hdr.public-hdr .hdr__in{height:var(--drv-header-h)!important;min-height:var(--drv-header-h)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:0!important}
.public-hdr .brand,.hdr.public-hdr .brand{display:flex!important;align-items:center!important;gap:10px!important;text-decoration:none!important;color:var(--drv-header-text)!important;min-width:0!important}
.public-hdr .brand__mark,.hdr.public-hdr .brand__mark{width:36px!important;height:36px!important;min-width:36px!important;flex:0 0 36px!important;border-radius:14px!important;background:url('/landing/assets/img/favicon-64.webp') center/cover no-repeat!important;border:1px solid rgba(230,237,246,.95)!important;box-shadow:0 12px 28px rgba(13,110,253,.10)!important}
.public-hdr .brand__mark img,.hdr.public-hdr .brand__mark img{display:none!important}
.public-hdr .brand__text,.hdr.public-hdr .brand__text{font-size:18px!important;line-height:1!important;font-weight:900!important;letter-spacing:-.35px!important;color:#142033!important;white-space:nowrap!important}
.public-hdr .brand__text span,.hdr.public-hdr .brand__text span{color:var(--drv-header-blue)!important;font-weight:900!important}
.public-hdr .nav,.hdr.public-hdr .nav{display:flex!important;align-items:center!important;gap:34px!important;color:#142033!important;font-weight:800!important}
.public-hdr .nav a,.hdr.public-hdr .nav a{color:#142033!important;text-decoration:none!important;padding:8px 0!important;border-radius:12px!important;font-size:16px!important;font-weight:800!important}
.public-hdr .hdr__cta,.hdr.public-hdr .hdr__cta{display:flex!important;align-items:center!important;gap:10px!important;margin-left:auto!important;visibility:visible!important;pointer-events:auto!important}
.public-hdr .btn,.hdr.public-hdr .btn{border:1px solid transparent!important;padding:10px 14px!important;border-radius:14px!important;font-size:15px!important;font-weight:900!important;letter-spacing:-.2px!important;text-decoration:none!important;white-space:nowrap!important}
.public-hdr .btn--ghost,.hdr.public-hdr .btn--ghost{color:#142033!important;border-color:#dce8f7!important;background:#fff!important}
.public-hdr .btn--primary,.hdr.public-hdr .btn--primary{color:#fff!important;background:#0d6efd!important;box-shadow:0 10px 20px rgba(13,110,253,.20)!important}
.public-hdr .burger,.hdr.public-hdr .burger{display:none!important}

/* Match homepage mobile/tablet menu behavior */
@media (max-width:1100px){
  body{padding-top:0!important}
  .public-hdr,.hdr.public-hdr{background:#f5f9ff!important;border-bottom:1px solid rgba(230,237,246,.9)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .public-hdr .wrap,.hdr.public-hdr .wrap{width:100%!important;max-width:none!important;padding:0 28px!important;margin:0!important;box-sizing:border-box!important}
  .public-hdr .hdr__in,.hdr.public-hdr .hdr__in{height:var(--drv-header-h-mobile)!important;min-height:var(--drv-header-h-mobile)!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important}
  .public-hdr .brand,.hdr.public-hdr .brand{min-width:0!important;flex:1 1 auto!important;gap:12px!important}
  .public-hdr .brand__mark,.hdr.public-hdr .brand__mark{width:44px!important;height:44px!important;min-width:44px!important;flex-basis:44px!important;border-radius:16px!important}
  .public-hdr .brand__text,.hdr.public-hdr .brand__text{font-size:22px!important;line-height:1!important;font-weight:900!important;white-space:nowrap!important;letter-spacing:-.45px!important}
  .public-hdr .nav,.hdr.public-hdr .nav,
  .public-hdr .hdr__cta>a.btn,.public-hdr .hdr__cta>button.btn,
  .hdr.public-hdr .hdr__cta>a.btn,.hdr.public-hdr .hdr__cta>button.btn{
    display:none!important;visibility:hidden!important;pointer-events:none!important;
  }
  .public-hdr .hdr__cta,.hdr.public-hdr .hdr__cta{width:auto!important;margin-left:auto!important;flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;visibility:visible!important;pointer-events:auto!important}
  .public-hdr .burger,.hdr.public-hdr .burger{display:inline-flex!important;width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;flex:0 0 50px!important;align-items:center!important;justify-content:center!important;gap:6px!important;border:1px solid #dce3ed!important;border-radius:22px!important;background:#fff!important;color:#1f2937!important;box-shadow:0 12px 30px rgba(15,23,42,.10)!important;padding:0!important;margin:0!important;visibility:visible!important;pointer-events:auto!important;cursor:pointer!important;appearance:none!important;-webkit-appearance:none!important}
  .public-hdr .burger span,.hdr.public-hdr .burger span{display:block!important;width:5px!important;height:5px!important;margin:0!important;border-radius:999px!important;background:#1f2937!important}
  .public-mnav[hidden]{display:none!important}
  .public-mnav{position:fixed!important;inset:0!important;z-index:99999!important;background:rgba(15,23,42,.45)!important;opacity:0!important;transition:opacity .28s ease!important;pointer-events:none!important}
  .public-mnav.is-open{opacity:1!important;pointer-events:auto!important}
  .public-mnav__panel{width:min(84vw,340px)!important;height:100vh!important;min-height:100vh!important;padding:calc(env(safe-area-inset-top) + 26px) 18px 28px!important;background:#fff!important;border-right:1px solid #e6edf6!important;box-shadow:22px 0 55px rgba(15,23,42,.18)!important;display:flex!important;flex-direction:column!important;gap:12px!important;transform:translateX(-105%)!important;transition:transform .28s ease!important;box-sizing:border-box!important}
  .public-mnav.is-open .public-mnav__panel{transform:translateX(0)!important}
  .public-mnav__panel a,.public-mnav__panel a.btn{width:100%!important;height:52px!important;min-height:52px!important;padding:0 18px!important;margin:0!important;border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;text-decoration:none!important;color:#111827!important;background:#f8fbff!important;border:1px solid #dce8f7!important;font-size:18px!important;font-weight:900!important;line-height:1.1!important;box-sizing:border-box!important}
  .public-mnav__panel a.btn--primary{color:#fff!important;background:#0d6efd!important;border-color:#0d6efd!important;font-weight:900!important;box-shadow:0 14px 30px rgba(13,110,253,.25)!important}
  .public-mnav__panel a.btn--ghost{background:#fff!important;color:#111827!important;font-weight:850!important}
  body.public-mnav-open{overflow:hidden!important}
}
@media (max-width:480px){
  .public-hdr .wrap,.hdr.public-hdr .wrap{padding:0 28px!important}
  .public-hdr .hdr__in,.hdr.public-hdr .hdr__in{height:82px!important;min-height:82px!important}
  body{padding-top:0!important}
  .public-hdr .brand__mark,.hdr.public-hdr .brand__mark{width:42px!important;height:42px!important;min-width:42px!important;flex-basis:42px!important}
  .public-hdr .brand__text,.hdr.public-hdr .brand__text{font-size:21px!important}
  .public-hdr .burger,.hdr.public-hdr .burger{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;flex-basis:48px!important}
}
.public-mnav,.public-mnav *{pointer-events:auto!important}
.public-mnav__panel a{position:relative!important;z-index:2!important;touch-action:manipulation!important;-webkit-tap-highlight-color:rgba(13,110,253,.16)!important}


/* === FINAL PRICING HEADER STRIP FIX: do not reserve fixed-header padding on /bang-gia === */
body.pricing-public-page{padding-top:0!important;margin-top:0!important;}
body.pricing-public-page>.hdr.public-hdr,body.pricing-public-page>header.public-hdr{position:sticky!important;top:0!important;left:auto!important;right:auto!important;width:100%!important;margin:0!important;transform:none!important;}
body.pricing-public-page>main{margin-top:0!important;padding-top:0!important;}
body.pricing-public-page .pricing-page{margin-top:0!important;}

/* === HARD FIX 2026-05-29: remove black strip above public header === */
html, body { margin-top:0!important; padding-top:0!important; }
body > header.hdr.public-hdr,
body > .hdr.public-hdr,
.public-hdr,
.hdr.public-hdr {
  position: sticky!important;
  top: 0!important;
  left: auto!important;
  right: auto!important;
  width: 100%!important;
  margin-top: 0!important;
  transform: none!important;
}
body > main { margin-top:0!important; padding-top:0!important; }
.pricing-public-page,
body:has(.pricing-page) { margin-top:0!important; padding-top:0!important; }
body:has(.pricing-page) > header.hdr.public-hdr,
body:has(.pricing-page) > .hdr.public-hdr { position:sticky!important; top:0!important; margin-top:0!important; }
@media (max-width:1100px){
  html, body { margin-top:0!important; padding-top:0!important; }
  body > header.hdr.public-hdr,
  body > .hdr.public-hdr,
  .public-hdr,
  .hdr.public-hdr { position:sticky!important; top:0!important; margin-top:0!important; }
}