/* inn-check-ru — фирменная палитра семьи (assets/social-preview.png).
   Тёмная тема, системные шрифты, ноль внешних зависимостей. */
:root{
  --bg:#0A0D13; --bg-soft:#10151D; --bg-card:#0E1420;
  --border:#232D3C; --text:#DDE5EF; --dim:#94A2B4;
  --accent:#7AA7FF; --cta:#FF8A3D; --cta-ink:#A8500F;
  --good:#4ADE80; --warn:#FACC15; --bad:#F87171;
  --maxw:1120px; --r:14px; --t:200ms cubic-bezier(.2,.6,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--text);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.18;letter-spacing:-.01em;margin:0}
.mono,code{font-family:ui-monospace,Menlo,Consolas,monospace}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.accent{color:var(--accent)} .cta-t{color:var(--cta)}
:focus-visible{outline:3px solid var(--cta);outline-offset:2px;border-radius:4px}

.tl{display:inline-flex;gap:8px;align-items:center}
.tl i{width:13px;height:13px;border-radius:50%;display:block}
.tl .g{background:var(--good)} .tl .a{background:var(--warn)} .tl .r{background:var(--bad)}

header{position:sticky;top:0;z-index:50;background:rgba(10,13,19,.88);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
.nav{display:flex;align-items:center;justify-content:space-between;height:62px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--text)}
.brand:hover{text-decoration:none}
.brand small{font-weight:500;color:var(--dim);font-size:13px}
.nav-links{display:flex;gap:22px;align-items:center}
.nav-links a{color:var(--dim);font-weight:500;font-size:14.5px}
.nav-links a:hover{color:var(--text)}
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;
  padding:11px 20px;border-radius:10px;cursor:pointer;transition:transform var(--t),background var(--t),box-shadow var(--t);border:1px solid transparent}
