/* ============================================================
   VibeAgent · продающая страница курса (course-sell.js)
   Дизайн-система платформы: Jura / Onest / Prosto One / Poiret One,
   indigo #6200FF, lavender #C9A7FF, серебро и стекло.
   Одна громкая точка — тёмная демо-сцена; остальное спокойно.
   ============================================================ */
.cs{--cs-dark:#0B0B0D;--cs-gold:#B8901C;--cs-gold-l:#EBD48A;--cs-r:22px;margin-top:6px}
.cs-on #s-course-detail .cd__side{position:sticky;top:18px}
.cs-on #s-course-detail .cd__side>.h3,.cs-on #cd-lessons{display:none}
.cs-on #cd-next.cs-buyhost{padding:0;background:none;border:0;box-shadow:none;overflow:visible}
@media(max-width:1180px){.cs-on #s-course-detail .cd__side{display:none}}

/* ---------- кнопки ---------- */
.cs-btn{height:50px;padding:0 26px;border-radius:14px;font-size:16px;position:relative;overflow:hidden;box-shadow:0 10px 26px rgba(98,0,255,.26),inset 0 1px 0 rgba(255,255,255,.18)}
.cs-btn::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s cubic-bezier(.22,1,.36,1);pointer-events:none}
.cs-btn:hover::after{transform:translateX(120%)}
.cs-btn2{height:50px;padding:0 20px;border-radius:14px;font-size:15px}
.cs-btn2 svg,.cs-btn3 svg,.cs-buy__free svg{flex:none}
.cs-btn--light{background:#fff;color:var(--ink);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.cs-btn--light:hover{background:#F4EEFF}
.cs-btn3{height:50px;padding:0 18px;border-radius:14px;background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.18)}
.cs-btn3:hover{background:rgba(255,255,255,.16)}

/* ---------- шапка курса ---------- */
.cs-hcta{margin:2px 0 4px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.cs-hcta__row{display:flex;flex-wrap:wrap;gap:10px}
.cs-hcta__note{font-size:14px;color:var(--muted);margin:0}
.cs-hcta__note:empty{display:none}
.cs-askl{display:inline-flex;align-items:center;gap:10px;border:0;background:none;padding:4px 10px 4px 4px;margin-left:-4px;border-radius:999px;cursor:pointer;font:inherit;font-size:14px;color:var(--muted);transition:background .2s,color .2s}
.cs-askl img{width:28px;height:28px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(98,0,255,.25);flex:none}
.cs-askl b{color:var(--indigo);font-weight:600}
.cs-askl:hover{background:var(--tint);color:var(--ink)}
.cs-askl--sm{font-size:13px;align-self:center}
.cs-askl--sm img{width:24px;height:24px}

/* ---------- навигация по разделам ---------- */
.cs-nav{position:sticky;top:0;z-index:6;display:flex;gap:8px;padding:12px 0;margin-top:8px;overflow-x:auto;scrollbar-width:none;background:linear-gradient(var(--bg) 70%,rgba(247,247,249,0))}
.cs-nav::-webkit-scrollbar{display:none}
.cs-nav__b{flex:none;border:1px solid var(--line);background:var(--surface);color:inherit;border-radius:999px;padding:8px 15px;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:border-color .2s,color .2s}
.cs-nav__b:hover{border-color:rgba(98,0,255,.35);color:var(--indigo)}
.cs-nav__b--hot{background:var(--indigo);border-color:var(--indigo);color:#fff}
.cs-nav__b--hot:hover{background:var(--indigo-dark);color:#fff}

/* ---------- секции ---------- */
.cs-sec{margin-top:72px;scroll-margin-top:64px}
.cs-sec[hidden]{display:none}
.cs-demo{margin-top:22px}
.cs-h{font-family:'Jura',system-ui,sans-serif;font-weight:600;font-size:clamp(23px,2.35vw,31px);line-height:1.2;letter-spacing:-.03em;max-width:30ch;margin:0}
.cs-lead{font-size:17px;line-height:1.6;color:var(--muted);max-width:62ch;margin-top:12px}
.cs-cap{font-size:12.5px;color:var(--muted);margin-top:10px}
.cs-ic{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;flex:none;color:var(--indigo);
  background:linear-gradient(150deg,#FFFFFF 0%,#EEF1F6 45%,#E3E7EF 70%,#F4EEFF 100%);box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(17,17,20,.06),0 4px 12px rgba(17,17,20,.06)}
.cs-ic--sm{width:34px;height:34px;border-radius:11px}
.cs-li__i{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;margin-top:1px}

/* ---------- 1. демо-сцена ---------- */
.cs-stage{position:relative;margin-top:24px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:18px;padding:22px;border-radius:28px;min-height:392px;isolation:isolate;overflow:hidden;
  background:radial-gradient(110% 90% at 88% 6%,rgba(98,0,255,.34),transparent 56%),radial-gradient(80% 70% at 0% 100%,rgba(201,167,255,.16),transparent 62%),#0B0B0D;
  box-shadow:0 30px 70px rgba(38,10,90,.22)}
.cs-stage::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(255,255,255,.05) 38%,rgba(201,167,255,.08) 62%,rgba(201,167,255,.45));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.cs-chat{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:20px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);color:#fff;min-width:0}
.cs-chat__top{display:flex;align-items:center;gap:8px;font-size:13px}
.cs-chat__top b{font-weight:600}
.cs-chat__dot{width:8px;height:8px;border-radius:50%;background:#34D399;box-shadow:0 0 0 3px rgba(52,211,153,.2)}
.cs-chat__mcp{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:10.5px;color:rgba(255,255,255,.5);white-space:nowrap}
.cs-chat__u{align-self:flex-end;width:94%;max-width:94%;min-height:5.2em;padding:11px 14px;border-radius:16px 16px 5px 16px;font-size:14px;line-height:1.5;
  background:linear-gradient(145deg,#7A2BFF,#6200FF 60%,#4C00CC);box-shadow:0 8px 20px rgba(98,0,255,.35)}
.cs-caret{display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:-2px;background:#fff;animation:csBlink 1s steps(2) infinite}
.cs-caret.off{display:none}
@keyframes csBlink{50%{opacity:0}}
.cs-tools{list-style:none;display:flex;flex-direction:column;gap:7px;margin:0;padding:0}
.cs-tools li{display:flex;align-items:center;gap:9px;font-family:'JetBrains Mono',monospace;font-size:12px;color:rgba(255,255,255,.72)}
.cs-tools__s{position:relative;width:18px;height:18px;flex:none}
.cs-spin{position:absolute;inset:2px;border-radius:50%;border:2px solid rgba(201,167,255,.25);border-top-color:#C9A7FF;animation:csSpin .8s linear infinite}
.cs-ok{position:absolute;inset:0;border-radius:50%;background:#34D399;color:#0B0B0D;display:grid;place-items:center;opacity:0;transform:scale(.4);transition:opacity .25s,transform .35s cubic-bezier(.34,1.56,.64,1)}
.cs-ok svg{width:12px;height:12px;stroke-width:3}
.cs-tools li.ok .cs-spin{opacity:0}
.cs-tools li.ok .cs-ok{opacity:1;transform:none}
@keyframes csSpin{to{transform:rotate(360deg)}}
.cs-chat__a{margin-top:auto;padding:11px 14px;border-radius:16px 16px 16px 5px;font-size:14px;line-height:1.5;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.08)}
.cs-chat__a b{color:#C9A7FF;font-weight:600}
.cs-br{position:relative;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#FBFAF8;box-shadow:0 26px 60px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.12);min-width:0}
.cs-br__bar{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#EEEEF1;border-bottom:1px solid #E2E2E7}
.cs-br__bar>i{width:9px;height:9px;border-radius:50%;background:#D4D4DA}
.cs-br__url{flex:1;margin-left:8px;height:26px;border-radius:8px;background:#fff;display:flex;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;color:#3F3F46;min-width:0;white-space:nowrap;overflow:hidden}
.cs-br__url svg{color:#16A34A;flex:none}
.cs-pg{flex:1;display:flex;flex-direction:column;gap:12px;padding:16px;color:#2B211B;font-family:'Onest',system-ui,sans-serif}
.cs-pg__nav{display:flex;align-items:center;gap:14px;font-size:12px;color:#6B5D52}
.cs-pg__nav b{font-family:'Jura',system-ui,sans-serif;font-size:15px;letter-spacing:.14em;color:#2B211B;margin-right:auto}
.cs-pg__hero{border-radius:14px;padding:22px 18px;color:#fff;display:flex;flex-direction:column;gap:4px;
  background:radial-gradient(90% 120% at 90% 0%,rgba(255,214,170,.35),transparent 60%),linear-gradient(135deg,#4A3326,#2B1E17)}
.cs-pg__hero b{font-family:'Jura',system-ui,sans-serif;font-size:19px;line-height:1.2;letter-spacing:-.02em}
.cs-pg__hero span{font-size:12px;opacity:.75}
.cs-pg__menu{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cs-pg__menu div{display:flex;flex-direction:column;gap:2px;padding:8px;border-radius:12px;background:#fff;box-shadow:0 1px 0 #EFE9E3,0 4px 12px rgba(43,33,27,.06)}
.cs-pg__menu i{display:block;height:44px;border-radius:8px;margin-bottom:4px}
.cs-pg__menu .p1{background:linear-gradient(135deg,#E9D8C4,#C9A383)}
.cs-pg__menu .p2{background:linear-gradient(135deg,#F1E3D1,#D8B48E)}
.cs-pg__menu .p3{background:linear-gradient(135deg,#F3D9A8,#D9A45E)}
.cs-pg__menu b{font-size:12.5px}
.cs-pg__menu span{font-size:11.5px;color:#7A6A5E}
.cs-pg__wa{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border-radius:10px;background:#25D366;color:#fff;font-size:13px;font-weight:600;box-shadow:0 6px 14px rgba(37,211,102,.3)}
.cs-live{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 11px;border-radius:999px;background:rgba(17,17,20,.86);color:#fff;font-size:12px;font-weight:600}
.cs-live i{width:7px;height:7px;border-radius:50%;background:#34D399;box-shadow:0 0 0 0 rgba(52,211,153,.6);animation:csPulse 1.8s ease-out infinite}
@keyframes csPulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.6)}100%{box-shadow:0 0 0 10px rgba(52,211,153,0)}}
/* появление элементов сцены */
.cs-stage [data-k],.cs-tools li,.cs-chat__a,.cs-live{opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .5s cubic-bezier(.22,1,.36,1)}
.cs-stage .in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.cs-stage [data-k],.cs-tools li,.cs-chat__a,.cs-live{transition:none}.cs-spin,.cs-caret,.cs-live i{animation:none}.cs-btn::after{display:none}}
.cs-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:22px}
.cs-3__i{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:2px;align-items:start}
.cs-3__i .cs-ic{grid-row:span 2}
.cs-3__i b{font-size:15.5px;font-weight:600;padding-top:1px}
.cs-3__i span:not(.cs-ic){font-size:14px;color:var(--muted);line-height:1.5}

/* ---------- 2. было → стало ---------- */
.cs-shift{display:grid;grid-template-columns:1fr auto 1.08fr;gap:14px;align-items:stretch;margin-top:24px}
.cs-shift__c{border-radius:var(--cs-r);padding:24px 24px 22px}
.cs-shift__c ul{list-style:none;display:flex;flex-direction:column;gap:14px;margin:14px 0 0;padding:0}
.cs-shift__c li{display:flex;gap:11px;font-size:15.5px;line-height:1.5}
.cs-shift__k{font-family:'Jura',system-ui,sans-serif;font-size:18px;font-weight:600;letter-spacing:-.02em}
.cs-shift__c--was{background:var(--faint);border:1px solid var(--line);color:#52525B}
.cs-shift__c--was .cs-li__i{background:#E4E4EA;color:#71717A}
.cs-shift__c--now{background:linear-gradient(160deg,#FFFFFF 0%,#F7F2FF 55%,#EFE6FF 100%);border:1px solid #DDD0FA;box-shadow:0 18px 40px rgba(98,0,255,.10)}
.cs-shift__c--now .cs-shift__k{color:var(--indigo-dark)}
.cs-shift__c--now .cs-li__i{background:var(--indigo);color:#fff}
.cs-shift__c--now .cs-li__i svg{width:13px;height:13px;stroke-width:2.8}
.cs-shift__arr{align-self:center;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:var(--indigo);
  background:linear-gradient(150deg,#fff,#EEF1F6 50%,#DCE1EA);box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(17,17,20,.07),0 8px 20px rgba(17,17,20,.08)}

/* ---------- 3. результаты ---------- */
.cs-outs{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}
.cs-out{display:grid;grid-template-columns:72px 1fr;grid-template-rows:auto 1fr;column-gap:18px;row-gap:4px;align-items:start;padding:22px;border-radius:var(--cs-r);background:var(--surface);border:1px solid var(--line)}
.cs-out__art{grid-row:span 2;width:72px;height:72px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(155deg,#FFFFFF,#F1EEF9 60%,#E7E2F5);box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(98,0,255,.08)}
.cs-out__art svg{width:52px;height:52px}
.cs-out__art .a1{stroke:#6200FF;stroke-width:2;fill:#fff}
.cs-out__art .a2{stroke:#C9A7FF;stroke-width:2;fill:#F7F2FF}
.cs-out__art .a3{fill:#C9A7FF}
.cs-out__art .a4,.cs-out__art .a4f{fill:#6200FF}
.cs-out__art .a5{stroke:#9A8CC0;stroke-width:2;stroke-linecap:round}
.cs-out__art .a6{fill:#DCD3F0}
.cs-out b{font-family:'Jura',system-ui,sans-serif;font-size:19px;font-weight:600;letter-spacing:-.02em;line-height:1.3}
.cs-out>span:not(.cs-out__art){font-size:15px;color:var(--muted);line-height:1.55}

/* ---------- 4. кому подойдёт ---------- */
.cs-for{display:flex;flex-direction:column;gap:0;margin-top:20px;border-radius:var(--cs-r);background:var(--surface);border:1px solid var(--line);overflow:hidden}
.cs-for__i{display:flex;gap:16px;align-items:flex-start;padding:18px 22px}
.cs-for__i+.cs-for__i{border-top:1px solid var(--line)}
.cs-for__i div{display:flex;flex-direction:column;gap:2px}
.cs-for__i b{font-size:16px;font-weight:600}
.cs-for__i span:not(.cs-ic){font-size:15px;color:var(--muted);line-height:1.5}

/* ---------- 5. программа ---------- */
.cs-pfacts{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.cs-pfacts span{display:inline-flex;align-items:center;height:32px;padding:0 13px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:13.5px;font-weight:500}
.cs-track{list-style:none;margin:22px 0 0;padding:0;position:relative}
.cs-track::before{content:'';position:absolute;left:23px;top:26px;bottom:26px;width:2px;border-radius:2px;background:linear-gradient(#C9A7FF,#E4E4EA 70%)}
.cs-mod{position:relative;display:grid;grid-template-columns:48px 1fr;gap:18px;padding-bottom:16px}
.cs-mod:last-child{padding-bottom:0}
.cs-mod__n{position:relative;z-index:1;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-family:'Prosto One',system-ui,sans-serif;font-size:19px;color:var(--indigo-dark);
  background:linear-gradient(150deg,#FFFFFF 0%,#EEF1F6 45%,#DCE1EA 80%,#F4EEFF 100%);box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(17,17,20,.08),0 6px 16px rgba(17,17,20,.08)}
.cs-mod__b{padding:18px 20px;border-radius:20px;background:var(--surface);border:1px solid var(--line)}
.cs-mod__t{display:block;font-family:'Jura',system-ui,sans-serif;font-size:20px;font-weight:600;letter-spacing:-.02em}
.cs-mod__b>p{font-size:15px;color:var(--muted);margin-top:2px}
.cs-les{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column}
.cs-les li{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:15px}
.cs-les__n{font-family:'JetBrains Mono',monospace;font-size:12px;color:#A1A1AA;width:22px;flex:none}
.cs-les__t{flex:1;min-width:0}
.cs-les__d{font-size:13px;color:var(--muted);white-space:nowrap}
.cs-les li.is-free .cs-les__t{font-weight:600}
.cs-les__go{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;border:0;background:var(--tint);color:var(--indigo-dark);font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s}
.cs-les__go:hover{background:#E9DEFF}

/* ---------- 6. поддержка ---------- */
.cs-care{display:grid;grid-template-columns:1.1fr 1fr;gap:14px;margin-top:24px}
.cs-emma{position:relative;overflow:hidden;padding:24px;border-radius:var(--cs-r);color:#fff;
  background:radial-gradient(90% 80% at 100% 0%,rgba(201,167,255,.35),transparent 60%),linear-gradient(150deg,#2A0A6B,#15062F 70%);box-shadow:0 20px 44px rgba(42,10,107,.25)}
.cs-emma__h{display:flex;align-items:center;gap:14px}
.cs-emma__h img{width:64px;height:64px;border-radius:20px;object-fit:cover;box-shadow:0 0 0 2px rgba(255,255,255,.35)}
.cs-emma__h b{display:block;font-family:'Jura',system-ui,sans-serif;font-size:21px;font-weight:600}
.cs-emma__h span{font-size:13px;color:rgba(255,255,255,.7)}
.cs-emma>p{margin-top:14px;font-size:15.5px;line-height:1.55;color:rgba(255,255,255,.9)}
.cs-emma__k{display:block;margin-top:16px;font-size:13px;color:rgba(255,255,255,.62)}
.cs-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.cs-chips button{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;border-radius:12px;padding:9px 13px;font:inherit;font-size:13.5px;text-align:left;cursor:pointer;transition:background .2s,border-color .2s}
.cs-chips button:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.4)}
.cs-care__l{display:flex;flex-direction:column;border-radius:var(--cs-r);background:var(--surface);border:1px solid var(--line)}
.cs-care__i{display:flex;gap:14px;align-items:flex-start;padding:18px 20px}
.cs-care__i+.cs-care__i{border-top:1px solid var(--line)}
.cs-care__i div{display:flex;flex-direction:column;gap:2px}
.cs-care__i b{font-size:15.5px;font-weight:600}
.cs-care__i span:not(.cs-ic){font-size:14px;color:var(--muted);line-height:1.5}

/* ---------- 7. кто ведёт ---------- */
.cs-me{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:28px;align-items:start;padding:22px;border-radius:26px;background:var(--surface);border:1px solid var(--line)}
.cs-me__ph{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4/5;background:#EEF1F6}
.cs-me__ph img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block}
.cs-me__b{padding:6px 4px 4px}
.cs-me__k{font-size:13.5px;color:var(--muted)}
.cs-me__n{font-family:'Jura',system-ui,sans-serif;font-size:clamp(24px,2.4vw,32px);font-weight:600;letter-spacing:-.03em;line-height:1.15;margin:2px 0 8px}
.cs-me__r{font-size:16px;line-height:1.55;max-width:56ch}
.cs-me__st{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}
.cs-me__st div{padding:12px 12px 10px;border-radius:14px;background:var(--bg);border:1px solid var(--line);display:flex;flex-direction:column}
.cs-me__st b{font-family:'Prosto One',system-ui,sans-serif;font-size:20px;font-weight:400;color:var(--indigo-dark);line-height:1.2}
.cs-me__st span{font-size:12.5px;color:var(--muted);line-height:1.35;margin-top:2px}
.cs-me__t{font-size:15px;line-height:1.6;color:#3F3F46;max-width:60ch}
.cs-me__proof{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:12px 14px;border-radius:14px;background:var(--tint);color:var(--indigo-dark);font-size:14.5px;line-height:1.5;font-weight:500}
.cs-me__proof svg{flex:none;margin-top:1px}
.cs-me__q{margin:16px 0 0;padding:0;font-family:'Poiret One',system-ui,sans-serif;font-size:19px;line-height:1.45;color:var(--ink);max-width:52ch}

/* ---------- 8. работы учеников ---------- */
.cs-show{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.cs-show__i{display:flex;flex-direction:column;gap:4px;padding:10px 10px 14px;border-radius:18px;background:var(--surface);border:1px solid var(--line);transition:border-color .2s}
.cs-show__i:hover{border-color:var(--lavender)}
.cs-show__cv{display:block;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:var(--faint);margin-bottom:6px}
.cs-show__cv img{width:100%;height:100%;object-fit:cover;display:block}
.cs-show__i b{font-size:15px;padding:0 4px}
.cs-show__i span{font-size:13.5px;color:var(--muted);padding:0 4px;line-height:1.45}
.cs-show__i em{font-style:normal;font-size:12.5px;color:var(--indigo-dark);padding:0 4px}

/* ---------- 9. сравнение ---------- */
.cs-val{display:grid;grid-template-columns:1fr 1fr 1.12fr;gap:12px;margin-top:24px;align-items:stretch}
.cs-val__c{position:relative;padding:20px;border-radius:var(--cs-r);background:var(--surface);border:1px solid var(--line)}
.cs-val__t{display:block;font-family:'Jura',system-ui,sans-serif;font-size:17px;font-weight:600;letter-spacing:-.02em;margin-bottom:12px}
.cs-val__c ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.cs-val__c li{display:flex;gap:10px;font-size:14.5px;line-height:1.45}
.cs-val__c li.no{color:#71717A}
.cs-val__c li.no .cs-li__i{background:#F1F1F4;color:#A1A1AA}
.cs-val__c li.ok .cs-li__i{background:#EAF7F0;color:var(--ok)}
.cs-val__c li .cs-li__i svg{width:12px;height:12px;stroke-width:2.8}
.cs-val__c--me{border-color:#DDD0FA;background:linear-gradient(165deg,#fff 0%,#F7F2FF 100%);box-shadow:0 18px 40px rgba(98,0,255,.10)}
.cs-val__c--me li.ok .cs-li__i{background:var(--indigo);color:#fff}
.cs-val__tag{position:absolute;top:-11px;left:18px;height:22px;padding:0 10px;border-radius:999px;background:var(--indigo);color:#fff;font-size:12px;font-weight:600;display:inline-flex;align-items:center}

/* ---------- 10. тарифы ---------- */
.cs-tiers{display:grid;grid-template-columns:1.18fr 1fr 1fr;gap:14px;margin-top:24px;align-items:stretch}
.cs-tier{position:relative;display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:24px;background:var(--surface);border:1px solid var(--line)}
.cs-tier--main{border:1.5px solid #CDB6FF;background:radial-gradient(90% 60% at 100% 0%,rgba(201,167,255,.22),transparent 60%),#fff;box-shadow:0 22px 50px rgba(98,0,255,.14)}
.cs-tier--vip{background:linear-gradient(165deg,#FFFCF2,#FFF 60%);border-color:#EFE0A8}
.cs-tier__tag{align-self:flex-start;height:24px;padding:0 10px;border-radius:999px;background:var(--indigo);color:#fff;font-size:12px;font-weight:600;display:inline-flex;align-items:center}
.cs-tier__n{font-family:'Jura',system-ui,sans-serif;font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.cs-tier--vip .cs-tier__n{color:#7A5A00}
.cs-tier__fmt{font-size:13px;color:var(--muted);margin-top:-6px}
.cs-tier__who{font-size:14.5px;line-height:1.5;color:#3F3F46}
.cs-tier__p{font-family:'Prosto One',system-ui,sans-serif;font-size:34px;line-height:1.1;letter-spacing:-.01em;color:var(--ink);margin-top:4px}
.cs-tier__p--q{font-family:'Jura',system-ui,sans-serif;font-size:19px;font-weight:600;color:#52525B}
.cs-tier__ps{font-size:13.5px;color:var(--muted);margin-top:-6px}
.cs-tier__res{font-size:14px;line-height:1.5;padding:10px 12px;border-radius:12px;background:var(--bg);color:#3F3F46}
.cs-tier .btn{margin-top:auto}
.cs-tier__note{font-size:12.5px;line-height:1.45;color:var(--muted);text-align:center}
.cs-ticks{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.cs-ticks li{display:flex;gap:10px;font-size:14.5px;line-height:1.45}
.cs-ticks .cs-li__i{background:var(--tint);color:var(--indigo);width:20px;height:20px}
.cs-ticks .cs-li__i svg{width:12px;height:12px;stroke-width:2.8}
.cs-tier--vip .cs-ticks .cs-li__i{background:#FBF3D9;color:#8A6A00}
.cs-ticks--sm li{font-size:13.5px}
.cs-seats{font-size:13px;color:#7A5A00;background:#FFF9E8;border:1px solid #F3E4B3;border-radius:12px;padding:9px 12px;line-height:1.45}
.cs-seats__bar{height:5px;border-radius:99px;background:#F3E4B3;overflow:hidden;margin-bottom:7px}
.cs-seats__bar i{display:block;height:100%;background:linear-gradient(90deg,#E0B63A,#B8901C);border-radius:99px}
.cs-safe{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px;padding:18px 20px;border-radius:20px;background:var(--surface);border:1px solid var(--line)}
.cs-safe:empty{display:none}
.cs-safe__i{display:flex;gap:11px;align-items:flex-start}
.cs-safe__i div{display:flex;flex-direction:column;gap:1px}
.cs-safe__i b{font-size:14px;font-weight:600;line-height:1.35}
.cs-safe__i span:not(.cs-ic){font-size:13px;color:var(--muted);line-height:1.45}

/* ---------- 11. вопросы ---------- */
.cs-faq{margin-top:20px;border-radius:var(--cs-r);background:var(--surface);border:1px solid var(--line);overflow:hidden}
.cs-q+.cs-q{border-top:1px solid var(--line)}
.cs-q summary{display:flex;align-items:center;gap:14px;padding:18px 22px;cursor:pointer;list-style:none;font-size:16px;font-weight:600;transition:background .2s}
.cs-q summary::-webkit-details-marker{display:none}
.cs-q summary:hover{background:#FCFBFE}
.cs-q summary span{flex:1}
.cs-q summary i{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--faint);color:var(--muted);transition:transform .25s cubic-bezier(.22,1,.36,1),background .2s,color .2s}
.cs-q[open] summary i{transform:rotate(45deg);background:var(--tint);color:var(--indigo)}
.cs-q__a{padding:0 22px 20px;font-size:15.5px;line-height:1.6;color:#3F3F46;max-width:70ch}
.cs-q__more{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px 22px;border-top:1px solid var(--line);background:var(--bg);font-size:15px;color:var(--muted)}
.cs-q__more .btn img{width:22px;height:22px;border-radius:50%;object-fit:cover}

/* ---------- 12. финал ---------- */
.cs-fin{position:relative;display:grid;grid-template-columns:1fr minmax(200px,34%);min-height:320px;border-radius:28px;overflow:hidden;isolation:isolate;
  background:radial-gradient(80% 90% at 0% 100%,rgba(98,0,255,.32),transparent 60%),#0B0B0D;color:#fff;margin-bottom:10px}
.cs-fin__b{position:relative;z-index:2;padding:36px 34px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.cs-fin__h{font-family:'Jura',system-ui,sans-serif;font-size:clamp(22px,2.3vw,30px);font-weight:600;letter-spacing:-.03em;line-height:1.22;max-width:26ch}
.cs-fin__b>p{color:rgba(255,255,255,.72);font-size:16px}
.cs-fin__a{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.cs-fin__img{position:absolute;right:0;top:0;height:100%;width:40%;object-fit:cover;object-position:50% 25%;z-index:1;
  -webkit-mask-image:linear-gradient(to left,#000 30%,transparent 98%);mask-image:linear-gradient(to left,#000 30%,transparent 98%)}

/* ---------- карточка справа ---------- */
.cs-buy{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:24px;background:radial-gradient(100% 60% at 100% 0%,rgba(201,167,255,.22),transparent 60%),#fff;border:1.5px solid #D9C7FF;box-shadow:0 22px 50px rgba(98,0,255,.12)}
.cs-buy__k{align-self:flex-start;height:24px;padding:0 10px;border-radius:999px;background:var(--tint);color:var(--indigo-dark);font-size:12px;font-weight:600;display:inline-flex;align-items:center}
.cs-buy__n{font-family:'Jura',system-ui,sans-serif;font-size:19px;font-weight:600;letter-spacing:-.02em}
.cs-buy__p{font-family:'Prosto One',system-ui,sans-serif;font-size:32px;line-height:1.1}
.cs-buy__s{font-size:13px;color:var(--muted);line-height:1.45;margin-top:-4px}
.cs-buy .btn{margin-top:2px}

/* ---------- нижняя панель ---------- */
.cs-bar{position:fixed;left:50%;bottom:16px;z-index:79;width:min(620px,calc(100% - 112px));transform:translate(-50%,160%);opacity:0;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .3s;
  display:flex;align-items:center;gap:14px;padding:10px 10px 10px 18px;border-radius:18px;background:rgba(255,255,255,.9);backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);
  box-shadow:0 18px 44px rgba(17,17,20,.18),0 0 0 1px rgba(17,17,20,.06)}
.cs-bar.on{transform:translate(-50%,0);opacity:1}
.cs-bar__t{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.cs-bar__t b{font-family:'Prosto One',system-ui,sans-serif;font-size:18px;font-weight:400}
.cs-bar__t span{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-bar .cs-btn{height:44px;padding:0 18px;font-size:15px;flex:none}
@media(min-width:1181px){.cs-bar{display:none}}
@media(max-width:900px){html.m-app .cs-bar{bottom:calc(72px + var(--m-safe,0px));left:12px;right:84px;width:auto;transform:translateY(200%)}html.m-app .cs-bar.on{transform:none}}
body.va-open .cs-bar,body.cs-ex-open .cs-bar{opacity:0;pointer-events:none}

/* ---------- Эмма на выходе ---------- */
.cs-ex{position:fixed;inset:0;z-index:96;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(11,11,13,.42);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.cs-ex.on{display:flex;animation:csFade .25s ease}
.cs-ex__box{position:relative;width:100%;max-width:460px;padding:26px;border-radius:26px;background:#fff;box-shadow:0 30px 80px rgba(17,17,20,.35);animation:csUp .42s cubic-bezier(.22,1,.36,1);outline:none}
.cs-ex__x{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:50%;border:0;background:var(--faint);color:var(--muted);display:grid;place-items:center;cursor:pointer}
.cs-ex__x:hover{background:var(--line);color:var(--ink)}
.cs-ex__who{display:flex;align-items:center;gap:12px}
.cs-ex__av{position:relative;flex:none}
.cs-ex__av img{width:52px;height:52px;border-radius:16px;object-fit:cover;display:block}
.cs-ex__av i{position:absolute;right:-2px;bottom:-2px;width:13px;height:13px;border-radius:50%;background:#22C55E;border:2.5px solid #fff}
.cs-ex__who b{display:block;font-family:'Jura',system-ui,sans-serif;font-size:17px;font-weight:600}
.cs-ex__who span{font-size:13px;color:var(--muted)}
.cs-ex h3{font-family:'Jura',system-ui,sans-serif;font-size:23px;font-weight:600;letter-spacing:-.03em;line-height:1.2;margin:18px 0 6px}
.cs-ex__step>p{font-size:15px;line-height:1.55;color:#3F3F46;margin:0}
.cs-ex__step{animation:csStep .3s cubic-bezier(.22,1,.36,1)}
@keyframes csStep{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
.cs-ex__box:focus{outline:none}
.cs-ex__acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.cs-ex__acts .btn{flex:1 1 auto;justify-content:center}
.cs-btn--wa{background:#16A34A;box-shadow:0 10px 24px rgba(22,163,74,.28)}
.cs-btn--wa:hover{background:#15803D}
.btn.is-busy{opacity:.6;pointer-events:none}
.cs-ex__later{display:block;margin:14px auto 0;border:0;background:none;font:inherit;font-size:14px;color:var(--muted);cursor:pointer;padding:4px 8px}
.cs-ex__later:hover{color:var(--ink)}
.cs-ex__fine{font-size:12px!important;color:var(--muted)!important;margin-top:10px!important;text-align:center}
/* мостик «гайд → курс» в конце гайда */
.cs-bridge{position:relative;margin:40px 0 8px;padding:26px;border-radius:24px;display:flex;flex-direction:column;gap:10px;isolation:isolate;
  background:radial-gradient(90% 120% at 100% 0%,rgba(98,0,255,.10),transparent 60%),#fff;border:1px solid rgba(98,0,255,.18);box-shadow:0 18px 44px rgba(38,10,90,.08)}
.cs-bridge__k{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--indigo)}
.cs-bridge b{font-family:'Jura',system-ui,sans-serif;font-size:clamp(20px,2vw,25px);font-weight:600;line-height:1.25;letter-spacing:-.02em;max-width:34ch}
.cs-bridge p{margin:0;font-size:15.5px;line-height:1.55;color:var(--muted);max-width:60ch}
.cs-bridge__a{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:6px}
@media(max-width:520px){.cs-bridge{padding:20px}.cs-bridge__a .btn{width:100%}}
.cs-ex__q{display:flex;flex-direction:column;gap:8px;margin-top:16px}
.cs-ex__q button{text-align:left;border:1px solid var(--line-2);background:#fff;border-radius:14px;padding:11px 14px;font:inherit;font-size:14.5px;cursor:pointer;transition:border-color .2s,background .2s}
.cs-ex__q button:hover{border-color:var(--lavender);background:#FCFAFF}
.cs-ex__in{display:flex;gap:8px;margin-top:10px}
.cs-ex__in input{flex:1;min-width:0;height:46px;padding:0 14px;border:1px solid var(--line-2);border-radius:14px;font:inherit;font-size:15px;background:var(--bg)}
.cs-ex__in input:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 3px rgba(98,0,255,.1);background:#fff}
.cs-ex__in button{flex:none;width:46px;height:46px;border:0;border-radius:14px;background:var(--indigo);color:#fff;display:grid;place-items:center;cursor:pointer}
.cs-ex__in button:hover{background:var(--indigo-dark)}
.cs-ex__free{display:inline-flex;align-items:center;gap:8px;margin-top:14px;border:0;background:none;padding:0;font:inherit;font-size:14px;color:var(--indigo);font-weight:600;cursor:pointer}
.cs-ex__free:hover{text-decoration:underline}
@keyframes csFade{from{opacity:0}to{opacity:1}}
@keyframes csUp{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.cs-ex.on,.cs-ex__box{animation:none}}

/* ---------- адаптив ---------- */
@media(max-width:1020px){
  .cs-tiers{grid-template-columns:1fr 1fr}.cs-tier--main{grid-column:1/-1}
  .cs-safe{grid-template-columns:1fr 1fr}
  .cs-me__st{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  .cs-sec{margin-top:54px}
  .cs-stage{grid-template-columns:1fr;padding:14px;gap:12px;border-radius:22px;min-height:0}
  .cs-chat__u{min-height:6.6em}
  .cs-chat__a{margin-top:0}
  .cs-3,.cs-outs,.cs-care,.cs-val,.cs-show{grid-template-columns:1fr}
  .cs-3{gap:14px}
  .cs-shift{grid-template-columns:1fr}
  .cs-shift__arr{transform:rotate(90deg);justify-self:center;width:40px;height:40px}
  .cs-me{grid-template-columns:1fr;padding:14px;gap:16px}
  .cs-me__ph{aspect-ratio:1/1;max-height:360px}
  .cs-val__c--me{margin-top:8px}
  .cs-tiers{grid-template-columns:1fr}
  .cs-fin{grid-template-columns:1fr}
  .cs-fin__b{padding:28px 22px}
  .cs-fin__img{opacity:.35;width:70%}
  .cs-q summary{padding:16px 18px;font-size:15.5px}
  .cs-q__a{padding:0 18px 18px}
  .cs-ex{align-items:flex-end;padding:0}
  .cs-ex__box{max-width:none;border-radius:24px 24px 0 0;padding:22px 18px calc(22px + env(safe-area-inset-bottom,0px))}
  .cs-hcta__row .btn{flex:1 1 auto}
}
@media(max-width:520px){
  .cs-pg__menu i{height:34px}
  .cs-out{grid-template-columns:56px 1fr;padding:18px}.cs-out__art{width:56px;height:56px;border-radius:14px}.cs-out__art svg{width:40px;height:40px}
  .cs-mod{grid-template-columns:38px 1fr;gap:12px}.cs-mod__n{width:38px;height:38px;font-size:16px}.cs-track::before{left:18px}
  .cs-mod__b{padding:14px 14px}
  .cs-les li{flex-wrap:wrap;row-gap:6px}.cs-les__go{margin-left:34px}
  .cs-safe{grid-template-columns:1fr}
  .cs-tier__p{font-size:30px}
  .cs-hcta__row{width:100%}.cs-hcta__row .btn{width:100%}
}

/* ---------- тарифы отдельным окном ---------- */
.cs-tp{position:fixed;inset:0;z-index:88;display:none;align-items:flex-start;justify-content:center;padding:32px 20px;overflow-y:auto;overscroll-behavior:contain;
  background:rgba(11,11,13,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.cs-tp.on{display:flex;animation:csFade .25s ease}
body.cs-tp-open{overflow:hidden}
.cs-tp__box{position:relative;width:100%;max-width:1120px;margin:auto 0;padding:34px 30px 26px;border-radius:28px;background:var(--bg,#FAFAFC);box-shadow:0 40px 100px rgba(17,17,20,.35);animation:csUp .35s cubic-bezier(.22,1,.36,1)}
.cs-tp__box:focus{outline:none}
.cs-tp__x{position:absolute;right:16px;top:16px;width:38px;height:38px;border-radius:50%;border:0;background:#fff;color:var(--muted);display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 1px var(--line)}
.cs-tp__x:hover{color:var(--ink);box-shadow:0 0 0 1px var(--line-2)}
.cs-tp__h{text-align:center;max-width:640px;margin:0 auto}
.cs-tp__k{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--indigo)}
.cs-tp__h h2{font-family:'Jura',system-ui,sans-serif;font-weight:600;font-size:clamp(26px,3vw,36px);line-height:1.15;letter-spacing:-.03em;margin:8px 0 6px}
.cs-tp__h p{margin:0;font-size:15px;color:var(--muted)}
.cs-tp .cs-tiers{margin-top:26px}
.cs-tp__ask{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 12px;margin-top:18px;font-size:14px;color:var(--muted)}
@keyframes csUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.cs-tp.on,.cs-tp__box{animation:none}}
@media(max-width:820px){
  .cs-tp{padding:0;align-items:stretch}
  .cs-tp__box{margin:0;min-height:100%;border-radius:0;padding:56px 16px calc(24px + env(safe-area-inset-bottom,0px))}
  .cs-tp__x{position:fixed;right:12px;top:calc(10px + env(safe-area-inset-top,0px));z-index:2}
}
.cs-buy__all{display:block;width:100%;margin-top:2px;border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--indigo);cursor:pointer;padding:6px}
.cs-buy__all:hover{text-decoration:underline}

/* ============================================================================
   17 окт · страница курса — лендинг под одну цель: запись (предзапись)
   ============================================================================ */
/* свой первый экран вместо шапки курса со «звездой» */
body.cs-on #s-course-detail .cd__hero{display:none}
.cs--lp{margin-top:4px}
.cs--lp .cs-sec{margin-top:56px}

.cs-hero{padding:28px 28px 26px;border-radius:28px;background:linear-gradient(160deg,#FFFFFF 0%,#F7F2FF 60%,#EFE6FF 100%);border:1px solid #E6DAFB}
.cs-hero__k{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--indigo)}
.cs-hero__k::before{content:'';width:7px;height:7px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 4px rgba(34,197,94,.16)}
.cs-hero__h{font-family:'Jura',system-ui,sans-serif;font-weight:700;font-size:clamp(27px,3.2vw,42px);line-height:1.12;letter-spacing:-.03em;margin:14px 0 12px;max-width:22ch}
.cs-hero__p{font-size:17px;line-height:1.6;color:#3F3F46;max-width:58ch;margin:0}
.cs-hero__f{margin:14px 0 0;font-size:14px;line-height:1.5;color:var(--muted);font-weight:500}
.cs-hero__f:empty{display:none}
.cs-hero .cs-hcta{margin:22px 0 0}
.cs-hero__go{height:56px;padding:0 30px;font-size:17px}
.cs-hero__by{display:flex;align-items:center;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(98,0,255,.12);font-size:14.5px;color:#52525B}
.cs-hero__by img{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:50% 20%;flex:none;box-shadow:0 0 0 2px #fff,0 0 0 3.5px #C9A7FF}
.cs-hero__by b{color:var(--ink)}

/* почему сейчас */
.cs-now{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.cs-now li{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}
.cs-now b{font-family:'Jura',system-ui,sans-serif;font-size:19px;letter-spacing:-.02em;color:var(--indigo-dark)}
.cs-now span{font-size:15px;line-height:1.5;color:#3F3F46}
.cs--lp #cs-now .cs-lead{margin-top:18px;color:#3F3F46}

/* было → стало: два столбца без стрелки */
.cs--lp .cs-shift{grid-template-columns:1fr 1fr}
@media(max-width:820px){.cs--lp .cs-shift{grid-template-columns:1fr}}

/* что останется — простой список */
.cs-outl{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}
.cs-outl li{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.cs-outl .cs-li__i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--indigo);color:#fff;margin-top:1px}
.cs-outl .cs-li__i svg{width:14px;height:14px;stroke-width:2.6}
.cs-outl b{display:block;font-size:16px;line-height:1.35}
.cs-outl em{display:block;font-style:normal;font-size:14.5px;line-height:1.5;color:var(--muted);margin-top:3px}

/* программа — модули раскрываются */
.cs-mods{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.cs-md{border-radius:18px;background:var(--surface);border:1px solid var(--line);overflow:hidden}
.cs-md summary{list-style:none;display:flex;align-items:center;gap:14px;padding:16px 18px;cursor:pointer;min-height:64px}
.cs-md summary::-webkit-details-marker{display:none}
.cs-md__n{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex:none;font-family:'Prosto One',system-ui,sans-serif;font-size:15px;color:var(--indigo);background:var(--tint)}
.cs-md__h{flex:1;min-width:0}
.cs-md__h b{display:block;font-family:'Jura',system-ui,sans-serif;font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:1.25}
.cs-md__h em{display:block;font-style:normal;font-size:14px;line-height:1.45;color:var(--muted);margin-top:2px}
.cs-md__c{font-size:13px;color:var(--muted);white-space:nowrap}
.cs-md summary i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;flex:none;color:var(--muted);transition:transform .25s}
.cs-md[open] summary i{transform:rotate(45deg)}
.cs-md .cs-les{margin:0;padding:0 18px 10px 68px}
.cs-md .cs-les li{align-items:flex-start;padding:11px 0}
.cs-md .cs-les__n{padding-top:2px}

/* как устроено обучение и форматы — без цен */
.cs-how{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.cs-how__i{display:flex;gap:14px;padding:18px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}
.cs-how__i b{display:block;font-size:16px;margin-bottom:3px}
.cs-how__i span{display:block;font-size:14.5px;line-height:1.5;color:var(--muted)}
.cs-fmt{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.cs-fmt__i{padding:18px 20px;border-radius:18px;border:1.5px solid #DDD0FA;background:linear-gradient(160deg,#fff,#F7F2FF)}
.cs-fmt__i b{display:block;font-family:'Jura',system-ui,sans-serif;font-size:19px;font-weight:600;letter-spacing:-.02em;margin-bottom:4px}
.cs-fmt__i span{display:block;font-size:14.5px;line-height:1.5;color:#52525B}
.cs--lp #cs-how .cs-cap:empty{display:none}

/* финал без картинки */
.cs--lp .cs-fin{grid-template-columns:1fr;min-height:0}
.cs--lp .cs-fin__b{padding:34px 32px}

/* ---------- окно предзаписи ---------- */
.cs-pre{position:fixed;inset:0;z-index:95;display:none;align-items:center;justify-content:center;padding:24px;
  background:rgba(11,11,13,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.cs-pre.on{display:flex;animation:csFade .2s ease}
html.cs-lock{overflow:hidden}
.cs-pre__box{position:relative;width:100%;max-width:460px;max-height:calc(100dvh - 32px);overflow-y:auto;padding:26px 24px 22px;border-radius:24px;
  background:var(--surface,#fff);color:var(--ink);box-shadow:0 40px 100px rgba(17,17,20,.35);animation:csUp .3s cubic-bezier(.22,1,.36,1)}
.cs-pre__box:focus{outline:none}
.cs-pre__grab{display:none}
.cs-pre__x{position:absolute;right:12px;top:12px;width:40px;height:40px;border-radius:50%;border:0;background:var(--faint,#F1F1F4);color:var(--muted);display:grid;place-items:center;cursor:pointer}
.cs-pre__k{display:block;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--indigo);padding-right:44px}
.cs-pre h2{font-family:'Jura',system-ui,sans-serif;font-weight:700;font-size:26px;letter-spacing:-.03em;line-height:1.15;margin:8px 0 6px}
.cs-pre__s{font-size:15px;line-height:1.5;color:var(--muted);margin:0 0 16px}
.cs-pre__f{display:block;margin-bottom:12px}
.cs-pre__f>span{display:block;font-size:13.5px;font-weight:600;margin-bottom:6px}
.cs-pre__f input{width:100%;height:52px;padding:0 16px;border-radius:14px;border:1.5px solid var(--line-2,#E4E4EA);background:var(--bg,#FAFAFC);color:var(--ink);font:inherit;font-size:16px}
.cs-pre__f input:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 4px rgba(98,0,255,.12)}
.cs-pre__f input[aria-invalid="true"]{border-color:#DC2626}
.cs-pre__ph{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;color:#15803D}
.cs-pre__fmt{border:0;margin:4px 0 14px;padding:0;display:flex;flex-direction:column;gap:8px}
.cs-pre__fmt legend{font-size:13.5px;font-weight:600;margin-bottom:6px;padding:0}
.cs-pre__fmt label{display:flex;gap:12px;align-items:flex-start;padding:13px 14px;border-radius:14px;border:1.5px solid var(--line-2,#E4E4EA);cursor:pointer}
.cs-pre__fmt label:has(input:checked){border-color:var(--indigo);background:rgba(98,0,255,.05)}
.cs-pre__fmt input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--indigo);flex:none}
.cs-pre__fmt b{display:block;font-size:15.5px}
.cs-pre__fmt small{display:block;font-size:13.5px;line-height:1.4;color:var(--muted);margin-top:2px}
.cs-pre__err{margin:0 0 10px;padding:10px 12px;border-radius:12px;background:#FEF2F2;color:#B91C1C;font-size:14px}
.cs-pre__go{height:54px;font-size:16.5px}
.cs-pre__legal{margin:12px 0 0;font-size:12px;line-height:1.45;color:var(--muted);text-align:center}
.cs-pre__legal a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.cs-pre__ok{text-align:center;padding:18px 4px 4px}
.cs-pre__okic{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;margin:0 auto 6px;background:#DCFCE7;color:#15803D}
.cs-pre__okic svg{width:28px;height:28px;stroke-width:2.4}
.cs-pre__ok p{font-size:15.5px;line-height:1.55;color:var(--muted);margin:0 0 18px}

@media(max-width:900px){
  /* лендинг курса на телефоне: без нижнего меню, кнопки Эммы и плашки «продолжить урок» — только запись */
  body.cs-on:has(#s-course-detail.on) #mtab,
  body.cs-on:has(#s-course-detail.on) #mres,
  body.cs-on:has(#s-course-detail.on) .va-l,
  body.cs-on:has(#s-course-detail.on) .ema-tip{display:none!important}
  html.m-app body.cs-on .cs-bar{left:12px!important;right:12px!important;bottom:calc(10px + env(safe-area-inset-bottom,0px))!important}
  body.cs-on:has(#s-course-detail.on) .main{padding-bottom:110px!important}

  .cs--lp .cs-sec{margin-top:44px}
  .cs-hero{padding:22px 18px 20px;border-radius:22px;margin:0 -4px}
  .cs-hero__h{font-size:27px;margin:12px 0 10px}
  .cs-hero__p{font-size:16px}
  .cs-hero .cs-hcta{align-items:stretch}
  .cs-hero__go{width:100%}
  .cs-hero__by{font-size:13.5px}
  .cs-now{grid-template-columns:1fr;gap:8px}
  .cs-now li{padding:14px 16px;gap:4px}
  .cs-now b{font-size:16px}
  .cs-outl{grid-template-columns:1fr;gap:0}
  .cs-how,.cs-fmt{grid-template-columns:1fr;gap:8px}
  .cs-how__i{padding:14px 16px}
  .cs-md summary{padding:14px 14px;gap:12px}
  .cs-md__n{width:32px;height:32px;font-size:14px}
  .cs-md__h b{font-size:16.5px}
  .cs-md__c{display:none}
  .cs-md .cs-les{padding:0 14px 8px 58px}
  .cs-md .cs-les li{flex-wrap:nowrap}
  .cs--lp .cs-fin__b{padding:26px 20px}
  .cs--lp .cs-fin__a .btn{width:100%}

  .cs-pre{align-items:flex-end;padding:0}
  .cs-pre__box{max-width:none;max-height:92dvh;border-radius:24px 24px 0 0;padding:14px 18px calc(18px + env(safe-area-inset-bottom,0px));animation:csSheet .32s cubic-bezier(.22,1,.36,1)}
  .cs-pre__grab{display:block;width:38px;height:4px;border-radius:99px;background:var(--line-2,#E4E4EA);margin:0 auto 14px}
  .cs-pre__x{top:16px;right:12px}
}
@keyframes csSheet{from{transform:translateY(100%)}to{transform:none}}
@media(prefers-reduced-motion:reduce){.cs-pre.on,.cs-pre__box{animation:none}}

/* тёмная тема */
html[data-theme="dark"] .cs-hero{background:linear-gradient(160deg,#17151D 0%,#1D1530 60%,#251842 100%);border-color:#2E2442}
html[data-theme="dark"] .cs-hero__p,html[data-theme="dark"] .cs-now span,html[data-theme="dark"] .cs--lp #cs-now .cs-lead,html[data-theme="dark"] .cs-hero__by,html[data-theme="dark"] .cs-fmt__i span{color:#C4C4CC}
html[data-theme="dark"] .cs-hero__by img{box-shadow:0 0 0 2px #17151D,0 0 0 3.5px #8B3DFF}
html[data-theme="dark"] .cs-now b{color:#C9A7FF}
html[data-theme="dark"] .cs-fmt__i{background:linear-gradient(160deg,#17151D,#1D1530);border-color:#3A2D58}
html[data-theme="dark"] .cs-pre__err{background:rgba(220,38,38,.14);color:#FCA5A5}
html[data-theme="dark"] .cs-pre__fmt label:has(input:checked){background:rgba(139,61,255,.14)}
html[data-theme="dark"] .cs-pre__okic{background:rgba(34,197,94,.16);color:#4ADE80}

/* нижняя панель в предзаписи: текст, а не цена */
.cs-bar--pre .cs-bar__t b{font-family:inherit;font-size:15.5px;font-weight:700;letter-spacing:0;white-space:nowrap}
.cs-bar--pre .cs-bar__t span{font-size:13px}