/* ReachEmpireBot Home V28 - precise mobile interpretation and final alignment. */
@media (max-width:767px){
  /* Sign Up and Sign In stay together inside one compact control group. */
  html body.reb-home .main-header .option-block{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    align-items:center!important;
    gap:4px!important;
    width:184px!important;
    padding:4px!important;
    overflow:hidden!important;
  }
  html body.reb-home .main-header .option-block > a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    width:100%!important;
    margin:0!important;
  }

  /* Right-side menu owns a fixed lane and cannot overlap logo or account buttons. */
  html body.reb-home .main-header .header-lower .outer-box{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 48px!important;
    align-items:center!important;
  }
  html body.reb-home .main-header .logo-box{min-width:0!important;margin:0!important}
  html body.reb-home .main-header .menu-area{grid-column:2!important;width:48px!important;justify-self:end!important}

  /* Market Bar remains above the banner with a clear, compact separation. */
  html body.reb-home .main-header .header-bottom{
    position:relative!important;
    z-index:4!important;
    margin-bottom:9px!important;
  }
  html body.reb-home .banner-section{margin-top:0!important;padding-top:0!important}

  /* Hero robot is held in the left centre and never slips below the frame. */
  html body.reb-home section.banner-section .reb-hero-visual > img.reb-robot{
    align-self:center!important;
    justify-self:start!important;
    margin-left:-5px!important;
    transform:none!important;
  }

  /* Monitor robot stays at the right and faces left toward the title/icons. */
  html body.reb-home .reb-apps .inner-container{
    padding:15px 126px 14px 15px!important;
  }
  html body.reb-home .reb-apps .image-layer{
    left:auto!important;
    right:7px!important;
    top:50%!important;
    width:112px!important;
    height:132px!important;
    transform:translateY(-50%) scaleX(-1)!important;
  }
  html body.reb-home .reb-apps .content_block_two{padding:0!important}
  html body.reb-home .reb-apps .sec-title p{display:none!important}

  /* Match Automation Insights to all other primary section headings. */
  html body.reb-home .reb-news .sec-title h2{
    margin:0!important;
    font-size:28px!important;
    line-height:1.12!important;
    letter-spacing:-.015em!important;
  }

  /* Shared compact section rhythm across the complete Home page. */
  html body.reb-home .reb-solutions,
  html body.reb-home .reb-platform-section,
  html body.reb-home .reb-markets,
  html body.reb-home .reb-symbol-sync,
  html body.reb-home .reb-process,
  html body.reb-home .reb-news{padding-block:28px!important}
  html body.reb-home .reb-apps{padding-block:14px 24px!important}
  html body.reb-home .sec-title{padding-bottom:16px!important}
}

@media (max-width:374px){
  html body.reb-home .main-header .option-block{width:164px!important}
  html body.reb-home .reb-apps .inner-container{padding-right:111px!important}
  html body.reb-home .reb-apps .image-layer{right:5px!important;width:101px!important}
}