/* Linker marketing — секции, акценты, минималистичная типографика */

:root {
  --mk-orange: #2f9a82;
  --mk-orange-soft: rgba(47, 154, 130, 0.14);
  --mk-indigo: #4db39a;
  --mk-indigo-soft: rgba(47, 154, 130, 0.12);
  --mk-emerald: #34d399;
  --mk-emerald-soft: rgba(52, 211, 153, 0.12);
  --mk-violet: #7bc9b5;
  --mk-violet-soft: rgba(123, 201, 181, 0.12);

  /* CTA «Купить» — тестовый цвет */
  --linker-cta-bg: #0071e3;
  --linker-cta-color: #f8fcfa;
  --linker-cta-shadow: 0 8px 24px rgba(0, 113, 227, 0.34);
  --linker-cta-shadow-hover: 0 10px 28px rgba(0, 113, 227, 0.44);

  /* стеклышко: заливка + плавная окантовка (слабее слева-снизу и справа-сверху) */
  --glass-bg: rgba(255, 255, 255, 0.08);
  --glass-bg-hover: rgba(255, 255, 255, 0.11);
  --glass-radius: 1.25rem;
  --glass-blur: blur(24px) saturate(1.4);
  --glass-rim: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.22) 0%,
    rgba(255, 255, 255, 0.05) 28%,
    rgba(255, 255, 255, 0.03) 50%,
    rgba(255, 255, 255, 0.05) 72%,
    rgba(255, 255, 255, 0.18) 100%
  );
  --glass-rim-hover: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.28) 0%,
    rgba(255, 255, 255, 0.07) 28%,
    rgba(255, 255, 255, 0.04) 50%,
    rgba(255, 255, 255, 0.07) 72%,
    rgba(255, 255, 255, 0.22) 100%
  );
  --glass-shadow: none;
  --glass-shadow-hover: none;
}

/* общая плавная окантовка стеклышек */
.step-card,
.plan-card,
.faq-item,
.screen1_bejdzh,
.screen1_benefits {
  position: relative;
  border: none;
  isolation: isolate;
}
.step-card::before,
.plan-card::before,
.faq-item::before,
.screen1_bejdzh::before,
.screen1_benefits::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: var(--glass-rim);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 1;
}
.step-card:hover::before,
.plan-card:hover::before,
.faq-item:hover::before,
.screen1_bejdzh:hover::before,
.screen1_benefits:hover::before {
  background: var(--glass-rim-hover);
}
.plan-card--featured::before {
  background: linear-gradient(
    135deg,
    rgba(77, 179, 154, 0.45) 0%,
    rgba(255, 255, 255, 0.06) 28%,
    rgba(255, 255, 255, 0.04) 50%,
    rgba(255, 255, 255, 0.06) 72%,
    rgba(77, 179, 154, 0.35) 100%
  );
}
.faq-item.active::before {
  background: linear-gradient(
    135deg,
    rgba(77, 179, 154, 0.4) 0%,
    rgba(255, 255, 255, 0.06) 28%,
    rgba(255, 255, 255, 0.04) 50%,
    rgba(255, 255, 255, 0.06) 72%,
    rgba(77, 179, 154, 0.3) 100%
  );
}

.text-accent-orange { color: var(--mk-orange); }
.text-accent-indigo { color: var(--mk-indigo); }
.text-accent-emerald { color: var(--mk-emerald); }
.text-accent-violet { color: var(--mk-violet); }

.section-head { text-align: center; margin-bottom: clamp(1.75rem, 3vw, 2.75rem); }

.section-head__label {
  display: inline-flex;
  align-items: center;
  padding: 0.35rem 0.85rem;
  border-radius: 999px;
  font-family: Inter, system-ui, sans-serif;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--mk-orange);
  background: var(--mk-orange-soft);
  border: 1px solid rgba(47, 154, 130, 0.22);
  margin-bottom: 1rem;
}

.section-head__label--indigo {
  color: var(--mk-indigo);
  background: var(--mk-indigo-soft);
  border-color: rgba(47, 154, 130, 0.25);
}

