:root{
  --gr:#14532d; --gr2:#0d3b1f; --grl:#e9f2eb;
  --dk:#151a16; --dk2:#4a554d; --gy:#7e8a82;
  --pg:#ffffff; --rl:#dfe4e0; --rl2:#eef1ef; --tn:#f7f9f7;
  --up:#166534; --dn:#9a2c2c;
  --nm:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--pg);color:var(--dk);
  font:17px/1.72 Charter,Georgia,"Times New Roman",serif}
a{color:var(--gr)}a:hover{color:var(--gr2)}
img{max-width:100%}
.holder{max-width:720px;margin:0 auto;padding:0 22px}
.holder.open{max-width:1000px}

/* ── центрированная редакционная шапка ── */
.crest{text-align:center;padding:30px 0 0}
.crest a.mark2{text-decoration:none;color:var(--dk);
  font:700 25px/1 Charter,Georgia,serif;letter-spacing:-.4px}
.crest a.mark2 i{font-style:italic;color:var(--gr)}
.crest p{margin:9px 0 0;font:400 11.5px/1.4 system-ui,-apple-system,sans-serif;
  letter-spacing:2.2px;text-transform:uppercase;color:var(--gy)}
.links{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 22px;
  margin:20px 0 0;padding:14px 0;border-top:1px solid var(--rl);
  border-bottom:1px solid var(--rl);
  font:400 14px/1.5 system-ui,-apple-system,sans-serif}
.links a{color:var(--dk2);text-decoration:none;white-space:nowrap}
.links a:hover{color:var(--gr)}
.links a.live{color:var(--gr);font-weight:600}

/* ── заголовок страницы, по центру ── */
.title{text-align:center;padding:38px 0 0}
.over{font:700 11.5px/1.4 system-ui,sans-serif;letter-spacing:2.4px;
  text-transform:uppercase;color:var(--gr);margin:0 0 14px}
.title h1{font-size:36px;line-height:1.17;letter-spacing:-.7px;margin:0 auto;
  max-width:19ch;font-weight:700}
.deck{font-size:18.5px;line-height:1.6;color:var(--dk2);margin:18px auto 0;
  max-width:54ch;text-align:left}
.specs{display:flex;justify-content:center;flex-wrap:wrap;gap:0;
  margin:26px 0 0;border-top:1px solid var(--rl);
  border-bottom:1px solid var(--rl)}
.specs div{padding:12px 22px;text-align:center;flex:1 1 auto;min-width:120px;
  border-left:1px solid var(--rl2)}
.specs div:first-child{border-left:0}
.specs span{display:block;font:400 11px/1.4 system-ui,sans-serif;
  letter-spacing:1.2px;text-transform:uppercase;color:var(--gy)}
.specs b{display:block;font-family:var(--nm);font-size:15px;margin-top:4px}
.guide{margin:22px auto 0;max-width:58ch;text-align:center;
  font:400 14px/1.9 system-ui,sans-serif;color:var(--dk2)}
.guide a{color:var(--dk2);text-decoration:none;
  border-bottom:1px solid var(--rl)}
.guide a:hover{color:var(--gr);border-bottom-color:var(--gr)}

/* ── текст ── */
main{padding:10px 0 0}
.seg{padding:34px 0 0}
.seg>h2{font-size:25px;line-height:1.26;letter-spacing:-.5px;margin:0 0 15px;
  text-align:center;font-weight:700}
.seg>h2::after{content:"";display:block;width:52px;height:2px;
  background:var(--gr);margin:14px auto 0}
h3{font:700 17px/1.4 system-ui,sans-serif;margin:24px 0 7px;color:var(--gr2)}
p{margin:0 0 16px}
ul,ol{margin:0 0 18px;padding-left:22px}li{margin:0 0 8px}
.legal{font-size:14.5px;color:var(--gy)}

/* ── вставки ── */
.quote{margin:26px 0;padding:22px 0;border-top:2px solid var(--gr);
  border-bottom:1px solid var(--rl);text-align:center;
  font-size:20px;line-height:1.5;color:var(--gr2);font-style:italic}
.quote b{font-style:normal}
.gloss{background:var(--tn);border:1px solid var(--rl);padding:17px 20px;
  margin:22px 0;font:400 15.5px/1.6 system-ui,sans-serif;color:var(--dk2)}
