:root{
    --bg:#0b0d12;
    --bg-alt:#11141b;
    --card:#161a23;
    --border:#232838;
    --text:#e8eaf0;
    --text-dim:#9aa2b5;
    --accent:#5b8cff;
    --accent-dim:#2c3a63;
    --good:#3ecf8e;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  body{
    background:var(--bg);
    color:var(--text);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
  }
  a{color:inherit;text-decoration:none;}
  .wrap{max-width:1080px;margin:0 auto;padding:0 24px;}
  .mirror-banner{
    display:flex;align-items:center;justify-content:center;gap:10px;
    background:var(--accent-dim);color:var(--text);font-size:13px;
    padding:8px 16px;text-align:center;
  }
  .mirror-banner.hidden{display:none;}
  .mirror-banner a{color:#fff;text-decoration:underline;text-underline-offset:2px;font-weight:600;}
  .mirror-banner button{
    background:transparent;border:none;color:var(--text-dim);cursor:pointer;
    font-size:14px;line-height:1;padding:2px 4px;
  }
  .mirror-banner button:hover{color:var(--text);}

  header{
    position:sticky;top:0;z-index:50;
    background:rgba(11,13,18,0.85);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--border);
  }
  .nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0;}
  .logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;letter-spacing:-0.02em;}
  .logo-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);}
  .nav-links{display:flex;gap:28px;font-size:14px;color:var(--text-dim);}
  .nav-links a:hover{color:var(--text);}
  .nav-right{display:flex;align-items:center;gap:14px;}
  .lang-toggle{
    display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;font-size:12px;
  }
  .lang-toggle button{
    padding:6px 10px;background:transparent;border:none;color:var(--text-dim);cursor:pointer;font-weight:600;
  }
  .lang-toggle button.active{background:var(--accent-dim);color:var(--text);}
  .btn{
    display:inline-block;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;
    background:var(--accent);color:#fff;transition:opacity .15s;
  }
  .btn:hover{opacity:.88;}
  .btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text);}

  .hero{padding:96px 0 72px;text-align:center;position:relative;overflow:hidden;}
  .hero::before{
    content:"";position:absolute;top:-200px;left:50%;transform:translateX(-50%);
    width:900px;height:500px;
    background:radial-gradient(ellipse at center, rgba(91,140,255,0.18), transparent 65%);
    pointer-events:none;
  }
  .eyebrow{
    display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--good);
    background:rgba(62,207,142,0.08);border:1px solid rgba(62,207,142,0.25);
    padding:6px 14px;border-radius:999px;margin-bottom:24px;
  }
  .eyebrow .pulse{width:7px;height:7px;border-radius:50%;background:var(--good);animation:pulse 2s infinite;}
  @keyframes pulse{0%,100%{opacity:1;}50%{opacity:.3;}}
  h1{font-size:48px;line-height:1.12;letter-spacing:-0.03em;max-width:760px;margin:0 auto 20px;}
  .hero p.sub{font-size:18px;color:var(--text-dim);max-width:560px;margin:0 auto 36px;}
  .trial-note{
    display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--accent);
    background:rgba(91,140,255,0.08);border:1px solid rgba(91,140,255,0.25);
    padding:6px 14px;border-radius:999px;margin:8px auto 32px;
  }
  .hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:56px;}
  .hero-cta .btn{padding:14px 28px;font-size:15px;}

  .download-cta{margin-bottom:24px;display:flex;flex-direction:column;align-items:center;}
  .dl-primary{padding:14px 28px;font-size:15px;}
  .dl-primary.hidden{display:none;}

  .platforms{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;color:var(--text-dim);font-size:17px;}
  .platforms>*{display:flex;align-items:center;gap:8px;}
  .platforms a.platform-link{transition:color .15s;}
  .platforms a.platform-link:hover{color:var(--text);}

  section{padding:64px 0;border-top:1px solid var(--border);}
  .section-head{text-align:center;max-width:600px;margin:0 auto 48px;}
  .section-head .tag{font-size:13px;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;}
  .section-head h2{font-size:32px;letter-spacing:-0.02em;margin-bottom:14px;}
  .section-head p{color:var(--text-dim);font-size:18px;}

  .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  .card{
    background:var(--card);border:1px solid var(--border);border-radius:16px;padding:26px;
  }
  .card .icon{
    width:40px;height:40px;border-radius:10px;background:var(--accent-dim);
    display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:18px;
  }
  .card h3{font-size:17px;margin-bottom:8px;}
  .card p{color:var(--text-dim);font-size:16px;}

  .how{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;}
  .how-step{padding:0 16px;position:relative;}
  .how-step .num{
    width:32px;height:32px;border-radius:50%;border:1px solid var(--accent);color:var(--accent);
    display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;margin-bottom:14px;
  }
  .how-step h4{font-size:16px;margin-bottom:6px;}
  .how-step p{font-size:15px;color:var(--text-dim);}

  .status-bar{
    display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;
    background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px 26px;
  }
  .status-item{display:flex;align-items:center;gap:10px;font-size:15px;}
  .status-item .led{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 8px var(--good);}
  .status-item .val{color:var(--text-dim);}

  .pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  .price-card{
    background:var(--card);border:1px solid var(--border);border-radius:16px;padding:28px;display:flex;flex-direction:column;
  }
  .price-card.featured{border-color:var(--accent);position:relative;}
  .price-card.featured::before{
    content:attr(data-badge);position:absolute;top:-11px;left:50%;transform:translateX(-50%);
    background:var(--accent);color:#fff;font-size:11px;font-weight:700;padding:4px 12px;border-radius:999px;
  }
  .price-card h3{font-size:15px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px;}
  .price-card .amount{font-size:34px;font-weight:700;letter-spacing:-0.02em;margin-bottom:4px;}
  .price-card .period{font-size:15px;color:var(--text-dim);margin-bottom:22px;}
  .price-card ul{list-style:none;margin-bottom:24px;flex:1;}
  .price-card li{font-size:16px;color:var(--text-dim);padding:9px 0;border-top:1px solid var(--border);}
  .price-card li:first-child{border-top:none;}
  .price-card li::before{content:"✓ ";color:var(--good);font-weight:700;}

  .faq-item{border-top:1px solid var(--border);padding:20px 0;}
  .faq-item:last-child{border-bottom:1px solid var(--border);}
  .faq-item summary{cursor:pointer;font-size:18px;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center;}
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-item summary::after{content:"+";color:var(--accent);font-size:20px;}
  .faq-item[open] summary::after{content:"–";}
  .faq-item p{color:var(--text-dim);font-size:16px;margin-top:12px;max-width:640px;}
  .faq-item p a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;}

  footer{padding:40px 0;border-top:1px solid var(--border);}
  .footer-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;color:var(--text-dim);font-size:14px;}
  .footer-links{display:flex;gap:20px;}

  .icon-links{display:flex;align-items:center;gap:24px;}
  .icon-links a{color:var(--text-dim);display:flex;line-height:0;transition:color .15s;}
  .icon-links a:hover{color:var(--text);}
  .icon-badge-wrap{position:relative;}
  .icon-badge{
    position:absolute;bottom:-6px;right:-9px;font-size:13px;line-height:1;
    background:var(--bg-alt);border:1px solid var(--border);border-radius:50%;
    width:20px;height:20px;display:flex;align-items:center;justify-content:center;
  }

  .tech-advantages{
    list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 32px;
    max-width:900px;margin:0 auto 56px;
  }
  .tech-advantages li{font-size:17px;color:var(--text-dim);padding:14px 0;border-top:1px solid var(--border);}
  .tech-advantages li:nth-child(-n+2){border-top:none;}
  .tech-advantages li::before{content:"✓ ";color:var(--good);font-weight:700;}

  .tech-details{max-width:740px;margin:0 auto;color:var(--text-dim);font-size:17px;}
  .tech-details h3{color:var(--text);font-size:20px;margin-bottom:16px;}
  .tech-details p{margin-bottom:16px;}
  .tech-note{
    background:var(--card);border:1px solid var(--border);border-radius:12px;
    padding:18px 20px;margin-top:8px;font-size:14px;
  }
  .tech-note strong{color:var(--text);}

  /* Форма партнёрской заявки (задача 19.09.2026, черновик — секция #partners
     не публикуется, пока не пришлют финальный текст, см. комментарий в HTML). */
  .partner-form{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:14px;}
  .partner-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
  .partner-form input,.partner-form textarea{
    background:var(--card);border:1px solid var(--border);border-radius:10px;
    padding:12px 14px;font:inherit;color:var(--text);width:100%;box-sizing:border-box;
  }
  .partner-form textarea{resize:vertical;}
  .partner-form button{align-self:flex-start;}
  .partner-form-privacy{font-size:12px;color:var(--text-dim);margin:0;}
  .partner-form-privacy a{color:inherit;text-decoration:underline;}
  .partner-form-status{font-size:14px;color:var(--good);margin:0;}
  .partner-form-status.error{color:var(--bad,#e5484d);}
  /* honeypot: скрыт визуально и от читалок экрана, но остаётся в DOM и
     фокусируем/табаем его нельзя (tabindex=-1) — обычный человек его не видит
     и не трогает никаким способом, автозаполнители форм браузера — трогают. */
  .partner-hp{
    position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;
    overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
  }

  [data-lang="en"]{display:none !important;}
  html.lang-en [data-lang="ru"]{display:none !important;}
  html.lang-en [data-lang="en"]{display:revert !important;}

  @media (max-width:860px){
    .grid3{grid-template-columns:1fr;}
    .how{grid-template-columns:1fr 1fr;row-gap:28px;}
    .pricing{grid-template-columns:1fr;}
    .tech-advantages{grid-template-columns:1fr;}
    .tech-advantages li:nth-child(-n+2){border-top:1px solid var(--border);}
    .tech-advantages li:first-child{border-top:none;}
    h1{font-size:34px;}
    .nav-links{display:none;}
  }

/* ===== СТЕКЛО (02.10.2026, владелец: «сайт и зеркало в стеклянном стиле, как панель»).
   Слой ПОВЕРХ прежних правил: прежний style.css не тронут, откат — убрать этот блок.
   Те же приёмы, что в панели 6.9x: тёмный фон с цветными пятнами, карточки из матового стекла,
   объёмные кнопки-«пилюли», лёгкие тени. Размытие только у шапки и карточек — без лишней нагрузки. ===== */
:root{
  --bg:#070a12; --bg-alt:rgba(255,255,255,.035); --card:rgba(255,255,255,.06);
  --border:rgba(255,255,255,.12); --text:#eef1f8; --text-dim:#9aa3b8;
  --accent:#6f9bff; --accent-dim:rgba(111,155,255,.22); --good:#3ddc97;
}
html{background:#070a12;}
body{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI Variable","Segoe UI",Roboto,sans-serif;
  background:
    radial-gradient(45% 32% at 18% 4%, rgba(70,110,255,.30), rgba(0,0,0,0) 70%),
    radial-gradient(34% 28% at 88% 22%, rgba(150,80,255,.18), rgba(0,0,0,0) 70%),
    radial-gradient(44% 30% at 26% 68%, rgba(0,190,160,.10), rgba(0,0,0,0) 70%),
    radial-gradient(36% 26% at 82% 94%, rgba(70,110,255,.16), rgba(0,0,0,0) 70%),
    #070a12;
  background-attachment:fixed;
}
header{
  background:linear-gradient(180deg, rgba(14,18,30,.72), rgba(10,13,22,.55));
  -webkit-backdrop-filter:blur(24px) saturate(180%); backdrop-filter:blur(24px) saturate(180%);
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.04), 0 10px 30px -20px rgba(0,0,0,.9);
}
.mirror-banner{background:rgba(111,155,255,.16);border-bottom:1px solid rgba(143,176,255,.25);}
.lang-toggle{border-color:rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.04);}
.lang-toggle button{border-radius:999px;}
.lang-toggle button.active{background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.06));}