.btn:hover{text-decoration:none;transform:translateY(-1px)}
.btn-primary{background:var(--cta);color:#16100A;box-shadow:0 2px 0 rgba(0,0,0,.25)}
.btn-primary:hover{background:#ff9a5c;box-shadow:0 6px 18px rgba(255,138,61,.3)}
.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}
.btn-ghost:hover{background:var(--bg-soft)}
@media(max-width:820px){.nav-links a:not(.btn){display:none}}

.hero{padding:84px 0 64px}
.kicker{font:600 13px/1 system-ui;letter-spacing:.16em;text-transform:uppercase;color:var(--cta);margin-bottom:22px}
.hero h1{font-size:clamp(30px,6vw,56px);font-weight:700;max-width:20ch}
.hero p.sub{font-size:clamp(17px,2.2vw,20px);color:var(--dim);margin:22px 0 32px;max-width:56ch}
.cta-row{display:flex;gap:14px;flex-wrap:wrap}
.trust-mini{margin-top:26px;color:var(--dim);font-size:14px;display:flex;align-items:flex-start;gap:10px}

.card-light{background:#F5F1E8;color:#1A1816;border-radius:var(--r);padding:26px 28px;
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14.5px;line-height:1.75;
  border:1px solid var(--border);white-space:pre-wrap;box-shadow:0 18px 46px rgba(0,0,0,.35)}
.card-light .red{color:#C4361F;font-weight:700}
.card-light .dim2{color:#8C847A}
.card-note{color:var(--dim);font-size:14px;margin-top:12px}

.proof{background:var(--bg-soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:64px 0}
.proof h2{color:#fff;font-size:clamp(24px,4vw,38px);margin-bottom:8px}
.proof-lead{color:var(--dim);font-size:clamp(16px,2vw,19px);max-width:56ch;margin:14px 0 4px}
.nums{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap;margin:22px 0 14px}
.nums .n{font:700 clamp(30px,8vw,64px)/1 Georgia;color:#fff}
.nums .ne{font:700 clamp(24px,5vw,32px)/1 Georgia;color:var(--bad)}
.proof .small{color:var(--dim);max-width:64ch}
.proof .verdict{margin-top:18px;font-size:19px;color:#fff;max-width:64ch}
.proof .verdict b{color:var(--cta)}

section.s{padding:72px 0}
.s.alt{background:var(--bg-soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.sec-head{max-width:64ch;margin-bottom:38px}
.sec-head h2{font-size:clamp(25px,4vw,36px)}
.sec-head p{color:var(--dim);margin:14px 0 0;font-size:17.5px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
@media(max-width:860px){.grid3,.grid2{grid-template-columns:1fr}}
.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:26px;transition:transform var(--t),box-shadow var(--t)}
.card:hover{transform:translateY(-3px);box-shadow:0 14px 36px rgba(0,0,0,.3)}
.card h3{font-size:20px;margin-bottom:8px;color:#fff}
.card p,.card li{color:var(--dim);font-size:15.5px}
.card p{margin:0}
.card ul{margin:8px 0 0;padding-left:20px}
.card .tag{display:inline-block;margin-top:14px;font:600 12px/1 ui-monospace,Menlo,monospace;color:var(--accent);background:var(--bg-soft);padding:6px 10px;border-radius:6px;border:1px solid var(--border)}

.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{background:var(--bg-card);border:1px solid var(--border);border-radius:999px;padding:9px 16px;font-size:14.5px;font-weight:500;color:var(--dim)}
.chip b{color:var(--accent);font-weight:700}

.code{background:#0B0F16;color:#E8EDF5;border:1px solid var(--border);border-radius:12px;padding:20px 22px;font:500 14.5px/1.9 ui-monospace,Menlo,Consolas,monospace;overflow-x:auto}
.code .c{color:#66788F}
.code .ok{color:var(--good)}

.steps{counter-reset:st;display:grid;gap:16px}
.step{display:flex;gap:16px;align-items:flex-start;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:20px 22px}
.step::before{counter-increment:st;content:counter(st);flex:0 0 auto;width:34px;height:34px;border-radius:50%;
  background:var(--cta);color:#16100A;font-weight:700;display:flex;align-items:center;justify-content:center}
.step h3{font-size:18px;margin-bottom:4px;font-family:system-ui;font-weight:700;color:#fff}
.step p{margin:0;color:var(--dim);font-size:15.5px}

.faq details{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:18px 22px;margin-bottom:12px}
.faq summary{cursor:pointer;font-weight:600;color:#fff;font-size:16.5px}
.faq details p{color:var(--dim);margin:12px 0 0;font-size:15.5px}

.oss{background:var(--bg-soft);border:1px solid var(--border);color:var(--text);border-radius:20px;padding:clamp(32px,6vw,56px)}
.oss h2{color:#fff;font-size:clamp(24px,4vw,36px);max-width:24ch}
.oss p{color:var(--dim);max-width:62ch;margin:16px 0 26px;font-size:17px}

footer{border-top:1px solid var(--border);padding:36px 0 48px;color:var(--dim);font-size:14.5px}
footer a{color:var(--dim)}
footer a:hover{color:var(--text)}
.foot-grid{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}

article.page{padding:64px 0 24px;max-width:820px}
article.page h1{font-size:clamp(28px,5vw,44px);margin-bottom:18px}
article.page h2{font-size:clamp(21px,3vw,28px);margin:40px 0 14px;color:#fff}
article.page h3{font-size:19px;margin:26px 0 8px;color:#fff}
article.page p,article.page li{color:var(--dim);font-size:16.5px}
article.page ul,article.page ol{padding-left:22px}
article.page li{margin-bottom:6px}
article.page .lead{font-size:19px;color:var(--text)}
article.page table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px}
article.page th,article.page td{border:1px solid var(--border);padding:10px 12px;text-align:left;color:var(--dim)}
article.page th{color:#fff;background:var(--bg-soft)}
.related{margin:48px 0 24px;padding-top:24px;border-top:1px solid var(--border)}
.related h2{font-size:20px;margin-bottom:12px}