.section-head__label--emerald {
  color: var(--mk-emerald);
  background: var(--mk-emerald-soft);
  border-color: rgba(52, 211, 153, 0.25);
}

.section-head__title {
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: clamp(1.35rem, 2.8vw + 0.6rem, 2.35rem);
  font-weight: 700;
  line-height: 1.15;
  color: #fff;
  letter-spacing: 0.02em;
  margin: 0 0 0.75rem;
}

.section-head__title .hl-orange { color: var(--mk-orange); }
.section-head__title .hl-indigo { color: var(--mk-indigo); }
.section-head__title .hl-emerald { color: var(--mk-emerald); }

.section-head__sub {
  font-family: Inter, system-ui, sans-serif;
  font-size: clamp(0.9rem, 1.2vw + 0.6rem, 1.05rem);
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.45);
  max-width: 32rem;
  margin: 0 auto;
}

/*
  ===== ПЕРВЫЙ ЭКРАН (screen1) — править размеры здесь =====
  screen1_zagolovok          → «Быстрый. Безопасный. Linker.»  (font-size)
  screen1_podzagolovok       → «Самый стабильный VPN сервис»
  screen1_tekst_1klik        → «1 клик / 5 устройств / …»
  screen1_knopka_kupit_wrap  → отступ кнопки вниз (margin-top)
  screen1_knopka_kupit       → кнопка «Купить Linker»
  screen1_bottom             → отступ блока преимуществ вниз (margin-top)
  screen1_benefits           → вытянутая связанная плитка
  screen1_benefit            → текст сегмента
*/

/* ===== BlancVPN-like: sticky hero + матовое стекло поверх ===== */
:root {
  /* высота «губы» стекла внизу первого экрана */
  --home-sheet-peek: clamp(2.75rem, 5.5vh, 3.75rem);
}

.home-stage {
  position: relative;
}

/*
  На лендинге: сеть/vortex остаётся fixed и видна сквозь стекло.
*/
body:has(.home-sheet) {
  position: relative;
}

body:has(.home-sheet) #linker-bg-root {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: visible;
}

body:has(.home-sheet) .linker-bg-grid,
body:has(.home-sheet) #linker-network-bg {
  position: fixed;
}

.home-stage__hero.screen1 {
  position: sticky;
  top: 0;
  z-index: 1;
  background: transparent;
  /* почти весь viewport под шапкой; peek даёт только отрицательный margin листа */
  min-height: calc(100svh - var(--site-header-offset, 4.6rem));
  padding-bottom: 0.5rem;
}

.home-sheet {
  position: relative;
  z-index: 2;
  margin-top: calc(-1 * var(--home-sheet-peek));
  border-radius: 2.75rem 2.75rem 0 0;
  padding-top: 0;
  /* лёгкое стекло: сеть со связями читается сквозь слой */
  background: rgba(10, 14, 14, 0.12);
  -webkit-backdrop-filter: blur(8px) saturate(1.15);
  backdrop-filter: blur(8px) saturate(1.15);
  box-shadow:
    0 -12px 36px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.07);
  overflow: hidden;
}

/* Пустой капюшон = то, что видно до скролла. Текст начинается строго ниже. */
.home-sheet__cap {
  display: block;
  height: var(--home-sheet-peek);
  flex-shrink: 0;
  pointer-events: none;
}

.home-sheet::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: var(--glass-rim);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 1;
}

.home-sheet > * {
  position: relative;
  z-index: 2;
}

.home-sheet > section:first-of-type {
  padding-top: 1.75rem;
}

.screen1 {
  --stage-header: 4.6rem; /* островок + отступ сверху */
  box-sizing: border-box;
  min-height: calc(100svh - var(--stage-header) - env(safe-area-inset-top, 0px));
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(3.6rem, 9.5vh, 7rem);
  padding:
    clamp(0.75rem, 2.2vh, 1.75rem)
    clamp(1rem, 2.5vw, 2rem)
    clamp(1rem, 2.8vh, 2rem);
  overflow: hidden;
}

.screen1_inner {
  width: 100%;
  max-width: 72rem;
  margin-inline: auto;
}

