/* 7k-online7.site — концепт «Горный ручей». Префикс .rill- */

:root{
  --rill-bg:#0a1012;
  --rill-surf:#111a1c;
  --rill-line:#1c282b;
  --rill-acc:#7ad3e8;
  --rill-acc2:#93b86a;
  --rill-tx:#e6f0f2;
  --rill-mut:#8ea5a9;
  --rill-rad:4px 18px 4px 18px;
}

*,*::before,*::after{box-sizing:border-box;}

html{scroll-behavior:smooth;}

body{
  margin:0;
  background:var(--rill-bg);
  color:var(--rill-tx);
  font-family:'Cuprum','Segoe UI',Arial,sans-serif;
  font-size:17px;
  line-height:1.68;
  -webkit-text-size-adjust:100%;
}

/* Заголовочный шрифт — явным правилом, чтобы serif не встал первым в body-цепочке */
h1,h2,h3,h4,
.rill-logo__t,
.rill-kpi__n,
.rill-strip span,
.rill-tbl caption,
.rill-faq summary,
.rill-rev__who{
  font-family:'Lora',Georgia,'Times New Roman',serif;
  font-weight:600;
  letter-spacing:-.01em;
}

h1{font-size:2.05rem;line-height:1.24;margin:.2em 0 .5em;}
h2{font-size:1.55rem;line-height:1.3;margin:0 0 .7em;color:var(--rill-tx);}
h3{font-size:1.08rem;line-height:1.35;margin:0 0 .35em;}
p{margin:0 0 1.05em;}
a{color:var(--rill-acc);}

.rill-skip{
  position:absolute;left:-9999px;top:0;background:var(--rill-acc);color:#08181d;
  padding:10px 18px;z-index:99;
}
.rill-skip:focus{left:8px;top:8px;}

/* ---------- Шапка ---------- */
.rill-bar{
  display:flex;align-items:center;gap:22px;
  padding:14px 30px;
  border-bottom:1px solid var(--rill-line);
  background:rgba(10,16,18,.94);
  position:sticky;top:0;z-index:40;
  backdrop-filter:blur(7px);
}
.rill-logo{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--rill-tx);}
.rill-logo__svg{width:38px;height:38px;flex:none;}
.rill-logo__t{font-size:1.16rem;line-height:1.1;display:flex;flex-direction:column;}
.rill-logo__sub{
  font-family:'Cuprum',Arial,sans-serif;font-size:.72rem;font-weight:400;
  color:var(--rill-mut);letter-spacing:.06em;text-transform:uppercase;
}
.rill-nav{display:flex;gap:19px;margin-left:auto;flex-wrap:wrap;}
.rill-nav a{color:var(--rill-mut);text-decoration:none;font-size:.95rem;padding:3px 0;border-bottom:1px solid transparent;}
.rill-nav a:hover{color:var(--rill-acc);border-bottom-color:var(--rill-acc);}