.gloss b{color:var(--dk);display:block;font-size:12px;letter-spacing:1.3px;
  text-transform:uppercase;margin:0 0 8px}
.gloss p{margin:0 0 10px}.gloss p:last-child{margin:0}
.alert{border-left:3px solid var(--dn);padding:4px 0 4px 18px;margin:22px 0;
  font-size:16px;color:var(--dk2)}
.alert b{color:var(--dn)}
.alert p{margin:0 0 10px}.alert p:last-child{margin:0}

/* ── таблицы ── */
.wide{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:22px 0}
table{border-collapse:collapse;width:100%;min-width:440px;
  font:400 15px/1.55 system-ui,sans-serif}
th{text-align:left;padding:0 14px 9px 0;border-bottom:2px solid var(--dk);
  font-size:11.5px;letter-spacing:1.1px;text-transform:uppercase;
  white-space:nowrap}
td{padding:11px 14px 11px 0;border-bottom:1px solid var(--rl2);
  vertical-align:top}
.tally td:last-child,.tally th:last-child{text-align:right;padding-right:0;
  font-family:var(--nm);font-size:14px;white-space:nowrap}
.good{color:var(--up);font-weight:600}
.bad{color:var(--dn);font-weight:600}

/* ── шаги ── */
.order{list-style:none;margin:24px 0;padding:0;counter-reset:o}
.order li{counter-increment:o;margin:0 0 18px;padding:0 0 0 0;
  border-top:1px solid var(--rl2);padding-top:14px}
.order li::before{content:counter(o,decimal-leading-zero);
  font:700 12px/1 var(--nm);color:var(--gr);letter-spacing:1px;
  display:block;margin-bottom:6px}
.order b{display:block;font-size:17px;margin-bottom:3px}

/* ── карточки ── */
.cells{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));
  gap:22px;margin:24px 0}
.cell{border-top:2px solid var(--gr);padding:13px 0 0}
.cell h4{margin:0 0 6px;font-size:16px}
.cell p{margin:0;font:400 14.5px/1.55 system-ui,sans-serif;color:var(--dk2)}
.cell em{display:block;font-style:normal;font-family:var(--nm);font-size:13px;
  color:var(--gr);margin-top:9px;font-weight:600}

/* ── зов ── */
.invite{border:2px solid var(--gr);padding:24px 26px;margin:34px 0 10px;
  text-align:center}
.invite h2{margin:0 0 9px;font-size:21px;line-height:1.3}
.invite h2::after{display:none}
.invite p{margin:0 auto 16px;font:400 16px/1.6 system-ui,sans-serif;
  color:var(--dk2);max-width:46ch}
.tap{display:inline-block;background:var(--gr);color:#fff;text-decoration:none;
  font:600 15px/1 system-ui,sans-serif;padding:13px 26px}
.tap:hover{background:var(--gr2);color:#fff}

/* ── подвал ── */
.tail{border-top:1px solid var(--rl);margin-top:44px;padding:26px 0 44px;
  font:400 14px/1.7 system-ui,sans-serif;color:var(--gy);text-align:center}
.tail nav{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 18px;
  margin:0 0 16px}
.tail nav a{color:var(--dk2);text-decoration:none}
.tail nav a:hover{color:var(--gr)}
.tail p{margin:0 auto 10px;max-width:70ch}

.screen{margin:24px 0}
.screen img{display:block;width:100%;border:1px solid var(--rl)}
.screen figcaption{font:400 13.5px/1.55 system-ui,sans-serif;color:var(--gy);
  margin-top:9px;text-align:center}

.draw{margin:26px 0;padding:0}
.draw svg{display:block;width:100%;height:auto;background:#fff;
  border:1px solid var(--rl)}
.draw figcaption{font:400 13.5px/1.55 system-ui,-apple-system,sans-serif;
  color:var(--gy);margin:10px 0 0;text-align:center}


@media(max-width:620px){
  body{font-size:16.5px}
  .holder{padding:0 17px}
  .crest{padding-top:22px}
  .title{padding-top:28px}
  .title h1{font-size:28px;letter-spacing:-.5px}
  .deck{font-size:17px}
  .seg>h2{font-size:21px}
  .quote{font-size:17.5px}
  .specs div{min-width:50%;border-left:0;border-top:1px solid var(--rl2)}
  .invite{padding:19px 18px}
}