/* 7k-play8.buzz — «Сосновый лес ночью». Префикс .helm-  */

:root{
  --helm-bg:#0a1210;
  --helm-surf:#111c18;
  --helm-line:#1c2b25;
  --helm-acc:#9ee493;
  --helm-sec:#e8c88a;
  --helm-tx:#e9f1ec;
  --helm-mu:#8fa89b;
  --helm-rad:18px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}

body{
  margin:0;
  background:var(--helm-bg);
  color:var(--helm-tx);
  font-family:'Manrope',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  font-size:17px;
  line-height:1.68;
  -webkit-font-smoothing:antialiased;
}

/* Заголовочный шрифт — явным правилом, чтобы Marmelad не попал в body-цепочку */
h1,h2,h3,h4,
.helm-hero__h1,.helm-logo__t,.helm-kpi__n,.helm-step__i,.helm-sec__over,
.helm-tbl caption,.helm-tbl th,.helm-q summary,.helm-foot__brand,.helm-foot__h{
  font-family:'Marmelad',Georgia,'Times New Roman',serif;
  font-weight:400;
  letter-spacing:.2px;
}

h1,h2,h3{margin:0 0 14px;line-height:1.24;}
h2{font-size:31px;}
h3{font-size:20px;}
p{margin:0 0 14px;}
a{color:var(--helm-acc);text-decoration:none;}
a:hover{text-decoration:underline;}
ul{margin:0 0 14px;padding-left:20px;}
li{margin-bottom:8px;}

.helm-skip{
  position:absolute;left:-9999px;top:0;background:var(--helm-acc);color:#08110e;
  padding:10px 16px;border-radius:0 0 var(--helm-rad) 0;z-index:50;
}
.helm-skip:focus{left:0;}

/* ---------- Шапка ---------- */
.helm-bar{
  display:flex;align-items:center;gap:22px;
  padding:14px 30px;
  border-bottom:1px solid var(--helm-line);
  background:rgba(10,18,16,.94);
  position:sticky;top:0;z-index:40;
  backdrop-filter:blur(8px);
}
.helm-logo{display:flex;align-items:center;gap:11px;color:var(--helm-tx);}
.helm-logo:hover{text-decoration:none;}
.helm-logo__svg{width:36px;height:36px;flex:0 0 36px;}
.helm-logo__t{display:flex;flex-direction:column;font-size:19px;line-height:1.15;}
.helm-logo__sub{font-family:'Manrope',sans-serif;font-size:11px;color:var(--helm-mu);letter-spacing:.4px;}
.helm-nav{display:flex;gap:18px;margin-left:auto;flex-wrap:wrap;}
.helm-nav a{color:var(--helm-mu);font-size:14px;}
.helm-nav a:hover{color:var(--helm-acc);text-decoration:none;}
.helm-bar__cta{
  border:1px solid var(--helm-acc);color:var(--helm-acc);
  padding:9px 18px;border-radius:var(--helm-rad) 4px var(--helm-rad) 4px;font-size:14px;white-space:nowrap;
}
.helm-bar__cta:hover{background:var(--helm-acc);color:#08110e;text-decoration:none;}

/* ---------- Hero: одна колонка по центру ---------- */
.helm-hero{
  max-width:920px;margin:0 auto;padding:64px 26px 52px;text-align:center;
}
.helm-hero__eyebrow{
  display:inline-block;font-size:12.5px;letter-spacing:1.6px;text-transform:uppercase;
  color:var(--helm-sec);border:1px solid var(--helm-line);border-radius:99px;padding:6px 16px;margin-bottom:22px;
}
.helm-hero__h1{font-size:40px;line-height:1.18;margin-bottom:18px;}
.helm-hero__lead{font-size:18px;color:var(--helm-mu);max-width:760px;margin:0 auto 30px;}
.helm-hero__art{
  width:100%;height:auto;display:block;border-radius:var(--helm-rad);
  border:1px solid var(--helm-line);margin-bottom:30px;
}
.helm-kpi{
  list-style:none;padding:0;margin:0 0 30px;
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;
}
.helm-kpi li{
  background:var(--helm-surf);border:1px solid var(--helm-line);
  border-top:2px solid var(--helm-acc);
  border-radius:var(--helm-rad) 4px var(--helm-rad) 4px;
  padding:16px 12px;margin:0;
}
.helm-kpi__n{display:block;font-size:25px;color:var(--helm-acc);}
.helm-kpi__c{display:block;font-size:12.5px;color:var(--helm-mu);line-height:1.4;margin-top:4px;}
.helm-hero__cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:16px;}
.helm-btn{
  display:inline-block;padding:14px 28px;border-radius:var(--helm-rad) 4px var(--helm-rad) 4px;
  font-size:15.5px;font-weight:600;font-family:'Manrope',sans-serif;
}
.helm-btn--main{background:var(--helm-acc);color:#08110e;}
.helm-btn--main:hover{background:var(--helm-sec);text-decoration:none;}
.helm-btn--ghost{border:1px solid var(--helm-line);color:var(--helm-tx);}
.helm-btn--ghost:hover{border-color:var(--helm-acc);color:var(--helm-acc);text-decoration:none;}
.helm-hero__note{font-size:13px;color:var(--helm-mu);margin:0;}

/* ---------- Секции ---------- */
.helm-sec{max-width:1120px;margin:0 auto;padding:56px 26px;border-top:1px solid var(--helm-line);}
.helm-sec--alt{background:linear-gradient(180deg,rgba(17,28,24,.7),rgba(10,18,16,0));}
.helm-sec__over{
  font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--helm-sec);margin:0 0 10px;
}
.helm-lead{color:var(--helm-mu);max-width:860px;font-size:17.5px;}
.helm-note{
  color:var(--helm-mu);font-size:15px;border-left:2px solid var(--helm-acc);
  padding:2px 0 2px 16px;margin-top:22px;
}

