:root{
  --silt-bg:#101010;
  --silt-sand:#d9c8a0;
  --silt-steel:#8a8f98;
  --silt-text:#f0ece4;
  --silt-panel:#171716;
  --silt-panel2:#1d1d1b;
  --silt-line:#2c2c29;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--silt-bg);
  color:var(--silt-text);
  font-family:"Istok Web",Arial,Helvetica,sans-serif;
  font-size:17px;
  line-height:1.68;
}
h1,h2,h3,.silt-brand{font-family:"Ruslan Display","Istok Web",Georgia,serif;font-weight:400;letter-spacing:.4px}
a{color:var(--silt-sand)}
.silt-wrap{max-width:1180px;margin:0 auto;padding:0 26px}

/* header */
.silt-head{
  position:sticky;top:0;z-index:40;
  background:rgba(16,16,16,.94);
  border-bottom:1px solid var(--silt-line);
}
.silt-head-in{display:flex;align-items:center;gap:22px;min-height:72px}
.silt-brand{font-size:25px;color:var(--silt-sand);text-decoration:none;line-height:1}
.silt-brand span{display:block;font-family:"Istok Web",Arial,sans-serif;font-size:11px;color:var(--silt-steel);letter-spacing:2.4px;text-transform:uppercase;margin-top:4px}
.silt-nav{display:flex;gap:20px;margin-left:auto;flex-wrap:wrap}
.silt-nav a{color:var(--silt-steel);text-decoration:none;font-size:14.5px}
.silt-nav a:hover{color:var(--silt-sand)}
.silt-head .silt-btn{margin-left:16px}

