/* =====================================================================
   header.css — шапка (прилипает к верху при прокрутке) и мобильное меню
   ===================================================================== */

.header {
  position: sticky; top: 10px; z-index: 50;
  height: 80px; margin-top: 20px; margin-bottom: -100px;   /* лежит поверх первого экрана */
  pointer-events: none;
}
.header__bar {
  position: absolute; left: 60px; top: 0; width: 1320px; height: 80px;
  border-radius: 10px; box-shadow: inset 0 0 0 1px #fff;   /* рамка 1px, не сдвигающая содержимое */
  background: rgba(255, 255, 255, .4);
  -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);
  pointer-events: auto;
}
.header__logo-icon     { position: absolute; left: 42px; top: 23px; width: 35px; }
.header__logo-wordmark { position: absolute; left: 89px; top: 25px; width: 85px; }

.nav a {
  position: absolute; top: 30.3px; translate: -50% 0;
  font: 400 16px/22.4px var(--head); white-space: nowrap;
}
.nav a:nth-child(1) { left: 331.6px; }   /* About */
.nav a:nth-child(2) { left: 489.5px; }   /* How it works */
.nav a:nth-child(3) { left: 653.6px; }   /* Consumers */
.nav a:nth-child(4) { left: 828.6px; }   /* Businesses */
.nav a:nth-child(5) { left: 1002.6px; }  /* Contact us */
.header__cta { position: absolute; left: 1137.4px; top: 21px; width: 149px; }
.header__burger { display: none; position: absolute; }

/* desktop 1250–1439 */
@media (max-width: 1439px) {
  .header__bar { width: 1130px; }
  .header__logo-icon { left: 22px; }
  .header__logo-wordmark { left: 69px; }
  .nav a:nth-child(1) { left: 234px; }
  .nav a:nth-child(2) { left: 382.8px; }
  .nav a:nth-child(3) { left: 541.8px; }
  .nav a:nth-child(4) { left: 703px; }
  .nav a:nth-child(5) { left: 850.6px; }
  .header__cta { left: 947.3px; }
}
/* tablet 740–1249 */
@media (max-width: 1249px) {
  .header__bar { left: 0; width: 739px; }
  .header__logo-icon { left: 22px; top: 23px; width: 43px; }
  .header__logo-wordmark { left: 78.7px; top: 25.5px; width: 104px; }
  .nav, .header__cta { display: none; }
  .header__burger { display: block; left: 658.4px; top: 17px; width: 48.9px; }
}
/* mobile <740 */
@media (max-width: 739px) {
  .header { margin-top: 10px; height: 51px; margin-bottom: -61px; }
  .header__bar { left: 50%; translate: -50% 0; width: 85.6vw; height: 51px; }
  .header__logo-icon { left: 16px; top: 14px; width: 27px; }
  .header__logo-wordmark { left: 52px; top: 16px; width: 66px; }
  .header__burger { left: auto; right: 21.7px; top: 9px; width: 34px; }
}