.professional-gateway {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 3rem;
  padding: clamp(54px, 7vw, 92px) clamp(24px, 8vw, 130px);
  background: #465044;
  color: #fff;
  border-top: 1px solid rgba(255, 255, 255, .15);
  transition: background .25s ease;
}
.professional-gateway:hover { background: #353e34; }
.professional-gateway > div { max-width: 820px; }
.professional-gateway h2 { margin: 0 0 18px; font-size: clamp(38px, 5vw, 68px); line-height: 1.03; }
.professional-gateway p:not(.eyebrow) { max-width: 720px; margin: 0; color: #d9ded6; font-size: 14px; line-height: 1.75; }
.professional-gateway > span { display: inline-flex; align-items: center; justify-content: space-between; gap: 24px; min-width: 260px; padding: 17px 0; border-top: 1px solid rgba(255,255,255,.45); border-bottom: 1px solid rgba(255,255,255,.45); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.professional-gateway > span b { font-weight: 400; }
.menu-toggle { display: none; border: 0; background: transparent; width: 38px; height: 38px; padding: 8px 4px; cursor: pointer; }
.menu-toggle span { display: block; height: 1px; margin: 7px 0; background: #1d211d; }
@media (max-width: 760px) {
  .professional-gateway { align-items: flex-start; flex-direction: column; gap: 2rem; }
  .professional-gateway > span { width: 100%; min-width: 0; }
  .site-header { height: 70px; padding: 0 18px; }
  .menu-toggle { display: block; margin-left: auto; }
  .header-cta { display: none; }
  .site-header nav { position: absolute; top: 70px; left: 0; right: 0; z-index: 20; display: none; flex-direction: column; align-items: flex-start; gap: 8px; padding: 20px 24px 28px; background: #f3f0e9; border-bottom: 1px solid rgba(29,33,29,.18); }
  .site-header nav.open { display: flex; }
  .site-header nav a { width: 100%; padding: 10px 0; }
}

/* ===== DESKTOP PROFESSIONAL GATEWAY COMPACT 2026-09-20 ===== */
@media (min-width:901px){
  .professional-gateway{
    padding:clamp(42px,4.6vw,68px) clamp(24px,8vw,130px)!important;
    gap:2rem!important;
  }
  .professional-gateway h2{
    font-size:clamp(30px,3.2vw,44px)!important;
    line-height:1.06!important;
    margin-bottom:14px!important;
  }
  .professional-gateway p:not(.eyebrow){font-size:13px!important;line-height:1.6!important}
  .professional-gateway > span{padding:13px 0!important;min-width:240px!important}
}