/* buttons */
.silt-btn{
  display:inline-block;padding:14px 30px;border-radius:3px;
  text-decoration:none;font-size:15.5px;letter-spacing:.5px;border:1px solid transparent;
}
.silt-btn-main{background:var(--silt-sand);color:#141310;border-color:var(--silt-sand)}
.silt-btn-main:hover{background:#e8dab6}
.silt-btn-ghost{background:transparent;color:var(--silt-sand);border-color:#4a4741}
.silt-btn-ghost:hover{border-color:var(--silt-sand)}

/* hero */
.silt-hero{padding:74px 0 60px;border-bottom:1px solid var(--silt-line);background:linear-gradient(180deg,#141412 0%,#101010 100%)}
.silt-hero h1{font-size:44px;line-height:1.16;margin:0 0 22px;color:var(--silt-sand);max-width:20ch}
.silt-hero p{max-width:78ch;color:#ddd8ce;font-size:18px;margin:0 0 26px}
.silt-cta{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:44px}
.silt-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.silt-kpi div{background:var(--silt-panel);border:1px solid var(--silt-line);border-left:3px solid var(--silt-sand);padding:18px 20px;border-radius:3px}
.silt-kpi .silt-num,.silt-kpi .silt-cap{display:block;text-decoration:none;font-weight:400}
.silt-kpi .silt-num{font-size:26px;color:var(--silt-sand);font-family:"Ruslan Display","Istok Web",serif}
.silt-kpi .silt-cap{font-size:13px;color:var(--silt-steel);margin-top:6px;text-transform:uppercase;letter-spacing:1.2px}

/* sections */
.silt-sec{padding:58px 0;border-bottom:1px solid var(--silt-line)}
.silt-sec h2{font-size:31px;color:var(--silt-sand);margin:0 0 20px;line-height:1.24}
.silt-sec h3{font-size:19px;margin:0 0 10px;color:var(--silt-text)}
.silt-sec p{max-width:88ch}
.silt-lead{color:#d5d0c6}

.silt-two{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.silt-card{background:var(--silt-panel);border:1px solid var(--silt-line);border-radius:4px;padding:24px 26px}
.silt-card p:last-child{margin-bottom:0}
.silt-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.silt-grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}

/* steps */
.silt-steps{counter-reset:silt 0;list-style:none;margin:0;padding:0}
.silt-steps li{position:relative;padding:0 0 22px 62px;margin:0 0 22px;border-bottom:1px dashed var(--silt-line)}
.silt-steps li:last-child{border-bottom:0;margin-bottom:0}
.silt-steps li:before{
  counter-increment:silt;content:counter(silt);
  position:absolute;left:0;top:0;width:42px;height:42px;line-height:42px;text-align:center;
  background:var(--silt-panel2);border:1px solid var(--silt-sand);color:var(--silt-sand);border-radius:50%;
  font-family:"Ruslan Display","Istok Web",serif;font-size:19px;
}
.silt-steps h3{margin-top:6px}

/* tables */
.silt-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--silt-line);border-radius:4px;background:var(--silt-panel)}
.silt-scroll table{width:100%;min-width:720px;border-collapse:collapse;font-size:15.5px}
.silt-scroll th,.silt-scroll td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--silt-line)}
.silt-scroll th{background:#1f1f1c;color:var(--silt-sand);font-weight:400;letter-spacing:.6px;white-space:nowrap}
.silt-scroll tr:last-child td{border-bottom:0}
.silt-scroll tbody tr:hover{background:#1a1a18}
.silt-note{font-size:14px;color:var(--silt-steel);margin-top:12px}

/* levels */
.silt-tier td:first-child{color:var(--silt-sand)}

/* reviews */
.silt-rev{background:var(--silt-panel);border:1px solid var(--silt-line);border-top:3px solid var(--silt-steel);padding:22px 24px;border-radius:3px}
.silt-rev p{margin:0 0 14px;font-size:16px}
.silt-rev span{font-size:13.5px;color:var(--silt-steel);letter-spacing:.8px}

/* faq */
.silt-faq details{background:var(--silt-panel);border:1px solid var(--silt-line);border-radius:3px;margin-bottom:12px}
.silt-faq summary{cursor:pointer;padding:16px 20px;color:var(--silt-sand);font-size:16.5px;list-style:none}
.silt-faq summary::-webkit-details-marker{display:none}
.silt-faq summary:before{content:"+ ";color:var(--silt-steel)}
.silt-faq details[open] summary:before{content:"– "}
.silt-faq div{padding:0 20px 18px;color:#d8d3c9}
.silt-faq div p{margin:0}

/* cta strip */
.silt-strip{padding:56px 0;text-align:center;background:linear-gradient(180deg,#1a1917 0%,#121211 100%);border-bottom:1px solid var(--silt-line)}
.silt-strip h2{margin-top:0}
.silt-strip p{margin:0 auto 26px;max-width:72ch}

/* editorial */
.silt-ed{padding:46px 0;border-bottom:1px solid var(--silt-line)}
.silt-ed .silt-card{border-left:3px solid var(--silt-steel)}

/* footer */
.silt-foot{padding:44px 0 60px;color:var(--silt-steel);font-size:14.5px}
.silt-foot p{max-width:104ch}
.silt-age{
  display:inline-block;border:2px solid var(--silt-sand);color:var(--silt-sand);
  border-radius:50%;width:52px;height:52px;line-height:48px;text-align:center;
  font-family:"Ruslan Display","Istok Web",serif;font-size:17px;margin-bottom:18px;
}
.silt-foot a{color:var(--silt-sand)}
.silt-legal{margin-top:22px;padding-top:18px;border-top:1px solid var(--silt-line);font-size:13.5px}

@media (max-width:1000px){
  body{font-size:16.5px}
  .silt-wrap{padding:0 20px}
  .silt-hero{padding:52px 0 44px}
  .silt-hero h1{font-size:34px;max-width:none}
  .silt-sec h2{font-size:26px}
  .silt-kpi{grid-template-columns:1fr 1fr}
  .silt-two,.silt-grid3,.silt-grid2{grid-template-columns:1fr}
  .silt-nav{gap:14px}
  .silt-nav a{font-size:13.5px}
  .silt-head-in{flex-wrap:wrap;padding:12px 0}
  .silt-head .silt-btn{margin-left:0}
}
@media (max-width:600px){
  body{font-size:16px;line-height:1.62}
  .silt-hero h1{font-size:27px}
  .silt-sec{padding:40px 0}
  .silt-sec h2{font-size:22px}
  .silt-kpi{grid-template-columns:1fr}
  .silt-cta{flex-direction:column}
  .silt-btn{text-align:center;padding:14px 18px}
  .silt-steps li{padding-left:0;padding-top:52px}
  .silt-steps li:before{top:0}
  .silt-card{padding:18px}
  .silt-scroll table{font-size:14.5px}
  .silt-brand{font-size:21px}
}

/* мобильный скролл широких таблиц */
@media (max-width: 600px) {
  table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch }
}
