/* =========================================================
   ПФ.Ускоритель — статичная вёрстка (БЭМ)
   Значения токенов, отступов, радиусов и теней перенесены
   1:1 из исходной React/Tailwind-версии.
   ========================================================= */

/* ---------- ШРИФТЫ ---------- */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;
  src:url('../fonts/inter-cyrillic-400-normal.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;
  src:url('../fonts/inter-latin-400-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;
  src:url('../fonts/inter-cyrillic-500-normal.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;
  src:url('../fonts/inter-latin-500-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;
  src:url('../fonts/inter-cyrillic-600-normal.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;
  src:url('../fonts/inter-latin-600-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;
  src:url('../fonts/inter-cyrillic-700-normal.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;
  src:url('../fonts/inter-latin-700-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Space Grotesk — только латиница (как в исходнике), кириллица падает на Inter */
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;
  src:url('../fonts/space-grotesk-latin-500-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:600;font-display:swap;
  src:url('../fonts/space-grotesk-latin-600-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;
  src:url('../fonts/space-grotesk-latin-700-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;
  src:url('../fonts/jetbrains-mono-latin-500-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:600;font-display:swap;
  src:url('../fonts/jetbrains-mono-latin-600-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:700;font-display:swap;
  src:url('../fonts/jetbrains-mono-latin-700-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- ТОКЕНЫ ---------- */
:root{
  color-scheme:light;

  --font-sans:'Inter',ui-sans-serif,system-ui,sans-serif;
  --font-display:'Space Grotesk','Inter',sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,monospace;

  /* Палитра личного кабинета (AdminPanel/static/cabinet.css) */
  --background:#f7f9fc;
  --foreground:#0f172a;
  --card:#ffffff;
  --secondary:#f2f4fa;
  --muted-foreground:#5b6b82;
  --destructive:#e11d48;
  --border:#e4eaf2;
  --ring:#4f46e5;
  --brand:#4f46e5;
  --brand-2:#6366f1;
  --brand-grad:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);
  --brand-soft:#eef2ff;
  --brand-light:#a5b4fc;
  --brand-foreground:#ffffff;
  --sidebar:linear-gradient(180deg,#141d31 0%,#0b1120 100%);
  --link:#4338ca;
  --success:#16a34a;

  --radius:0.75rem;
  --radius-sm:calc(var(--radius) * 0.6);
  --radius-md:calc(var(--radius) * 0.8);
  --radius-lg:var(--radius);
  --radius-xl:calc(var(--radius) * 1.4);
  --radius-2xl:calc(var(--radius) * 1.8);
  --radius-3xl:calc(var(--radius) * 2.2);
  --radius-full:9999px;

  --shadow-sm:0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
  --ease:cubic-bezier(.4,0,.2,1);
}

.theme--dark,
html.theme--dark{
  color-scheme:dark;
  --background:#0b1120;
  --foreground:#f1f5f9;
  --card:#141d31;
  --secondary:#1c2740;
  --muted-foreground:#94a3b8;
  --destructive:#fb7185;
  --border:rgba(255,255,255,.1);
  --ring:#6366f1;
}

@media (prefers-color-scheme: dark){
  html:not(.theme--light){
    color-scheme:dark;
    --background:#0b1120;
    --foreground:#f1f5f9;
    --card:#141d31;
    --secondary:#1c2740;
    --muted-foreground:#94a3b8;
    --destructive:#fb7185;
    --border:rgba(255,255,255,.1);
    --ring:#6366f1;
  }
}

/* ---------- БАЗА ---------- */
*,*::before,*::after{box-sizing:border-box;border:0 solid var(--border);outline-color:color-mix(in oklab,var(--ring) 50%,transparent)}
html{-webkit-text-size-adjust:100%;line-height:1.5;tab-size:4;background:var(--background);
  scroll-behavior:smooth;scroll-padding-top:6.75rem}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}
body{margin:0;font-family:var(--font-sans);font-size:1rem;line-height:1.5;background:var(--background);color:var(--foreground);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,h4,p{margin:0;font:inherit}
ul,ol{margin:0;padding:0;list-style:none}
a{color:inherit;text-decoration:none}
button{margin:0;padding:0;font:inherit;color:inherit;background:transparent;cursor:pointer;appearance:none}
input{margin:0;font:inherit;color:inherit}
svg{display:block;flex:none}
:focus-visible{outline:2px solid color-mix(in oklab,var(--ring) 60%,transparent);outline-offset:2px}

/* ---------- ЛЭЙАУТ ---------- */
.page{min-height:100vh;background:var(--background)}

.wrap{width:100%;max-width:72rem;margin-inline:auto;padding-inline:1rem}
.wrap--lead{max-width:64rem}
@media (min-width:640px){.wrap{padding-inline:1.5rem}}

.section{padding-block:5rem}
.section--muted{background:color-mix(in oklab,var(--secondary) 60%,transparent)}
.section__head{max-width:42rem}
.section__head--center{margin-inline:auto;text-align:center}
.section__eyebrow{font-size:.875rem;line-height:1.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;color:var(--brand)}
.section__title{margin-top:.75rem;font-family:var(--font-display);font-size:1.875rem;line-height:2.25rem;font-weight:700;letter-spacing:-.025em;text-wrap:balance;color:var(--foreground)}
.section__lead{margin-top:.75rem;text-wrap:pretty;color:var(--muted-foreground)}
@media (min-width:640px){
  .section__title{font-size:2.25rem;line-height:2.5rem}
}

/* ---------- КНОПКА ---------- */
.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:var(--radius-full);text-align:center;font-weight:600;
  transition:transform .15s var(--ease),background-color .15s var(--ease),color .15s var(--ease),border-color .15s var(--ease),box-shadow .15s var(--ease)}
.btn--primary{background:var(--brand-grad);color:var(--brand-foreground);
  box-shadow:0 10px 24px -14px rgba(79,70,229,.75)}
.btn--primary:hover{transform:scale(1.03);box-shadow:0 14px 30px -14px rgba(79,70,229,.8)}
.btn--outline{border:1px solid var(--border);background:var(--card);color:var(--foreground);font-weight:500}
.btn--outline:hover{background:var(--secondary)}

/* ---------- ЛОГОТИП ---------- */
.logo{display:flex;align-items:center;gap:.5rem}
.logo__icon{display:flex;width:2rem;height:2rem;align-items:center;justify-content:center;border-radius:var(--radius-lg);
  background:var(--brand-grad);color:var(--brand-foreground);box-shadow:0 8px 18px -10px rgba(79,70,229,.8)}
.logo__icon svg{width:1.25rem;height:1.25rem}
.logo__text{font-family:var(--font-display);font-size:1.125rem;line-height:1.75rem;font-weight:700;letter-spacing:-.025em;color:var(--foreground)}
.logo__accent{color:var(--brand)}
.logo--light .logo__text{color:#fff}

/* ---------- ХЕДЕР ---------- */
.header{position:sticky;top:0;z-index:50;border-bottom:1px solid color-mix(in oklab,var(--border) 70%,transparent);
  background:color-mix(in oklab,var(--background) 80%,transparent);backdrop-filter:blur(12px)}
.header__top{background:var(--sidebar);color:#fff}
.header__top-inner{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1.25rem;max-width:72rem;margin-inline:auto;
  padding:.5rem 1rem;font-size:.75rem;line-height:1.25rem}
.header__fact{color:rgba(255,255,255,.7)}
.header__fact b{font-weight:600;color:var(--brand-light)}
.header__contacts{display:none;align-items:center;gap:1.25rem;margin-left:auto}
.header__contact{color:rgba(255,255,255,.85);transition:color .15s var(--ease)}
.header__contact:hover{color:var(--brand-light)}
.header__inner{display:flex;height:4rem;max-width:72rem;margin-inline:auto;align-items:center;justify-content:space-between;padding-inline:1rem}
.header__nav{display:none;align-items:center;gap:1.75rem}
.header__nav-link{font-size:.875rem;line-height:1.25rem;color:var(--muted-foreground);transition:color .15s var(--ease)}
.header__nav-link:hover{color:var(--foreground)}
.header__actions{display:none;align-items:center;gap:.75rem}
.header__login{font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--foreground)}
.header__login:hover{color:var(--brand)}
.header__cta{padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem}
.header__burger{display:flex;width:2.25rem;height:2.25rem;align-items:center;justify-content:center;border-radius:var(--radius-lg);
  border:1px solid var(--border)}
.header__burger svg{width:1.25rem;height:1.25rem}
.header__burger-icon--hidden{display:none}
.header__mobile{display:none;border-top:1px solid var(--border);background:var(--background)}
.header__mobile--open{display:block}
.header__mobile-nav{display:flex;max-width:72rem;margin-inline:auto;flex-direction:column;gap:.25rem;padding:.75rem 1rem}
.header__mobile-link{border-radius:var(--radius-lg);padding:.625rem .75rem;font-size:.875rem;line-height:1.25rem;color:var(--muted-foreground)}
.header__mobile-link:hover{background:var(--secondary);color:var(--foreground)}
.header__mobile-cta{margin-top:.5rem;padding:.625rem 1rem;font-size:.875rem;line-height:1.25rem}
@media (max-width:479px){
  .header__fact:nth-child(3){display:none}
}
@media (min-width:640px){
  .header__inner,.header__top-inner{padding-inline:1.5rem}
}
@media (min-width:768px){
  .header__contacts{display:flex}
  .header__nav{display:flex}
  .header__actions{display:flex}
  .header__burger{display:none}
  .header__mobile,.header__mobile--open{display:none}
}

/* ---------- ГЕРОЙ ---------- */
.hero{position:relative;overflow:hidden;
  background-image:linear-gradient(100deg,rgba(247,249,252,.97) 0%,rgba(247,249,252,.62) 38%,rgba(79,70,229,.26) 100%),url(../img/hero.jpg);
  background-size:cover;background-position:right}
@media (max-width:1023px){
  .hero{background-image:none}
}
.hero__glow{pointer-events:none;position:absolute;left:0;right:0;top:0;height:520px;
  background:radial-gradient(80% 60% at 50% -10%, color-mix(in oklab,var(--brand) 16%,transparent), transparent)}
.hero__inner{position:relative;display:grid;gap:2.5rem;padding-top:3.5rem;padding-bottom:4rem}
.hero__content{max-width:40rem}
.hero__badge{display:inline-flex;align-items:center;gap:.5rem;border-radius:var(--radius-full);border:1px solid var(--border);
  background:var(--card);padding:.375rem 1rem;font-size:.75rem;line-height:1rem;font-weight:500;color:var(--muted-foreground)}
.hero__badge-dot{display:block;width:.5rem;height:.5rem;border-radius:var(--radius-full);background:var(--success)}
.hero__title{margin-top:1.5rem;font-family:var(--font-display);font-size:2.25rem;line-height:1.05;font-weight:700;
  letter-spacing:-.025em;text-wrap:balance;color:var(--foreground)}
.hero__mark{position:relative;white-space:nowrap}
.hero__mark-text{position:relative;z-index:10}
.hero__mark-line{position:absolute;left:0;right:0;bottom:.25rem;z-index:0;height:.75rem;
  background:color-mix(in oklab,var(--brand) 28%,transparent)}
.hero__lead{margin-top:1.25rem;max-width:34rem;font-size:1rem;line-height:1.625;text-wrap:pretty;color:var(--muted-foreground)}
.hero__actions{margin-top:2rem;display:flex;flex-direction:column;align-items:stretch;gap:.75rem}
.hero__btn{padding:.875rem 1.75rem;font-size:1rem;line-height:1.5rem}

/* Правая половина — под фон/объект заказчика */
.hero__media{position:relative;min-height:18rem}
.hero__promo{margin-top:.75rem;display:flex;align-items:flex-start;gap:.375rem;padding-left:1.25rem}
.hero__promo-arrow{width:2.5rem;height:2.5rem;flex:none;margin-top:-.5rem;color:var(--brand)}
.hero__promo-text{padding-top:.9375rem;font-size:.9375rem;line-height:1.375rem;color:var(--muted-foreground)}
.hero__promo-text b{font-weight:700;color:var(--foreground)}
.hero__promo-link{font-weight:600;color:var(--foreground);text-decoration:underline;
  text-decoration-color:var(--brand);text-underline-offset:3px}
.hero__promo-link:hover{color:var(--brand)}
@media (min-width:640px){
  .hero__promo{padding-left:2rem}
  .hero__promo-arrow{width:2.75rem;height:2.75rem}
}
.hero__trust{margin-top:1rem;display:grid;gap:1rem}
@media (min-width:640px){
  .hero__inner{padding-top:5rem}
  .hero__title{font-size:3.75rem}
  .hero__lead{font-size:1.125rem}
  .hero__actions{flex-direction:row;align-items:center}
  .hero__trust{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1024px){
  .hero__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:3rem;
    padding-top:6rem;padding-bottom:5rem}
  .hero__media{min-height:30rem}
  .hero__trust{grid-column:1 / -1;margin-top:2rem}
}

/* ---------- ПЛАШКИ ДОВЕРИЯ ---------- */
.trust{display:flex;align-items:center;gap:.75rem;border-radius:var(--radius-2xl);border:1px solid var(--border);
  background:var(--card);padding:.875rem 1rem}
.trust__icon{display:flex;width:2.5rem;height:2.5rem;flex:none;align-items:center;justify-content:center;
  border-radius:var(--radius-xl);background:var(--brand-soft);color:var(--brand)}
.trust__icon svg{width:1.25rem;height:1.25rem}
.trust__label{font-size:.875rem;line-height:1.25rem;font-weight:600;color:var(--foreground)}
.trust__sub{font-size:.75rem;line-height:1rem;color:var(--muted-foreground)}

/* ---------- ВЫДАЧА: ОБОЛОЧКА СИМУЛЯТОРА ---------- */
.serp{width:100%;max-width:56rem;margin:2.5rem auto 0}
.serp__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;
  margin-bottom:1.25rem;border-radius:var(--radius-2xl);border:1px solid var(--border);background:var(--card);
  padding:.875rem 1.25rem;box-shadow:var(--shadow-sm)}

/* ---------- МОКАП УСТРОЙСТВА ---------- */
.mock{width:100%}
.mock__screen{position:relative;border-radius:1.25rem;background:#0f1729;padding:.75rem;
  box-shadow:0 40px 90px -40px rgba(11,17,32,.6)}
.mock__notch{display:none}
.mock__bar{display:flex;align-items:center;gap:.4375rem;padding:.125rem .25rem .625rem}
.mock__dot{display:block;width:.625rem;height:.625rem;flex:none;border-radius:var(--radius-full);background:#3a3f4b}
.mock__dot--r{background:#ff5f57}
.mock__dot--y{background:#febc2e}
.mock__dot--g{background:#28c840}
.mock__url{flex:1 1 0%;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-left:.5rem;
  border-radius:var(--radius-full);background:#22252d;padding:.25rem .75rem;font-size:.75rem;line-height:1.125rem;color:#8b90a0}
.mock__view{max-height:600px;overflow-y:auto;border-radius:.75rem;background:#fff;
  scrollbar-width:thin;scrollbar-color:#c9ccd4 transparent}
.mock__view::-webkit-scrollbar{width:8px}
.mock__view::-webkit-scrollbar-track{background:transparent}
.mock__view::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#c9ccd4}
.mock__stand{width:7rem;height:1.5rem;margin-inline:auto;background:linear-gradient(#dcdee6,#c3c6d1);
  clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}
.mock__base{width:12rem;height:.625rem;margin-inline:auto;border-radius:var(--radius-full);background:#c3c6d1}
/* На мобильном — рамка телефона вместо монитора */
@media (max-width:639px){
  .mock__screen{border-radius:2.25rem;padding:.5rem}
  .mock__notch{display:block;width:4.5rem;height:.3125rem;margin:.375rem auto .5rem;
    border-radius:var(--radius-full);background:#2b2f3a}
  .mock__bar,.mock__stand,.mock__base{display:none}
  .mock__view{max-height:520px;border-radius:1.75rem}
}
.serp__track{display:flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem}
.serp__track-label{color:var(--muted-foreground)}
.serp__rank{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--font-mono);font-weight:600;color:var(--foreground)}
.serp__rank svg{width:1rem;height:1rem;color:var(--success)}
.serp__tabs{display:flex;align-items:center;gap:.25rem;border-radius:var(--radius-full);background:var(--secondary);padding:.25rem}
.serp__tab{border-radius:var(--radius-full);padding:.375rem .75rem;font-size:.75rem;line-height:1rem;font-weight:500;
  color:var(--muted-foreground);transition:color .15s var(--ease),background-color .15s var(--ease)}
.serp__tab:hover{color:var(--foreground)}
.serp__tab--active{background:var(--brand-grad);color:var(--brand-foreground);box-shadow:var(--shadow-sm)}
.serp__tab--active:hover{color:var(--brand-foreground)}
@media (min-width:640px){
  .serp__tab{font-size:.875rem;line-height:1.25rem}
}

/* ---------- ВЫДАЧА: РЕПЛИКА ЯНДЕКСА ----------
   Размеры, цвета и типографика сняты с сохранённой копии выдачи
   (static/yandex): 18/24 #000080 для заголовка, 14/18 #006000 для
   пути, 14/18 #333 для сниппета, карточка 12px 16px / radius 16px. */
.ya{padding:14px 16px 18px;background:#fff;
  font-family:-apple-system,BlinkMacSystemFont,Arial,Helvetica,'Arial Unicode MS',sans-serif;
  font-size:14px;line-height:18px;color:#333}
.ya__head{display:flex;align-items:center;gap:6px}
.ya__form{display:flex;flex:1 1 0%;min-width:0;align-items:center;gap:8px;height:44px;padding:2px 12px 2px 3px;
  border-radius:22px;background:#fff;box-shadow:0 0 0 2px inset #e6e6e6}
.ya__logo{display:flex;width:36px;height:36px;flex:none;align-items:center;justify-content:center;
  border-radius:50%;background:#fc3f1d;color:#fff;font-size:19px;font-weight:700;line-height:1}
.ya__query{flex:1 1 0%;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;color:#000}
.ya__clear{flex:none;color:#999}
.ya__clear svg{width:18px;height:18px}
.ya__tool{display:none;width:36px;height:36px;flex:none;align-items:center;justify-content:center;color:#999}
.ya__tool svg{width:20px;height:20px}
.ya__nav{display:flex;align-items:center;gap:2px;margin-top:10px;overflow:hidden}
.ya__nav-item{flex:none;border-radius:100px;padding:0 12px;font-size:15px;line-height:32px;white-space:nowrap;color:#7a7a7a}
.ya__nav-item--active{background:#f2f2f2;color:#000;font-weight:700}
.ya__chips{display:flex;gap:8px;margin-top:8px;overflow:hidden}
.ya__chip{flex:none;border:1px solid #e6e6e6;border-radius:100px;background:#fff;padding:6px 14px;
  font-size:14px;line-height:18px;color:#333;white-space:nowrap}

.serp__list{margin-top:14px}
.serp__item{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;
  border-radius:16px;transition:background-color .45s var(--ease),box-shadow .45s var(--ease)}
.serp__item + .serp__item{margin-top:10px}
.serp__num{padding-top:13px;text-align:right;font-family:var(--font-mono);font-size:12px;line-height:18px;color:#c4c4c4}
.serp__item--you{background:color-mix(in oklab,var(--brand) 16%,transparent);
  box-shadow:0 0 0 1px color-mix(in oklab,var(--brand) 45%,transparent)}
.serp__item--you .serp__num{font-weight:700;color:#555}
.serp__you{flex:none;margin-left:8px;border-radius:100px;background:var(--brand);padding:1px 8px;font-size:10px;
  line-height:16px;font-weight:700;text-transform:uppercase;letter-spacing:.025em;color:var(--brand-foreground)}

.ya__item{position:relative;min-width:0;padding:12px 16px 12px 44px;border-radius:16px}
.ya__title-link{display:inline-block;max-width:100%}
.ya__favicon{position:absolute;left:16px;top:15px;display:flex;width:16px;height:16px;align-items:center;
  justify-content:center;border-radius:3px;font-size:10px;font-weight:700;line-height:1;color:#fff}
.ya__favicon--1{background:#3b6fd6}
.ya__favicon--2{background:#2fa84f}
.ya__favicon--3{background:#e8562a}
.ya__favicon--4{background:#8a5cd6}
.ya__favicon--5{background:#d6a52f}
.ya__favicon--6{background:#2f9fb8}
.ya__favicon--7{background:#c2344d}
.ya__favicon--8{background:#5a6470}
.ya__favicon--you{background:#0f1729;color:var(--brand-light)}
.ya__title{font-size:18px;line-height:24px;font-weight:400;color:#000080}
.ya__title b{font-weight:700}
.ya__title-link:hover .ya__title{text-decoration:underline}
.ya__path{display:flex;align-items:center;min-width:0;overflow:hidden;white-space:nowrap;
  font-size:14px;line-height:18px;color:#006000}
.ya__path b{overflow:hidden;text-overflow:ellipsis;font-weight:700}
.ya__sep{flex:none;margin:0 4.2px}
.ya__text{margin-top:1px;font-size:14px;line-height:18px;color:#333}
.ya__text b{font-weight:700;color:#333}
.ya__meta{margin-top:4px;font-size:14px;line-height:18px;color:#767676}
.ya__rating{font-weight:700;color:#333}
@media (min-width:640px){
  .ya{padding:16px 20px 22px}
  .ya__head{gap:8px}
  .ya__tool{display:flex}
  .serp__item{grid-template-columns:28px minmax(0,1fr)}
}

/* ---------- СКРИНШОТ В РАМКЕ БРАУЗЕРА (общий блок) ---------- */
.shot{overflow:hidden;border-radius:var(--radius-2xl);border:1px solid var(--border);background:#141d31;
  box-shadow:0 24px 60px -32px rgba(11,17,32,.55)}
.shot__bar{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem}
.shot__dot{width:.5rem;height:.5rem;flex:none;border-radius:var(--radius-full);background:#3a3f4b}
.shot__label{margin-left:.5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
  font-family:var(--font-mono);font-size:.6875rem;color:#8b90a0}
.shot__img{display:block;width:100%;background:#fff}

/* ---------- КЕЙСЫ ---------- */
.cases{margin-top:2.5rem}
.cases__tabs{display:flex;flex-wrap:wrap;gap:.5rem}
.cases__tab{display:flex;align-items:center;gap:.5rem;border-radius:var(--radius-full);border:1px solid var(--border);
  background:var(--card);padding:.5rem .875rem;font-size:.875rem;line-height:1.25rem;color:var(--muted-foreground);
  transition:border-color .15s var(--ease),background-color .15s var(--ease),color .15s var(--ease)}
.cases__tab:hover{border-color:color-mix(in oklab,var(--brand) 60%,transparent);color:var(--foreground)}
.cases__tab--active,
.cases__tab--active:hover{border-color:transparent;background:var(--brand-grad);color:var(--brand-foreground)}
.cases__tab-num{font-family:var(--font-mono);font-size:.75rem;opacity:.75}
.cases__stage{display:none;margin-top:1.5rem;gap:1.5rem}
.cases__stage--active{display:grid}
.cases__note{margin-top:.75rem;font-size:.75rem;line-height:1.125rem;color:var(--muted-foreground)}
.cases__side{display:flex;flex-direction:column}
.cases__label{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--muted-foreground)}
.cases__title{margin-top:.5rem;font-family:var(--font-display);font-size:1.75rem;line-height:2.25rem;font-weight:700;
  color:var(--foreground)}
.cases__text{margin-top:.75rem;line-height:1.625;color:var(--muted-foreground)}
.cases__grid{margin-top:1.5rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.cases__cell{border-radius:var(--radius-2xl);border:1px solid var(--border);background:var(--card);padding:1rem}
.cases__cell-value{font-family:var(--font-display);font-size:1.375rem;line-height:1.875rem;font-weight:700;color:var(--foreground)}
.cases__cell-value--ok{color:var(--success)}
.cases__cell-label{margin-top:.125rem;font-size:.75rem;line-height:1.125rem;color:var(--muted-foreground)}
.cases__cta{margin-top:1.5rem;align-self:flex-start;padding:.8125rem 1.625rem;font-size:.9375rem;line-height:1.375rem}
@media (min-width:1024px){
  .cases__stage--active{grid-template-columns:1.25fr 1fr;align-items:center;gap:2rem}
  .cases__title{font-size:2rem;line-height:2.5rem}
}

/* ---------- КАК ЭТО РАБОТАЕТ ---------- */
.flow{margin-top:2.5rem}
.flow__row{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:1rem;padding-bottom:1.5rem}
.flow__row:last-child{padding-bottom:0}
.flow__rail{position:relative;display:flex;justify-content:center}
.flow__num{position:relative;z-index:1;display:flex;width:3rem;height:3rem;flex:none;align-items:center;justify-content:center;
  border-radius:var(--radius-full);background:var(--brand-grad);font-family:var(--font-mono);font-size:.875rem;line-height:1.25rem;
  font-weight:700;color:var(--brand-foreground);box-shadow:0 10px 22px -12px rgba(79,70,229,.8)}
.flow__line{position:absolute;top:3rem;bottom:-1.5rem;left:50%;width:2px;transform:translateX(-50%);
  background:linear-gradient(color-mix(in oklab,var(--brand) 55%,transparent),color-mix(in oklab,var(--border) 60%,transparent))}
.flow__row:last-child .flow__line{display:none}
.flow__card{border-radius:var(--radius-3xl);border:1px solid var(--border);background:var(--card);padding:1.5rem}
.flow__head{display:flex;align-items:center;gap:.875rem}
.flow__icon{display:flex;width:2.75rem;height:2.75rem;flex:none;align-items:center;justify-content:center;
  border-radius:var(--radius-2xl);background:var(--brand-soft);color:var(--brand)}
.flow__icon svg{width:1.375rem;height:1.375rem}
.flow__title{font-family:var(--font-display);font-size:1.25rem;line-height:1.75rem;font-weight:700;color:var(--foreground)}
.flow__text{margin-top:.75rem;line-height:1.625;color:var(--muted-foreground)}
.flow__facts{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem}
.flow__fact{border-radius:var(--radius-full);background:var(--secondary);padding:.375rem .75rem;font-size:.8125rem;
  line-height:1.125rem;color:var(--foreground)}
@media (min-width:640px){
  .flow__row{grid-template-columns:3.5rem minmax(0,1fr);gap:1.5rem}
  .flow__card{padding:1.75rem}
  .flow__title{font-size:1.375rem}
}

/* ---------- ЛИЧНЫЙ КАБИНЕТ ---------- */
.cab{margin-top:2.5rem;display:grid;gap:1.5rem}
.cab__menu{display:flex;flex-direction:column;gap:.25rem;border-radius:var(--radius-3xl);border:1px solid var(--border);
  background:var(--card);padding:.75rem}
.cab__item{display:flex;align-items:center;gap:.75rem;border-radius:var(--radius-xl);padding:.625rem .75rem;
  text-align:left;font-size:.875rem;line-height:1.25rem;color:var(--muted-foreground);
  transition:background-color .15s var(--ease),color .15s var(--ease)}
.cab__item:hover{background:var(--secondary);color:var(--foreground)}
.cab__item--active,
.cab__item--active:hover{background:var(--brand-soft);color:var(--brand);font-weight:600}
.cab__ico{display:flex;width:1.75rem;height:1.75rem;flex:none;align-items:center;justify-content:center;
  border-radius:var(--radius-lg);background:var(--secondary);color:var(--muted-foreground);
  transition:background-color .15s var(--ease),color .15s var(--ease)}
.cab__item--active .cab__ico{background:var(--brand-grad);color:var(--brand-foreground)}
.cab__ico svg{width:1rem;height:1rem}
.cab__pane{display:none}
.cab__pane--active{display:block}
.cab__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.75rem}
.cab__title{font-family:var(--font-display);font-size:1.5rem;line-height:2rem;font-weight:700;color:var(--foreground)}
.cab__badge{border-radius:var(--radius-full);background:var(--secondary);padding:.1875rem .625rem;
  font-family:var(--font-mono);font-size:.6875rem;line-height:1.125rem;color:var(--muted-foreground)}
.cab__text{margin-top:.5rem;line-height:1.625;color:var(--muted-foreground)}
.cab__shot{margin-top:1.25rem}
.cab__chips{margin-top:1.25rem;display:grid;gap:.625rem}
.cab__chip{display:flex;align-items:flex-start;gap:.625rem;border-radius:var(--radius-xl);background:var(--secondary);
  padding:.625rem .875rem;font-size:.8125rem;line-height:1.25rem;color:var(--foreground)}
.cab__check{flex:none;font-weight:700;color:var(--success)}
@media (min-width:640px){
  .cab__chips{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cab__title{font-size:1.75rem;line-height:2.25rem}
}
@media (min-width:1024px){
  .cab{grid-template-columns:16rem minmax(0,1fr);gap:2rem;align-items:start}
  .cab__menu{position:sticky;top:6rem}
}

/* ---------- ПОПОЛНЕНИЕ БАЛАНСА ---------- */
.topup{margin-top:2.5rem;border-radius:var(--radius-3xl);border:1px solid var(--border);background:var(--card);padding:1.5rem}
.topup__top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem}
.topup__label{font-size:.875rem;line-height:1.25rem;color:var(--muted-foreground)}
.topup__amount{margin-top:.25rem;font-family:var(--font-display);font-size:2.5rem;line-height:1;font-weight:700;
  color:var(--foreground)}
.topup__currency{font-size:1.5rem;color:var(--muted-foreground)}
.topup__badge{border-radius:var(--radius-full);background:color-mix(in oklab,var(--success) 15%,transparent);
  padding:.375rem .75rem;font-size:.8125rem;line-height:1.125rem;font-weight:600;color:var(--success)}
.topup__badge--base{background:var(--secondary);color:var(--muted-foreground)}
.topup__range{margin-top:1.5rem;width:100%;height:.5rem;-webkit-appearance:none;appearance:none;
  border-radius:var(--radius-full);background:var(--secondary);outline:none}
.topup__range::-webkit-slider-thumb{-webkit-appearance:none;width:1.5rem;height:1.5rem;border:3px solid var(--card);
  border-radius:var(--radius-full);background:var(--brand);box-shadow:0 6px 14px -6px rgba(79,70,229,.9);cursor:pointer}
.topup__range::-moz-range-thumb{width:1.25rem;height:1.25rem;border:3px solid var(--card);
  border-radius:var(--radius-full);background:var(--brand);cursor:pointer}
.topup__range:focus-visible{outline:2px solid var(--ring);outline-offset:4px}
.topup__marks{margin-top:1rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
.topup__mark{border-radius:var(--radius-xl);border:1px solid transparent;background:var(--secondary);padding:.5rem;
  text-align:center;transition:background-color .15s var(--ease),border-color .15s var(--ease)}
.topup__mark--active{border-color:var(--brand);background:var(--brand-soft)}
.topup__mark-price{display:block;font-family:var(--font-mono);font-size:.875rem;line-height:1.25rem;font-weight:700;
  color:var(--foreground)}
.topup__mark-from{display:block;margin-top:.125rem;font-style:normal;font-size:.6875rem;line-height:1rem;
  color:var(--muted-foreground)}
.topup__out{margin-top:1.5rem;display:grid;gap:.75rem;border-top:1px solid var(--border);padding-top:1.5rem}
.topup__cell-label{font-size:.8125rem;line-height:1.125rem;color:var(--muted-foreground)}
.topup__cell-value{margin-top:.25rem;font-family:var(--font-display);font-size:1.5rem;line-height:2rem;font-weight:700;
  color:var(--foreground)}
.topup__cell-value--ok{color:var(--success)}
.topup__foot{margin-top:1.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}
.topup__note{flex:1 1 16rem;font-size:.875rem;line-height:1.25rem;color:var(--muted-foreground)}
.topup__cta{padding:.875rem 1.75rem;font-size:.9375rem;line-height:1.375rem}
.topup__extra{margin-top:1.25rem;text-align:center;font-size:.875rem;line-height:1.375rem;color:var(--muted-foreground)}
.topup__link{font-weight:600;color:var(--foreground);text-decoration:underline;text-decoration-color:var(--brand);
  text-underline-offset:3px}
.topup__link:hover{color:var(--brand-ink,var(--foreground))}
@media (min-width:640px){
  .topup{padding:2.25rem}
  .topup__amount{font-size:3rem}
  .topup__marks{grid-template-columns:repeat(6,minmax(0,1fr))}
  .topup__out{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
  .topup__cta{flex:none}
}

/* ---------- СРАВНЕНИЕ ---------- */
.compare{margin-top:2.5rem;overflow:hidden;border-radius:var(--radius-3xl);border:1px solid var(--border);background:var(--card)}
.compare__row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:1rem;
  border-bottom:1px solid var(--border);padding:1rem 1.25rem}
.compare__row:last-child{border-bottom-width:0}
.compare__row--head{background:color-mix(in oklab,var(--secondary) 60%,transparent)}
.compare__label{font-size:.875rem;line-height:1.25rem;color:var(--foreground)}
.compare__label--head{font-weight:600}
.compare__col{width:5rem;text-align:center;font-size:.875rem;line-height:1.25rem}
.compare__col--us{font-weight:700;color:var(--foreground)}
.compare__col--others{color:var(--muted-foreground)}
.compare__cell{display:flex;width:5rem;justify-content:center}
.compare__mark{display:flex;width:1.75rem;height:1.75rem;align-items:center;justify-content:center;border-radius:var(--radius-full)}
.compare__mark svg{width:1rem;height:1rem}
.compare__mark--yes{background:color-mix(in oklab,var(--success) 15%,transparent);color:var(--success)}
.compare__mark--other{background:var(--secondary);color:var(--muted-foreground)}
.compare__mark--no{background:color-mix(in oklab,var(--destructive) 10%,transparent);color:var(--destructive)}
@media (min-width:640px){
  .compare__row{padding-inline:2rem}
  .compare__col,.compare__cell{width:7rem}
}

/* ---------- FAQ ---------- */
.faq-layout{margin-top:2.5rem;display:grid;gap:1.5rem}
.faq-side{display:grid;gap:1rem;align-content:start}
.faq-side__card{border-radius:var(--radius-3xl);border:1px solid var(--border);background:var(--card);padding:1.5rem}
.faq-side__title{font-size:.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  color:var(--muted-foreground)}
.faq-side__stats{margin-top:1.25rem}
.faq-side__stat{display:block}
.faq-side__stat + .faq-side__stat{margin-top:1rem;border-top:1px solid var(--border);padding-top:1rem}
.faq-side__num{display:block;font-family:var(--font-display);font-size:1.5rem;line-height:2rem;font-weight:700;color:var(--brand)}
.faq-side__cap{display:block;margin-top:.125rem;font-size:.8125rem;line-height:1.25rem;color:var(--muted-foreground)}
.faq-side__text{margin-top:1.25rem;border-top:1px solid var(--border);padding-top:1.25rem;font-size:.8125rem;
  line-height:1.5;color:var(--muted-foreground)}
.faq-side__ask{border-radius:var(--radius-3xl);border:1px solid color-mix(in oklab,var(--brand) 35%,transparent);
  background:var(--brand-soft);padding:1.5rem}
.faq-side__ask-title{font-weight:600;color:var(--foreground)}
.faq-side__ask-text{margin-top:.375rem;font-size:.8125rem;line-height:1.5;color:var(--muted-foreground)}
.faq-side__ask-btn{display:block;margin-top:1rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem}
.faq{min-width:0}
@media (min-width:1024px){
  .faq-layout{grid-template-columns:17rem minmax(0,1fr);gap:2rem;align-items:start}
  .faq-side{position:sticky;top:5rem}
}
.faq__item{overflow:hidden;border-radius:var(--radius-2xl);border:1px solid var(--border);background:var(--card)}
.faq__item + .faq__item{margin-top:.75rem}
.faq__btn{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;text-align:left}
.faq__q{font-weight:500;color:var(--foreground)}
.faq__icon{width:1.25rem;height:1.25rem;flex:none;color:var(--muted-foreground);
  transition:transform .3s var(--ease),color .3s var(--ease)}
.faq__item--open .faq__icon{transform:rotate(45deg);color:var(--brand)}
.faq__panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .3s cubic-bezier(0,0,.2,1),opacity .3s cubic-bezier(0,0,.2,1)}
.faq__item--open .faq__panel{grid-template-rows:1fr;opacity:1}
.faq__panel-inner{overflow:hidden}
.faq__answer{padding:0 1.25rem 1.25rem;font-size:.875rem;line-height:1.625;color:var(--muted-foreground)}
@media (min-width:640px){
  .faq__btn{padding-inline:1.5rem}
  .faq__answer{padding-inline:1.5rem}
}

/* ---------- ЗАЯВКА ---------- */
.lead{padding-block:5rem}
.lead__card{overflow:hidden;border-radius:2rem;background:var(--sidebar);color:#fff;
  box-shadow:0 40px 80px -50px rgba(11,17,32,.7)}
.lead__grid{display:grid;gap:2.5rem;padding:2rem}
.lead__title{font-family:var(--font-display);font-size:1.875rem;line-height:1.25;font-weight:700;text-wrap:balance}
.lead__text{margin-top:1rem;text-wrap:pretty;color:rgba(255,255,255,.7)}
.lead__list{margin-top:2rem}
.lead__item{display:flex;align-items:center;gap:.75rem;font-size:.875rem;line-height:1.25rem;color:rgba(255,255,255,.9)}
.lead__item + .lead__item{margin-top:.75rem}
.lead__item svg{width:1.25rem;height:1.25rem;flex:none;color:var(--brand-light)}
.lead__box{border-radius:var(--radius-3xl);background:var(--card);padding:1.5rem;color:var(--foreground)}
.lead__form > * + *{margin-top:1rem}
.lead__form--hidden{display:none}
.lead__label{margin-bottom:.375rem;display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--foreground)}
.lead__input{display:block;width:100%;border-radius:var(--radius-xl);border:1px solid var(--border);
  background:color-mix(in oklab,var(--secondary) 50%,transparent);padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;
  color:var(--foreground);outline:none;transition:border-color .15s var(--ease),background-color .15s var(--ease)}
.lead__input::placeholder{color:var(--muted-foreground)}
.lead__input:focus{border-color:var(--brand);background:var(--background)}
.lead__submit{display:block;width:100%;padding:.875rem 1.5rem;font-size:1rem;line-height:1.5rem}
.lead__submit:hover{transform:scale(1.02)}
.lead__note{text-align:center;font-size:.75rem;line-height:1rem;color:var(--muted-foreground)}
.lead__ok{display:none;height:100%;min-height:16rem;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.lead__ok--visible{display:flex}
.lead__ok svg{width:3.5rem;height:3.5rem;color:var(--success)}
.lead__ok-title{margin-top:1rem;font-family:var(--font-display);font-size:1.5rem;line-height:2rem;font-weight:700}
.lead__ok-text{margin-top:.5rem;font-size:.875rem;line-height:1.25rem;color:var(--muted-foreground)}
@media (min-width:640px){
  .lead__grid{padding:3rem}
  .lead__title{font-size:2.25rem}
  .lead__box{padding:2rem}
}
@media (min-width:1024px){
  .lead__grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:4rem}
}

/* ---------- ФУТЕР ---------- */
.footer{background:var(--sidebar);color:#fff}
.footer__inner{padding-block:3rem}
.footer__top{display:flex;flex-direction:column;gap:2rem}
.footer__brand{max-width:20rem}
.footer__about{margin-top:.75rem;font-size:.875rem;line-height:1.25rem;color:rgba(255,255,255,.6)}
.footer__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
.footer__col-title{font-size:.875rem;line-height:1.25rem;font-weight:600;color:#fff}
.footer__links{margin-top:.75rem;font-size:.875rem;line-height:1.25rem;color:rgba(255,255,255,.66)}
.footer__links li + li{margin-top:.5rem}
.footer__link:hover{color:var(--brand-light)}
.footer__bottom{margin-top:2.5rem;display:flex;flex-direction:column;gap:.5rem;border-top:1px solid rgba(255,255,255,.1);
  padding-top:1.5rem;font-size:.75rem;line-height:1rem;color:rgba(255,255,255,.5)}
@media (min-width:640px){
  .footer__top{flex-direction:row;align-items:flex-start;justify-content:space-between}
  .footer__cols{gap:4rem}
  .footer__bottom{flex-direction:row;align-items:center;justify-content:space-between}
}