:root{
  --bg:#0b1220;--bg-2:#0f172a;--card:#121a2b;
  --text:#eaf0fa;--muted:#a2b6d3;--line:#1e2a41;
  --accent:#2f8cff;--accent-2:#b224ef;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,Segoe UI,sans-serif;color:var(--text);background:var(--bg);line-height:1.6;overflow-x:hidden}
.container{max-width:1100px;margin:0 auto;padding:0 18px}

/* Навбар */
.nav{position:sticky;top:0;z-index:50;background:rgba(11,18,32,.85);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.05)}
.nav-inner{display:flex;justify-content:space-between;align-items:center;padding:12px 0}
.brand{display:flex;align-items:center;gap:10px;font-weight:600}
.yt-dot{width:18px;height:18px;border-radius:4px;background:linear-gradient(135deg,#ff2d2d,#ff6b6b)}
.nav-links{display:flex;gap:16px;align-items:center}
.nav a{color:var(--muted);text-decoration:none}
.nav a:hover{color:var(--text)}
.burger{display:none;font-size:24px;cursor:pointer}
@media(max-width:768px){
  .burger{display:block}
  .nav-links{position:absolute;top:56px;right:0;flex-direction:column;background:var(--bg-2);width:200px;padding:14px;display:none}
  .nav-links.open{display:flex}
}

/* Hero */
.hero{text-align:center;padding:90px 0 60px;position:relative;overflow:hidden}
.hero h1{font-size:48px;margin:0}
.hero p{max-width:700px;margin:10px auto;color:var(--muted)}
.grad{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;color:transparent}
.btn{display:inline-block;padding:12px 20px;border-radius:12px;background:var(--accent);color:#fff;text-decoration:none;font-weight:600;box-shadow:0 6px 18px rgba(47,140,255,.25);transition:.2s}
.btn:hover{transform:translateY(-1px)}
.btn-lg{font-size:18px;padding:14px 26px}
.btn-sm{font-size:14px;padding:8px 14px}
.glow{position:relative}
.glow::after{content:"";position:absolute;inset:-2px;z-index:-1;border-radius:14px;background:conic-gradient(from 0deg,var(--accent),var(--accent-2),var(--accent));filter:blur(16px);opacity:.45}
.badges{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px}
.badges span{border:1px solid var(--line);padding:6px 10px;border-radius:10px;background:rgba(255,255,255,.03);font-size:14px;color:#c9d6ef}

/* Sections */
.section{padding:70px 0;border-top:1px solid var(--line)}
.section.alt{background:var(--bg-2)}
.section h2{text-align:center;font-size:32px;margin-bottom:20px}
.grid{display:grid;gap:18px}
.g3{grid-template-columns:repeat(3,1fr)}
.g2{grid-template-columns:repeat(2,1fr)}
@media(max-width:900px){.g3,.g2{grid-template-columns:1fr}}
.card{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:16px;padding:18px;transition:.2s}
.card:hover{transform:translateY(-3px)}
.card p{color:var(--muted);margin:6px 0}
.icon{font-size:22px;margin-bottom:6px}
.table{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:20px}
.table .row{display:grid;grid-template-columns:2fr 1fr 1fr;padding:12px 14px;border-top:1px solid var(--line)}
.table .row:first-child{background:rgba(255,255,255,.05);font-weight:600;border-top:none}
.faq details{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:12px;padding:12px;margin:10px 0}
.faq summary{cursor:pointer;font-weight:600}
.faq p{color:var(--muted);margin:6px 0}

/* Footer */
.footer{padding:28px 0;border-top:1px solid var(--line);background:rgba(255,255,255,.02)}
.foot-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.foot-links{display:flex;gap:14px}
.foot-links a{color:var(--muted);text-decoration:none}
.foot-links a:hover{color:var(--text)}

/* Backgrounds */
.bg-radial,.bg-radial2{position:absolute;inset:-30%;height:70%;z-index:-1;filter:blur(70px);opacity:.5}
.bg-radial{background:radial-gradient(800px 400px at 50% 0%,rgba(47,140,255,.25),transparent 70%)}
.bg-radial2{bottom:-30%;background:radial-gradient(900px 400px at 50% 100%,rgba(178,36,239,.2),transparent 70%)}

/* Фиксированная кнопка */
.fixed-download{
  position:fixed;bottom:12px;left:50%;transform:translateX(-50%);
  background:linear-gradient(90deg,var(--accent),var(--accent-2));
  color:#fff;font-weight:600;text-decoration:none;
  padding:14px 28px;border-radius:30px;box-shadow:0 6px 18px rgba(47,140,255,.4);
  z-index:100;animation:pop .4s ease
}
@keyframes pop{from{opacity:0;transform:translateX(-50%) translateY(30px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
@media(min-width:900px){.fixed-download{display:none}}

/* Таблица — аккуратное выравнивание */
.table {
  border: 1px solid var(--line);
  border-radius: 12px;
  overflow: hidden;
  margin: 20px auto;
  max-width: 800px;
  background: rgba(255, 255, 255, .02);
}
.table .row {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  padding: 12px 14px;
  border-top: 1px solid var(--line);
}
.table .row:first-child {
  background: rgba(255, 255, 255, .05);
  font-weight: 600;
  border-top: none;
}
.table .row span:nth-child(2) {
  color: #c9d6ef;
}
.table .row span:nth-child(3) {
  color: #9cf3c7;
}

/* Кнопка под таблицей — выравнивание и стиль */
.compare-btn {
  text-align: center;
  margin-top: 26px;
}
.compare-btn .btn {
  display: inline-block;
  box-shadow: 0 8px 25px rgba(47,140,255,.25);
  transition: transform .2s ease, box-shadow .2s ease;
}
.compare-btn .btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 35px rgba(47,140,255,.35);
}

/* Отзывы */
#reviews .card {
  background: rgba(255,255,255,0.03);
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 20px;
  text-align: left;
  transition: transform .2s ease, box-shadow .2s ease;
}
#reviews .card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(47,140,255,0.15);
}
#reviews .stars {
  margin-top: 10px;
  color: #f5b50a;
  font-size: 18px;
}
#reviews .author {
  display: block;
  margin-top: 8px;
  font-size: 14px;
  color: #9ca8b8;
}