:root{
  --c-bg:        #0B1B3A;
  --c-bg-2:      #061027;
  --c-teal:      #1E6F7A;
  --c-gold:      #E8C68A;
  --c-text:      #EAF1FF;
  --c-text-dim:  rgba(234,241,255,.72);
  --c-text-mute: rgba(234,241,255,.5);
  --c-line:      rgba(234,241,255,.15);
  --radius:     14px;
  --maxw:       1180px;
  --font: "Inter", "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  /* ... существующие переменные ... */
  --bg-brightness: 1.15;     /* 1.0 = базовая, 1.4 = +40% */
  --bg-overlay-alpha: 0.65; /* 1.0 = базовая, 0.75 = −25% */

}

*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  font-family:var(--font);
  color:var(--c-text);
  background:var(--c-bg-2);
  -webkit-font-smoothing:antialiased;
  overflow:hidden;
}

/* ===== Фон ===== */
.bg{position:fixed;inset:0;z-index:0;overflow:hidden;background:var(--c-bg-2)}
.bg__video{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;
  filter: saturate(1.05) contrast(1.02) brightness(var(--bg-brightness));
  transform:scale(1.04);
  will-change:transform;
}
.bg__overlay{
  position:absolute;inset:0;
  opacity: var(--bg-overlay-alpha);
  background:
    radial-gradient(120% 80% at 20% 30%, rgba(11,27,58,.35) 0%, rgba(11,27,58,.85) 70%),
    linear-gradient(180deg, rgba(6,16,39,.55) 0%, rgba(6,16,39,.75) 100%);
}
.bg__vignette{
  position:absolute;inset:0;
  background:radial-gradient(120% 90% at 50% 50%, transparent 55%, rgba(0,0,0,.55) 100%);
  pointer-events:none;
}

/* ===== Сетка ===== */
.hero{
  position:relative;z-index:1;
  min-height:100dvh;
  display:grid;
  grid-template-rows:auto 1fr auto;
  padding:clamp(20px,4vw,40px) clamp(20px,5vw,64px);
  max-width:var(--maxw);
  margin:0 auto;
}

/* ===== Брендинг ===== */
.brand{display:flex;align-items:center;gap:12px}
.brand__dot{
  width:10px;height:10px;border-radius:50%;
  background:radial-gradient(circle at 30% 30%, var(--c-gold), #b88a3a);
  box-shadow:0 0 18px rgba(232,198,138,.6);
}
.brand__name{
  font-weight:300;letter-spacing:.18em;text-transform:uppercase;
  font-size:18px;color:var(--c-text);
}

/* ===== Центр ===== */
.hero__center{
  align-self:center;
  max-width:760px;
  display:flex;flex-direction:column;gap:clamp(16px,2.4vw,28px);
}
.kicker{
  font-size:12px;letter-spacing:.32em;text-transform:uppercase;
  color:var(--c-gold);
  display:inline-flex;align-items:center;gap:14px;
}
.kicker::before{
  content:"";width:34px;height:1px;background:var(--c-gold);opacity:.7;
}
.title{
  font-weight:200;
  font-size:clamp(38px,6.4vw,84px);
  line-height:1.02;
  letter-spacing:-.01em;
  color:#fff;
  text-wrap:balance;
}
.lead{
  font-size:clamp(15px,1.25vw,18px);
  line-height:1.55;
  color:var(--c-text-dim);
  max-width:560px;
}

/* ===== Подписка ===== */
.subscribe{
  margin-top:8px;
  display:flex;flex-wrap:wrap;gap:10px;
  max-width:520px;
  position:relative;
}
.subscribe input{
  flex:1 1 220px;
  background:rgba(255,255,255,.06);
  border:1px solid var(--c-line);
  color:var(--c-text);
  padding:14px 16px;
  border-radius:var(--radius);
  font:inherit;font-size:15px;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  transition:border-color .2s,background .2s;
}
.subscribe input::placeholder{color:var(--c-text-mute)}
.subscribe input:focus{
  outline:none;
  border-color:var(--c-gold);
  background:rgba(255,255,255,.09);
}
.subscribe button{
  display:inline-flex;align-items:center;gap:8px;
  padding:14px 22px;
  border:1px solid var(--c-gold);
  border-radius:var(--radius);
  background:linear-gradient(180deg, rgba(232,198,138,.95), rgba(184,138,58,.95));
  color:#1a1208;
  font:inherit;font-weight:500;font-size:15px;
  cursor:pointer;
  transition:transform .15s ease, box-shadow .2s ease, filter .2s ease;
}
.subscribe button:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 30px rgba(232,198,138,.25);
  filter:brightness(1.05);
}
.subscribe__status{
  flex-basis:100%;
  font-size:13px;color:var(--c-text-dim);min-height:1em;
}
.subscribe__status.ok{color:#9be7c4}
.subscribe__status.err{color:#ff9b9b}

/* ===== Низ ===== */
.hero__bottom{
  display:flex;align-items:center;gap:20px;flex-wrap:wrap;
  font-size:12px;color:var(--c-text-mute);
  letter-spacing:.06em;
  padding-top:16px;border-top:1px solid var(--c-line);
}
.dot-sep + .dot-sep::before{content:"·";margin-right:20px;color:var(--c-text-mute)}
.mute-toggle{
  margin-left:auto;
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:50%;
  background:rgba(255,255,255,.06);
  border:1px solid var(--c-line);
  color:var(--c-text-dim);cursor:pointer;
  transition:background .2s,color .2s;
}
.mute-toggle:hover{background:rgba(255,255,255,.12);color:var(--c-text)}

/* ===== Утилиты ===== */
.visually-hidden{
  position:absolute!important;width:1px;height:1px;
  padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);
  white-space:nowrap;border:0;
}

/* ===== Мобильные: видео тяжёлое — отдаём poster ===== */
@media (max-width: 720px){
  .bg__video{display:none}
  .bg{
    background:
      radial-gradient(120% 80% at 30% 20%, rgba(30,111,122,.35), transparent 60%),
      url("/assets/poster.jpg") center/cover no-repeat,
      var(--c-bg-2);
  }
}

/* ===== Респект к prefers-reduced-motion ===== */
@media (prefers-reduced-motion: reduce){
  .bg__video{display:none}
  .bg{
    background:
      radial-gradient(120% 80% at 30% 20%, rgba(30,111,122,.35), transparent 60%),
      url("/assets/poster.jpg") center/cover no-repeat,
      var(--c-bg-2);
  }
}