/* ТестИдеи — стиль «Редакция» */

/* шрифты: свои файлы, без внешних запросов (SIL OFL, см. fonts/README.txt) */
@font-face{font-family:'Golos Text';font-weight:400 700;font-display:swap;src:url(fonts/golos-cyr.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Golos Text';font-weight:400 700;font-display:swap;src:url(fonts/golos-latext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+A720-A7FF}
@font-face{font-family:'Golos Text';font-weight:400 700;font-display:swap;src:url(fonts/golos-lat.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Spectral';font-weight:500;font-display:swap;src:url(fonts/spectral-500-cyr.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Spectral';font-weight:500;font-display:swap;src:url(fonts/spectral-500-lat.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Spectral';font-weight:800;font-display:swap;src:url(fonts/spectral-800-cyr.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Spectral';font-weight:800;font-display:swap;src:url(fonts/spectral-800-latext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+A720-A7FF}
@font-face{font-family:'Spectral';font-weight:800;font-display:swap;src:url(fonts/spectral-800-lat.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Spectral';font-style:italic;font-weight:800;font-display:swap;src:url(fonts/spectral-800i-cyr.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Spectral';font-style:italic;font-weight:800;font-display:swap;src:url(fonts/spectral-800i-lat.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --ink:#14110F; --paper:#F4EEE3; --muted:#B3AA9C; --soft:#DCD4C6; --line:rgba(244,238,227,.16);
  --acc:#FF5B3A; --acc-deep:#D93E1F; --card:#1D1916;
  --disp:'Spectral',Georgia,'Times New Roman',serif; --text:'Golos Text',system-ui,-apple-system,'Segoe UI',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:72px;overflow-x:clip}
body{overflow-x:clip}
body{background:var(--ink);color:var(--paper);font:17px/1.6 var(--text);-webkit-font-smoothing:antialiased}
a{color:inherit}
.w{max-width:1180px;margin:0 auto;padding:0 24px}
::selection{background:var(--acc);color:var(--ink)}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px}

/* шапка */
.top{position:sticky;top:0;z-index:20;background:rgba(20,17,15,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top .w{display:flex;align-items:center;justify-content:space-between;height:64px;gap:20px}
.logo{font:800 23px/1 var(--disp);text-decoration:none;letter-spacing:-.01em;white-space:nowrap}
.logo i{color:var(--acc)}
.top nav{display:flex;gap:28px}
.top nav a{font-size:14px;text-decoration:none;color:var(--muted);transition:color .15s}
.top nav a:hover{color:var(--paper)}
.navcta{font-size:14px;font-weight:500;text-decoration:none;color:var(--paper);border:1px solid var(--paper);padding:9px 14px;white-space:nowrap;transition:background .15s,color .15s}
.navcta:hover{background:var(--paper);color:var(--ink)}

/* кнопки */
.btn{display:inline-block;background:var(--acc);color:var(--ink);padding:17px 28px;font-weight:700;font-size:16px;text-decoration:none;transition:background .15s,transform .15s}
.btn:hover{background:#FF7556;transform:translateY(-2px)}
.btn.ghost{background:transparent;color:var(--paper);box-shadow:inset 0 0 0 1.5px var(--paper)}
.btn.ghost:hover{background:var(--paper);color:var(--ink)}
.btn.dark{background:var(--ink);color:var(--paper)}
.btn.dark:hover{background:#2a2420}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}

/* первый экран */
.hero{padding:72px 0 76px}
.kick{font:500 13px var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin-bottom:24px}
.hero h1{font:800 clamp(50px,9.4vw,142px)/.92 var(--disp);letter-spacing:-.035em}
.hero h1 em{font-style:italic;color:var(--acc)}
.hero h1 .u{background:linear-gradient(transparent 62%,var(--acc) 62%,var(--acc) 80%,transparent 80%)}
.lead{font-size:clamp(18px,2vw,20px);line-height:1.6;max-width:660px;color:var(--soft);margin-top:30px}
.facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:64px;border-top:1px solid var(--paper)}
.facts div{padding:24px 24px 0 0;margin-right:24px;border-right:1px solid var(--line)}
.facts div:last-child{border:0;margin:0}
.facts b{display:block;font:800 clamp(40px,4.6vw,60px)/1 var(--disp);color:var(--acc);letter-spacing:-.02em}
.facts span{display:block;color:var(--muted);font-size:15px;margin-top:12px;max-width:260px}

/* бегущая строка */
.ticker{border-block:1px solid var(--line);overflow:hidden;background:var(--card)}
.track{display:flex;width:max-content;animation:run 46s linear infinite}
.ticker span{font:800 italic 26px var(--disp);padding:16px 26px;white-space:nowrap;color:var(--soft)}
.ticker span::after{content:"·";color:var(--acc);margin-left:52px;font-style:normal}
@keyframes run{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.track{animation:none}.btn:hover{transform:none}}

/* секции */
section{padding:104px 0;border-bottom:1px solid var(--line)}
.sh{display:flex;align-items:baseline;gap:18px;margin-bottom:44px;flex-wrap:wrap}
.sn{font:800 italic 30px var(--disp);color:var(--acc);font-variant-numeric:lining-nums}
h2{font:800 clamp(34px,5.4vw,68px)/1 var(--disp);letter-spacing:-.03em}
h3{font:800 25px/1.15 var(--disp);letter-spacing:-.01em}
section .lead{margin:-16px 0 36px}
.hero .lead{margin:30px 0 0}

/* шаги */
.steps{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);counter-reset:s;border-top:1px solid var(--paper)}
.steps li{counter-increment:s;padding:24px 22px 0 0;margin-right:22px;border-right:1px solid var(--line)}
.steps li:last-child{border:0;margin:0}
.steps li::before{content:counter(s);display:block;font:800 italic 52px/1 var(--disp);color:var(--acc);margin-bottom:16px}
.steps b{display:block;font-size:18px;margin-bottom:8px}
.steps p{color:var(--muted);font-size:15px;line-height:1.55}

/* светлая секция: уровни */
.light{background:var(--paper);color:var(--ink)}
.light .sn{color:var(--acc-deep)}
.levels{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.lv{padding:30px 28px 32px;border-right:1px solid rgba(20,17,15,.2);display:flex;flex-direction:column}
.lv:last-child{border-right:0}
.lv.pick{background:var(--ink);color:var(--paper)}
.lvh{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.lvn{font:800 italic 68px/1 var(--disp);color:var(--acc-deep)}
.lv.pick .lvn{color:var(--acc)}
.badge{font:500 12px var(--text);text-transform:uppercase;letter-spacing:.1em;background:var(--acc);color:var(--ink);padding:6px 10px}
.lv h3{font-size:30px}
.lv p{margin:12px 0 18px;font-size:16px}
.lv ul{list-style:none;margin-bottom:26px}
.lv li{padding:9px 0;border-top:1px solid rgba(20,17,15,.15);font-size:15px}
.lv.pick li{border-color:var(--line)}
.lv li::before{content:"— ";color:var(--acc-deep)}
.lv.pick li::before{color:var(--acc)}
.price{margin-top:auto;font:800 34px/1.1 var(--disp);letter-spacing:-.02em}
.price small{display:block;font:400 13px var(--text);opacity:.65;margin-top:6px;letter-spacing:0}
.fine{margin-top:28px;font-size:15px;max-width:820px;line-height:1.65}

/* аудитории */
.aud{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.aud > div{border-top:2px solid var(--paper);padding:24px 0 0}
.aud p{color:var(--muted);margin:10px 0 18px;font-size:16px}
.tags{display:flex;flex-wrap:wrap;gap:8px}
.tags span{border:1px solid rgba(244,238,227,.35);padding:5px 12px;border-radius:99px;font-size:14px;transition:border-color .15s,color .15s}
.tags span:hover{border-color:var(--acc);color:var(--acc)}

/* таблицы */
.tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;font-size:15px;min-width:560px}
th{font:500 12px var(--text);text-transform:uppercase;letter-spacing:.1em;text-align:left;padding:12px 10px;border-bottom:1.5px solid currentColor}
td{padding:14px 10px;border-bottom:1px solid var(--line);vertical-align:top}
td.empty{color:var(--muted);font-style:italic;padding:28px 10px}

/* отчёт — лист бумаги */
.paper{background:var(--card)}
.demo{display:inline-block;border:1px dashed var(--acc);color:var(--acc);font-weight:500;font-size:14px;padding:6px 12px;margin:-18px 0 28px}
.report{background:var(--paper);color:var(--ink);padding:clamp(22px,4vw,52px);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.report .rh{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font:500 12px var(--text);text-transform:uppercase;letter-spacing:.1em;border-bottom:2px solid var(--ink);padding-bottom:12px;margin-bottom:24px}
.report h3{font-size:clamp(24px,3.2vw,38px);margin-bottom:14px;letter-spacing:-.02em}
.report td{border-color:rgba(20,17,15,.15)}
.bars{position:relative;margin:30px 0 36px;padding-top:6px}
.bar{display:grid;grid-template-columns:180px 1fr 56px;align-items:center;gap:14px;margin:12px 0;font-size:15px}
.bar i{display:block;height:20px;background:linear-gradient(90deg,var(--ink) var(--v),rgba(20,17,15,.08) var(--v))}
.bar.hi i{background:linear-gradient(90deg,var(--acc) var(--v),rgba(20,17,15,.08) var(--v))}
.bar.lo i{background:linear-gradient(90deg,#9A9184 var(--v),rgba(20,17,15,.08) var(--v))}
.bar b{font:800 20px var(--disp);text-align:right}
.thr{position:absolute;top:0;bottom:-8px;left:calc(194px + (100% - 264px) * .30);border-left:2px dashed var(--acc-deep)}
.thr em{position:absolute;bottom:-22px;left:6px;font:500 12px var(--text);color:var(--acc-deep);white-space:nowrap;font-style:normal}
.rcols{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:32px;border-top:2px solid var(--ink);padding-top:22px}
.rcols h4{font:800 italic 19px var(--disp);margin-bottom:8px}
.rcols p{font-size:15px}
.after{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;margin-top:40px}
.after p{font:800 clamp(22px,2.6vw,30px)/1.2 var(--disp);letter-spacing:-.02em;max-width:620px}

/* заявка */
.accent{background:var(--acc);color:var(--ink)}
.accent .sn{color:var(--ink)}
.accent .lead{color:#2a1a14}
.formbox{background:var(--paper);padding:32px;min-height:220px;font-size:17px;box-shadow:0 30px 60px -30px rgba(20,17,15,.5)}

/* FAQ */
.faq{border-top:1px solid var(--paper)}
details{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;padding:22px 48px 22px 0;font-weight:500;font-size:19px;position:relative;transition:color .15s}
summary:hover{color:var(--acc)}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:4px;top:10px;font:500 34px var(--disp);color:var(--acc);transition:transform .2s}
details[open] summary::after{transform:rotate(45deg)}
details p{color:var(--soft);padding:0 0 24px;max-width:780px}

/* контакты и подвал */
.contacts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--paper)}
.contacts a{padding:24px 0;font:800 clamp(20px,2.4vw,28px) var(--disp);text-decoration:none;border-right:1px solid var(--line);margin-right:24px;transition:color .15s}
.contacts a:last-child{border:0}
.contacts a:hover{color:var(--acc)}
.contacts small{display:block;font:500 12px var(--text);color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}
footer{padding:48px 0 60px;color:var(--muted);font-size:14px}
footer .logo{color:var(--paper);display:inline-block;margin-bottom:16px}
footer p{margin-top:6px}
footer a:hover{color:var(--paper)}

/* документы */
.doc{max-width:820px;margin:0 auto;padding:56px 24px 88px}
.doc .back{display:inline-block;margin-bottom:28px;font-size:14px;text-decoration:none;color:var(--muted)}
.doc .back:hover{color:var(--acc)}
.doc h1{font:800 clamp(32px,5vw,56px)/1.05 var(--disp);letter-spacing:-.03em;margin-bottom:24px}
.doc h2{font:800 24px/1.25 var(--disp);letter-spacing:-.01em;margin:44px 0 14px;padding-top:18px;border-top:1px solid var(--paper)}
.doc p,.doc li{color:var(--soft);margin:10px 0}
.doc ul{padding-left:22px}
.doc i{color:var(--muted)}
.doc a{color:var(--acc)}

/* адаптив */
@media (max-width:980px){
  .top nav{display:none}
  .steps{grid-template-columns:1fr 1fr}
  .steps li{border:0;margin:0;padding:22px 16px 18px 0;border-bottom:1px solid var(--line)}
  .levels{grid-template-columns:1fr}
  .lv{border-right:0;border-bottom:1px solid rgba(20,17,15,.2)}
  .lv:last-child{border-bottom:0}
  .aud{grid-template-columns:1fr;gap:34px}
}
@media (max-width:640px){
  .w{padding:0 16px}
  section{padding:68px 0}
  .hero{padding:44px 0 60px}
  .facts,.rcols,.contacts{grid-template-columns:1fr}
  .facts div,.contacts a{border-right:0;margin-right:0;border-bottom:1px solid var(--line);padding:18px 0}
  .steps{grid-template-columns:1fr}
  .btn{width:100%;text-align:center}
  .bar{grid-template-columns:1fr 48px;gap:6px 10px}
  .bar span{grid-column:1/-1}
  .thr{display:none}
  .navcta{padding:8px 11px;font-size:13px}
  .ticker span{font-size:21px;padding:13px 18px}
  .formbox{padding:22px}
  .doc{padding:40px 16px 64px}
}