*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:#0b1f3a;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:500px; /* было ~16px */
}

a{color:inherit;text-decoration:none}

.site-header{
  border-bottom:1px solid rgba(255,255,255,.10);
  background:#0b1f3a;
}

.header-inner{
  max-width:1280px;
  margin:0 auto;
  padding:22px 32px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}

.logo{
  font-size:14px; /* было 28px */
  letter-spacing:7px;
  font-weight:300;
  white-space:nowrap;
}

.nav{
  display:flex;
  align-items:center;
  gap:22px;
  font-size:7px; /* было 14px */
  color:rgba(255,255,255,.74);
  white-space:nowrap;
}

.nav a{transition:.2s}
.nav a:hover,.nav a.active{color:#fff}

.contact-pill{
  border:1px solid rgba(255,255,255,.35);
  border-radius:999px;
  padding:9px 18px;
  color:#fff!important;
  font-size:7px; /* уменьшено */
}

.lang{
  display:flex;
  gap:8px;
  margin-left:8px;
}

.lang a{
  font-size:6px; /* было 12px */
  letter-spacing:1px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:999px;
  padding:6px 9px;
}

.lang a.active{
  background:#fff;
  color:#0b1f3a;
}

.local-nav{
  background:rgba(255,255,255,.045);
  border-bottom:1px solid rgba(255,255,255,.09);
}

.local-inner{
  max-width:1280px;
  margin:0 auto;
  padding:14px 32px;
  display:flex;
  align-items:center;
  gap:24px;
  overflow-x:auto;
  white-space:nowrap;
}

.local-title{
  letter-spacing:4px;
  text-transform:uppercase;
  font-size:6.5px; /* было 13px */
  color:#9fb4d5;
  margin-right:8px;
}

.local-inner a{
  font-size:7px; /* было 14px */
  color:rgba(255,255,255,.78);
}

.local-inner a:hover,.local-inner a.active{color:#fff}

.hero{
  max-width:1000px;
  margin:0 auto;
  padding:90px 32px 110px;
}

.hero.center{
  text-align:center;
  min-height:calc(100vh - 77px);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding-top:60px;
  padding-bottom:60px;
}

.eyebrow{
  text-transform:uppercase;
  letter-spacing:7px;
  color:#93b9e8;
  font-size:6.5px; /* было 13px */
  margin-bottom:28px;
}

.hero h1{
  font-size:36px; /* было 72px */
  line-height:1.06;
  font-weight:300;
  margin:0 0 24px;
}

.hero p{
  font-size:11.5px; /* было 23px */
  line-height:1.45;
  color:#d7e4f8;
  max-width:780px;
  margin:0 0 30px;
}

.hero.center p{
  margin-left:auto;
  margin-right:auto;
}

.buttons{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}

.hero.center .buttons{justify-content:center}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.32);
  border-radius:999px;
  padding:13px 24px;
  font-size:7.5px; /* было 15px */
  min-height:44px;
}

.btn:hover{background:rgba(255,255,255,.10)}

.btn.primary{
  background:#fff;
  color:#0b1f3a;
  border-color:#fff;
}

.section{
  max-width:1000px;
  margin:0 auto;
  padding:10px 32px 90px;
}

.clean-note{
  border-top:1px solid rgba(255,255,255,.12);
  padding-top:34px;
  color:#d7e4f8;
  font-size:7px; /* уменьшено */
}

.footer{
  max-width:1280px;
  margin:0 auto;
  padding:32px;
  color:rgba(255,255,255,.45);
  font-size:6.5px; /* было 13px */
  border-top:1px solid rgba(255,255,255,.10);
}

@media(max-width:980px){
  .header-inner{flex-direction:column}
  .nav{flex-wrap:wrap;justify-content:center;gap:14px 18px}
  .logo{font-size:12px}
  .hero h1{font-size:24px}
  .hero p{font-size:10px}
}

@media(max-width:620px){
  .header-inner,.local-inner,.hero,.section,.footer{
    padding-left:20px;
    padding-right:20px;
  }
  .logo{font-size:10px;letter-spacing:4px}
  .hero{padding-top:64px;padding-bottom:70px}
  .hero h1{font-size:20px}
  .nav{font-size:6.5px}
  .local-inner{gap:16px}
  .hero.center{min-height:auto}
  .buttons{flex-direction:column;align-items:flex-start}
  .hero.center .buttons{align-items:center}
  .btn{width:auto}
}

.dev-notice{
  margin-top:28px;
  font-size:7px; /* было 14px */
  letter-spacing:2px;
  text-transform:uppercase;
  color:rgba(255,255,255,.4);
}
