/* Стратегии и онлайн коллы */
.sp{max-width:1400px;margin:0 auto;padding:24px 24px 64px;display:flex;flex-direction:column;gap:16px}
.sp h1{margin:0;font:700 26px Inter,sans-serif;letter-spacing:-.01em}
.sp-sub{font-size:15px;color:#B7C2D6}
.maps{display:flex;flex-wrap:wrap;gap:6px}
.mt{position:relative;overflow:hidden;flex:1 1 0;min-width:110px;height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font:700 12px Inter,sans-serif;border:0;cursor:pointer;color:#C9D2E3;background:#0E1320;box-shadow:inset 0 0 0 1px #26324A;padding:0}
.mt::before{content:"";position:absolute;inset:0;background:var(--art) center/cover no-repeat;opacity:.45;filter:saturate(.7);transition:opacity .15s}
.mt::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,8,13,.9),rgba(6,8,13,.3))}
.mt>*{position:relative;z-index:1}
.mt:hover{color:#fff}.mt:hover::before{opacity:.7}
.mt[aria-selected="true"]{color:#fff;box-shadow:inset 0 0 0 2px #FF7A1F}
.mt[aria-selected="true"]::before{opacity:.85;filter:none}
.mt img{width:40px;height:40px;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}
.mt:focus-visible,.si:focus-visible,.rb:focus-visible,.seg button:focus-visible,.ctl:focus-visible,.ck:focus-visible,.md:focus-visible{outline:2px solid #2DD4E6;outline-offset:2px}
.cols{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}
.colmain{flex:1 1 640px;min-width:0;display:flex;flex-direction:column;gap:14px}
.colside{flex:0 1 380px;min-width:0;display:flex;flex-direction:column;gap:10px}
.shead{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.shead h2{flex:1 1 280px;margin:0;min-width:0;font:700 26px Inter,sans-serif;letter-spacing:-.01em}
.shead .tp{display:block;margin-bottom:4px;font:700 11px 'JetBrains Mono',monospace;letter-spacing:.08em;color:#FFB27A;text-transform:uppercase}
.sp .btn{min-height:52px;padding:0 24px;font-size:13px;gap:10px}
.sp .bd{background:#1A2132;color:#5A6786;cursor:not-allowed;box-shadow:none}
.sp .bd:hover{transform:none;box-shadow:none}.sp .bd::after{display:none}
.demo{display:flex;flex-direction:column;flex:1 1 400px;min-width:0;max-width:500px;background:#0B101B;box-shadow:inset 0 0 0 1px #26324A}
.stage{position:relative;width:100%;aspect-ratio:1/1;flex:none}
.stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.cap{position:absolute;left:12px;top:12px;right:12px;display:flex;gap:10px;align-items:flex-start;pointer-events:none}
.cap span{padding:8px 12px;background:rgba(6,8,13,.86);box-shadow:inset 0 0 0 1px #3A4866;font:600 13px Inter,sans-serif;color:#E9EEF8;max-width:80%}
.cap .clk{margin-left:auto;font:700 15px 'JetBrains Mono',monospace;color:#FFB27A;max-width:none}
.dctl{padding:10px 12px;display:flex;align-items:center;gap:10px;border-top:1px solid #26324A}
.ctl{width:44px;height:44px;flex:none;display:flex;align-items:center;justify-content:center;background:#FF7A1F;border:0;color:#0A0D14;cursor:pointer}
.tl{flex:1 1 auto;min-width:60px;position:relative;height:44px;display:flex;align-items:center}
.tl input{width:100%;margin:0;accent-color:#FF7A1F;height:28px;cursor:pointer}
.tl .mk{position:absolute;top:4px;width:2px;height:8px;background:#93A1BC;pointer-events:none}
.tm{flex:none;font:500 12px 'JetBrains Mono',monospace;color:#B7C2D6;white-space:nowrap}
.seg{display:flex;box-shadow:inset 0 0 0 1px #2E3B56}
.seg button{flex:1;min-height:44px;padding:0 12px;background:transparent;border:0;color:#B7C2D6;font:600 11px Unbounded,sans-serif;text-transform:uppercase;cursor:pointer}
.seg button[aria-pressed="true"],.seg button[aria-checked="true"]{background:#FF7A1F;color:#0A0D14}
.seg2{box-shadow:inset 0 0 0 1px #26324A;background:#0B101B}
.seg2 button{font:600 12px Inter,sans-serif;text-transform:none;color:#93A1BC}
.seg2 button:hover{color:#E9EEF8}
.seg2 button[aria-pressed="true"]{background:#1E2840;color:#E9EEF8;box-shadow:inset 0 0 0 1px #3A4866}
.legend{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;padding:0 14px 12px;font-size:12px;color:#93A1BC}
.legend i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px;vertical-align:-2px}
.concept{margin:0;font-size:15px;line-height:1.55;color:#C9D2E3;max-width:760px}
.roles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.rb{display:flex;flex-direction:column;gap:6px;align-items:flex-start;min-height:76px;padding:10px;border:0;cursor:pointer;text-align:left;font:500 12px Inter,sans-serif;line-height:1.3;color:#B7C2D6;background:#0B101B;box-shadow:inset 0 0 0 1px #26324A}
.rb:hover{box-shadow:inset 0 0 0 1px #3A4866;color:#E9EEF8}
.rb[aria-selected="true"]{background:#1F1712;color:#E9EEF8;font-weight:600;box-shadow:inset 0 0 0 2px var(--c)}
.pn{width:26px;height:26px;flex:none;display:inline-flex;align-items:center;justify-content:center;font:900 12px Unbounded,sans-serif;color:#0A0D14}
.blk{display:flex;flex-direction:column;gap:12px;padding:18px;background:#0E1320;box-shadow:inset 0 0 0 1px #1C2538}
.blk h3{margin:0;font:700 17px Inter,sans-serif;display:flex;align-items:center;gap:10px}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:14px;line-height:1.5}
.kv dt{color:#93A1BC;font-weight:600}
.kv dd{margin:0;color:#C9D2E3}
.steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.steps li{font-size:14px;line-height:1.5;color:#C9D2E3}
.steps b{color:#E9EEF8}
.say{padding:14px 16px;background:rgba(6,8,13,.6);box-shadow:inset 3px 0 0 #FF7A1F;font-size:17px;line-height:1.45;font-weight:600;margin:0}
details.blk{gap:0}
details.blk>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:28px;font:700 15px Inter,sans-serif}
details.blk>summary::-webkit-details-marker{display:none}
details.blk>summary::after{content:"+";font:700 20px 'JetBrains Mono',monospace;color:#FF7A1F}
details.blk[open]>summary::after{content:"−"}
details.blk[open]>summary{margin-bottom:12px}
details ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.5;color:#C9D2E3}
.buy{width:100%;border-collapse:collapse;font-size:13px}
.buy th{text-align:left;font:600 11px 'JetBrains Mono',monospace;color:#93A1BC;text-transform:uppercase;letter-spacing:.08em;padding:0 8px 8px 0}
.buy td{padding:8px 8px 8px 0;border-top:1px solid #1C2538;vertical-align:top;color:#C9D2E3}
.tblw{overflow-x:auto}
.note{margin:0;font-size:13px;line-height:1.5;color:#93A1BC}
.si{display:flex;gap:12px;width:100%;padding:10px;background:#0E1320;border:0;box-shadow:inset 0 0 0 1px #1C2538;color:#E9EEF8;cursor:pointer;text-align:left;font:inherit}
.si:hover{box-shadow:inset 0 0 0 1px #3A4866}
.si[aria-pressed="true"]{background:#1F1712;box-shadow:inset 0 0 0 2px #FF7A1F}
.sth{width:72px;height:72px;flex:none;background:#0B101B}
.sth svg{display:block;width:100%;height:100%}
.si .tg{font:700 10px 'JetBrains Mono',monospace;letter-spacing:.06em;color:#93A1BC;text-transform:uppercase}
.si[aria-pressed="true"] .tg{color:#FFB27A}
.si strong{font:600 14px Inter,sans-serif;line-height:1.3}
.sidebadge{display:inline-block;padding:2px 6px;margin-right:6px;font:700 10px 'JetBrains Mono',monospace;color:#0A0D14}
.empty{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px;text-align:center;background:#0B101B;box-shadow:inset 0 0 0 1px #1C2538;background-image:linear-gradient(rgba(45,212,230,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(45,212,230,.05) 1px,transparent 1px);background-size:32px 32px}
.empty strong{font:700 18px Inter,sans-serif}
.empty span{max-width:380px;font-size:14px;line-height:1.5;color:#93A1BC}
.credit{font-size:12px;color:#5A6786}
/* модалка */
.ov{position:fixed;inset:0;z-index:60;background:rgba(4,6,10,.78);display:flex;align-items:center;justify-content:center;padding:24px}
.ov[hidden]{display:none}
.dlg{width:100%;max-width:640px;max-height:calc(100vh - 48px);overflow:auto;background:#0E1320;box-shadow:inset 0 0 0 1px #FF7A1F,0 30px 80px rgba(0,0,0,.6);display:flex;flex-direction:column;gap:18px;padding:24px}
.dlg h2{margin:0;font:700 22px Inter,sans-serif}
.xbtn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#111724;border:0;box-shadow:inset 0 0 0 1px #3A4866;color:#E9EEF8;cursor:pointer;flex:none}
.md{flex:1;min-height:48px;padding:0 14px;border:0;font:800 12px Unbounded,sans-serif;text-transform:uppercase;cursor:pointer;background:#0E1320;color:#C9D2E3;box-shadow:inset 0 0 0 1px #2E3B56}
.md[aria-selected="true"]{background:#1F1712;color:#FFB27A;box-shadow:inset 0 0 0 2px #FF7A1F}
.pick5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
/* онлайн коллы */
.pan{display:flex;flex-direction:column;gap:14px;padding:20px;background:#0E1320;box-shadow:inset 0 0 0 1px #1C2538}
.pan h2{margin:0;font:700 17px Inter,sans-serif}
.ph{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.ph span{font-size:12px;color:#93A1BC}
.nk{display:flex;align-items:center;gap:10px}
.inp{flex:1;min-width:0;min-height:44px;padding:0 12px;background:#06080D;border:1px solid #2E3B56;color:#E9EEF8;font:500 14px 'JetBrains Mono',monospace;outline:none}
.inp:focus{border-color:#FF7A1F}
.ck{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 12px;border:0;cursor:pointer;text-align:left;font:inherit;color:#B7C2D6;background:#0B101B;box-shadow:inset 0 0 0 1px #1C2538}
.ck:hover{box-shadow:inset 0 0 0 1px #3A4866}
.ck .bx{width:20px;height:20px;flex:none;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 2px #3A4866}
.ck[aria-checked="true"]{background:#1F1712;color:#E9EEF8;box-shadow:inset 0 0 0 1px #6A3A1A}
.ck[aria-checked="true"] .bx{background:#FF7A1F;box-shadow:none}
.ck .ty{font-size:12px;color:#93A1BC;flex:none}
.lnk{background:none;border:0;padding:0;cursor:pointer;font:600 13px Inter,sans-serif;color:#FF7A1F;min-height:32px}
.why{font-size:13px;color:#FF8A96}
.callc{position:relative;display:flex;flex-direction:column;gap:18px;padding:24px;background:linear-gradient(160deg,#1C140E,#0E1320 55%);box-shadow:inset 0 0 0 1px #FF7A1F}
.callc h2{margin:0;font:700 26px Inter,sans-serif;letter-spacing:-.01em}
.task{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#0B101B;box-shadow:inset 0 0 0 1px #1C2538}
.task .nn{width:110px;flex:none;font:700 14px 'JetBrains Mono',monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:4px}
.task .tx{flex:1;min-width:0;font-size:14px;line-height:1.45;color:#C9D2E3}
.task .tx small{display:block;margin-top:2px;font-size:12px;color:#93A1BC}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips span{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;background:#0E1320;box-shadow:inset 0 0 0 1px #1C2538;font-size:13px;color:#B7C2D6}
.pop2{animation:pop2 .28s cubic-bezier(.2,.9,.3,1.2) both}
@keyframes pop2{from{transform:translateY(6px);opacity:0}}
@media (max-width:640px){.sp{padding:16px 16px 48px}.roles,.pick5{grid-template-columns:repeat(3,minmax(0,1fr))}.task .nn{width:80px}.cap span{font-size:12px}}
@media (prefers-reduced-motion:reduce){.pop2{animation:none}.mt::before{transition:none}}
[hidden]{display:none!important}
.tgb{min-height:44px;padding:0 18px;font-size:11px;background:#2AABEE;color:#06080D}.tgb:hover{background:#5BC0F2;color:#06080D}
#dspeed{flex:none}#dspeed button{padding:0 9px}
/* --- стратегии: три шага --- */
.step{display:flex;flex-direction:column;gap:12px;min-width:0}
.sth2{margin:0;display:flex;align-items:center;gap:10px;font:700 16px Inter,sans-serif;color:#E9EEF8}
.stn{width:26px;height:26px;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#1E2840;box-shadow:inset 0 0 0 1px #3A4866;font:800 12px Unbounded,sans-serif;color:#FFB27A}
.mcs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.mc{position:relative;overflow:hidden;flex:1 0 140px;min-height:64px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;cursor:pointer;text-align:left;font:inherit;color:#B7C2D6;background:#0E1320;box-shadow:inset 0 0 0 1px #26324A;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.mc::before{content:"";position:absolute;inset:0;background:var(--art) center/cover no-repeat;opacity:.22;filter:saturate(.4);transition:opacity .15s}
.mc::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,8,13,.92) 35%,rgba(6,8,13,.55))}
.mc>*{position:relative;z-index:1}
.mc img{width:36px;height:36px;flex:none}
.mct{display:flex;flex-direction:column;gap:2px;min-width:0}
.mct b{font:700 14px Inter,sans-serif;color:#E9EEF8}
.mct small{font-size:12px;color:#93A1BC;white-space:nowrap}
.mc:hover::before{opacity:.4}
.mc[aria-selected="true"]{box-shadow:inset 0 0 0 2px #FF7A1F;background:#1F1712}
.mc[aria-selected="true"]::before{opacity:.5;filter:none}
.mc[aria-selected="true"] small{color:#FFB27A}
.mc:focus-visible,.si2:focus-visible,.rb2:focus-visible,.dt:focus-visible{outline:2px solid #2DD4E6;outline-offset:2px}
.ws{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}
.wsl{flex:0 0 270px;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto}
.wsr{flex:1 1 500px;min-width:0}
.slist{display:flex;flex-direction:column;gap:4px}
.grp{margin:10px 0 2px;font:600 11px 'JetBrains Mono',monospace;color:#93A1BC;text-transform:uppercase;letter-spacing:.12em}
.grp:first-child{margin-top:0}
.si2{display:flex;flex-direction:column;gap:4px;width:100%;min-height:56px;padding:10px 12px;border:0;cursor:pointer;text-align:left;font:inherit;color:#C9D2E3;background:#0E1320;box-shadow:inset 0 0 0 1px #1C2538}
.si2:hover{box-shadow:inset 0 0 0 1px #3A4866;color:#E9EEF8}
.si2[aria-pressed="true"]{background:#1F1712;color:#fff;box-shadow:inset 3px 0 0 #FF7A1F,inset 0 0 0 1px #6A3A1A}
.si2t{font:600 14px Inter,sans-serif;line-height:1.3}
.si2m{font-size:12px;color:#93A1BC}
.card{display:flex;flex-direction:column;gap:18px;padding:20px;background:#0E1320;box-shadow:inset 0 0 0 1px #1C2538}
.chead{display:flex;flex-direction:column;gap:10px}
.chead h3{margin:0;font:700 24px Inter,sans-serif;letter-spacing:-.01em}
.tags2{display:flex;flex-wrap:wrap;gap:6px}
.tag2{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;font:600 12px Inter,sans-serif;color:#C9D2E3;background:#151C2B;box-shadow:inset 0 0 0 1px #26324A}
.tag2s{background:#F5D04A;color:#0A0D14;box-shadow:none;font-weight:800}
.cbody{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start}
.quick{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:14px}
.qb{display:flex;flex-direction:column;gap:8px}
.quick .say{font-size:16px}
.qroles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.rb2{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:58px;padding:6px 4px;border:0;cursor:pointer;font:500 11px Inter,sans-serif;line-height:1.2;text-align:center;color:#93A1BC;background:#0B101B;box-shadow:inset 0 0 0 1px #26324A}
.rb2:hover{color:#E9EEF8;box-shadow:inset 0 0 0 1px #3A4866}
.rb2[aria-checked="true"]{color:#E9EEF8;background:#1F1712;box-shadow:inset 0 0 0 2px var(--c)}
.rb2t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%}
.quick .kv{font-size:13px;padding:12px;background:#0B101B;box-shadow:inset 0 0 0 1px #1C2538}
.dtabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid #26324A;margin:-4px 0 0}
.dt{flex:none;min-height:44px;padding:0 14px;border:0;background:transparent;cursor:pointer;font:600 14px Inter,sans-serif;color:#93A1BC;box-shadow:inset 0 -2px 0 transparent}
.dt:hover{color:#E9EEF8}
.dt[aria-selected="true"]{color:#E9EEF8;box-shadow:inset 0 -2px 0 #FF7A1F}
.dbody{display:flex;flex-direction:column;gap:12px}
.dh{margin:0;display:flex;align-items:center;gap:10px;font:700 17px Inter,sans-serif}
.dh4{margin:6px 0 0;font:700 14px Inter,sans-serif;color:#E9EEF8}
.olist{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.5;color:#C9D2E3}
@media (max-width:860px){.wsl{position:static;max-height:none;flex-basis:100%}.mc{flex:0 0 150px}}
@media (max-width:640px){.dctl{flex-wrap:wrap}.tl{order:3;flex-basis:100%}.tm{margin-left:auto}.qroles{grid-template-columns:repeat(5,minmax(0,1fr))}.card{padding:14px}.chead h3{font-size:20px}.demo{max-width:none}}