/* Стили шапки, выпадашек и компонентов — те же, что скрипты вставляют в <head>
   при загрузке (ds.bundle.js → useFpStyle, nav-drop.js, newsletter-form.js).
   Зачем копия: страницы приходят с готовым снимком пререндера, и он рисуется
   раньше, чем отработают скрипты. Без этого файла первые секунды на телефоне
   шапка и меню показывались голыми ссылками в несколько строк (12.10.2026).
   Подключается последним в <head> — в том же порядке, что и вставки скриптов,
   поэтому после загрузки ничего не меняется: скрипты вставляют те же правила.
   ⚠ Файл собирается скриптом из исходников, руками не править. После синка
   дизайна пересобрать: node scripts/build-chrome-react.js */

/* ── fp-nav-drop-style ── */
.fp-dd{position:relative;display:inline-flex}.fp-dd__btn{background:none;border:0;cursor:pointer;font:inherit;color:inherit;display:inline-flex;align-items:center;gap:7px}.fp-dd__chev{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}.fp-dd__menu{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,6px);min-width:250px;display:flex;flex-direction:column;gap:2px;padding:8px;background:rgba(20,10,31,.97);border:1px solid var(--line-strong,rgba(255,255,255,.16));border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.5);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s,visibility .18s;z-index:90}.fp-dd__menu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}.fp-dd:hover .fp-dd__menu,.fp-dd.is-open .fp-dd__menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}.fp-dd.is-shut .fp-dd__menu{opacity:0;visibility:hidden;pointer-events:none}.fp-dd:hover .fp-dd__chev,.fp-dd.is-open .fp-dd__chev{transform:translateY(1px) rotate(225deg)}.fp-dd__item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;color:var(--text,#F3EEF9);text-decoration:none;font-size:16px;white-space:nowrap}.fp-dd__item:hover,.fp-dd__item:focus-visible{background:rgba(230,180,80,.09);color:var(--gold-bright,#F5C969)}.fp-dd__item .fp-dd__d{display:inline-block;min-width:3.6em}.fp-top__sub .fp-dd__d:empty{display:none}.fp-dd__d{font-family:var(--font-display);font-weight:700;font-size:12px;color:var(--gold,#E6B450);font-variant-numeric:tabular-nums}.fp-top__acc{width:100%;background:none;border:0;cursor:pointer;font:inherit;color:inherit;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:10px}.fp-top__acc .fp-dd__chev{flex:none;transform:translateY(-2px) rotate(45deg)}.fp-top__acc[aria-expanded="true"] .fp-dd__chev{transform:translateY(1px) rotate(225deg)}.fp-top__sublist{display:flex;flex-direction:column;margin:2px 0 8px 12px;border-left:1px solid var(--line-strong,rgba(255,255,255,.16))}.fp-top__sublist[hidden]{display:none}.fp-top__menu .fp-top__sub{display:flex;align-items:baseline;gap:10px;padding-left:16px}.fp-top__menu{max-height:calc(100dvh - 88px);overflow-y:auto;overscroll-behavior:contain}.fp-top__menu .fp-top__link--cta{position:sticky;bottom:0;z-index:2;flex:none}.fp-flag{display:inline-block;width:1.05em;height:1.05em;vertical-align:-.16em;flex:none}[data-fp-hidden]{display:none!important}

/* ── fp-top-css ── */
.fp-top{position:sticky;top:0;left:0;right:0;z-index:80;display:flex;align-items:center;
  justify-content:space-between;gap:16px;padding:16px 26px;background:rgba(20,10,31,.6);
  backdrop-filter:blur(var(--blur-nav));border-bottom:1px solid var(--line)}
.fp-top__logo{font-family:var(--font-display);font-weight:800;font-size:18px;letter-spacing:.01em;color:#fff;
  display:flex;align-items:center;gap:9px;min-height:44px;text-decoration:none}
.fp-top__nav{display:flex;gap:10px;align-items:center}
/* Логотип слева и золотая CTA справа стоят на месте; в две строки уходят
   ТОЛЬКО пункты меню — они лежат в своей группе .fp-top__links и переносятся
   внутри неё, центрируясь относительно друг друга. Группа должна быть
   сжимаемой (flex:0 1 auto; min-width:0), иначе перенос не сработает и меню
   уедет за край. Шапка держится своей колонки: логотип и CTA выровнены по
   контенту страницы — отрицательный «выдох» в отступ ломал бы эту сетку ради
   того, чтобы избежать переноса, а перенос здесь и есть нужное поведение. */
.fp-top__nav{flex:0 1 auto;min-width:0;flex-wrap:nowrap;margin-left:auto}
.fp-top__links{display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-content:center;gap:0px 10px;flex:0 1 auto;min-width:0}
.fp-top__nav > .fp-top__link--cta{flex:0 0 auto}
/* Десять пунктов не влезали в меру 1240px и ломались на две строки — шапка
   становилась 116px вместо 83 (27.09). То же уплотнение есть в chrome.css
   и polish.css: правила шапки продублированы намеренно, см. CLAUDE.md. */
@media(min-width:1120px){
  .fp-top__link{padding:8px 8px}
  .fp-top__link--cta{padding:12px 18px}
  .fp-top__links{gap:0px 4px;flex-wrap:nowrap}
}
/* логотип: при наведении по надписи пробегает золото-лиловый градиент */
.fp-top__logo{background-image:none;background-size:220% 100%;background-position:220% 0;-webkit-background-clip:border-box;background-clip:border-box}
.fp-top__logo:hover,.fp-top__logo:focus-visible{background-image:linear-gradient(100deg,#fff 0%,var(--gold,#E6B450) 28%,var(--lila-bright,#B98BFF) 52%,#fff 78%);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  animation:fp-logo-sweep 2.8s ease-in-out infinite alternate}
@keyframes fp-logo-sweep{from{background-position:220% 0}to{background-position:-20% 0}}
@media(prefers-reduced-motion:reduce){.fp-top__logo:hover,.fp-top__logo:focus-visible{animation:none;background-position:60% 0}}
.fp-top__link{font-size:16px;color:var(--muted);text-decoration:none;padding:8px 13px;white-space:nowrap;
  border-radius:var(--r-sm);transition:color var(--dur-fast),background var(--dur-fast)}
.fp-top__link:hover{color:var(--gold-bright)}
.fp-top__link--active{color:var(--gold);font-weight:var(--fw-bold)}
.fp-top__link--active:hover{color:var(--gold-bright)}
.fp-top__link--cta{background:var(--grad-gold);color:var(--ink-on-gold);font-weight:var(--fw-bold);border-radius:var(--r-full);padding:12px 24px;font-size:16px}
.fp-top__link--cta:hover{transform:translateY(-1px);box-shadow:var(--shadow-gold-sm);color:var(--ink-on-gold)}
/* Узкий десктоп (до бургера): сначала уплотняем интервалы — на ~1366px этого
   хватает, чтобы всё осталось в одну строку. Если и так не влезает (≈1280px),
   меню переносится на вторую строку, строки центрируются относительно друг
   друга, шапка подрастает. Правила ниже базовых: при равной специфичности
   иначе победил бы базовый padding ссылки. */
@media (min-width:1280px) and (max-width:1599px){
  .fp-top .fp-top__link{padding:8px 10px}
  .fp-top .fp-top__link--cta{padding:12px 20px}
  .fp-top .fp-top__links{gap:0px 6px}
}

/* mobile menu */
.fp-top__burger{display:none;position:relative;background:none;border:none;color:#fff;font-size:0;line-height:1;
  cursor:pointer;padding:0;min-width:44px;min-height:44px;border-radius:var(--r-sm)}
.fp-top__burger::before,.fp-top__burger::after{content:"";position:absolute;left:50%;top:50%;width:20px;height:2px;border-radius:2px;background:#fff;transform:translate(-50%,-50%);transition:transform .22s,box-shadow .22s}
.fp-top__burger::before{box-shadow:0 -6px 0 #fff,0 6px 0 #fff}
.fp-top__burger[aria-expanded="true"]::before{box-shadow:none;transform:translate(-50%,-50%) rotate(45deg)}
.fp-top__burger[aria-expanded="true"]::after{transform:translate(-50%,-50%) rotate(-45deg)}
.fp-top__burger:hover{background:rgba(255,255,255,.06)}
.fp-top__menu{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;gap:2px;
  padding:8px 16px 16px;background:rgba(20,10,31,.96);backdrop-filter:blur(var(--blur-nav));
  border-bottom:1px solid var(--line)}
.fp-top__menu.is-open{display:flex}
.fp-top__menu .fp-top__link{font-size:16px;padding:13px 12px}
.fp-top__menu .fp-top__link--cta{text-align:center;margin-top:6px}
/* мобильное меню — панель справа на всех «бургерных» ширинах */
.fp-top__menu{left:auto;right:12px;width:min(86vw,340px);margin-top:8px;border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:14px 16px 18px;box-shadow:0 24px 60px rgba(0,0,0,.5)}
/* выезжает справа, а не появляется рывком */
.fp-top__menu{display:flex;visibility:hidden;pointer-events:none;opacity:0;transform:translateX(22px);transition:transform .34s cubic-bezier(.2,.75,.2,1),opacity .22s ease,visibility .34s}
.fp-top__menu.is-open{visibility:visible;pointer-events:auto;opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.fp-top__menu{transition:none}}
.fp-top__menu-foot{display:flex;flex-direction:column;gap:14px;margin-top:14px;padding-top:16px;border-top:1px solid rgba(255,255,255,.10)}
.fp-top__menu-ig{align-self:flex-start;width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(230,180,80,.34);border-radius:50%}
.fp-top__menu-ig svg{width:22px;height:22px;fill:#E6B450}
.fp-top__menu-cta{display:flex;align-items:center;justify-content:center;min-height:50px;padding:0 18px;border-radius:999px;background:linear-gradient(135deg,#E6B450,#F5C969);color:#241703;font-weight:800;font-size:16px;text-decoration:none}
.fp-top__menu-legal{margin:0;font-size:16px;line-height:1.5;color:#9C90AE}
@media (max-width:1279px){
  .fp-top__nav{display:none}
  .fp-top__burger{display:block}
}

/* ── fp-badge-css ── */
.fp-badge{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-body);
  font-size:14px;font-weight:var(--fw-semibold);padding:8px 16px;border-radius:var(--r-round);
  line-height:1;white-space:nowrap}
.fp-badge--lila{color:var(--lila-bright);background:rgba(154,111,212,.12);border:1px solid rgba(154,111,212,.30)}
.fp-badge--gold{color:var(--gold);background:rgba(230,180,80,.12);border:1px solid transparent;
  font-size:12px;font-weight:var(--fw-bold);letter-spacing:.05em;text-transform:uppercase;padding:5px 12px;border-radius:20px}
.fp-badge--green{color:var(--ink-on-green);background:var(--green);border:none;
  font-size:12px;font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:20px}
.fp-badge__dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold)}

/* ── fp-btn-css ── */
.fp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--font-body);font-weight:var(--fw-bold);font-size:16px;text-decoration:none;
  padding:16px 30px;border-radius:var(--r-full);border:none;cursor:pointer;
  transition:transform var(--dur-btn),box-shadow var(--dur-btn),background var(--dur-btn);
  white-space:nowrap;line-height:1}
.fp-btn--sm{padding:11px 20px;font-size:14px}
.fp-btn--block{width:100%}
.fp-btn--gold{background:var(--grad-gold);color:var(--ink-on-gold)}
.fp-btn--gold:hover{transform:var(--lift);box-shadow:var(--shadow-gold)}
.fp-btn--ghost{background:var(--glass);color:#fff;border:1px solid var(--line);backdrop-filter:blur(var(--blur-glass))}
.fp-btn--ghost:hover{background:var(--glass-2);transform:var(--lift)}
.fp-btn--gold:active,.fp-btn--ghost:active{transform:translateY(0)}
.fp-btn:disabled,.fp-btn[aria-disabled="true"]{opacity:.5;pointer-events:none}

/* ── fp-marquee-css ── */
.fp-marquee{overflow:hidden;white-space:nowrap;border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);background:rgba(255,255,255,.02);padding:16px 0}
.fp-marquee__track{display:inline-block;white-space:nowrap;animation:fp-marquee-scroll 32s linear infinite;will-change:transform}
.fp-marquee:hover .fp-marquee__track{animation-play-state:paused}
.fp-marquee__item{font-family:var(--font-display);font-size:14px;font-weight:var(--fw-semibold);
  letter-spacing:.02em;color:var(--lila-bright);text-transform:uppercase;padding:0 4px}
.fp-marquee__sep{color:var(--gold);padding:0 14px}
@keyframes fp-marquee-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.fp-marquee__track{animation:none}}

/* ── fp-eyebrow-css ── */
.fp-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);
  font-size:12px;font-weight:var(--fw-bold);letter-spacing:var(--ls-eyebrow);
  text-transform:uppercase;color:var(--gold);margin-bottom:18px}
.fp-eyebrow::before{content:"";width:26px;height:1.5px;background:var(--gold);display:inline-block;flex:none}
.fp-eyebrow--center{justify-content:center}

/* ── fp-card-css ── */
.fp-card{position:relative;border:1px solid var(--line);border-radius:var(--r-xl);
  padding:26px;transition:transform var(--dur-base),border-color var(--dur-base),
  box-shadow var(--dur-base),background var(--dur-base);display:flex;flex-direction:column}
/* fills */
.fp-card--glass{background:var(--glass)}
.fp-card--lila{background:var(--grad-card-lila)}
.fp-card--gold{background:var(--grad-card-gold)}
/* hover lift + warmed border, tone-dependent */
.fp-card--hover.fp-card--t-lila:hover{transform:var(--lift-card);border-color:rgba(154,111,212,.50);box-shadow:var(--shadow-lila)}
.fp-card--hover.fp-card--t-gold:hover{transform:var(--lift-card);border-color:rgba(230,180,80,.45);box-shadow:var(--shadow-gold-soft)}
.fp-card--hover.fp-card--t-red:hover{transform:var(--lift-card);border-color:rgba(255,122,138,.40);background:rgba(255,122,138,.05)}
.fp-card--hover.fp-card--t-none:hover{transform:var(--lift-card);border-color:var(--line-strong)}
/* free tag corner */
.fp-card__free{position:absolute;top:18px;right:18px}
/* icon glyph */
.fp-card__icon{font-size:30px;margin-bottom:14px;line-height:1}
/* ordinal number (gold→lilac gradient, w/ underline rule) */
.fp-card__num{font-family:var(--font-display);font-weight:var(--fw-black);font-size:30px;line-height:1;
  background:var(--grad-gold-lila);-webkit-background-clip:text;background-clip:text;color:transparent;display:block}
.fp-card__num::after{content:"";display:block;width:30px;height:3px;border-radius:3px;margin-top:12px;
  background:var(--grad-gold-lila);opacity:.5}
.fp-card__title{font-family:var(--font-body);font-weight:var(--fw-bold);color:#fff;font-size:18px;margin:12px 0 6px}
.fp-card__body{font-size:16px;color:var(--muted);margin:0;line-height:1.5}

/* ── fp-band-css ── */
.fp-band{background:var(--grad-band);border:1px solid var(--line);border-radius:var(--r-2xl);padding:38px}
.fp-band--final{background:var(--grad-final);border-radius:var(--r-3xl);padding:64px 40px;text-align:center;
  position:relative;overflow:hidden}
.fp-band__title{font-family:var(--font-body);font-weight:var(--fw-bold);font-size:24px;color:#fff;margin:0 0 8px}
.fp-band--final .fp-band__title{font-family:var(--font-display);letter-spacing:var(--ls-display);
  font-size:clamp(32px,5vw,54px);line-height:1.04;margin:0 0 16px}
.fp-band__body{margin:0;color:var(--text);font-size:18px;line-height:1.5}
.fp-band--final .fp-band__body{font-size:20px;color:var(--muted);max-width:560px;margin:0 auto 28px}
.fp-band__body strong{color:#fff;font-weight:var(--fw-bold)}
.fp-band--split{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
@media (max-width:720px){
  .fp-band{padding:26px}
  .fp-band--final{padding:40px 22px}
}

/* ── fp-tbl-css ── */
.fp-tbl{width:100%;border-collapse:separate;border-spacing:0;border-radius:var(--r-lg);
  overflow:hidden;border:1px solid var(--line)}
.fp-tbl th{font-size:14px;text-transform:uppercase;letter-spacing:.06em;text-align:left;
  padding:16px 18px;font-weight:var(--fw-bold)}
.fp-tbl th.fp-tbl__yes{background:rgba(139,229,155,.14);color:var(--green-text)}
.fp-tbl th.fp-tbl__no{background:rgba(255,122,138,.12);color:var(--red)}
.fp-tbl td{padding:14px 18px;border-top:1px solid var(--line);vertical-align:top;
  font-size:16px;color:var(--muted);line-height:1.5}
@media (max-width:720px){
  .fp-tbl th{padding:12px 12px;font-size:12px}
  .fp-tbl td{padding:11px 12px;font-size:14px}
}
.fp-tbl td.fp-tbl__yes{background:rgba(139,229,155,.05);color:var(--text)}

/* ── fp-faq-css ── */
.fp-faq{background:var(--glass);border:1px solid var(--line);border-radius:var(--r-md);
  padding:22px 26px;transition:border-color var(--dur-btn)}
.fp-faq:hover{border-color:rgba(154,111,212,.35)}
.fp-faq__q{font-weight:var(--fw-bold);color:#fff;margin-bottom:7px;font-size:18px;line-height:1.35}
.fp-faq__a{margin:0;font-size:16px;color:var(--muted);line-height:1.5}
.fp-faq__a strong{color:#fff;font-weight:var(--fw-bold)}
/* pain-hook variant: red question, no radius change */
.fp-faq--hook .fp-faq__q{color:var(--red)}

/* ── fp-nl-style ── */
.fp-nl-note{font-size:12px;line-height:1.45;color:var(--muted-2,#9A8BB3);margin-top:16px;max-width:420px}.fp-nl-note a{color:var(--lila-bright,#B98BFF)}.fp-nl-msg{font-size:12px;line-height:1.45;margin-top:8px}.fp-nl-msg.ok{color:var(--green,#8BE59B)}.fp-nl-msg.err{color:var(--red,#FF7A8A)}.fp-nl-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}