@charset "UTF-8";
/* vavada062.com — светлая «холодная сталь и лазурь». Префикс .conduit- */

:root{
  --conduit-bg:#eef1f4;
  --conduit-panel:#ffffff;
  --conduit-tx:#12161a;
  --conduit-acc:#1c74b8;
  --conduit-acc-dk:#14547f;
  --conduit-sec:#c2543a;
  --conduit-mut:#58626c;
  --conduit-line:rgba(18,22,26,.12);
  --conduit-line-s:rgba(18,22,26,.26);
  --conduit-w:1200px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--conduit-bg);
  color:var(--conduit-tx);
  font:400 17px/1.66 "Alegreya Sans","Segoe UI",Arial,sans-serif;
}
img,svg{max-width:100%}
a{color:var(--conduit-acc-dk);text-decoration:none}
a:hover{text-decoration:underline}
p{margin:0 0 14px}
h1,h2,h3{margin:0;line-height:1.16;font-family:"Alegreya Sans",Arial,sans-serif;font-weight:700}
.conduit-mono,.conduit-kicker,.conduit-num,thead th,caption,.conduit-mast__l{font-family:"PT Mono","Courier New",monospace}

.conduit-skip{position:absolute;left:-9999px;top:0}
.conduit-skip:focus{left:12px;top:12px;z-index:99;background:var(--conduit-acc);color:#fff;padding:9px 15px}

/* ── шапка сайта ───────────────────────────────── */
.conduit-bar{
  position:sticky;top:0;z-index:40;
  display:flex;align-items:center;gap:20px;
  padding:9px clamp(14px,3vw,30px);
  background:rgba(238,241,244,.95);
  backdrop-filter:blur(8px);
  border-bottom:2px solid var(--conduit-tx);
}
.conduit-logo{display:flex;align-items:center;gap:10px;color:var(--conduit-tx)}
.conduit-logo:hover{text-decoration:none}
.conduit-logo svg{width:34px;height:34px;flex:0 0 34px}
.conduit-logo__n{display:block;font-family:"PT Mono",monospace;font-size:20px;letter-spacing:.06em;color:var(--conduit-acc-dk);line-height:1}
.conduit-logo__s{display:block;font-family:"PT Mono",monospace;font-size:10.5px;color:var(--conduit-mut);letter-spacing:.1em;text-transform:uppercase;margin-top:4px}
.conduit-nav{display:flex;gap:17px;margin-left:auto;flex-wrap:wrap}
.conduit-nav a{color:var(--conduit-mut);font-size:14.5px}
.conduit-nav a:hover{color:var(--conduit-acc);text-decoration:none}
.conduit-cta{
  flex:0 0 auto;background:var(--conduit-acc);color:#fff;
  font-weight:700;font-size:15px;padding:9px 20px;border-radius:3px;
  box-shadow:0 2px 0 var(--conduit-acc-dk);
}
.conduit-cta:hover{text-decoration:none;background:var(--conduit-acc-dk)}

/* ── шапка выпуска ─────────────────────────────── */
.conduit-page{max-width:var(--conduit-w);margin:0 auto;padding:0 clamp(14px,3.4vw,34px) 60px}
.conduit-mast{border-bottom:4px double var(--conduit-tx);padding:26px 0 18px;margin-bottom:22px}
.conduit-mast__l{
  display:flex;flex-wrap:wrap;gap:6px 22px;
  font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--conduit-mut);
  border-bottom:1px solid var(--conduit-line);padding-bottom:9px;margin-bottom:16px;
}
.conduit-mast__t{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.conduit-mast__t svg{width:74px;height:74px;flex:0 0 74px}
.conduit-mast h1{font-size:clamp(30px,4.6vw,54px);max-width:24ch;letter-spacing:-.01em}
.conduit-mast h1 em{font-style:normal;color:var(--conduit-acc)}
.conduit-deck{
  margin-top:16px;font-size:clamp(16px,1.3vw,18.5px);color:#26313a;max-width:78ch;
  border-left:4px solid var(--conduit-sec);padding-left:16px;
}
.conduit-acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.conduit-btn{display:inline-block;padding:12px 26px;font-weight:700;font-size:15.5px;border-radius:3px}
.conduit-btn--p{background:var(--conduit-acc);color:#fff;box-shadow:0 2px 0 var(--conduit-acc-dk)}
.conduit-btn--p:hover{background:var(--conduit-acc-dk);text-decoration:none}
.conduit-btn--s{border:2px solid var(--conduit-tx);color:var(--conduit-tx)}
.conduit-btn--s:hover{background:var(--conduit-tx);color:#fff;text-decoration:none}

.conduit-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}
.conduit-quick a{
  display:block;background:var(--conduit-panel);border:1px solid var(--conduit-line);
  border-top:3px solid var(--conduit-acc);padding:14px 15px;color:var(--conduit-tx);
  box-shadow:0 1px 3px rgba(18,22,26,.05);
}
.conduit-quick a:hover{text-decoration:none;box-shadow:0 3px 10px rgba(18,22,26,.1)}
.conduit-quick .conduit-q__t{display:block;font-family:"PT Mono",monospace;font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--conduit-sec);margin-bottom:6px}
.conduit-quick span+span{display:block;font-size:14.5px;color:#2b353d;line-height:1.5}

/* ── газетная полоса ───────────────────────────── */
.conduit-sheet{
  column-count:3;column-gap:32px;column-rule:1px solid var(--conduit-line-s);
}
.conduit-sheet>*{break-inside:avoid}
.conduit-art{margin:0 0 26px;break-inside:auto}
.conduit-art h2{
  font-size:22px;padding-top:9px;border-top:3px solid var(--conduit-tx);
  margin-bottom:9px;break-after:avoid;
}
.conduit-kicker{
  display:block;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--conduit-sec);margin-bottom:7px;
}
.conduit-art p{font-size:16px;line-height:1.62;text-align:justify;hyphens:auto}
.conduit-art h3{font-size:16.5px;margin:16px 0 7px;color:var(--conduit-acc-dk)}
.conduit-drop::first-letter{
  float:left;font-family:"PT Mono",monospace;font-size:52px;line-height:.86;
  padding:4px 9px 0 0;color:var(--conduit-acc);
}

/* ── врезки на всю полосу ──────────────────────── */
.conduit-inset{
  column-span:all;break-inside:avoid;
  background:var(--conduit-panel);
  border:1px solid var(--conduit-line);
  border-top:4px solid var(--conduit-tx);
  padding:22px 24px;margin:6px 0 28px;
  box-shadow:0 1px 4px rgba(18,22,26,.06);
}
.conduit-inset h2,.conduit-inset h3{font-size:21px;margin-bottom:6px}
.conduit-inset__d{font-family:"PT Mono",monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--conduit-mut);margin-bottom:14px}
.conduit-inset p{font-size:15.5px}

