/* Шапка страниц видов работ (22.10.2026): оценка за месяц, заголовок с «печатью» и меняющаяся строка преимуществ.
   Подключается только страницами видов (referat.html → make-kinds.cjs), в page-bundle не входит. */
.gen[data-hero="v2"]{padding-top:36px}
.gen-score{display:flex;align-items:center;gap:12px;margin:0 0 26px;font-size:16px;font-weight:600;letter-spacing:-.2px;color:#181818}
.gen-score-val{display:inline-flex;align-items:center;gap:7px}
.gen-score-val b{font-family:Nunito,Inter,sans-serif;font-weight:800;font-size:18px}
.gen-score-star{color:#b5d62f;font-size:19px;line-height:1}
.gen-score-sep{color:#b9b9b1;font-weight:400}
.gen-score-icons{display:inline-flex;align-items:center}
.gen-score-icons img{display:block;width:30px;height:30px;border-radius:50%;border:2px solid #f7f7f5;margin-left:-7px;background:#fff}
.gen-score-icons img:first-child{margin-left:0}
.gen[data-hero="v2"] h1{font-size:clamp(32px,3.9vw,58px);line-height:1.16;letter-spacing:-2.4px;max-width:18.5em;margin:0 0 26px}
.gen[data-hero="v2"] h1 .highlight{padding:0 12px 6px}
.gen-stamp{display:inline-block;vertical-align:.32em;margin-left:10px;padding:.38em .62em .42em;border:2px dashed #63b31e;border-radius:14px 11px 15px 12px;background:#effbd8;color:#3f8a0c;font-family:Inter,Arial,sans-serif;font-size:.36em;font-weight:700;letter-spacing:-.3px;line-height:1.1;white-space:nowrap;transform:rotate(-2.5deg)}
.gen-stamp-cur{display:inline-block;width:2px;height:1.05em;margin-left:2px;background:currentColor;vertical-align:-.15em;animation:gen-blink 1s steps(1) infinite}
.gen-stamp.is-done .gen-stamp-cur{animation:gen-blink 1s steps(1) 4 forwards}
@keyframes gen-blink{50%{opacity:0}100%{opacity:0}}
@media(max-width:960px){.gen[data-hero="v2"] h1{margin-bottom:22px}}
@media(max-width:600px){.gen[data-hero="v2"]{padding-top:20px}.gen-score{font-size:14px;margin-bottom:18px;gap:9px}.gen-score-val b{font-size:16px}.gen-score-icons img{width:26px;height:26px}
  .gen[data-hero="v2"] h1{font-size:33px;letter-spacing:-1.4px;line-height:1.2;margin-bottom:18px}.gen-stamp{font-size:.46em;margin:8px 0 0;vertical-align:baseline}}
@media(prefers-reduced-motion:reduce){.gen-stamp-cur{animation:none}.gen-trust li,.gen-trust img{transition:none!important;opacity:1!important;transform:none!important}}
/* значки обещаний: четыре в ряд, появляются по очереди — строка поднимается, значок «впрыгивает» */
.gen[data-hero="v2"] .gen-trust{grid-template-columns:repeat(4,1fr);gap:20px 28px;max-width:none;margin-top:48px}
.gen[data-hero="v2"] .gen-trust li{font-size:16px}
.gen-trust.is-anim li{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.9,.3,1);transition-delay:calc(var(--i)*420ms + 700ms)}
.gen-trust.is-anim img{transform:scale(.2) rotate(-28deg);transition:transform .8s cubic-bezier(.34,1.8,.5,1);transition-delay:calc(var(--i)*420ms + 820ms)}
.gen-trust.is-anim.is-in li{opacity:1;transform:none}
.gen-trust.is-anim.is-in img{transform:none}
@media(max-width:1100px){.gen[data-hero="v2"] .gen-trust{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.gen[data-hero="v2"] .gen-trust{grid-template-columns:1fr;margin-top:32px}.gen[data-hero="v2"] .gen-trust li{font-size:15.5px}}

/* ===== Новые блоки страницы реферата (22.10.2026): вузы, 3 шага, ИИ-агенты, сравнение с ChatGPT ===== */
[data-block]{padding-top:24px;padding-bottom:110px}
[data-block="steps"]{padding-top:64px}
.blk-title{font-size:clamp(28px,3.4vw,46px);line-height:1.14;letter-spacing:-2px;font-weight:800;text-align:center;max-width:20em;margin:0 auto 18px;text-wrap:balance}
.blk-lead{text-align:center;font-size:17px;line-height:1.5;color:#6f6f69;max-width:36em;margin:0 auto 46px}
[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
[data-reveal].is-in{opacity:1;transform:none}

/* вузы — бегущая строка, как на главной */
[data-block="vuzy"]{padding-top:0;padding-bottom:96px}
.vuzy-head{text-align:center;margin-bottom:38px}
.vuzy-head h2{font-size:clamp(24px,2.5vw,34px);line-height:1.15;letter-spacing:-1.4px;font-weight:800;margin:0 0 10px}
.vuzy-head p{font-size:15px;color:#71716b;margin:0}
[data-block="vuzy"] .marquee{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
[data-block="vuzy"] .marquee-track{display:flex;width:max-content;animation:hk-marquee 52s linear infinite;will-change:transform}
[data-block="vuzy"] .marquee-group{display:flex;align-items:center;gap:58px;padding-right:58px;flex:none}
[data-block="vuzy"] .marquee:hover .marquee-track{animation-play-state:paused}
@keyframes hk-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
[data-block="vuzy"] .uni{display:flex;flex-direction:column;align-items:center;gap:5px;color:#181818;opacity:.42;transition:opacity .25s,transform .25s}
[data-block="vuzy"] .uni:hover{opacity:1;transform:translateY(-3px)}
[data-block="vuzy"] .uni strong{font-family:Nunito,Inter,Arial,sans-serif;font-weight:800;font-size:31px;line-height:1;letter-spacing:-1.4px;white-space:nowrap}
[data-block="vuzy"] .uni span{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;color:#5c5c56}

/* 3 шага */
.steps-box{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);background:#fff;border:1px solid #eaeae6;border-radius:34px 28px 32px 30px;box-shadow:0 14px 40px #1818180a;overflow:hidden;margin-top:44px;min-height:420px}
.steps-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;background:#f8f8f4;border-right:1px solid #eeeee8}
.steps-list li{flex:1;display:flex}
.steps-list li+li{border-top:1px solid #eaeae4}
.step{position:relative;flex:1;display:flex;align-items:flex-start;gap:18px;text-align:left;background:transparent;border:0;padding:30px 32px;transition:background .25s}
.step:hover{background:#f2f2ec}
.step.is-on{background:#fff}
.step-n{font-family:Nunito,Inter,sans-serif;font-weight:800;font-size:30px;line-height:1;letter-spacing:-1px;color:#c9c9c1;transition:color .25s}
.step.is-on .step-n{color:#181818}
.step-copy strong{display:block;font-size:20px;letter-spacing:-.5px;line-height:1.2;font-weight:700;margin:2px 0 8px}
.step-copy span{display:block;font-size:15px;line-height:1.5;color:#71716b}
.step-bar{position:absolute;left:0;bottom:0;height:3px;width:0;background:#d6ff38}
.step.is-on .step-bar{animation:hk-bar var(--dur,5s) linear forwards}
.steps-box.is-paused .step.is-on .step-bar{animation:none;width:100%}
@keyframes hk-bar{from{width:0}to{width:100%}}
.steps-demo{position:relative;padding:34px;background:#fff;background-image:radial-gradient(#e7e7e0 1px,transparent 1px);background-size:18px 18px}
.scene{position:absolute;inset:34px;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(16px) scale(.98);transition:opacity .45s,transform .45s;pointer-events:none}
.scene.is-on{opacity:1;transform:none}
.scene-label{font-size:12px;letter-spacing:1.4px;font-weight:600;color:#8b8b83;margin:0 0 12px;text-transform:uppercase}
.scene-field{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e3e3db;border-radius:20px 17px 19px 16px;padding:22px;font-size:18px;letter-spacing:-.3px;margin:0;box-shadow:0 10px 28px #18181810;min-height:72px}
.scene-field svg{width:22px;height:22px;color:#9b9b93;flex:none}
.scene-caret{display:inline-block;width:2px;height:22px;background:#181818;margin-left:-8px;animation:gen-blink 1s steps(1) infinite}
.scene-chip{align-self:flex-start;display:inline-flex;align-items:center;gap:9px;margin:18px 0 0;background:#d6ff38;border:1px solid #bfe22d;border-radius:8px 6px 9px 7px;padding:10px 14px;font-size:14px;font-weight:600;opacity:0;transform:translateY(8px) rotate(-1.5deg);transition:opacity .4s,transform .4s}
.scene-chip svg{width:16px;height:16px;stroke-width:2.6}
.scene-topic.is-typed .scene-chip{opacity:1;transform:rotate(-1.5deg)}
.plan{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
.plan li{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #ecece6;border-radius:12px;padding:7px 14px;font-size:14px;line-height:1.3;letter-spacing:-.2px;opacity:0;transform:translateX(-14px);transition:opacity .35s,transform .35s;transition-delay:calc(var(--k,0)*90ms)}
.plan li i{flex:none;width:10px;height:16px;background:radial-gradient(circle,#b9b9b1 1.3px,transparent 1.6px) 0 0/5px 5.4px}
.plan-h{font-weight:700}
.plan-s{margin-left:26px;color:#4e4e48}
.scene-plan.is-on .plan li{opacity:1;transform:none}
.plan-edit span{position:relative}
.scene-plan.is-edit .plan-edit{border-color:#bfe22d;background:#f4fbd6;box-shadow:0 6px 18px #9fc11a26;transform:translateX(6px) rotate(-.6deg)}
.scene-done{flex-direction:row;align-items:center;gap:30px}
.mini-page{flex:none;width:44%;aspect-ratio:.72;background:#fff;border:1px solid #e3e3db;border-radius:6px;box-shadow:0 14px 30px #18181814;padding:9% 10%;display:flex;flex-direction:column;gap:7%;transform:rotate(-2.5deg)}
.mini-page b{font-size:11px;letter-spacing:.8px;text-align:center;margin-bottom:6%}
.mini-page i{display:block;height:6px;border-radius:3px;background:#ececE6}
.mini-page i.short{width:62%}
.done-side{flex:1;min-width:0}
.done-progress{height:8px;border-radius:5px;background:#efefe9;overflow:hidden;margin:0 0 18px}
.done-progress span{display:block;height:100%;width:0;background:#181818;border-radius:5px}
.scene-done.is-on .done-progress span{animation:hk-fill 2.2s ease forwards}
@keyframes hk-fill{to{width:100%}}
.done-checks{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:9px}
.done-checks li{display:flex;align-items:center;gap:10px;font-size:15px;color:#3a3a35;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s;transition-delay:calc(.5s + var(--k,0)*.45s)}
.done-checks li:before{content:'';flex:none;width:20px;height:20px;border-radius:50%;background:#d6ff38 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23181818' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4L18 8'/%3E%3C/svg%3E") center/13px no-repeat}
.scene-done.is-on .done-checks li{opacity:1;transform:none}
.done-file{display:flex;align-items:center;gap:12px;margin:0;background:#fff;border:1px solid #e3e3db;border-radius:14px;padding:12px 14px;opacity:0;transform:translateY(8px);transition:opacity .4s 2.4s,transform .4s 2.4s}
.done-file svg{color:#2b5bd7;flex:none}
.done-file span{font-size:12.5px;color:#71716b;display:flex;flex-direction:column;gap:2px}
.done-file b{font-size:15px;color:#181818}
.scene-done.is-on .done-file{opacity:1;transform:none}
.steps-foot{text-align:center;margin-top:56px}
.steps-foot h3{font-size:clamp(22px,2.2vw,30px);letter-spacing:-1px;line-height:1.2;margin:0 0 10px}
.steps-foot>p{font-size:17px;line-height:1.5;color:#6f6f69;max-width:30em;margin:0 auto}
.steps-foot .cta,.vs-foot .cta{display:inline-flex;margin:28px auto 12px;padding:20px 30px}
.steps-note{font-size:13px!important;color:#93938c!important}

/* ИИ-агенты — команда человечков (визуал из концепта 22.10.2026, тексты и шрифты наши) */
.tm{position:relative;display:grid;grid-template-columns:1fr 1.13fr 1fr;gap:12px;min-height:470px;max-width:1160px;margin:0 auto}
.tm-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.tm-lines path{fill:none;stroke:#c3c8b5;stroke-width:1.3;stroke-dasharray:3 6}
.tm-lines .tm-flow path{stroke:#8da72b;stroke-width:3;stroke-dasharray:4 60;opacity:.75;animation:tm-flow 3s linear infinite}
.tm-lines .tm-flow path:nth-child(2){animation-delay:-2s}.tm-lines .tm-flow path:nth-child(3){animation-delay:-3s}.tm-lines .tm-flow path:nth-child(4){animation-delay:-4s}
@keyframes tm-flow{to{stroke-dashoffset:-128}}
.tm-side{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;gap:30px;position:relative;z-index:1}
.tm-agent{display:flex;align-items:center;gap:6px;border-radius:24px 20px 22px 21px;padding:6px 14px 6px 4px;min-height:190px;transition:background .35s,box-shadow .35s,transform .35s}
.tm-agent.is-live{background:#fff;box-shadow:0 0 0 1px #e3e6da,0 14px 30px #1818180d;transform:translateY(-3px)}
.tm-fig{position:relative;flex:0 0 auto;width:140px;height:180px}
.tm-blob{position:absolute;left:6px;top:42px;width:126px;height:126px;border-radius:50%;background:#e8eddf;transition:background .35s}
.tm-check .tm-blob{background:#eee8fa;border-radius:34% 51% 39% 48%;transform:rotate(15deg)}
.tm-design .tm-blob{background:#e4eaf8;border-radius:48% 38% 40% 51%}
.tm-control .tm-blob{background:#f1eadc;border-radius:45% 40% 48% 35%}
.tm-agent.is-live .tm-blob{background:#d6ff38}
.tm-svg{position:relative;z-index:2;display:block;width:100%;height:100%;filter:drop-shadow(0 6px 3px #22221510)}
.tm-svg svg{display:block;width:100%;height:100%;overflow:visible}
.tm-copy strong{display:block;font-family:Nunito,Inter,sans-serif;font-size:18px;font-weight:800;line-height:1.2;letter-spacing:-.4px;margin-bottom:7px}
.tm-copy span{display:block;font-size:14px;line-height:1.45;color:#71716b;max-width:220px}
.tm-center{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:6px}
.tm-author{position:relative;width:100%;max-width:330px;height:290px}
.tm-halo{position:absolute;left:50%;top:0;width:282px;height:282px;margin-left:-141px;border-radius:50%;background:#d6ff38;background-image:radial-gradient(#96b41a60 1px,transparent 1px);background-size:10px 10px;z-index:-1}
.tm-halo:after{content:'';position:absolute;inset:-11px;border-radius:50%;border:1px solid #d7debd;animation:tm-pulse 3.2s ease-in-out infinite}
@keyframes tm-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.04);opacity:.5}}
.tm-author .tm-svg{position:absolute;left:50%;top:5px;width:214px;height:248px;margin-left:-107px}
.tm-desk{position:absolute;z-index:5;left:50%;bottom:3px;width:245px;height:87px;margin-left:-122px}
.tm-desk-top{position:absolute;inset:22px -11px 39px;background:#eee9dd;border:2px solid #181818;border-bottom-width:6px;border-radius:4px;box-shadow:0 5px 0 #d7d0bd;transform:skewY(-2deg)}
.tm-desk:before,.tm-desk:after{content:'';position:absolute;bottom:0;width:12px;height:57px;background:#797d6a;border:2px solid #181818}
.tm-desk:before{left:2px}.tm-desk:after{right:2px}
.tm-laptop{position:absolute;bottom:56px;left:63px;width:112px;height:70px;background:linear-gradient(120deg,#393e34,#20251e);border:2px solid #11150f;border-radius:6px;transform:rotate(-3deg) skewX(8deg);box-shadow:inset 2px 2px 0 #ffffff30}
.tm-laptop:after{content:'';position:absolute;left:-7px;bottom:-7px;width:128px;height:7px;background:#34382d;border:1px solid #11150f;border-radius:0 0 3px 3px;transform:skewX(-25deg)}
.tm-laptop-mark{position:absolute;left:41px;top:13px;color:#d6ff38;font-size:35px;line-height:1}
.tm-coffee{position:absolute;right:20px;bottom:57px;width:21px;height:28px;background:#fff;border:2px solid #181818;border-radius:2px 2px 7px 7px;transform:rotate(4deg)}
.tm-coffee:after{content:'';position:absolute;right:-9px;top:2px;width:6px;height:11px;border:2px solid #181818;border-left:0;border-radius:0 6px 6px 0}
.tm-coffee:before{content:'∿';position:absolute;top:-25px;left:4px;color:#707b5b;font-size:21px;animation:tm-steam 3s ease-in-out infinite}
@keyframes tm-steam{0%,100%{opacity:.2;transform:translateY(2px)}50%{opacity:.8;transform:translateY(-4px)}}
.tm-paper{position:absolute;left:13px;bottom:54px;width:32px;height:5px;background:#fff;border:1px solid #181818;box-shadow:0 3px 0 #818a71,0 5px 0 #fff;transform:rotate(-6deg)}
.tm-main{min-height:0;padding:14px 22px;margin-top:14px;text-align:center;flex-direction:column}
.tm-main .tm-copy span{max-width:300px;margin:0 auto}
/* анимация человечков */
.tm-svg .body{transform-box:fill-box;transform-origin:center bottom;animation:tm-breathe 4s ease-in-out infinite}
.tm-research .body{animation-delay:-1s}.tm-check .body{animation-delay:-2s}.tm-control .body{animation-delay:-3s}
.tm-svg .eyes{transform-box:fill-box;transform-origin:center;animation:tm-blink 5.6s infinite}
.tm-svg .right-arm{transform-box:fill-box;transform-origin:22% 12%;animation:tm-work 3.5s ease-in-out infinite}
.tm-research .right-arm{animation-name:tm-search}.tm-design .right-arm{animation-duration:2s}.tm-control .right-arm{animation-name:tm-stamp;animation-duration:3.2s}.tm-check .right-arm{animation-duration:5s}
.tm-author .right-arm{animation-name:tm-type;animation-duration:1.1s}
.tm-author .left-arm{transform-box:fill-box;transform-origin:80% 10%;animation:tm-type .8s infinite alternate}
.tm-agent.is-live .right-arm{animation-duration:1.2s}
.tm-svg .prop-glint{animation:tm-glint 3s ease-in-out infinite}
@keyframes tm-breathe{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-3px) rotate(1deg)}}
@keyframes tm-blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.08)}}
@keyframes tm-work{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(7deg)}}
@keyframes tm-search{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(12deg) translateY(-3px)}}
@keyframes tm-stamp{0%,45%,65%,100%{transform:rotate(0)}52%{transform:rotate(-16deg) translateY(-5px)}58%{transform:rotate(8deg) translateY(2px)}}
@keyframes tm-type{from{transform:rotate(-3deg)}to{transform:rotate(5deg) translateY(2px)}}
@keyframes tm-glint{0%,100%{opacity:.2}50%{opacity:.8}}
/* появление */
.hk-js .tm-agent,.hk-js .tm-author{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease,background .35s,box-shadow .35s;transition-delay:calc(var(--i,0)*160ms)}
.hk-js .tm-author{transform:scale(.92)}
.tm.is-in .tm-agent,.tm.is-in .tm-author{opacity:1;transform:none}
.tm.is-in .tm-agent.is-live{transform:translateY(-3px)}
/* результат */
.tm-result{position:relative;display:flex;align-items:center;gap:24px;max-width:1160px;margin:34px auto 0;padding:24px 30px;background:#d6ff38;border:1.5px solid #181818;border-radius:22px 18px 24px 19px;box-shadow:0 5px 0 #181818}
.tm-result-ico{flex:0 0 auto;width:46px;transform:rotate(-5deg);color:#181818}
.tm-result-ico svg{display:block;width:46px}
.tm-result p{margin:0;font-size:18px;line-height:1.5;letter-spacing:-.2px}
.tm-result b{font-weight:800}
.tm-result-star{margin-left:auto;padding-left:10px;font-size:56px;line-height:1}
@media(max-width:1100px){
  .tm{grid-template-columns:1fr 1.04fr 1fr;gap:8px}
  .tm-fig{width:112px;height:160px}.tm-blob{width:102px;height:102px;top:46px}
  .tm-copy strong{font-size:16px}.tm-copy span{font-size:13px}
  .tm-halo{width:240px;height:240px;margin-left:-120px;top:22px}
}
@media(max-width:860px){
  .tm{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;min-height:0}
  .tm-lines{display:none}
  .tm-center{grid-column:1/-1;grid-row:1}
  .tm-left{grid-column:1;grid-row:2}.tm-right{grid-column:2;grid-row:2}
  .tm-side{gap:14px;justify-content:flex-start}
  .tm-agent{flex-direction:column;align-items:flex-start;min-height:0;padding:8px 12px 16px;background:#fff;box-shadow:0 0 0 1px #ecece6}
  .tm-fig{align-self:center;width:118px;height:150px}.tm-blob{left:8px;top:40px;width:102px;height:96px}
  .tm-copy strong{font-size:15.5px;overflow-wrap:anywhere}.tm-copy span{font-size:13px;max-width:none}
  .tm-main{background:transparent;box-shadow:none;align-items:center;margin-top:8px}
  .tm-result{padding:20px 18px;gap:14px;align-items:flex-start}
  .tm-result p{font-size:15px}.tm-result-ico{width:32px}.tm-result-ico svg{width:32px}.tm-result-star{display:none}
}
@media(max-width:400px){.tm-author{height:270px}.tm-halo{width:250px;height:250px;margin-left:-125px}}
@media(prefers-reduced-motion:reduce){.tm *,.tm *:before,.tm *:after{animation:none!important}.tm-agent,.tm-author{opacity:1!important;transform:none!important;transition:none!important}}

/* сравнение с ChatGPT и DeepSeek */
.vs-head{text-align:center;max-width:860px;margin:0 auto 46px}
.vs-head h2{font-size:clamp(28px,3.6vw,50px);line-height:1.1;letter-spacing:-2.2px;font-weight:800;margin:0}
.vs-pill{display:inline-block;margin:18px 0 30px;background:#d6ff38;border:2px solid #181818;border-radius:60px;padding:14px 34px 16px;font-family:Nunito,Inter,sans-serif;font-weight:800;font-size:clamp(28px,3.4vw,48px);letter-spacing:-1.6px;line-height:1.05;box-shadow:0 6px 0 #181818;transform:rotate(-2.5deg) scale(.6);opacity:0;transition:transform .7s cubic-bezier(.3,1.6,.5,1) .25s,opacity .4s .25s}
.vs-head.is-in .vs-pill{transform:rotate(-2.5deg);opacity:1}
.vs-lead{font-size:18px;margin:0 0 8px}
.vs-sub{font-size:15.5px;line-height:1.5;color:#71716b;margin:0}
.vs-table{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.15fr) minmax(0,1.15fr);max-width:1160px;margin:0 auto;position:relative}
.vs-row{display:contents}
.vs-row>span{display:flex;align-items:center;gap:11px;padding:17px 20px;font-size:15px;line-height:1.4;letter-spacing:-.2px;border-top:1px solid #ecece6;opacity:0;transform:translateY(10px);transition:opacity .4s,transform .4s;transition-delay:calc(.2s + var(--i,0)*.12s)}
.vs-table.is-in .vs-row>span{opacity:1;transform:none}
.vs-label{background:#fff;font-weight:700}
.vs-row .vs-us{background:#f4fbd6;border-left:1px solid #dbee93;border-right:1px solid #dbee93;border-top-color:#e2f1a6}
.vs-row .vs-them{background:#fff;color:#4e4e48}
.vs-cap>span{border-top:0;padding:22px 20px;background:transparent!important}
.vs-cap .vs-us{justify-content:center;background:#f4fbd6!important;border-radius:26px 22px 0 0;border:1px solid #dbee93;border-bottom:0;padding:30px 20px 24px}
.vs-cap .vs-us img{height:32px;width:auto}
.vs-cap .vs-them{justify-content:center;font-weight:700;font-size:18px;color:#181818;background:#fff!important;border-radius:20px 20px 0 0;margin-top:18px}
.vs-row:nth-child(2) .vs-label{border-radius:20px 0 0 0;border-top:0}
.vs-row:last-child .vs-label{border-radius:0 0 0 20px}
.vs-row:last-child .vs-us{border-radius:0 0 26px 22px;border-bottom:1px solid #dbee93;padding-bottom:26px}
.vs-row:last-child .vs-them{border-radius:0 0 20px 0}
.vs-row:last-child .vs-label,.vs-row:last-child .vs-them{margin-bottom:12px}
.vs-table{filter:drop-shadow(0 14px 30px #1818180c)}
.vs-yes,.vs-no{flex:none;width:22px;height:22px;border-radius:50%}
.vs-yes{background:#181818 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d6ff38' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4L18 8'/%3E%3C/svg%3E") center/14px no-repeat}
.vs-no{background:#f1e3e1 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c2473a' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M8 8l8 8M16 8l-8 8'/%3E%3C/svg%3E") center/12px no-repeat}
.vs-foot{text-align:center;margin-top:44px}
.vs-foot p{font-size:18px;font-weight:600;margin:0}

@media(max-width:1100px){
}
@media(max-width:860px){
  .steps-box{grid-template-columns:1fr}
  .steps-list{border-right:0;border-bottom:1px solid #eeeee8}
  .steps-demo{min-height:400px}
  .vs-table{grid-template-columns:1fr;filter:none;gap:0}
  .vs-row{display:block;background:#fff;border:1px solid #eaeae6;border-radius:20px 17px 19px 18px;margin-bottom:12px;overflow:hidden}
  .vs-row>span,.vs-row .vs-us,.vs-row .vs-them,.vs-row:last-child>span{border:0;border-radius:0!important;margin:0!important;padding:13px 18px}
  .vs-label{font-size:12px!important;letter-spacing:1.2px;text-transform:uppercase;color:#8b8b83;padding-bottom:4px!important}
  .vs-row .vs-us{background:#f4fbd6}
  .vs-row .vs-us:after{content:'Универ AI';margin-left:auto;font-size:11px;font-weight:700;color:#7b9614;white-space:nowrap}
  .vs-row .vs-them:after{content:'ChatGPT';margin-left:auto;font-size:11px;font-weight:600;color:#a3a39b;white-space:nowrap}
  .vs-row.vs-cap{display:none}
}
@media(max-width:600px){
  [data-block]{padding-top:8px;padding-bottom:68px}
  [data-block="steps"]{padding-top:40px}
  [data-block="vuzy"]{padding-top:0;padding-bottom:60px}
  [data-block="vuzy"] .marquee-group{gap:30px;padding-right:30px}
  [data-block="vuzy"] .uni strong{font-size:22px}
  [data-block="vuzy"] .uni span{display:none}
  .blk-title{letter-spacing:-1.2px}
  .blk-lead{font-size:15px;margin-bottom:30px}
  .steps-box{margin-top:30px;border-radius:26px 22px 25px 23px}
  .step{padding:20px 18px;gap:14px}
  .step-n{font-size:24px}
  .step-copy strong{font-size:17px;margin-bottom:5px}
  .step-copy span{font-size:14px}
  .steps-demo{padding:20px;min-height:600px}
  .scene{inset:20px}
  .scene-field{font-size:15.5px;padding:16px;align-items:flex-start}
  .plan li{font-size:13px;padding:6px 10px}
  .plan{gap:4px}
  .plan-s{margin-left:16px}
  .scene-done{flex-direction:column;gap:18px;justify-content:center}
  .mini-page{width:42%}
  .done-side{width:100%}
  .done-checks{gap:7px}
  .done-checks li{font-size:14px}
  .vs-pill{padding:11px 22px 13px;margin:14px 0 22px}
  .vs-lead{font-size:16px}
  .vs-sub{font-size:14.5px}
}
@media(prefers-reduced-motion:reduce){
  [data-reveal],.agents-orb,.agent,.vs-row>span,.vs-pill,.scene,.plan li,.done-checks li,.done-file,.scene-chip{transition:none!important;opacity:1;transform:none}
  .agents-ring,[data-block="vuzy"] .marquee-track{animation:none}
}
/* цены: бесплатно / расширенная версия / тариф приложения с экраном приложения (22.10.2026) */
[data-block="price"] .blk-title{margin-bottom:14px}
.pr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:22px;align-items:center;max-width:960px;margin:0 auto}
.pr-card{position:relative;background:#fff;border:1px solid #eaeae6;border-radius:28px 24px 26px 25px;padding:30px 28px 28px;box-shadow:0 14px 40px #1818180a}
.pr-name{font-family:Nunito,Inter,sans-serif;font-size:24px;font-weight:800;letter-spacing:-.6px;line-height:1.15;margin:0 0 8px}
.pr-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 20px;color:#71716b;font-size:14px}
.pr-price b{font-family:Nunito,Inter,sans-serif;font-size:34px;font-weight:800;letter-spacing:-1px;color:#181818}
.pr-pick{position:relative;display:inline-flex;align-items:center;gap:3px;font-weight:700;color:#181818;border-bottom:2px dashed #b5d62f;cursor:pointer}
.pr-pick select{appearance:none;-webkit-appearance:none;border:0;background:transparent;font:inherit;color:inherit;padding:0 14px 0 0;margin-right:-14px;cursor:pointer}
.pr-pick select:focus-visible{outline:2px solid #181818;outline-offset:3px;border-radius:4px}
.pr-pick svg{width:12px;height:12px;pointer-events:none}
/* своё меню вида работы (hero-kind.js): select скрыт, но остаётся источником значения */
.pr-pick.is-custom select{position:absolute;left:0;bottom:0;width:1px;height:1px;opacity:0;pointer-events:none}
.pr-pick-btn{display:inline-flex;align-items:center;gap:4px;border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer}
.pr-pick-btn svg{transition:transform .2s}
.pr-pick-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.pr-pick-btn:focus-visible{outline:2px solid #181818;outline-offset:3px;border-radius:4px}
.pr-menu{position:absolute;top:calc(100% + 10px);left:-12px;z-index:30;min-width:236px;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid #eaeae6;border-radius:16px 14px 15px 16px;box-shadow:0 18px 44px #1818181f;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .16s,transform .16s,visibility .16s;outline:0}
.pr-menu.is-open{opacity:1;visibility:visible;transform:none}
.pr-menu li{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:9px 12px;border-radius:10px;font-size:15px;font-weight:600;color:#181818;cursor:pointer;white-space:nowrap}
.pr-menu li b{font-family:Nunito,Inter,sans-serif;font-size:15px;font-weight:800;letter-spacing:0;color:#9a9a92}
.pr-menu li.is-active{background:#f4f4ef}
.pr-menu li[aria-selected="true"]{background:#efffb0}
.pr-menu li[aria-selected="true"] b{color:#181818}
@media (prefers-reduced-motion:reduce){.pr-menu,.pr-pick-btn svg{transition:none}}
.pr-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.pr-list li{position:relative;padding-left:30px;font-size:15px;line-height:1.35;color:#b3b3ab}
.pr-list li:before{content:'';position:absolute;left:0;top:-1px;width:20px;height:20px;border-radius:50%;background:#ececE6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m6 10.2 2.6 2.6L14 7.4' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
.pr-list li.is-on{color:#181818}
.pr-list li.is-on:before{background-color:#181818;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m6 10.2 2.6 2.6L14 7.4' fill='none' stroke='%23d6ff38' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.pr-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;margin-top:24px;padding:15px 18px;border:1.5px solid #181818;border-radius:16px 14px 15px 14px;background:#fff;font:inherit;font-family:Nunito,Inter,sans-serif;font-weight:800;font-size:16px;color:#181818;cursor:pointer;transition:transform .2s,box-shadow .2s}
.pr-btn svg{width:20px;height:20px}
.pr-btn:hover{transform:translateY(-2px);box-shadow:0 4px 0 #181818}
.pr-btn-main{background:#d6ff38;box-shadow:0 4px 0 #181818}
.pr-btn-main:hover{box-shadow:0 6px 0 #181818}
.pr-full{border:1.5px solid #181818;box-shadow:0 6px 0 #d6ff38,0 20px 44px #1818181a;padding:34px 30px 30px}
.pr-once{margin:18px 0 0;padding:12px 14px;border-radius:12px;background:#f4fbd6;font-size:14px;font-weight:600;color:#4f5f12}
.pr-free .pr-btn{margin-top:22px}
/* тариф приложения */
/* «Учишься весь семестр? Бери тариф приложения» — отдельной строкой под двумя карточками (22.10.2026) */
.pr-or{max-width:1240px;margin:70px auto 26px;text-align:center;font-family:Nunito,Inter,sans-serif;font-size:clamp(26px,2.6vw,38px);font-weight:800;line-height:1.2;letter-spacing:-1.2px;color:#181818;text-wrap:balance}
.pr-or .highlight{padding:0 10px 4px}
.pr-app{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr) 330px;gap:34px;align-items:center;max-width:1240px;margin:0 auto;background:#181818;border-color:#181818;color:#f2f2ea;padding:44px 44px 44px 48px;overflow:hidden}
.pr-price-big b{font-size:64px;letter-spacing:-2.5px;line-height:1}.pr-price b [data-price]{font:inherit;color:inherit;letter-spacing:inherit}.pr-price-big span{font-size:20px;color:#d9d9d0;font-weight:600}
.pr-price-year{margin:-4px 0 16px;font-size:17px;font-weight:600;color:#c9c9c0}.pr-price-year span{color:#fff}
.pr-app .pr-included{margin:0 0 16px;font-size:16px;line-height:1.4}.pr-included b{color:#d6ff38}
.pr-app-note{margin:0;font-size:15px;line-height:1.5;color:#a9a9a0}
.pr-app .pr-btn-dark{margin-top:26px}
.pr-app-feats .pr-list{gap:13px}.pr-app-feats .pr-list li{font-size:16px}
.pr-app .pr-name{color:#fff}
.pr-app .pr-price{color:#a9a9a0}.pr-app .pr-price b{color:#d6ff38}
.pr-badge{position:absolute;top:18px;right:22px;z-index:3;background:#d6ff38;color:#181818;font-size:12px;font-weight:800;letter-spacing:.3px;padding:6px 12px;border-radius:999px;transform:rotate(3deg)}
.pr-included{margin:-6px 0 18px;padding:12px 14px;border-radius:12px;background:#ffffff12;font-size:14px;font-weight:600;color:#e9ffa0}
.pr-feats li{color:#c9c9c0;transition:color .3s}
.pr-feats li.is-on:before{background-color:#2c2c28;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m6 10.2 2.6 2.6L14 7.4' fill='none' stroke='%23d6ff38' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");transition:background-color .3s,transform .3s}
.pr-feats li.is-on{color:#d9d9d0}
.pr-feats li.is-live{color:#fff}
.pr-feats li.is-live:before{background-color:#d6ff38;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m6 10.2 2.6 2.6L14 7.4' fill='none' stroke='%23181818' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");transform:scale(1.12)}
.pr-btn-dark{background:#d6ff38;border-color:#d6ff38;box-shadow:0 4px 0 #8fae13}
.pr-btn-dark:hover{box-shadow:0 6px 0 #8fae13}
.pr-phone{position:relative;justify-self:center;width:300px;padding:9px;border-radius:38px;background:#0b0b0a;box-shadow:0 0 0 2px #3a3a36,0 24px 50px #00000066;transform:rotate(3deg);transition:transform .6s}
.pr-app:hover .pr-phone{transform:rotate(0)}
/* экран: строка состояния (~40px при 300px) + скриншот целиком 600:1298 + полоска «домой» — шапку приложения не прячет вырез, низ не режут углы */
.pr-phone-screen{position:relative;display:flex;flex-direction:column;width:100%;border-radius:30px;overflow:hidden;background:#fff;container-type:inline-size}
.pr-phone-bar{position:relative;flex:none;display:flex;align-items:center;justify-content:space-between;height:14.2cqw;padding:0 7.5cqw 0 9cqw;color:#181818;font:600 4.6cqw/1 Inter,system-ui,sans-serif;letter-spacing:-.02em}
.pr-phone-notch{position:absolute;left:50%;top:3.4cqw;width:29.8cqw;height:7.8cqw;margin-left:-14.9cqw;border-radius:5cqw;background:#0b0b0a}
.pr-phone-ico{display:flex;align-items:center;gap:1.6cqw}
.pr-phone-sig{width:6cqw;height:3.6cqw;background:linear-gradient(90deg,#181818 0 18%,#0000 0 27%,#181818 0 45%,#0000 0 55%,#181818 0 73%,#0000 0 82%,#181818 0);-webkit-mask:linear-gradient(to top right,#000 50%,#0000 50.5%);mask:linear-gradient(to top right,#000 50%,#0000 50.5%)}
.pr-phone-bat{position:relative;width:7.6cqw;height:3.8cqw;border:.45cqw solid #181818;border-radius:1.2cqw;box-sizing:border-box}
.pr-phone-bat:before{content:"";position:absolute;inset:.45cqw;right:1.6cqw;border-radius:.5cqw;background:#181818}
.pr-phone-bat:after{content:"";position:absolute;right:-1.3cqw;top:50%;width:.8cqw;height:1.6cqw;margin-top:-.8cqw;border-radius:0 .5cqw .5cqw 0;background:#181818}
.pr-phone-shots{position:relative;flex:none;width:100%;aspect-ratio:600/1298}
.pr-phone-screen:after{content:"";flex:none;height:7cqw;background:radial-gradient(closest-side,#181818 99%,#0000) 50% 50%/34cqw 1.4cqw no-repeat}
.pr-phone-shots img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transform:translateX(24px);transition:opacity .5s ease,transform .5s ease}
.pr-phone-shots img.is-on{opacity:1;transform:none}
.pr-phone-shots img.is-out{opacity:0;transform:translateX(-24px)}
.pr-tap{position:absolute;z-index:3;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:#18181833;box-shadow:0 0 0 2px #ffffffaa;opacity:0;pointer-events:none}
.pr-tap.is-go{animation:pr-tap .7s ease-out}
@keyframes pr-tap{0%{opacity:0;transform:scale(.4)}30%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.5)}}
@media(max-width:1180px){
  .pr-app{grid-template-columns:minmax(0,1fr) 280px;padding:38px 34px}
  .pr-app-feats{grid-column:1;grid-row:2}
  .pr-phone{grid-column:2;grid-row:1/3;width:280px}
}
@media(max-width:760px){
  .pr{grid-template-columns:1fr;gap:16px}
  .pr-full{order:-1}
  .pr-card{padding:26px 20px 22px}
  .pr-or{margin:46px auto 18px;font-size:25px;letter-spacing:-.8px}
  .pr-app{grid-template-columns:1fr;gap:24px;padding:28px 20px 26px}
  .pr-app-feats{grid-column:auto;grid-row:auto}
  .pr-phone{grid-column:auto;grid-row:1;width:min(250px,72vw);margin:4px 0 0}
  .pr-price-big b{font-size:50px}.pr-price-big span{font-size:18px}
  .pr-app .pr-included{font-size:15px}.pr-app-feats .pr-list li{font-size:15px}
  .pr-name{font-size:22px}.pr-price b{font-size:30px}
  .pr-list li{font-size:14.5px}
}
@media(prefers-reduced-motion:reduce){.pr-phone-shots img,.pr-phone{transition:none}.pr-tap{display:none}}

/* без скрипта всё видно сразу */
html:not(.hk-js) [data-reveal],html:not(.hk-js) .agents-orb,html:not(.hk-js) .agent,html:not(.hk-js) .vs-row>span,html:not(.hk-js) .vs-pill,html:not(.hk-js) .plan li,html:not(.hk-js) .gen-trust li,html:not(.hk-js) .gen-trust img{opacity:1!important;transform:none!important}
html:not(.hk-js) .vs-pill{transform:rotate(-2.5deg)!important}
/* Блок «Более 50 000 работ» (дизайн ChatGPT, 22.10.2026): коллаж страниц работ, свой неймспейс .wk */
[data-block="works"]{padding-top:0;padding-bottom:70px}
[data-block="works"].wrap{padding-inline:0}
.wk{position:relative;font-family:Inter,Arial,sans-serif;color:var(--ink)}
.wk svg{width:auto;height:auto;fill:#000;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter}
.wk .wk-stage h2{font-size:clamp(35px,3.6vw,56px);line-height:1.17;font-weight:800;letter-spacing:-2.2px;margin:0;text-wrap:initial}
.wk{--paper:#f8f9f5;--ink:#1b1c19;--lime:#dafc54;--lilac:#bca4ed}
.wk .wk-stage{position:relative;max-width:1680px;margin:0 auto;min-height:645px;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden;--mx:0px;--my:0px}
.wk .wk-stage:before{content:'';position:absolute;inset:10px 0;background-image:radial-gradient(#e3e7d9 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(to right,transparent,#000 20%,#000 80%,transparent);z-index:-3;opacity:.32}
.wk .collage{position:absolute;inset:0;z-index:-2;pointer-events:none}
.wk .cloud{position:absolute;inset:0;transform:translate(var(--mx),var(--my));transition:transform .5s ease-out;mask-image:linear-gradient(90deg,#000 0%,#000 17%,#0006 31%,transparent 43%,transparent 57%,#0006 69%,#000 83%,#000 100%)}
.wk .doc-slot{position:absolute;left:var(--x);top:var(--y);width:var(--w);transform:rotate(var(--r));z-index:var(--z,1)}
.wk .sheet{position:relative;width:100%;aspect-ratio:210/297;background:white;border:1px solid #e4e6df;box-shadow:0 6px 12px #252b1c12,0 20px 30px #252b1c05;animation:wk-float 7s ease-in-out infinite;animation-delay:var(--delay,0s);overflow:hidden;padding:12% 10% 8%;font-family:Georgia,'Times New Roman',serif;color:#41443c}
.wk .sheet.slide{aspect-ratio:16/10;padding:8% 7%;font-family:Arial,sans-serif}
.wk .sheet h3{font-size:calc(var(--w)/18);text-align:center;font-weight:700;line-height:1.4;margin:0 0 13%}
.wk .sheet.cover h3{font-size:calc(var(--w)/13);margin-top:44%;letter-spacing:.2px}
.wk .institution{text-align:center;font-size:calc(var(--w)/36);line-height:1.6}
.wk .work-topic{text-align:center;font-size:calc(var(--w)/29);margin-top:10%;line-height:1.5}
.wk .signature{font-size:calc(var(--w)/31);margin:22% 0 0 46%;line-height:1.6}
.wk .page-number{position:absolute;bottom:4%;left:0;right:0;text-align:center;font-size:calc(var(--w)/28)}
.wk .text-line{display:block;height:1px;background:#c3c7ba;margin-bottom:3.7%;opacity:.8}
.wk .text-line:nth-child(5n){width:78%}
.wk .text-line:nth-child(9n){width:90%}
.wk .text-line:nth-child(7n){margin-bottom:8%}
.wk .text-line:nth-child(3n){opacity:.55}
.wk .sheet header{display:flex;align-items:center;gap:5%;font-size:calc(var(--w)/35);margin-bottom:8%;color:#747c62}
.wk .doc-logo{font-family:Arial,sans-serif;display:inline-grid;place-items:center;background:var(--lime);color:#28321b;width:11%;aspect-ratio:1;font-weight:bold}
.wk .slide h3{text-align:left;font-size:calc(var(--w)/16);margin:0 0 8%;letter-spacing:-.25px}
.wk .slide.lilac{border-left:5px solid var(--lilac)}
.wk .slide.lime{border-left:5px solid var(--lime)}
.wk .slide .slide-note{font-size:calc(var(--w)/35);line-height:1.7;color:#939987}
.wk .slide .text-line{margin:4% 0}
.wk .mindmap{width:100%;height:58px;display:flex;align-items:center;justify-content:center;gap:8%;position:relative}
.wk .map-center{background:var(--lime);padding:5% 4%;font-size:calc(var(--w)/32);border:1px solid #96ab53;position:relative;z-index:2}
.wk .map-branch{display:flex;flex-direction:column;gap:10px;width:35%;font-size:calc(var(--w)/35)}
.wk .map-branch span{padding:6% 9%;border:1px solid #d9ddce;background:#f7f9f2;position:relative}
.wk .map-branch span:before{content:'';position:absolute;left:-40%;top:50%;width:40%;height:1px;background:#bccb9a}
.wk .bars{display:flex;align-items:flex-end;gap:10%;height:75px;padding:0 8% 0;border-bottom:1px solid #cdd2c4;position:relative;background:repeating-linear-gradient(to top,transparent 0 24px,#edf0e7 24px 25px)}
.wk .bars i{display:block;width:16%;height:var(--h);background:var(--lime);position:relative;z-index:1}
.wk .bars i:nth-child(even){background:var(--lilac)}
.wk .bars i:after{content:'';position:absolute;inset:0;border:1px solid #0000000a}
.wk .chart-labels{display:flex;justify-content:space-around;font-size:calc(var(--w)/39);color:#969c8c;margin-top:5%}
.wk .table{display:grid;grid-template-columns:1.6fr repeat(3,1fr);font-size:calc(var(--w)/30);margin:10% 0 13%;border-top:1px solid #abb49b;border-left:1px solid #cbd1c0}
.wk .table span{padding:9% 7%;border-right:1px solid #cbd1c0;border-bottom:1px solid #cbd1c0}
.wk .table span:nth-child(-n+4){background:#e6eddb;font-weight:bold}
.wk .document-mark{position:absolute;left:8%;right:8%;bottom:6%;height:3px;background:var(--lime)}
.wk .wk-hero-content{width:100%;max-width:830px;text-align:center;padding:75px 30px 68px;position:relative;z-index:3}
.wk .wk-eyebrow{font-size:9px;font-weight:600;letter-spacing:1.8px;margin:0 0 30px;display:flex;align-items:center;justify-content:center;gap:10px}
.wk .wk-eyebrow>span{font-size:19px;line-height:1}
.wk .wk-stage h2{font-size:clamp(35px,3.6vw,56px);line-height:1.17;font-weight:800;letter-spacing:-2.2px;margin:0}
.wk .headline-row{display:block;white-space:nowrap}
.wk .count{display:inline-block;position:relative;z-index:0;font-weight:900;padding:0 5px}
.wk .count:before{content:'';position:absolute;inset:4px -2px -1px;background:var(--lime);transform:rotate(-2.4deg);z-index:-1}
.wk .second-line{font-weight:500;font-size:.85em;display:block;margin-top:16px;letter-spacing:-1.9px}
.wk .second-line strong{font-weight:800}
.wk .wk-hero-subtitle{font-size:18px;color:#787e6e;margin:24px 0 42px}
.wk .wk-cta-wrap{position:relative;display:inline-block}
.wk .wk-cta{display:flex;justify-content:center;align-items:center;gap:33px;width:276px;min-height:65px;padding:18px 25px;background:var(--lime);color:var(--ink);font-size:17px;font-weight:700;border:1.5px solid var(--ink);border-radius:12px;box-shadow:0 6px 0 var(--ink);text-decoration:none;transition:transform .2s,box-shadow .2s}
.wk .wk-cta:hover{transform:translateY(-3px);box-shadow:0 9px 0 var(--ink)}
.wk .wk-cta:active{transform:translateY(4px);box-shadow:0 2px 0 var(--ink)}
.wk .wk-cta-arrow{background:var(--ink);color:var(--lime);width:29px;height:29px;display:grid;place-items:center;border-radius:50%;font-size:19px;font-weight:400}
.wk .scribble{position:absolute;right:-133px;top:1px;font:italic 13px/1.4 Georgia,serif;transform:rotate(-10deg);text-align:left;color:#737d64}
.wk .scribble b{position:absolute;font-size:44px;left:-31px;top:-12px;font-weight:400;transform:rotate(-10deg)}
.wk .reassurance{font-size:10px;color:#7d8371;margin:25px 0 0}
.wk .heart{color:#758d23;margin-left:5px;font-size:14px}
.wk .floating-star{position:absolute;font-size:43px;left:31%;top:16%;transform:rotate(14deg);font-weight:400;z-index:1}
.wk .floating-star.small{left:auto;right:29%;top:auto;bottom:15%;font-size:25px;color:#889765}
.wk .paused .sheet{animation-play-state:paused}
.wk .paused .cloud{transform:none!important}
@keyframes wk-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.wk .sheet.slide{padding:6% 7%}
.wk .sheet header{margin-bottom:5%}
.wk .slide h3{font-size:calc(var(--w)/18);margin-bottom:5%}
.wk .mindmap{height:calc(var(--w)*.24)}
.wk .bars{height:calc(var(--w)*.24)}
.wk .second-line strong{white-space:nowrap}
.wk .project-stages{display:flex;justify-content:space-between;position:relative;padding-top:5%;margin-top:5%;gap:5%}
.wk .project-stages:before{content:'';position:absolute;top:30%;height:1px;background:#bec8ab;left:10%;right:10%}
.wk .project-stages>div{position:relative;text-align:center;flex:1;font-size:calc(var(--w)/34);line-height:1.5}
.wk .project-stages b{display:grid;place-items:center;border-radius:50%;width:25px;height:25px;margin:0 auto 7px;background:#d8ff36;border:1px solid #9bae60;font-size:8px}
.wk .project-stages>div:nth-child(2) b{background:#d8cbed;border-color:#b4a0d0}
.wk .project-stages>div:nth-child(3) b{background:#27321c;color:white;border-color:#27321c}
.wk .survey{display:flex;align-items:center;gap:12%;padding:1% 4%}
.wk .donut{width:36%;aspect-ratio:1;background:conic-gradient(#bca4ed 0 72%,#d8ff36 72% 91%,#e7eadf 91%);border-radius:50%;display:grid;place-items:center;position:relative;flex-shrink:0}
.wk .donut:before{content:'';position:absolute;inset:22%;background:white;border-radius:50%}
.wk .donut b{position:relative;font-size:calc(var(--w)/20);font-weight:600}
.wk .survey-legend{display:flex;flex-direction:column;gap:9px;font-size:calc(var(--w)/34);width:55%}
.wk .survey-legend span{display:flex;align-items:center;gap:6px}
.wk .survey-legend i{width:5px;height:5px;flex-shrink:0;background:#bca4ed}
.wk .survey-legend span:nth-child(2) i{background:#d8ff36}
.wk .survey-legend span:nth-child(3) i{background:#e7eadf}
.wk .wk-formula{font-family:Georgia,serif;text-align:center;font-size:calc(var(--w)/12);margin:14% -5%;padding:10% 0;border-top:1px solid #d9decf;border-bottom:1px solid #d9decf;color:#465333}
.wk .wk-formula sub{font-size:.5em}
.wk .wk-formula-note{font-size:calc(var(--w)/27);text-align:center;margin:8% 0 13%;font-style:italic}
.wk .lab-cover{border-top:8px solid #bca4ed}
.wk .lab-cover h3{font-size:calc(var(--w)/13);margin:25% 0 15%;text-align:left}
.wk .lab-cover .work-topic{text-align:left}
.wk .lab-cover .lab-icon{width:45%;margin:14% auto;color:#8f77b0}
.wk .project-cover{border-bottom:7px solid #d8ff36}
.wk .project-cover h3{font-family:sans-serif;text-align:left;font-size:calc(var(--w)/12);margin-top:22%;line-height:1.2}
.wk .project-cover .work-topic{text-align:left}
.wk .project-cover .project-art{margin:18% auto;width:85%}
.wk .doc-quote{padding:10% 6%;margin:12% 0;background:#f1f4e9;border-left:2px solid #b6ce78;font-size:calc(var(--w)/25);font-style:italic;line-height:1.7}
.wk .toc-row{font-size:calc(var(--w)/27);display:flex;gap:4%;justify-content:space-between;margin-bottom:13%;align-items:baseline}
.wk .toc-row:after{content:'';order:1;flex:1;border-bottom:1px dotted #bbc1b1}
.wk .toc-row b{order:2;font-weight:400}
.wk .reference-entry{margin-bottom:12%}
.wk .reference-entry>span{display:block;font-size:calc(var(--w)/28);line-height:1.7;margin-bottom:4%}
.wk .findings{display:flex;gap:8%;align-items:flex-start;margin:16% 0}
.wk .findings>b{font:600 calc(var(--w)/15) Arial;color:#9eb85d}
.wk .findings>div{flex:1;padding-top:4%}
@media(min-width:1700px){.wk .wk-stage{min-height:700px}
.wk .wk-hero-content{padding-top:100px;padding-bottom:95px}}
@media(max-width:1150px){.wk .wk-stage{min-height:620px}
.wk .wk-hero-content{max-width:680px}
.wk .wk-stage h2{font-size:43px}
.wk .cloud{mask-image:linear-gradient(90deg,#000 0%,#000 8%,#0004 24%,transparent 34%,transparent 66%,#0004 76%,#000 92%,#000 100%)}
.wk .scribble{right:-105px;font-size:11px}
.wk .floating-star{left:24%;top:12%}
.wk .floating-star.small{right:24%}}
@media(max-width:760px){.wk .wk-stage{min-height:700px;align-items:flex-start}
.wk .wk-hero-content{padding:135px 16px 130px;max-width:100%}
.wk .wk-stage h2{font-size:39px;letter-spacing:-1.8px}
.wk .headline-row{white-space:normal;max-width:420px;margin:auto}
.wk .second-line{font-size:28px;letter-spacing:-1px;max-width:350px;margin:17px auto 0;line-height:1.25}
.wk .wk-eyebrow{font-size:7px;letter-spacing:1.1px;gap:7px;margin-bottom:27px}
.wk .wk-eyebrow>span{font-size:16px}
.wk .wk-hero-subtitle{font-size:15px;margin:22px 0 30px}
.wk .wk-cta{width:253px;min-height:62px;font-size:16px}
.wk .scribble{display:none}
.wk .reassurance{max-width:260px;margin:24px auto 0;line-height:1.7;font-size:9px}
.wk .cloud{mask-image:linear-gradient(to bottom,#0009,transparent 24%,transparent 76%,#000b)}
.wk .doc-slot{left:var(--mobile-x);top:var(--mobile-y);width:var(--mobile-w);--w:var(--mobile-w)}
.wk .floating-star{left:11%;top:15%;font-size:28px}
.wk .floating-star.small{right:9%;bottom:19%;font-size:21px}
.wk .wk-stage:before{opacity:.2}
.wk .sheet h3{font-size:calc(var(--mobile-w)/18)}
.wk .sheet.cover h3{font-size:calc(var(--mobile-w)/13)}
.wk .institution{font-size:calc(var(--mobile-w)/36)}
.wk .signature{font-size:calc(var(--mobile-w)/31)}
.wk .work-topic{font-size:calc(var(--mobile-w)/29)}
.wk .slide h3{font-size:calc(var(--mobile-w)/16)}
.wk .sheet header,.wk .slide .slide-note{font-size:calc(var(--mobile-w)/35)}
.wk .bars{height:55px}
.wk .map-center{font-size:calc(var(--mobile-w)/32)}
.wk .map-branch{font-size:calc(var(--mobile-w)/35)}
.wk .chart-labels{font-size:calc(var(--mobile-w)/39)}
.wk .table{font-size:calc(var(--mobile-w)/30)}}
@media(max-width:370px){.wk .wk-stage h2{font-size:35px}
.wk .second-line{font-size:25px}
.wk .wk-hero-content{padding-top:132px}
.wk .wk-stage{min-height:680px}
.wk .wk-eyebrow{letter-spacing:.6px}}
@media(prefers-reduced-motion:reduce){.wk *:before,.wk *:after{animation:none!important;transition:none!important}
.wk .cloud{transform:none!important}}
.wk .doc-slot{--doc-width:var(--w)}
.wk .sheet{color:#232323;font-family:'Times New Roman',Georgia,serif;padding:12% 10% 9%;box-shadow:0 3px 8px #222a1914,0 12px 24px #222a190b}
.wk .sheet.page h3{font-size:calc(var(--doc-width)/21);margin:0 0 9%;line-height:1.5}
.wk .academic-text{font-size:calc(var(--doc-width)/32);line-height:1.38;text-align:justify;text-indent:12%;margin:0 0 4.5%;font-weight:400}
.wk .sheet .page-number{font-size:calc(var(--doc-width)/34);bottom:4%;color:#3e3e3e}
.wk .institution{font-size:calc(var(--doc-width)/35);line-height:1.5}
.wk .sheet.cover h3{font-size:calc(var(--doc-width)/15);letter-spacing:.05px;margin:35% 0 13%;line-height:1.4}
.wk .sheet.cover .work-topic{font-size:calc(var(--doc-width)/29);line-height:1.55;margin:0}
.wk .sheet.cover .signature{font-size:calc(var(--doc-width)/33);margin:19% 0 0 42%;line-height:1.45}
.wk .sheet.slide{font-family:Arial,sans-serif;padding:6% 7% 7%;border-left:0}
.wk .sheet.slide:before{content:'';position:absolute;left:0;top:0;bottom:0;width:2%;background:#48685b}
.wk .sheet.slide.lilac:before{background:#657b91}
.wk .sheet .academic-slide-header{font-family:Arial,sans-serif;font-size:calc(var(--doc-width)/45);letter-spacing:.15px;line-height:1.4;color:#7b8580;margin:0 0 5%;display:block}
.wk .sheet.slide h3{font-size:calc(var(--doc-width)/19);font-weight:500;letter-spacing:-.15px;color:#324b40;margin:0 0 4%;line-height:1.2}
.wk .sheet.slide.lilac h3{color:#3c4f61}
.wk .slide-summary{font-size:calc(var(--doc-width)/38);line-height:1.35;color:#6c766f;margin:0 0 4%}
.wk .real-diagram{display:block;width:100%;height:auto;max-height:calc(var(--doc-width)*.28)}
.wk .real-chart{width:100%;height:auto;max-height:calc(var(--doc-width)*.34);display:block}
.wk .slide-footer{position:absolute;bottom:5%;left:7%;right:7%;border-top:1px solid #d9dfda;padding-top:2%;font-size:calc(var(--doc-width)/47);color:#8a928c;display:flex;justify-content:space-between}
.wk .slide-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:7%;margin-top:7%}
.wk .slide-columns>div{border-top:2px solid #a5b9ab;padding-top:7%}
.wk .slide-columns b{font-size:calc(var(--doc-width)/23);color:#8ca092;font-weight:400}
.wk .slide-columns h4{font-size:calc(var(--doc-width)/35);line-height:1.3;margin:8% 0;font-weight:600}
.wk .slide-columns p{font-size:calc(var(--doc-width)/41);line-height:1.5;color:#626c64;margin:0}
.wk .table-caption{font-size:calc(var(--doc-width)/35);text-align:left;margin:8% 0 4%}
.wk .sheet.page .table{font-size:calc(var(--doc-width)/36);margin:4% 0 10%;border-color:#939993}
.wk .table span{padding:7% 5%;border-color:#a7ada5}
.wk .table span:nth-child(-n+4){background:#f0f1ed}
.wk .wk-formula{font-size:calc(var(--doc-width)/18);border:0;padding:0;margin:10% 0;position:relative;color:#262626}
.wk .wk-formula small{position:absolute;right:-2%;top:25%;font-size:calc(var(--doc-width)/35)}
.wk .sheet.lab-cover{border-top:0}
.wk .sheet.lab-cover h3{font-size:calc(var(--doc-width)/19);text-align:center;margin:22% 0 9%}
.wk .lab-cover .work-topic{text-align:center;font-size:calc(var(--doc-width)/28);margin:0;line-height:1.4}
.wk .lab-purpose{font-size:calc(var(--doc-width)/32);line-height:1.45;text-align:justify;margin:17% 0 5%}
.wk .circuit{width:90%;display:block;margin:8% auto 3%}
.wk .figure-caption{font-size:calc(var(--doc-width)/40);line-height:1.3;text-align:center;margin:3% 0 8%}
.wk .lab-signature{font-size:calc(var(--doc-width)/34);line-height:1.8;margin-top:10%}
.wk .sheet.project-cover{border-bottom:0}
.wk .sheet.project-cover h3{font:600 calc(var(--doc-width)/17)/1.3 'Times New Roman',serif;text-align:center;margin:24% 0 10%}
.wk .project-cover .work-topic{font-size:calc(var(--doc-width)/30);text-align:center;margin:0;line-height:1.6}
.wk .site-plan{display:block;width:95%;margin:10% auto 0}
.wk .project-cover .signature{font-size:calc(var(--doc-width)/35);margin:10% 0 0;line-height:1.6}
.wk .toc-row{font-size:calc(var(--doc-width)/32);line-height:1.4;margin-bottom:10%;gap:3%}
.wk .academic-subhead{font-size:calc(var(--doc-width)/25);line-height:1.5;margin:7% 0;font-weight:bold}
.wk .real-quote{font-size:calc(var(--doc-width)/32);line-height:1.5;margin:8% 0 8% 9%;font-style:italic;text-align:justify}
.wk .academic-list,.wk .bibliography{font-size:calc(var(--doc-width)/32);line-height:1.45;margin:4% 0 6%;padding-left:11%;text-align:justify}
.wk .academic-list li{margin-bottom:7%}
.wk .bibliography{padding-left:9%;font-size:calc(var(--doc-width)/31);line-height:1.5}
.wk .bibliography li{margin-bottom:9%}
.wk .project-stages{gap:5%;margin-top:4%;padding-top:0}
.wk .project-stages:before{top:12px;background:#b7c6bc}
.wk .project-stages>div{font-size:calc(var(--doc-width)/35);line-height:1.4}
.wk .project-stages b{width:20px;height:20px;font-size:6px;margin-bottom:7px;border-color:#b9c9be;background:#e2ebe4;color:#42604e}
.wk .project-stages>div:nth-child(2) b{background:#e0e7ec;border-color:#c0cbd4;color:#546e83}
.wk .project-stages>div:nth-child(3) b{background:#597865;border-color:#597865}
.wk .project-stages strong{font-weight:500;display:block}
.wk .project-stages small{font-size:.85em;color:#7a857c;line-height:1.4;display:block;margin-top:4px}
.wk .survey{padding:2% 2%;gap:10%}
.wk .donut{width:34%;background:conic-gradient(#7e9b8a 0 72%,#a5b8c5 72% 91%,#e2e6df 91%)}
.wk .donut b{font-size:calc(var(--doc-width)/21);font-weight:500;color:#45604e}
.wk .survey-legend{font-size:calc(var(--doc-width)/40);gap:7px}
.wk .survey-legend i{background:#7e9b8a}
.wk .survey-legend span:nth-child(2) i{background:#a5b8c5}
.wk .survey-legend span:nth-child(3) i{background:#e2e6df}
@media(max-width:760px){.wk .doc-slot{--doc-width:var(--mobile-w)}
.wk .project-stages b{width:13px;height:13px;font-size:4px;margin-bottom:4px}
.wk .project-stages:before{top:7px}
.wk .project-stages small{margin-top:2px}
.wk .survey-legend{gap:4px}
.wk .survey-legend span{gap:3px}
.wk .survey-legend i{width:3px;height:3px}}
.wk .wk-cta{cursor:pointer}
@media(max-width:760px){[data-block="works"]{padding-bottom:40px}.wk .wk-stage h2{font-size:39px;letter-spacing:-1.8px}}
@media(max-width:370px){.wk .wk-stage h2{font-size:35px}}
/* /works */

/* примеры рефератов: настоящая страница работы и кнопки скачать */
.example-real .example-shot{display:block;padding:0;background:#fff;height:auto}
.example-real .example-shot img{display:block;width:100%;height:auto}
.example-real .example-shot:focus-visible{outline:2px solid #181818;outline-offset:3px}
.example-real .example-title{margin:18px 0 12px}
.example-dl{display:flex;gap:8px;margin:16px 0 0;padding:0 4px}
.example-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:42px;padding:0 14px;border:1.5px solid #181818;border-radius:12px;background:#fff;color:#181818;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .15s}
.example-btn:hover{background:#f3f3ee}
.example-btn-main{flex:1;background:#d6ff38;box-shadow:0 2px 0 #181818}
.example-btn-main:hover{background:#c9f52a}
.example-btn svg{width:16px;height:16px;flex:none}
@media(max-width:600px){.example-real .example-shot{height:auto}.example-btn{height:40px;font-size:13.5px;padding:0 12px}}

/* 23.10.2026: меню цены (.pr-menu). Закрытое не занимает места — раньше оно, невидимое, вылезало за край и давало
   горизонтальную прокрутку на 360–390px; открытое не шире экрана, hero-kind.js сдвигает его внутрь экрана. */
.pr-menu:not(.is-open){display:none}
.pr-menu.is-open{animation:pr-menu-in .16s ease-out}
@keyframes pr-menu-in{from{opacity:0;transform:translateY(-6px)}}
.pr-menu{box-sizing:border-box;max-width:calc(100vw - 24px)}
@media(max-width:640px){.pr-menu li{gap:12px}}
@media(prefers-reduced-motion:reduce){.pr-menu.is-open{animation:none}}
/* Предметы: длинное название («Предпринимательство») не распирает колонку на телефоне */
@media(max-width:960px){.subj-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subj-col a{overflow-wrap:break-word;hyphens:auto}}

/* 23.10.2026: «Более 50 000 работ» на телефоне (размер и наклон листа заданы inline — поэтому !important и transform) — вместо полупрозрачной россыпи по краям по три крупных листа веером
   над заголовком и под кнопкой: курсовая, реферат, эссе / лабораторная, введение, учебный проект. Десктоп как был. */
@media(max-width:640px){
  .wk .wk-stage{min-height:0;align-items:flex-start}
  .wk .cloud{mask-image:none;-webkit-mask-image:none;transform:none}
  .wk .floating-star{display:none}
  .wk .doc-slot{display:none}
  .wk .cloud .doc-slot:is(:nth-child(2),:nth-child(11),:nth-child(12),:nth-child(6),:nth-child(1),:nth-child(17)){display:block;width:40vw;--w:40vw!important;--mobile-w:40vw!important;--doc-width:40vw}
  .wk .cloud .doc-slot:nth-child(2){left:5vw;top:30px;transform:rotate(-8deg);z-index:1}
  .wk .cloud .doc-slot:nth-child(11){left:30vw;top:12px;transform:rotate(0deg);z-index:3}
  .wk .cloud .doc-slot:nth-child(12){left:55vw;top:30px;transform:rotate(8deg);z-index:2}
  .wk .cloud .doc-slot:nth-child(6){left:5vw;top:auto;bottom:22px;transform:rotate(7deg);z-index:1}
  .wk .cloud .doc-slot:nth-child(1){left:30vw;top:auto;bottom:4px;transform:rotate(0deg);z-index:3}
  .wk .cloud .doc-slot:nth-child(17){left:55vw;top:auto;bottom:22px;transform:rotate(-7deg);z-index:2}
  .wk .wk-hero-content{padding:calc(56.6vw + 54px) 16px calc(56.6vw + 52px)}
}
@media(max-width:370px){.wk .wk-hero-content{padding-top:calc(56.6vw + 50px)}}

/* «Устный зачёт с ИИ-преподом» в телефоне тарифа (23.10.2026): экран-анимация вместо скриншота, восьмой в ленте
   .pr-phone-shots. Вопрос преподавателя → голосовой ответ (волна) → расшифровка → «Зачёт». Анимация идёт, пока экран
   показан (.is-on); размеры в cqw — от ширины экрана телефона, как у соседних скриншотов. */
.pr-oral{position:absolute;inset:0;display:flex;flex-direction:column;padding:2cqw 5.5cqw 4cqw;background:#fff;color:#181818;font-family:Inter,system-ui,sans-serif;text-align:left;opacity:0;transform:translateX(24px);transition:opacity .5s ease,transform .5s ease}
.pr-oral.is-on{opacity:1;transform:none}
.pr-oral.is-out{opacity:0;transform:translateX(-24px)}
.pr-oral p{margin:0}
.o-head{display:flex;align-items:center;gap:3cqw;font-size:6.2cqw;letter-spacing:-.03em;line-height:1.2}
.o-back{font-size:8cqw;line-height:1;color:#555;margin-top:-1cqw}
.o-subj{margin:2.2cqw 0 0!important;align-self:flex-start;padding:1.4cqw 3cqw;border-radius:99px;background:#f2f2ee;font-size:3.5cqw;color:#5e5e58}
.o-chat{flex:1;display:flex;flex-direction:column;gap:3.4cqw;margin-top:6cqw}
.o-msg{display:flex;align-items:flex-end;gap:2cqw;max-width:88%;font-size:3.9cqw;line-height:1.45}
.o-msg span{padding:3cqw 3.6cqw;border-radius:4.5cqw 4.5cqw 4.5cqw 1.2cqw;background:#f2f2ee}
.o-me{align-self:flex-end}
.o-me span{border-radius:4.5cqw 4.5cqw 1.2cqw 4.5cqw;background:#181818;color:#f2f2ea}
.o-ava{flex:none;display:grid;place-items:center;width:7.6cqw;height:7.6cqw;border-radius:50%;background:#d6ff38;font:800 2.9cqw/1 Inter,system-ui,sans-serif;font-style:normal;color:#181818}
.o-grade{align-self:center;display:flex;flex-direction:column;align-items:center;gap:1cqw;margin-top:1cqw;padding:3.2cqw 7cqw;border-radius:4cqw;background:#d6ff38;box-shadow:0 1.2cqw 0 #181818;border:.4cqw solid #181818}
.o-grade b{font-size:5.4cqw;letter-spacing:-.03em}
.o-grade b:before{content:"✓ "}
.o-grade span{font-size:3.3cqw;color:#3d3d38}
.o-mic{display:flex;align-items:center;gap:3cqw;padding:2.6cqw 2.6cqw 2.6cqw 4cqw;border-radius:99px;background:#f2f2ee}
.o-wave{flex:1;display:flex;align-items:center;gap:1.1cqw;height:7cqw}
.o-wave i{flex:1;height:100%;border-radius:1cqw;background:#181818;transform:scaleY(.18);transform-origin:center}
.o-mic-label{font-size:3.4cqw;color:#76766f;white-space:nowrap;opacity:.45}
.o-mic-btn{position:relative;flex:none;width:9.6cqw;height:9.6cqw;border-radius:50%;background:#d6ff38 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23181818' stroke-width='2' stroke-linecap='round'%3E%3Crect x='9' y='3' width='6' height='11' rx='3'/%3E%3Cpath d='M5.5 11a6.5 6.5 0 0 0 13 0M12 17.5V21'/%3E%3C/svg%3E") 50% 50%/58% no-repeat}
.o-mic-btn:before{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 #d6ff38;opacity:0}
.o-step{opacity:0;transform:translateY(2.4cqw)}
.pr-oral.is-on .o-step{animation:o-in .45s ease var(--d) both}
.pr-oral.is-on .o-wave i{animation:o-bar .42s ease-in-out calc(1.3s + var(--k) * .06s) 6 alternate both}
.pr-oral.is-on .o-mic-label{animation:o-live 2.6s 1.2s both}
.pr-oral.is-on .o-mic-btn:before{animation:o-ring .9s ease-out 1.3s 3}
.o-wave i:nth-child(1){--k:0;--h:.45}.o-wave i:nth-child(2){--k:1;--h:.8}.o-wave i:nth-child(3){--k:2;--h:.55}.o-wave i:nth-child(4){--k:3;--h:1}
.o-wave i:nth-child(5){--k:4;--h:.7}.o-wave i:nth-child(6){--k:5;--h:.9}.o-wave i:nth-child(7){--k:6;--h:.5}.o-wave i:nth-child(8){--k:7;--h:.85}
.o-wave i:nth-child(9){--k:8;--h:.6}.o-wave i:nth-child(10){--k:9;--h:.75}.o-wave i:nth-child(11){--k:10;--h:.4}
@keyframes o-in{to{opacity:1;transform:none}}
@keyframes o-bar{from{transform:scaleY(.18)}to{transform:scaleY(var(--h))}}
@keyframes o-live{0%,100%{opacity:.45}8%,90%{opacity:1;color:#181818}}
@keyframes o-ring{0%{opacity:.9;box-shadow:0 0 0 0 #d6ff38}100%{opacity:0;box-shadow:0 0 0 3cqw #d6ff38}}
@media(prefers-reduced-motion:reduce){
  .pr-oral{transition:none}
  .pr-oral .o-step{opacity:1;transform:none;animation:none!important}
  .pr-oral .o-wave i{animation:none!important;transform:scaleY(var(--h))}
  .pr-oral .o-mic-label,.pr-oral .o-mic-btn:before{animation:none!important}
}

/* «Окей, но есть же ChatGPT и DeepSeek» на телефоне (23.10.2026): вместо стопки карточек — компактная таблица,
   листается вбок только она; колонка критериев закреплена, подсказка «листайте →» (hero-kind.js) гаснет после прокрутки. */
.vs-hint{display:none}
@media(max-width:640px){
  .vs-table{display:grid;grid-template-columns:104px 196px 196px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;filter:none;border:1px solid #eaeae6;border-radius:18px;background:#fff}
  .vs-table::-webkit-scrollbar{display:none}
  .vs-row,.vs-row.vs-cap{display:contents}
  .vs-row>span,.vs-row .vs-us,.vs-row .vs-them,.vs-row:last-child>span{padding:9px 10px;font-size:13px;line-height:1.35;gap:7px;letter-spacing:-.1px;border:0;border-top:1px solid #ecece6;border-radius:0!important;margin:0!important}
  .vs-row .vs-us:after,.vs-row .vs-them:after{content:none}
  .vs-label{position:sticky;left:0;z-index:1;background:#fff;box-shadow:1px 0 0 #ecece6;font-size:12px!important;letter-spacing:-.1px;text-transform:none;color:#181818;padding-bottom:9px!important;align-items:flex-start!important}
  .vs-row .vs-us{background:#f4fbd6;border-left:1px solid #dbee93;border-right:1px solid #dbee93}
  .vs-row .vs-them{background:#fff}
  .vs-cap>span,.vs-cap .vs-us,.vs-cap .vs-them{border-top:0;padding:11px 10px;margin:0;border-radius:0}
  .vs-cap>span:first-child{position:sticky;left:0;z-index:1;background:#fff!important;box-shadow:1px 0 0 #ecece6}
  .vs-cap .vs-us{justify-content:flex-start;padding:12px 10px}
  .vs-cap .vs-us img{height:17px}
  .vs-cap .vs-them{justify-content:flex-start;font-size:13px}
  .vs-yes,.vs-no{width:17px;height:17px;align-self:flex-start;margin-top:1px}
  .vs-yes{background-size:11px}.vs-no{background-size:9px}
  .vs-hint{display:block;margin:0 0 8px;text-align:right;font-size:12.5px;font-weight:600;color:#8b8b83;transition:opacity .3s}
  .vs-hint.is-gone{opacity:0}
}
@media(prefers-reduced-motion:reduce){.vs-hint{transition:none}}

/* «Примеры готовых работ» на телефоне компактнее (23.10.2026): у превью страницы видны заголовок и первые строки,
   ниже — затухание (маска .example-page из page-bundle.css); слайды презентаций ниже потолка и не обрезаются. */
@media(max-width:640px){
  .examples-head{margin-bottom:18px}
  .example-real .example-shot{height:auto;max-height:190px}
  .example-real .example-title{margin:12px 0 8px;font-size:15.5px}
  .example-meta{gap:4px 12px;font-size:12px}
  .example-meta svg{width:14px;height:14px}
  .example-dl{margin-top:12px}
  .example-btn{height:44px}
}