/* кнопки — как в панели */
.btn,.partner-form button{
  border-radius:999px;padding:11px 22px;color:#fff;
  border:1px solid rgba(200,215,255,.6);
  background:linear-gradient(180deg,#80a6ff,#4874f6);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.7), inset 0 -3px 8px rgba(20,40,130,.45), 0 10px 26px -10px rgba(91,138,255,.85);
  transition:filter .15s, transform .1s;
}
.btn:hover,.partner-form button:hover{opacity:1;filter:brightness(1.08);}
.btn:active,.partner-form button:active{transform:scale(.97);}
.btn-ghost{
  color:#f2f5ff;border-color:rgba(255,255,255,.2);
  background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.05));
  box-shadow:inset 0 1px 1px rgba(255,255,255,.4), inset 0 -1px 1px rgba(0,0,0,.25), 0 8px 24px -12px rgba(0,0,0,.8);
}

/* стеклянные карточки */
.card,.how-step,.price-card,.status-bar,.faq-item,.tech-details,.tech-note,.partner-form,.platforms a.platform-link{
  background:linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 30px 60px -30px rgba(0,0,0,.9);
  -webkit-backdrop-filter:blur(16px) saturate(150%); backdrop-filter:blur(16px) saturate(150%);
}
.card,.price-card,.tech-details,.partner-form{border-radius:26px;}
.how-step,.status-bar,.tech-note{border-radius:22px;}
.platforms a.platform-link{border-radius:999px;}
.platforms a.platform-link:hover{border-color:rgba(143,176,255,.5);}
.faq-item{border-radius:18px;padding:4px 18px;margin-bottom:10px;}
.faq-item:last-child{border-bottom:1px solid rgba(255,255,255,.12);}
.price-card.featured{
  border-color:rgba(143,176,255,.55);
  background:linear-gradient(180deg, rgba(111,155,255,.20), rgba(111,155,255,.05));
  box-shadow:inset 0 1px 0 rgba(200,215,255,.3), 0 0 50px -14px rgba(91,138,255,.6), 0 30px 60px -30px rgba(0,0,0,.9);
}
.card .icon,.how-step .num{
  background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.35);
}
section{background:transparent;}
.status-item .led{box-shadow:0 0 10px currentColor;}
.eyebrow{
  background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.16);border-radius:999px;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.3);
}
.partner-form input,.partner-form textarea{
  background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.12);border-radius:14px;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.5);color:var(--text);
}
.partner-form input:focus,.partner-form textarea:focus{outline:none;border-color:rgba(143,176,255,.7);box-shadow:inset 0 1px 3px rgba(0,0,0,.5),0 0 0 4px rgba(91,138,255,.2);}
footer{background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.05));border-top:1px solid rgba(255,255,255,.08);}

/* телефон и слабые устройства: размытие легче */
@media (max-width:600px){
  .card,.how-step,.price-card,.status-bar,.faq-item,.tech-details,.tech-note,.partner-form{
    -webkit-backdrop-filter:none;backdrop-filter:none;
  }
}
@media (prefers-reduced-transparency:reduce){
  header,.card,.how-step,.price-card,.status-bar,.faq-item,.tech-details,.tech-note,.partner-form{
    -webkit-backdrop-filter:none;backdrop-filter:none;background:#121624;
  }
}

/* промокод под тарифами (02.10.2026) */
.promo-note{text-align:center;color:var(--text-dim);font-size:14px;margin-top:22px;}