/* ALVNA Phase 3 v3.0.21 tablet correction
   Isolated stylesheet loaded after the legacy bundle to avoid cascade conflicts. */
@media (min-width:681px) and (max-width:1100px){
  .gateway-page .gateway-home-hero{
    position:relative!important;display:block!important;height:auto!important;min-height:0!important;max-height:none!important;
    margin:0!important;padding:36px 0 42px!important;overflow:visible!important;
  }
  .gateway-page .gateway-home-grid{
    position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    gap:24px!important;height:auto!important;min-height:0!important;max-height:none!important;
    align-items:start!important;visibility:visible!important;opacity:1!important;transform:none!important;
  }
  .gateway-page .gateway-home-copy,
  .gateway-page .gateway-signal-panel{
    position:relative!important;inset:auto!important;display:block!important;width:100%!important;max-width:none!important;
    height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;
    visibility:visible!important;opacity:1!important;transform:none!important;overflow:visible!important;
  }
  .gateway-page .gateway-home-copy h1,
  .gateway-page .gateway-home-copy>p,
  .gateway-page .gateway-home-copy .btn-row,
  .gateway-page .gateway-proof{visibility:visible!important;opacity:1!important;transform:none!important}
  .gateway-page .gateway-home-copy h1,.gateway-page .gateway-home-copy>p{display:block!important}
  .gateway-page .gateway-home-copy .btn-row{display:flex!important;position:static!important;margin-top:24px!important}
  .gateway-page .gateway-proof{display:flex!important;position:static!important}
  .gateway-page .gateway-signal-panel{margin-top:0!important;overflow:hidden!important}
  .gateway-page .gateway-tech-glow{pointer-events:none!important}

  /* Header controls stay in normal flow and can never drop into the hero. */
  .gateway-topbar .gateway-nav-wrap{height:auto!important;min-height:0!important;align-items:center!important}
  .gateway-topbar .gateway-nav-links{position:static!important;inset:auto!important;transform:none!important;height:auto!important;min-height:0!important;margin:0!important}

  /* All rotating desktop promotion positions become one true viewport centered tablet modal. */
  .alvna-promo,
  .alvna-promo.promo-pos-right-bottom,.alvna-promo.promo-pos-left-bottom,
  .alvna-promo.promo-pos-right-middle,.alvna-promo.promo-pos-left-middle,
  .alvna-promo.promo-pos-top-right,.alvna-promo.promo-pos-top-left,
  .alvna-promo.promo-pos-bottom-center{
    position:fixed!important;left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;
    width:min(420px,calc(100vw - 40px))!important;max-width:calc(100vw - 40px)!important;
    max-height:calc(100vh - 40px)!important;max-height:calc(100dvh - 40px)!important;
    margin:0!important;overflow:auto!important;z-index:99999!important;
    transform:translate(-50%,-50%) scale(.98)!important;
  }
  .alvna-promo.show,
  .alvna-promo.promo-pos-right-bottom.show,.alvna-promo.promo-pos-left-bottom.show,
  .alvna-promo.promo-pos-right-middle.show,.alvna-promo.promo-pos-left-middle.show,
  .alvna-promo.promo-pos-top-right.show,.alvna-promo.promo-pos-top-left.show,
  .alvna-promo.promo-pos-bottom-center.show{transform:translate(-50%,-50%) scale(1)!important}
  .alvna-promo.hide{transform:translate(-50%,-50%) scale(.98)!important}
}

/* Landscape tablets: keep the hero bounded and entirely in document flow. */
@media (min-width:681px) and (max-width:1100px) and (orientation:landscape){
  .gateway-page .gateway-home-hero{padding:30px 0 36px!important}
  .gateway-page .gateway-home-grid{grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr)!important;gap:28px!important;align-items:center!important}
  .gateway-page .gateway-home-copy h1{font-size:clamp(38px,5vw,58px)!important}
  .gateway-page .gateway-signal-panel{align-self:center!important}
}