
.nas-promos{display:grid;gap:14px;grid-auto-rows:auto;container-type:inline-size}
.nas-promo,.nas-promo *{box-sizing:border-box}
.nas-promo{
  --ink:#0a1733;--ink-2:#23324f;--muted:#5d6b85;--line:rgba(16,42,90,.12);
  --navy:#07122b;--accent:#1f6bff;--accent-2:#39b6ff;--red:#d0263a;
  --f-head:"Unbounded",system-ui,sans-serif;--f-body:"Manrope",system-ui,sans-serif;
  position:relative;display:grid;overflow:hidden;border-radius:18px;
  min-height:0;container-type:inline-size;
  border:1px solid var(--line);background:#e8f0f9;color:var(--ink);text-decoration:none;font-family:var(--f-body);
  box-shadow:0 18px 50px -20px rgba(13,40,92,.32);isolation:isolate;
  transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.nas-promo:hover{transform:translateY(-3px);box-shadow:0 26px 60px -20px rgba(31,107,255,.45)}
.nas-promo:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.nas-promo__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 6s ease}
.nas-promo:hover .nas-promo__bg{transform:scale(1.05)}
.nas-promo__veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(242,246,251,.97) 0%,rgba(242,246,251,.88) 40%,rgba(242,246,251,.25) 64%,rgba(242,246,251,0) 80%)}
.nas-promo__body{position:relative;height:auto;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(5px,1.6cqw,9px);padding:clamp(14px,4.4cqw,24px);max-width:72%}
.nas-promo__kicker{font-size:clamp(8.5px,1.9cqw,10px);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.nas-promo__domains{display:flex;flex-wrap:wrap;gap:4px}
.nas-promo__domains span{display:inline-flex;align-items:center;gap:4px;height:clamp(17px,3.8cqw,20px);padding:0 7px;border-radius:999px;background:rgba(255,255,255,.85);border:1px solid var(--line);font-size:clamp(7.5px,1.6cqw,8.5px);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.nas-promo__domains i{width:5px;height:5px;border-radius:50%;background:var(--c)}
.nas-promo__title{font-family:var(--f-head);font-weight:800;font-size:clamp(17px,5.1cqw,26px);line-height:.98;letter-spacing:-.02em;text-transform:uppercase}
.nas-promo__title em{display:block;font-style:normal;color:var(--accent);font-size:.6em;letter-spacing:-.01em;margin-top:.22em;line-height:1.05}
.nas-promo__date{display:inline-flex;align-items:center;gap:7px;padding:4px 11px;border:1.5px solid var(--red);border-radius:999px;background:rgba(255,255,255,.75);font-family:var(--f-head);font-weight:700;font-size:clamp(8.5px,2cqw,10.5px);color:var(--red);letter-spacing:.02em;white-space:nowrap}
.nas-promo__date i{width:6px;height:6px;border-radius:50%;background:var(--red);animation:nasPromoPulse 1.8s infinite}
.nas-promo__when{font-family:var(--f-head);font-weight:700;font-size:clamp(11px,2.8cqw,14px);letter-spacing:-.01em;text-transform:uppercase}
.nas-promo__text{font-size:clamp(10px,2.4cqw,12.5px);font-weight:600;color:var(--ink-2);line-height:1.35;max-width:30ch}
.nas-promo__place{font-size:clamp(10px,2.4cqw,12.5px);font-weight:600;color:var(--ink-2);margin-top:-2px;line-height:1.35}
.nas-promo__cta{margin-top:2px;display:inline-flex;align-items:center;gap:9px;height:40px;min-height:40px;flex-shrink:0;padding:0 clamp(13px,3.4cqw,18px);border-radius:11px;background:var(--navy);color:#fff;font-weight:700;font-size:clamp(11px,2.6cqw,13px);white-space:nowrap;box-shadow:0 10px 30px -10px rgba(7,18,43,.6);transition:background .25s}
.nas-promo__cta svg{width:13px;height:13px;transition:transform .25s}
.nas-promo:hover .nas-promo__cta{background:#0f2a66}
.nas-promo:hover .nas-promo__cta svg{transform:translateX(4px)}
.nas-promo--demo .nas-promo__bg{object-position:100% 50%}
.nas-promo--forum .nas-promo__bg{object-position:76% 46%}
@keyframes nasPromoPulse{0%{box-shadow:0 0 0 0 rgba(208,38,58,.5)}100%{box-shadow:0 0 0 8px rgba(208,38,58,0)}}
/* Высота каждой карточки определяется содержимым, без пустого поля снизу.
   Кнопки не сжимаются на узких и низких экранах. */
.hero-v2__stage.has-promos{aspect-ratio:auto;max-width:520px;width:100%;align-self:start}
.hero-v2__stage.has-promos .nas-promos{position:static;grid-template-rows:none}
@media (max-width:980px){.hero-v2__stage.has-promos{max-width:560px;margin:0 auto}}
@media (max-width:480px){
  .nas-promo__body{max-width:82%}
  .nas-promo__veil{background:linear-gradient(90deg,rgba(242,246,251,.97) 0%,rgba(242,246,251,.9) 55%,rgba(242,246,251,.3) 80%,rgba(242,246,251,.05) 100%)}
}
@media (prefers-reduced-motion:reduce){.nas-promo,.nas-promo__bg,.nas-promo__cta,.nas-promo__cta svg{transition:none}.nas-promo__date i{animation:none}}
/* ===== Баннер форума: акцентный вариант (is-v1) ===== */
.nas-promo__badge{display:none}
.nas-promo--forum[class*="is-v"] .nas-promo__badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border-radius:999px;background:var(--red);color:#fff;font-family:var(--f-head);font-weight:700;font-size:clamp(8px,1.9cqw,10px);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;box-shadow:0 8px 20px -8px rgba(208,38,58,.7)}
.nas-promo--forum[class*="is-v"] .nas-promo__badge i{width:6px;height:6px;border-radius:50%;background:#fff;animation:nasPromoPulseW 1.8s infinite}
@keyframes nasPromoPulseW{0%{box-shadow:0 0 0 0 rgba(255,255,255,.7)}100%{box-shadow:0 0 0 7px rgba(255,255,255,0)}}
.nas-promo--forum[class*="is-v"] .nas-promo__kicker{display:none}
.nas-promo--forum[class*="is-v"] .nas-promo__title{font-size:clamp(20px,6.2cqw,32px)}
.nas-promo--forum[class*="is-v"] .nas-promo__title em{font-size:.66em;margin-top:.16em}
.nas-promo--forum[class*="is-v"] .nas-promo__cta{background:var(--accent);box-shadow:0 10px 28px -8px rgba(31,107,255,.75)}
.nas-promo--forum[class*="is-v"]:hover .nas-promo__cta{background:#1556d6}
/* V1 «Акцент»: прежнее фото, крупнее заголовок, красный год и плашка */
.nas-promo--forum.is-v1{border:1.5px solid rgba(31,107,255,.45);box-shadow:0 20px 50px -18px rgba(31,107,255,.5)}
.nas-promo--forum.is-v1 .nas-promo__veil{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 44%,rgba(255,255,255,.2) 68%,rgba(255,255,255,0) 82%)}
.nas-promo--forum.is-v1 .nas-promo__title b{color:var(--red);font-weight:800}

/* Переопределяем прежнее оформление большого орбитального SVG только для иконок баннеров. */
.has-promos .nas-promo__cta svg{filter:none;display:block}