.helm-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px;}
.helm-card{
  background:var(--helm-surf);border:1px solid var(--helm-line);
  border-radius:var(--helm-rad) 4px var(--helm-rad) 4px;padding:22px 20px;
}
.helm-card h3{color:var(--helm-acc);}
.helm-card p{margin:0;font-size:15.5px;color:var(--helm-tx);}

/* Welcome-ступени */
.helm-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:26px 0;}
.helm-step{
  background:var(--helm-surf);border:1px solid var(--helm-line);
  border-bottom:3px solid var(--helm-sec);
  border-radius:4px var(--helm-rad) 4px var(--helm-rad);padding:20px;
}
.helm-step__i{font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:var(--helm-mu);margin:0 0 8px;}
.helm-step h3{font-size:21px;color:var(--helm-sec);}
.helm-step p{margin:0;font-size:15.5px;}

/* Таблицы */
.helm-scroll{overflow-x:auto;margin:24px 0;border:1px solid var(--helm-line);border-radius:var(--helm-rad) 4px var(--helm-rad) 4px;}
.helm-tbl{width:100%;border-collapse:collapse;min-width:640px;font-size:15px;}
.helm-tbl--cat{min-width:1010px;}

/* Партнёрские CTA */
.helm-cta{margin:26px 0 0;text-align:center;}
.helm-go{
  display:inline-block;white-space:nowrap;
  padding:7px 14px;border:1px solid var(--helm-acc);color:var(--helm-acc);
  border-radius:var(--helm-rad) 4px var(--helm-rad) 4px;
  font-family:'Manrope',sans-serif;font-size:13.5px;font-weight:600;line-height:1.2;
}
.helm-go:hover{background:var(--helm-acc);color:#08110e;text-decoration:none;}
.helm-tbl caption{
  text-align:left;padding:16px 18px 12px;color:var(--helm-sec);font-size:16px;
}
.helm-tbl th,.helm-tbl td{padding:12px 18px;text-align:left;border-top:1px solid var(--helm-line);}
.helm-tbl th{color:var(--helm-acc);font-size:14.5px;background:rgba(28,43,37,.45);}
.helm-tbl tbody tr:nth-child(even){background:rgba(17,28,24,.55);}

/* Живой зал — горизонтальная лента */
.helm-rail{display:flex;gap:16px;overflow-x:auto;padding:6px 2px 16px;margin-top:24px;scroll-snap-type:x mandatory;}
.helm-rail__c{
  flex:0 0 288px;scroll-snap-align:start;
  background:var(--helm-surf);border:1px solid var(--helm-line);border-left:3px solid var(--helm-acc);
  border-radius:4px var(--helm-rad) var(--helm-rad) 4px;padding:20px;
}
.helm-rail__c h3{font-size:19px;color:var(--helm-sec);}
.helm-rail__c p{margin:0;font-size:15px;color:var(--helm-mu);}

/* Лимиты */
.helm-lim{
  margin-top:24px;background:var(--helm-surf);border:1px solid var(--helm-line);
  border-radius:var(--helm-rad) 4px var(--helm-rad) 4px;padding:24px;
}
.helm-lim h3{color:var(--helm-acc);}
.helm-lim li{font-size:15.5px;}

/* Отзывы */
.helm-rev{
  background:var(--helm-surf);border:1px solid var(--helm-line);
  border-radius:var(--helm-rad) 4px var(--helm-rad) 4px;padding:22px 20px;
}
.helm-rev__st{color:var(--helm-sec);letter-spacing:3px;margin:0 0 10px;font-size:16px;}
.helm-rev p{font-size:15.5px;}
.helm-rev__a{color:var(--helm-mu);font-size:13.5px;margin:0;}

/* FAQ */
.helm-q{
  border:1px solid var(--helm-line);border-radius:var(--helm-rad) 4px var(--helm-rad) 4px;
  background:var(--helm-surf);margin-bottom:10px;
}
.helm-q summary{
  cursor:pointer;padding:16px 20px;font-size:17px;color:var(--helm-tx);list-style:none;
}
.helm-q summary::-webkit-details-marker{display:none;}
.helm-q summary::before{content:'▸ ';color:var(--helm-acc);}
.helm-q[open] summary::before{content:'▾ ';}
.helm-q[open] summary{color:var(--helm-acc);}
.helm-q p{padding:0 20px 18px;margin:0;font-size:15.5px;color:var(--helm-mu);}

/* Финальный блок */
.helm-final{
  max-width:1120px;margin:0 auto;padding:56px 26px 64px;text-align:center;
  border-top:1px solid var(--helm-line);
}
.helm-final h3{font-size:27px;}
.helm-final p{color:var(--helm-mu);max-width:680px;margin:0 auto 22px;}

/* Подвал */
.helm-foot{border-top:1px solid var(--helm-line);background:var(--helm-surf);padding:38px 26px 26px;}
.helm-foot__grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.helm-foot p{font-size:14px;color:var(--helm-mu);}
.helm-foot__brand{font-size:19px;color:var(--helm-tx);margin-bottom:8px;}
.helm-foot__h{font-size:16px;color:var(--helm-sec);margin-bottom:8px;}
.helm-foot__b{
  max-width:1120px;margin:26px auto 0;padding-top:18px;border-top:1px solid var(--helm-line);
  font-size:13px;color:var(--helm-mu);text-align:center;
}

/* ---------- Адаптив ---------- */
@media (max-width:1080px){
  .helm-hero__h1{font-size:34px;}
  h2{font-size:27px;}
  .helm-grid3{grid-template-columns:repeat(2,1fr);}
  .helm-steps{grid-template-columns:repeat(2,1fr);}
  .helm-foot__grid{grid-template-columns:repeat(2,1fr);}
}

@media (max-width:860px){
  .helm-bar{flex-wrap:wrap;padding:12px 18px;gap:12px;}
  .helm-nav{margin-left:0;order:3;width:100%;gap:14px;}
  .helm-bar__cta{margin-left:auto;}
  .helm-hero{padding:44px 18px 38px;}
  .helm-hero__h1{font-size:29px;}
  .helm-kpi{grid-template-columns:repeat(2,1fr);}
  .helm-sec,.helm-final{padding:44px 18px;}
}

@media (max-width:620px){
  body{font-size:16px;}
  .helm-hero__h1{font-size:25px;}
  h2{font-size:23px;}
  .helm-grid3,.helm-steps,.helm-foot__grid{grid-template-columns:1fr;}
  .helm-kpi{grid-template-columns:1fr;}
  .helm-rail__c{flex:0 0 246px;}
  .helm-btn{width:100%;text-align:center;}
  .helm-logo__sub{display:none;}
}