.screen1_top,
.screen1_bottom {
  flex: 0 1 auto;
  min-width: 0;
}

/* отступ блока преимуществ вниз */
.screen1_bottom {
  margin-top: clamp(7.3rem, 8.5vh, 9.25rem);
  transform: translateY(1.5rem);
}

.screen1_bejdzh {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-inline: auto;
  margin-top: clamp(-3.1rem, -7vh, -2.15rem);
  margin-bottom: clamp(0.55rem, 1.6vh, 1rem);
  padding: 0.45rem 1rem;
  border-radius: 999px;
  background: var(--glass-bg);
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
  box-shadow: var(--glass-shadow);
}
.screen1_bejdzh_dot {
  position: relative;
  z-index: 2;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 999px;
  background: #34d399;
  flex-shrink: 0;
}
.screen1_bejdzh_text {
  position: relative;
  z-index: 2;
  font-family: Inter, system-ui, sans-serif;
  font-size: 0.8125rem;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.72);
}
.screen1_bejdzh_sep {
  color: rgba(255, 255, 255, 0.35);
  margin: 0 0.15rem;
}

.screen1_zagolovki {
  display: block;
  width: 100%;
  text-align: center;
  margin: 0;
}

/* РАЗМЕР: «Быстрый. Безопасный. Linker.» */
.screen1_zagolovok {
  font-family: Inter, system-ui, -apple-system, sans-serif;
  font-size: clamp(1.5rem, 6.2vmin + 0.4rem, 4.85rem);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.02em;
  margin: 0 0 clamp(0.4rem, 1.1vh, 0.65rem);
  padding: 0;
  white-space: normal;
  text-align: center;
  width: 100%;
}

@media (min-width: 640px) {
  .screen1_zagolovok { white-space: nowrap; }
}

.screen1_zagolovok_text { color: rgba(255, 255, 255, 0.92); }

/* РАЗМЕР: «Самый стабильный VPN сервис» */
.screen1_podzagolovok {
  font-family: Inter, system-ui, -apple-system, sans-serif;
  font-size: clamp(1rem, 3.5vmin + 0.25rem, 2.4rem);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.92);
  margin: 0 0 clamp(0.85rem, 2.2vh, 1.35rem);
  padding: 0;
  white-space: normal;
  text-align: center;
  width: 100%;
}

@media (min-width: 640px) {
  .screen1_podzagolovok { white-space: nowrap; }
}

/* РАЗМЕР: «1 клик — и вы в сети …» */
.screen1_tekst_1klik {
  font-family: Inter, system-ui, sans-serif;
  font-size: clamp(0.85rem, 1.6vmin + 0.45rem, 1.2rem);
  font-weight: 400;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.48);
  max-width: min(52rem, 100%);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.35rem 0.15rem;
  white-space: normal;
}

.screen1_tekst_1klik__item {
  display: inline;
  white-space: nowrap;
}

.screen1_tekst_1klik__sep {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: rgba(255,255,255,.22);
  margin: 0 0.4rem;
  flex-shrink: 0;
}

.screen1_tekst_1klik strong {
  font-family: Inter, system-ui, sans-serif;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.88);
}

/* legacy sep if any */
.screen1_tekst_1klik .sep {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: rgba(255,255,255,.22);
  margin: 0 .45rem;
  vertical-align: middle;
}

/* ОТСТУП кнопки вниз — крути margin-top */
.screen1_knopka_kupit_wrap {
  margin-top: clamp(2.85rem, 3.8vh, 3rem);
  display: flex;
  justify-content: center;
}