/* ---------- Кнопки ---------- */
.rill-btn{
  display:inline-block;
  padding:13px 26px;
  background:linear-gradient(102deg,var(--rill-acc),#4fa9c2);
  color:#062026;
  text-decoration:none;
  border-radius:var(--rill-rad);
  font-weight:700;
  font-size:1rem;
  letter-spacing:.01em;
  border:1px solid rgba(122,211,232,.5);
}
.rill-btn:hover{filter:brightness(1.1);}
.rill-btn--ghost{
  background:transparent;color:var(--rill-acc2);
  border:1px solid var(--rill-acc2);
}
.rill-btn--sm{padding:9px 17px;font-size:.9rem;flex:none;}
.rill-btn--big{padding:17px 40px;font-size:1.12rem;}

/* ---------- Hero ---------- */
.rill-hero{
  display:grid;grid-template-columns:1.08fr .92fr;gap:44px;align-items:center;
  max-width:1220px;margin:0 auto;padding:52px 30px 34px;
}
.rill-eyebrow{
  font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;
  color:var(--rill-acc2);margin:0 0 .4em;
}
.rill-lede{color:var(--rill-mut);font-size:1.06rem;margin-bottom:1.5em;}
.rill-cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:30px;}
.rill-kpi{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.rill-kpi li{
  background:var(--rill-surf);border:1px solid var(--rill-line);
  border-left:3px solid var(--rill-acc);
  padding:12px 13px;border-radius:2px 12px 2px 12px;
}
.rill-kpi__n{display:block;font-size:1.22rem;color:var(--rill-acc);}
.rill-kpi__l{display:block;font-size:.82rem;color:var(--rill-mut);line-height:1.35;}
.rill-hero__art svg{width:100%;height:auto;display:block;border-radius:6px 30px 6px 30px;border:1px solid var(--rill-line);}

/* ---------- Полоса цифр ---------- */
.rill-strip{
  display:grid;grid-template-columns:repeat(5,1fr);gap:1px;
  background:var(--rill-line);
  border-block:1px solid var(--rill-line);
  margin:14px 0 0;
}
.rill-strip div{
  background:var(--rill-bg);padding:19px 16px;text-align:center;
  font-size:.85rem;color:var(--rill-mut);line-height:1.4;
}
.rill-strip span{display:block;font-size:1.3rem;color:var(--rill-acc2);margin-bottom:2px;}

/* ---------- Секции ---------- */
.rill-sec{max-width:1120px;margin:0 auto;padding:52px 30px;border-bottom:1px solid var(--rill-line);}
.rill-sec > .rill-btn{margin-top:8px;}
.rill-sec h3{color:var(--rill-acc2);margin-top:1.6em;}

/* ---------- Таблицы ---------- */
.rill-scroll{overflow-x:auto;margin:0 0 1.2em;-webkit-overflow-scrolling:touch;}
.rill-tbl{border-collapse:collapse;width:100%;min-width:560px;font-size:.95rem;}
.rill-tbl caption{
  text-align:left;color:var(--rill-mut);font-size:.85rem;
  padding-bottom:9px;font-weight:500;
}
.rill-tbl th,.rill-tbl td{
  padding:11px 14px;text-align:left;border-bottom:1px solid var(--rill-line);
}
.rill-tbl thead th{
  color:var(--rill-acc);font-weight:600;font-size:.83rem;
  text-transform:uppercase;letter-spacing:.07em;
  border-bottom:1px solid var(--rill-acc);
}
.rill-tbl tbody tr:nth-child(even){background:rgba(28,40,43,.42);}

/* ---------- Сетки карточек ---------- */
.rill-grid{display:grid;gap:16px;margin-bottom:26px;}
.rill-grid--cards{grid-template-columns:repeat(3,1fr);}
.rill-grid--live{grid-template-columns:repeat(3,1fr);}
.rill-grid--rev{grid-template-columns:repeat(3,1fr);}

.rill-card{
  background:var(--rill-surf);border:1px solid var(--rill-line);
  border-top:2px solid var(--rill-acc);
  padding:17px 18px;border-radius:2px 16px 2px 16px;
}
.rill-card p{margin:0;font-size:.92rem;color:var(--rill-mut);}
.rill-card__prov{
  font-size:.76rem !important;letter-spacing:.09em;text-transform:uppercase;
  color:var(--rill-acc2) !important;margin-bottom:.55em !important;
}

.rill-live{
  background:linear-gradient(168deg,var(--rill-surf),#0d1518);
  border:1px solid var(--rill-line);border-left:3px solid var(--rill-acc2);
  padding:16px 18px;
}
.rill-live p{margin:0;font-size:.9rem;color:var(--rill-mut);}

/* ---------- Отзывы ---------- */
.rill-rev{
  background:var(--rill-surf);border:1px solid var(--rill-line);
  padding:18px;border-radius:18px 3px 18px 3px;
}
.rill-rev__top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:11px;}
.rill-rev__ava{
  width:34px;height:34px;flex:none;border-radius:50%;
  background:linear-gradient(140deg,var(--rill-acc),var(--rill-acc2));
  color:#062026;display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:1rem;
}
.rill-rev__who{font-size:.92rem;}
.rill-rev__st{margin-left:auto;color:var(--rill-acc);font-size:.9rem;letter-spacing:.09em;}
.rill-rev p{margin:0;font-size:.93rem;color:var(--rill-mut);}

/* ---------- FAQ ---------- */
.rill-faq{display:grid;gap:9px;}
.rill-faq details{
  background:var(--rill-surf);border:1px solid var(--rill-line);
  padding:13px 18px;border-radius:3px 14px 3px 14px;
}
.rill-faq summary{cursor:pointer;font-size:1rem;color:var(--rill-tx);list-style:none;padding-right:22px;position:relative;}
.rill-faq summary::-webkit-details-marker{display:none;}
.rill-faq summary::after{content:"+";position:absolute;right:0;top:-1px;color:var(--rill-acc);font-size:1.2rem;}
.rill-faq details[open] summary::after{content:"–";}
.rill-faq details[open] summary{color:var(--rill-acc);}
.rill-faq p{margin:.75em 0 0;font-size:.94rem;color:var(--rill-mut);}

/* ---------- Author Note / финал ---------- */
.rill-note{
  max-width:1120px;margin:0 auto;padding:44px 30px;
  border-bottom:1px solid var(--rill-line);
}
.rill-note h3{font-size:1.25rem;color:var(--rill-tx);margin-top:0;}
.rill-note p{color:var(--rill-mut);font-size:.95rem;}

.rill-final{
  max-width:1120px;margin:0 auto;padding:46px 30px;text-align:center;
}
.rill-final p{font-size:1.1rem;max-width:760px;margin:0 auto 22px;}

/* ---------- Подвал ---------- */
.rill-foot{
  border-top:1px solid var(--rill-line);
  background:#080d0f;
  padding:34px 30px 40px;
  color:var(--rill-mut);font-size:.87rem;
}
.rill-foot p{max-width:1060px;margin:0 auto .9em;}
.rill-foot__nav{max-width:1060px;margin:0 auto 1em;display:flex;gap:17px;flex-wrap:wrap;}
.rill-foot__nav a{color:var(--rill-mut);text-decoration:none;}
.rill-foot__nav a:hover{color:var(--rill-acc);}
.rill-foot__c{color:#5f7276;letter-spacing:.08em;}

/* ---------- Адаптив ---------- */
@media (max-width:1080px){
  .rill-hero{grid-template-columns:1fr;gap:30px;padding-top:38px;}
  .rill-grid--cards,.rill-grid--live{grid-template-columns:repeat(2,1fr);}
  h1{font-size:1.82rem;}
  .rill-strip{grid-template-columns:repeat(3,1fr);}
}

@media (max-width:860px){
  .rill-bar{flex-wrap:wrap;gap:13px;padding:12px 20px;}
  .rill-nav{margin-left:0;order:3;width:100%;gap:14px;}
  .rill-btn--sm{margin-left:auto;}
  .rill-sec,.rill-note,.rill-final{padding-inline:20px;}
  .rill-grid--rev{grid-template-columns:1fr;}
  .rill-kpi{grid-template-columns:repeat(2,1fr);}
  h1{font-size:1.62rem;}
  h2{font-size:1.36rem;}
}

@media (max-width:620px){
  body{font-size:16px;}
  .rill-hero{padding:26px 16px 22px;}
  .rill-sec,.rill-note,.rill-final,.rill-foot{padding-inline:16px;}
  .rill-grid--cards,.rill-grid--live{grid-template-columns:1fr;}
  .rill-strip{grid-template-columns:repeat(2,1fr);}
  .rill-cta-row{flex-direction:column;align-items:stretch;}
  .rill-btn{text-align:center;}
  h1{font-size:1.42rem;}
  h2{font-size:1.24rem;}
  .rill-rev__st{margin-left:0;width:100%;}
}