/* v7 */
.menu-btn { display: none !important; }
.hx { background: var(--dark); color: var(--on-dark); min-height: auto; display: block; padding: calc(var(--bar-h) + 20px) var(--pad) 40px; overflow: hidden; }
.hx-word { line-height: 0.82; }
.hx-btn { display: flex; align-items: flex-start; gap: 0.06em; width: 100%; background: none; border: 0; padding: 0; color: inherit; cursor: pointer; font-family: var(--f-brand); font-weight: 800; text-transform: uppercase; letter-spacing: -0.045em; text-align: left; }
.hx-fit { display: block; white-space: nowrap; font-size: 18vw; line-height: 0.86; }
.hx-btn svg { flex: none; width: 0.9em; height: 0.9em; margin-top: 0.15em; font-size: max(22px, 3vw); color: var(--acc); }
.hx-line { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; margin-top: 18px; text-transform: uppercase; font-family: var(--f-brand); letter-spacing: -0.02em; line-height: 1; }
.hx-line b { font-weight: 800; font-size: clamp(22px, 4.2vw, 64px); }
.hx-line span { font-weight: 300; font-size: clamp(14px, 2.2vw, 34px); text-align: right; color: var(--on-dark-2); }
.hx-col { position: relative; height: clamp(300px, 34vw, 500px); margin-top: 28px; }
.hx-b { position: absolute; border-radius: 4px; }
.hx-b.b1 { left: 0; top: 14%; width: 24%; height: 78%; background: var(--acc); }
.hx-b.b2 { left: 58%; top: 0; width: 22%; height: 86%; background: #2F54FF; }
.hx-b.b3 { right: 0; top: 30%; width: 16%; height: 70%; background: #D9F24B; }
.hx-web { position: absolute; left: 12%; top: 6%; width: 50%; border-radius: 10px; overflow: hidden; box-shadow: 0 30px 60px -30px rgba(0,0,0,0.6); }
.hx-p1, .hx-p2 { position: absolute; }
.hx-col .ph { --pw: auto; }
.hx-p1 { left: 56%; top: 10%; width: 15%; }
.hx-p2 { left: 72%; top: 22%; width: 15%; }
.hx-note { position: absolute; left: 2%; bottom: 4%; width: min(320px, 40%); }
.hx-note .note-stack { position: relative; }
.hx-foot { display: grid; gap: 20px; margin-top: 36px; }
.hx-foot p { font-size: 17px; color: var(--on-dark-2); max-width: 46ch; }
.hx-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 20px; }
.hx .pill.solid { background: var(--acc); color: var(--on-acc, #fff); }
.hw-pick { background: none; border: 0; padding: 6px 0; font: inherit; font-size: 15px; color: var(--on-dark); text-decoration: underline; text-underline-offset: 4px; text-decoration-color: var(--dark-3); cursor: pointer; }
@media (min-width: 900px) {
  .hx-foot { grid-template-columns: 1fr auto; align-items: end; }
}
@media (max-width: 760px) {
  .hx-fit { font-size: 17vw; }
  .hx-line { flex-direction: column; align-items: flex-start; gap: 6px; }
  .hx-line span { text-align: left; }
  .hx-col { height: 360px; }
  .hx-b.b1 { width: 40%; height: 60%; top: 30%; }
  .hx-b.b2 { left: 50%; width: 34%; height: 70%; }
  .hx-b.b3 { display: none; }
  .hx-web { left: 0; width: 82%; top: 4%; }
  .hx-p1 { left: 46%; top: 30%; width: 26%; }
  .hx-p2 { left: 72%; top: 38%; width: 26%; }
  .hx-note { left: 0; bottom: 0; width: 70%; }
}

/* строка разбора под первым экраном */
.rzs { background: var(--acc-soft, #FBE3EE); color: var(--ink); padding: 28px var(--pad); display: grid; gap: 14px; }
.rzs h2 { font-family: var(--f-brand); font-weight: 700; font-size: clamp(22px, 2.6vw, 34px); letter-spacing: -0.02em; line-height: 1.05; }
.rzs-t p { font-size: 15px; color: var(--ink-2); margin-top: 4px; }
.rzs-f { display: flex; gap: 8px; flex-wrap: wrap; }
.rzs-f input { flex: 1 1 240px; height: 56px; border-radius: 999px; border: 1px solid rgba(0,0,0,0.12); background: #fff; padding: 0 22px; font: inherit; font-size: 16px; color: var(--ink); }
.rzs-f input[aria-invalid="true"] { border-color: #C42B2B; }
.rzs-f .pill.solid { height: 56px; }
.rzs-q { font-size: 14px; color: var(--ink-2); text-decoration: underline; text-underline-offset: 3px; justify-self: start; }
@media (min-width: 1000px) {
  .rzs { grid-template-columns: minmax(280px, 0.9fr) 1.2fr; align-items: center; column-gap: 40px; padding: 32px var(--pad); }
  .rzs-q { grid-column: 2; margin-top: -4px; }
}
.hx .hx-btn { margin: 0; padding: 0; }
.hx .hx-btn > span, .hx .hx-fit > span { text-decoration: none; }
.hx .hx-btn svg { width: 0.9em; height: 0.9em; margin: 0.12em 0 0; vertical-align: 0; color: var(--acc); }
.hx-line { margin-top: 26px; }
.hx-line b { white-space: nowrap; font-size: clamp(22px, 3.6vw, 56px); }
.hx-note { left: 2%; top: 46%; bottom: auto; }
@media (max-width: 760px) { .hx-note { display: none; } }
.hx .note, .hx .note b { color: var(--ink); }
@media (min-width: 761px) { .hx-col { height: clamp(280px, 26vw, 400px); margin-top: 20px; } .hx-foot { margin-top: 24px; } .hx-line { margin-top: 18px; } }
@media (min-width: 761px) {
  .hx-col { height: 27vw; max-height: 420px; }
  .hx-web { left: 12%; top: 4%; width: 42%; }
  .hx-p1 { left: 52%; top: 2%; width: 11.5%; }
  .hx-p2 { left: 65%; top: 8%; width: 11.5%; }
  .hx-b.b2 { left: 50%; }
}