/* РАЗМЕР кнопки «Купить Linker» */
.screen1_knopka_kupit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: max-content;
  padding: clamp(1rem, 2vh, 1.4rem) clamp(1.4rem, 2.8vw, 1.9rem);
  border-radius: 999px;
  border: none;
  background: var(--linker-cta-bg, #0071e3);
  color: var(--linker-cta-color, #f8fcfa);
  font-family: Inter, system-ui, sans-serif;
  font-size: clamp(0.95rem, 1.3vmin + 0.45rem, 1.1rem);
  font-weight: 700;
  letter-spacing: 0.02em;
  text-decoration: none;
  line-height: 1.2;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.screen1_knopka_kupit:hover {
  transform: translateY(-1px);
  box-shadow: var(--linker-cta-shadow-hover);
  filter: brightness(1.05);
  color: var(--linker-cta-color, #f8fcfa);
}

/* Короткие экраны / ноутбуки */
@media (max-height: 820px) and (min-width: 768px) {
  .screen1 {
    gap: 0.65rem;
    padding-block: 0.5rem 0.75rem;
  }
  .screen1_bejdzh { margin-bottom: 0.4rem; margin-top: -2.35rem; }
  .screen1_benefit {
    font-size: clamp(0.68rem, 0.85vw, 0.82rem);
    padding-block: 0.85rem;
  }
}

.hero-stats { display: flex; flex-wrap: wrap; justify-content: center; gap: .65rem; margin-bottom: 2.25rem; }
.hero-stat {
  display: inline-flex; align-items: center; gap: .4rem;
  padding: .45rem .9rem; border-radius: 999px;
  background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08);
  font-size: 13px; color: rgba(255,255,255,.55);
}
.hero-stat__n { font-weight: 700; color: #fff; }
.hero-stat--orange { border-color: rgba(47,154,130,.25); background: var(--mk-orange-soft); }
.hero-stat--orange .hero-stat__n { color: var(--mk-orange); }
.hero-stat--indigo { border-color: rgba(47,154,130,.28); background: var(--mk-indigo-soft); }
.hero-stat--indigo .hero-stat__n { color: var(--mk-indigo); }

.steps-grid { display: grid; grid-template-columns: 1fr; gap: 1rem; }
@media (min-width: 768px) { .steps-grid { grid-template-columns: repeat(3, 1fr); gap: 1.25rem; } }

.step-card {
  border-radius: var(--glass-radius);
  padding: 1.65rem 1.5rem;
  background: var(--glass-bg);
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
  box-shadow: var(--glass-shadow);
  transition: transform .25s, background .25s, box-shadow .25s;
}
.step-card:hover {
  transform: translateY(-3px);
  background: var(--glass-bg-hover);
  box-shadow: var(--glass-shadow-hover);
}

.step-card__num {
  display: inline-flex; align-items: center; justify-content: center;
  width: 2rem; height: 2rem; border-radius: .65rem;
  font-family: Inter, system-ui, sans-serif; font-size: 12px; font-weight: 700; margin-bottom: 1rem;
}
.step-card--1 .step-card__num { background: var(--mk-orange-soft); color: var(--mk-orange); border: 1px solid rgba(47,154,130,.3); }
.step-card--2 .step-card__num { background: var(--mk-indigo-soft); color: var(--mk-indigo); border: 1px solid rgba(47,154,130,.3); }
.step-card--3 .step-card__num { background: var(--mk-emerald-soft); color: var(--mk-emerald); border: 1px solid rgba(52,211,153,.3); }
.step-card__title {
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: 1.05rem;
  font-weight: 600;
  color: #fff;
  margin: 0 0 .45rem;
  letter-spacing: -0.01em;
}
.step-card__text {
  font-family: Inter, system-ui, sans-serif;
  font-size: .875rem;
  line-height: 1.55;
  color: rgba(255,255,255,.42);
  margin: 0;
}
.step-card__text a { color: var(--mk-indigo); text-decoration: none; }
.step-card__text a:hover { color: #fff; }

/* Вытянутая связанная плитка преимуществ */
.screen1_benefits {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  max-width: 56rem;
  margin-inline: auto;
  background: var(--glass-bg);
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
  box-shadow: var(--glass-shadow);
  border-radius: 1.35rem;
  overflow: hidden;
}

.screen1_benefit {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0.12em;
  margin: 0;
  padding: 1.05rem 1.15rem;
  font-family: Inter, system-ui, -apple-system, sans-serif;
  font-size: clamp(0.8rem, 1.8vw, 0.95rem);
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.78);
  min-width: 0;
  white-space: normal;
}

/* Ровно 2 строки на любом экране — без автопереносов внутри строки */
.screen1_benefit > span {
  display: block;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .screen1_benefits {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    gap: 1.1rem;
    width: fit-content;
    max-width: min(100%, 56rem);
    margin-inline: auto;
    border-radius: 999px;
    padding: 0.2rem 1.15rem;
  }

  .screen1_benefit {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    padding: 0.9rem 0.45rem;
    font-size: clamp(0.68rem, 0.85vw, 0.84rem);
    line-height: 1.22;
  }
}

.plan-card {
  position: relative;
  border-radius: var(--glass-radius);
  padding: 1.5rem;
  background: var(--glass-bg);
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
  box-shadow: var(--glass-shadow);
  transition: transform .2s, background .2s, box-shadow .2s;
}
.plan-card:hover {
  transform: translateY(-3px);
  background: var(--glass-bg-hover);
  box-shadow: var(--glass-shadow-hover);
}
.plan-card--featured {
  background: rgba(47, 154, 130, 0.1);
  box-shadow: none;
}
.plan-card--featured:hover {
  background: rgba(47, 154, 130, 0.14);
  box-shadow: none;
}
.plan-card__badge {
  position: absolute; top: -.65rem; left: 50%; transform: translateX(-50%);
  z-index: 2;
  padding: .25rem .75rem; border-radius: 999px;
  font-family: Inter, system-ui, sans-serif;
  font-size: 11px; font-weight: 700;
  letter-spacing: .04em; text-transform: uppercase;
  background: linear-gradient(135deg, #2f9a82, #4db39a); color: #fff;
}
.plan-card__name {
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: .8rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase;
  color: rgba(255,255,255,.45); margin-bottom: 1rem;
}
.plan-card__price { font-family: 'Space Grotesk', system-ui, sans-serif; font-size: 2.25rem; font-weight: 700; color: #fff; line-height: 1; }
.plan-card__suffix { font-family: Inter, system-ui, sans-serif; font-size: 1rem; font-weight: 500; color: rgba(255,255,255,.4); margin-left: .15rem; }
.plan-card__period { font-family: Inter, system-ui, sans-serif; font-size: .8rem; color: rgba(255,255,255,.35); margin-top: .35rem; }
.plan-card__save { font-family: Inter, system-ui, sans-serif; font-size: .75rem; color: var(--mk-indigo); margin-top: .25rem; }
.plan-perks { list-style: none; padding: 0; margin: 1.5rem 0 1.75rem; display: flex; flex-direction: column; gap: .65rem; }
.plan-perk { display: flex; align-items: center; gap: .55rem; font-family: Inter, system-ui, sans-serif; font-size: .8125rem; color: rgba(255,255,255,.58); }
.plan-perk__dot { width: 6px; height: 6px; border-radius: 999px; flex-shrink: 0; }
.plan-perk__dot--orange { background: var(--mk-orange); box-shadow: 0 0 8px rgba(47,154,130,.5); }
.plan-perk__dot--indigo { background: var(--mk-indigo); box-shadow: 0 0 8px rgba(47,154,130,.5); }
.plan-perk__dot--emerald { background: var(--mk-emerald); box-shadow: 0 0 8px rgba(52,211,153,.5); }

.plans-hero { text-align: center; padding: 2rem 0 2.5rem; }
.plans-hero__title { font-family: 'Space Grotesk', system-ui, sans-serif; font-size: clamp(2rem, 5vw, 2.75rem); font-weight: 700; color: #fff; margin: 0 0 .65rem; }
.plans-hero__title .hl-indigo { color: var(--mk-indigo); }
.plans-hero__sub { font-family: Inter, system-ui, sans-serif; font-size: 1.05rem; color: rgba(255,255,255,.42); max-width: 28rem; margin: 0 auto; }

.plan-card__badge--muted {
  background: rgba(255,255,255,.1);
  color: rgba(255,255,255,.85);
  border: 1px solid rgba(255,255,255,.12);
}

.faq-head { text-align: center; margin-bottom: 2rem; }
.faq-head__title {
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: clamp(1.5rem, 3.5vw, 2rem);
  font-weight: 700;
  color: #fff;
  margin: 0 0 .5rem;
  letter-spacing: .02em;
}
.faq-head__sub { font-family: Inter, system-ui, sans-serif; font-size: .95rem; color: rgba(255,255,255,.4); margin: 0; }

.faq-item {
  cursor: pointer;
  border-radius: var(--glass-radius);
  background: var(--glass-bg);
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
  box-shadow: var(--glass-shadow);
  transition: background .25s, box-shadow .25s, transform .25s;
}
.faq-item:hover {
  background: var(--glass-bg-hover);
  box-shadow: var(--glass-shadow-hover);
  transform: translateY(-2px);
}
.faq-item.active {
  background: rgba(47, 154, 130, 0.1) !important;
  box-shadow: var(--glass-shadow);
}
.faq-item.active h3 { color: var(--mk-indigo); }
.faq-item.active .faq-toggle { color: var(--mk-indigo); }

/* ===== Desktop lock: PC-раскладка (мобилка — в site-mobile.css) ===== */
@media (min-width: 768px) {
  .home-stage__hero.screen1 {
    position: sticky !important;
    top: 0 !important;
  }

  :root {
    --home-sheet-peek: clamp(2.75rem, 5.5vh, 3.75rem);
  }

  .home-sheet {
    margin-top: calc(-1 * var(--home-sheet-peek)) !important;
    border-radius: 2.75rem 2.75rem 0 0;
    background: rgba(10, 14, 14, 0.12);
    -webkit-backdrop-filter: blur(8px) saturate(1.15);
    backdrop-filter: blur(8px) saturate(1.15);
  }

  .home-sheet__cap {
    display: block !important;
  }

  .steps-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1.25rem !important;
  }

  .plans-rail {
    display: grid !important;
    overflow: visible !important;
  }

  .plans-rail .plan-card__badge {
    position: absolute;
    top: -0.65rem;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
  }

  .screen1_tekst_1klik {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 0;
    max-width: none;
    white-space: nowrap;
    font-size: clamp(0.85rem, 1.6vmin + 0.45rem, 1.2rem);
    line-height: 1.55;
  }

  .screen1_tekst_1klik__item {
    white-space: nowrap;
    text-align: left;
  }

  .screen1_tekst_1klik__sep {
    display: inline-block;
    width: 4px;
    height: 4px;
    margin: 0 0.45rem;
  }

  .screen1_bottom {
    margin-top: clamp(7.3rem, 8.5vh, 9.25rem);
    transform: translateY(1.5rem);
  }

  .screen1_benefits {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch;
    justify-content: center;
    gap: 1.1rem !important;
    width: fit-content !important;
    max-width: min(100%, 56rem) !important;
    margin-inline: auto;
    border-radius: 999px !important;
    padding: 0.2rem 1.15rem !important;
    overflow: hidden;
  }

  .screen1_benefit {
    display: flex !important;
    flex-direction: column !important;
    flex: 0 0 auto;
    width: auto !important;
    max-width: none !important;
    min-height: 0;
    padding: 0.9rem 0.45rem !important;
    font-size: clamp(0.68rem, 0.85vw, 0.84rem) !important;
    line-height: 1.22 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    gap: 0.12em !important;
  }

  .screen1_benefit > span {
    display: block !important;
    white-space: nowrap !important;
    max-width: none;
    text-wrap: unset;
  }

  .screen1_benefit > span:first-child,
  .screen1_benefit > span:last-child {
    color: rgba(255, 255, 255, 0.78);
    font-weight: 500;
  }

  .screen1_knopka_kupit {
    width: auto;
    max-width: max-content;
  }

  .screen1_knopka_kupit_wrap {
    margin-top: clamp(2.85rem, 3.8vh, 3rem);
  }
}


.plan-card--unavailable {
  opacity: 0.72;
  filter: grayscale(0.15);
}
.plan-card a.is-disabled,
.plan-card a[aria-disabled="true"] {
  cursor: not-allowed;
  pointer-events: none;
}