/* Стили контентных страниц (тарифы, инструкции, о сервисе).
   Общий файл на все страницы — правки в одном месте, браузер кэширует.
   Палитра и шрифты те же, что на лендинге, чтобы переход не выглядел разрывом. */
*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --bg:#080c14; --bg2:#0d1420; --card:#111827; --border:#1e2d45;
  --accent:#00d4ff; --accent2:#7c3aed; --text:#e8f0fe; --muted:#6b7fa3; --green:#00e676;
}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:'Geologica',sans-serif;
  font-weight:400;line-height:1.7;overflow-x:hidden;}

/* NAV */
nav{position:sticky;top:0;z-index:100;padding:16px 32px;display:flex;align-items:center;
  gap:24px;background:rgba(8,12,20,.9);backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(0,212,255,.1);}
nav .logo{font-family:'Unbounded',sans-serif;font-size:1.15rem;font-weight:900;
  background:linear-gradient(90deg,#00d4ff,#7c3aed);-webkit-background-clip:text;
  -webkit-text-fill-color:transparent;text-decoration:none;letter-spacing:-.02em;}
nav .spacer{flex:1;}
nav a.nl{color:var(--muted);text-decoration:none;font-size:.85rem;transition:color .2s;}
nav a.nl:hover{color:var(--accent);}
nav .nav-btn{background:linear-gradient(135deg,#00d4ff22,#7c3aed22);border:1px solid var(--accent);
  color:var(--accent);padding:9px 20px;border-radius:8px;font-size:.85rem;text-decoration:none;
  white-space:nowrap;transition:all .25s;}
nav .nav-btn:hover{background:var(--accent);color:#000;}

/* LAYOUT */
.wrap{max-width:820px;margin:0 auto;padding:48px 24px 80px;}
.crumbs{font-size:.78rem;color:var(--muted);margin-bottom:20px;}
.crumbs a{color:var(--muted);text-decoration:none;}
.crumbs a:hover{color:var(--accent);}

h1{font-family:'Unbounded',sans-serif;font-size:clamp(1.7rem,4.5vw,2.6rem);font-weight:900;
  line-height:1.2;letter-spacing:-.02em;margin-bottom:16px;}
.lead{font-size:1.05rem;color:#b9c9de;margin-bottom:36px;}
h2{font-family:'Unbounded',sans-serif;font-size:clamp(1.2rem,3vw,1.55rem);font-weight:700;
  letter-spacing:-.01em;margin:40px 0 14px;}
h3{font-size:1.05rem;font-weight:500;margin:24px 0 8px;color:#dbe7f7;}
p{margin-bottom:14px;color:#c4d3e6;}
a{color:var(--accent);}
ul,ol{margin:0 0 16px 22px;color:#c4d3e6;}
li{margin-bottom:8px;}
strong{color:var(--text);font-weight:500;}
code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9em;background:#0d1727;
  border:1px solid var(--border);border-radius:5px;padding:1px 6px;color:#9fe4ff;}

/* Блоки */
.card{background:var(--card);border:1px solid var(--border);border-radius:12px;
  padding:20px 22px;margin:22px 0;}
.note{border-left:3px solid var(--accent);background:#0c1725;border-radius:0 10px 10px 0;
  padding:14px 18px;margin:22px 0;font-size:.94rem;color:#b9c9de;}
.steps{counter-reset:s;list-style:none;margin-left:0;}
.steps li{counter-increment:s;position:relative;padding-left:42px;margin-bottom:16px;}
.steps li::before{content:counter(s);position:absolute;left:0;top:1px;width:28px;height:28px;
  border-radius:8px;display:grid;place-items:center;font-size:.85rem;font-weight:500;
  background:linear-gradient(135deg,#00d4ff22,#7c3aed22);border:1px solid var(--accent);
  color:var(--accent);}

/* Таблица тарифов */
table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.94rem;}
th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--border);}
th{color:var(--muted);font-weight:500;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;}
td strong{color:var(--accent);}

/* CTA */
.cta{margin:44px 0 8px;background:linear-gradient(135deg,rgba(0,212,255,.08),rgba(124,58,237,.08));
  border:1px solid rgba(0,212,255,.25);border-radius:14px;padding:26px;text-align:center;}
.cta h2{margin:0 0 8px;font-size:1.3rem;}
.cta p{color:#b9c9de;margin-bottom:18px;}
.btn{display:inline-block;background:linear-gradient(135deg,#00d4ff,#7c3aed);color:#04121c;
  font-weight:500;padding:13px 30px;border-radius:10px;text-decoration:none;
  transition:transform .2s,box-shadow .2s;}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px -12px var(--accent);}

/* FAQ */
.faq{margin-top:16px;}
.faq-item{border-bottom:1px solid var(--border);padding:14px 0;}
.faq-q{font-weight:500;color:var(--text);margin-bottom:6px;}
.faq-a{color:#b3c4d8;font-size:.95rem;}

/* FOOTER — перелинковка: с каждой страницы видно все остальные */
footer{border-top:1px solid var(--border);background:var(--bg2);padding:36px 24px;}
.fwrap{max-width:820px;margin:0 auto;}
.flinks{display:flex;flex-wrap:wrap;gap:10px 22px;margin-bottom:18px;}
.flinks a{color:var(--muted);text-decoration:none;font-size:.85rem;}
.flinks a:hover{color:var(--accent);}
.fcopy{color:#4d6079;font-size:.8rem;line-height:1.8;}
.fcopy a{color:#6b7fa3;}

@media(max-width:640px){
  nav{padding:12px 16px;gap:14px;}
  nav .nl{display:none;}
  .wrap{padding:32px 16px 60px;}
}