.conduit-grid{display:grid;gap:16px}
.conduit-grid--3{grid-template-columns:repeat(3,1fr)}
.conduit-grid--2{grid-template-columns:repeat(2,1fr)}
.conduit-box{
  border:1px solid var(--conduit-line);border-left:4px solid var(--conduit-sec);
  padding:15px 16px;background:#fafcfd;
}
.conduit-box__k{font-family:"PT Mono",monospace;font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--conduit-mut);margin:0 0 6px}
.conduit-box__v{font-size:27px;font-weight:700;color:var(--conduit-acc-dk);margin:0 0 8px;line-height:1}
.conduit-box p{font-size:14.5px;color:#2b353d;margin:0}

.conduit-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.conduit-chip{
  font-family:"PT Mono",monospace;font-size:12.5px;color:var(--conduit-acc-dk);
  border:1px solid var(--conduit-line-s);padding:5px 12px;background:#f2f7fb;
}

/* ── таблицы ───────────────────────────────────── */
.conduit-tw{overflow-x:auto;border:1px solid var(--conduit-line)}
table{width:100%;border-collapse:collapse;min-width:600px;font-size:15px;background:var(--conduit-panel)}
caption{caption-side:bottom;text-align:left;padding:10px 14px;font-size:12.5px;color:var(--conduit-mut);border-top:1px solid var(--conduit-line);line-height:1.5}
th,td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--conduit-line)}
thead th{
  background:#e3ebf2;color:var(--conduit-tx);
  font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:400;
  border-bottom:2px solid var(--conduit-tx);
}
tbody tr:last-child td{border-bottom:0}
tbody tr:nth-child(even){background:#f7fafc}
td.conduit-fast{color:var(--conduit-acc-dk);font-family:"PT Mono",monospace}

/* ── шкала скорости ────────────────────────────── */
.conduit-speed{display:grid;gap:9px;margin-top:6px}
.conduit-speed__r{display:grid;grid-template-columns:190px 1fr 92px;gap:12px;align-items:center}
.conduit-speed__n{font-size:15px}
.conduit-speed__b{height:12px;background:#dde5ec;border:1px solid var(--conduit-line)}
.conduit-speed__b i{display:block;height:100%;background:linear-gradient(90deg,var(--conduit-acc),var(--conduit-sec))}
.conduit-speed__t{font-family:"PT Mono",monospace;font-size:14px;text-align:right;color:var(--conduit-acc-dk)}

/* ── отзывы ────────────────────────────────────── */
.conduit-revs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.conduit-rev{border:1px solid var(--conduit-line);border-top:3px solid var(--conduit-sec);padding:16px 17px;background:#fafcfd}
.conduit-rev__s{font-family:"PT Mono",monospace;color:var(--conduit-sec);letter-spacing:.2em;font-size:13px;margin:0 0 8px}
.conduit-rev p{font-size:15px;margin:0 0 10px}
.conduit-rev__a{font-family:"PT Mono",monospace;font-size:12px;color:var(--conduit-mut);margin:0}

/* ── FAQ ───────────────────────────────────────── */
.conduit-faq{column-span:all;border-top:4px double var(--conduit-tx);padding-top:20px}
.conduit-faq h2{font-size:26px;margin-bottom:16px}
.conduit-faq__c{column-count:2;column-gap:30px}
.conduit-faq details{
  break-inside:avoid;background:var(--conduit-panel);
  border:1px solid var(--conduit-line);border-left:3px solid var(--conduit-acc);
  margin-bottom:11px;
}
.conduit-faq summary{cursor:pointer;padding:12px 15px;font-weight:700;font-size:15.5px;list-style:none;display:flex;justify-content:space-between;gap:12px}
.conduit-faq summary::-webkit-details-marker{display:none}
.conduit-faq summary::after{content:"›";color:var(--conduit-acc);font-size:20px;line-height:1}
.conduit-faq details[open] summary::after{content:"⌄"}
.conduit-ans{padding:0 15px 12px;font-size:15px;color:#2b353d}
.conduit-ans p{margin:0}

/* ── подвал выпуска ────────────────────────────── */
.conduit-colophon{
  column-span:all;border-top:4px double var(--conduit-tx);margin-top:24px;padding-top:20px;
}
.conduit-colophon h2{font-size:22px;margin-bottom:10px}
.conduit-colophon p{font-size:15px;color:#2b353d;max-width:90ch}
.conduit-foot{
  border-top:2px solid var(--conduit-tx);background:#e5eaef;
  padding:30px clamp(14px,3.4vw,34px) 40px;color:var(--conduit-mut);
}
.conduit-foot__in{max-width:var(--conduit-w);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.conduit-foot h3{font-family:"PT Mono",monospace;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--conduit-tx);margin:0 0 9px;font-weight:400}
.conduit-foot p{font-size:14px;line-height:1.6;margin:0 0 9px}
.conduit-18{
  display:inline-block;border:2px solid var(--conduit-sec);color:var(--conduit-sec);
  width:38px;height:38px;line-height:34px;text-align:center;font-family:"PT Mono",monospace;font-size:13px;
}

/* ── адаптив ───────────────────────────────────── */
@media (max-width:1000px){
  .conduit-sheet{column-count:2;column-gap:26px}
  .conduit-quick{grid-template-columns:repeat(2,1fr)}
  .conduit-revs{grid-template-columns:1fr 1fr}
  .conduit-grid--3{grid-template-columns:1fr 1fr}
  .conduit-foot__in{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  body{font-size:16px}
  .conduit-bar{flex-wrap:wrap;gap:10px}
  .conduit-nav{margin-left:0;order:3;width:100%}
  .conduit-cta{margin-left:auto}
  .conduit-sheet{column-count:1}
  .conduit-faq__c{column-count:1}
  .conduit-quick{grid-template-columns:1fr}
  .conduit-revs{grid-template-columns:1fr}
  .conduit-grid--3,.conduit-grid--2{grid-template-columns:1fr}
  .conduit-speed__r{grid-template-columns:1fr;gap:4px}
  .conduit-speed__t{text-align:left}
  .conduit-art p{text-align:left}
  .conduit-foot__in{grid-template-columns:1fr}
}