/* SHATON LIQUID GLASS: reader colour system and visual blocks (loaded after lg.css).
   Every chapter gets one of six accents (data-h 0..5). Roles:
   --c1 main accent (numbers, headings marks, table head, buttons, bars)   --c2 light end of gradients and glow
   --ct soft tint for fills                                               --cs strong tint for borders
   0 cobalt = core knowledge / default   1 violet = psychology, strategy   2 cyan = data, tools
   3 magenta (cool) = people, story    4 turquoise = practice, steps       5 sky = law, checklists, safety
   Functional colours stay separate: amber = warning, red = error, green = success (small areas only). */
:root,[data-theme="light"]{--c1:#234bff;--c2:#3976ff}
[data-theme="dark"]{--c1:#6f9bff;--c2:#4ba3ff}
[data-h="0"]{--c1:#234bff;--c2:#3976ff}
[data-h="1"]{--c1:#6a45ff;--c2:#9a7dff}
[data-h="2"]{--c1:#0a8696;--c2:#16d9e3}
[data-h="3"]{--c1:#a23fd0;--c2:#cf7bf2}
[data-h="4"]{--c1:#0f8f7d;--c2:#25d1b2}
[data-h="5"]{--c1:#1470d6;--c2:#4fc3ff}
[data-theme="dark"] [data-h="0"]{--c1:#7aa2ff;--c2:#4ba3ff}
[data-theme="dark"] [data-h="1"]{--c1:#a995ff;--c2:#7757ff}
[data-theme="dark"] [data-h="2"]{--c1:#3ddcec;--c2:#22e0e6}
[data-theme="dark"] [data-h="3"]{--c1:#d596f5;--c2:#b06be0}
[data-theme="dark"] [data-h="4"]{--c1:#3ee0c4;--c2:#1fc7a8}
[data-theme="dark"] [data-h="5"]{--c1:#79cbff;--c2:#3aa4ff}
.ch,.toc a{--ct:color-mix(in srgb,var(--c1) 10%,transparent);--cs:color-mix(in srgb,var(--c1) 30%,transparent);--cg:linear-gradient(135deg,var(--c1),var(--c2))}

/* chapter header */
.chh{position:relative;padding:18px 18px 16px;margin:0 -4px 16px;border-radius:var(--r-card);background:linear-gradient(135deg,var(--ct),transparent 70%);border:1px solid var(--cs);overflow:hidden}
.chh::before{content:"";position:absolute;right:-30px;top:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--c2) 35%,transparent),transparent 70%);pointer-events:none;animation:drift 14s ease-in-out infinite alternate}
.chh::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--cg);transition:width 1.1s cubic-bezier(.2,.8,.2,1) .2s}
.ch.in .chh::after{width:100%}
@keyframes drift{from{transform:translate(0,0)}to{transform:translate(-26px,18px)}}
.chn{background:var(--cg)!important;color:#fff;border:0!important;box-shadow:0 8px 20px -8px var(--c1)}
.ch.in .chn{animation:pop .7s cubic-bezier(.3,1.5,.5,1) both}
@keyframes pop{from{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}
.chh h2{color:var(--text)}
.chh .lead{color:var(--text-2)}
.h3::before{background:var(--cg)!important}
.bl li::before{background:var(--cg)!important}
.nl li::before{background:var(--cg)!important}
.toc a b{background:var(--cg)!important}
.toc a.on{background:var(--c1)!important;color:#fff!important}

/* panels */
.tbl th{background:var(--cg)!important}
.tbl{border-color:var(--cs)}
.tbl tbody tr:nth-child(even) td{background:var(--ct)!important}
.fig figcaption,.vz figcaption{color:var(--c1)}
.fig{border-color:var(--cs)}
.flow .no{background:var(--cg)!important}
.flow li::before{background:linear-gradient(var(--c2),transparent)!important}
.hbars .tr i{background:var(--cg)!important}
.hbars .br b{color:var(--c1)!important}
.pyr div{background:var(--cg)!important}
.pyr div:nth-of-type(2n){background:linear-gradient(135deg,var(--c2),var(--c1))!important}
.cell{position:relative;border-top:3px solid var(--c1);padding-top:12px}
.cell b{color:var(--c1)}
.cells.in .cell:nth-child(2n){border-top-color:var(--c2)}
.stt b{background:var(--cg)!important;-webkit-background-clip:text!important;background-clip:text!important}
.stt{border-color:var(--cs)}
.qt::before{background:var(--cg)!important}
.co.pr{--cc:var(--c1)}.co.ex{--cc:var(--c2)}.co.num{--cc:var(--c1)}
.co.in::before{animation:grow .7s cubic-bezier(.2,.8,.2,1) both;transform-origin:top}
@keyframes grow{from{transform:scaleY(0)}to{transform:none}}
.cl input:checked+.bx{background:var(--cg)!important}
.cl .bx{border-color:var(--c1)!important}
.endcard,.shot,.vz{border-color:var(--cs)}
pre.code{border-left:3px solid var(--c1)}

/* game blocks follow the chapter accent */
.gm{border-color:var(--cs)}
.gm::before{background:var(--cg)}
.gm-k{color:var(--c1)}
.gm-xp{color:var(--c1);background:var(--ct);border-color:var(--cs)}
.gm-b{background:var(--cg)}
.gm-o.pick,.gm-r.sel{border-color:var(--c1);background:var(--ct)}
.gm-r i{color:var(--c1);background:var(--ct)}
.gm-m i b,.gm-sum i b{background:var(--cg)}
.gm-ring{background:conic-gradient(var(--c1) calc(var(--p)*1%),var(--line) 0)}
.gm-verd b,.gm-sl output,.gm-hud b{color:var(--c1)}
.gm-c .bx{border-color:var(--c1)}.gm-c input:checked+.bx{background:var(--c1)}

/* ---------- visual blocks ---------- */
.vz{margin:22px 0;padding:18px 16px;border-radius:var(--r-card);background:var(--g-surface);border:1px solid var(--cs);box-shadow:var(--g-inset),var(--g-drop-soft)}
.vz figcaption{margin-bottom:12px;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
/* venn */
.venn svg{width:100%;max-width:340px;display:block;margin:0 auto;overflow:visible}
.venn .vc{opacity:0;transform-origin:140px 130px;transform:scale(.6);transition:opacity .7s ease calc(var(--i)*.18s),transform .8s cubic-bezier(.2,1.2,.4,1) calc(var(--i)*.18s);mix-blend-mode:multiply}
[data-theme="dark"] .venn .vc{mix-blend-mode:screen}
.venn.in .vc{opacity:.62;transform:none}
.venn .c0{fill:#3976ff}.venn .c1{fill:#6a45ff}.venn .c2{fill:#16d9e3}
.venn .vm{fill:var(--bg);stroke:var(--c1);stroke-width:2;opacity:0;transition:opacity .6s ease .8s}.venn.in .vm{opacity:1}
.venn .vt{font:800 11.5px Manrope,system-ui,sans-serif;fill:var(--text)}.venn .vtc{font-size:9.5px;fill:var(--c1)}
.vlg{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:8px}.vlg li{display:grid;gap:2px;padding:10px 12px;border-radius:16px;background:var(--search-bg);border:1px solid var(--search-border);border-left:4px solid var(--vc,var(--c1))}
.vlg li:nth-child(1){--vc:#3976ff}.vlg li:nth-child(2){--vc:#6a45ff}.vlg li:nth-child(3){--vc:#16d9e3}
.vlg b{color:var(--text)}.vlg span{font-size:14px;color:var(--text-2)}
/* funnel */
.fn-r{margin:0 auto 8px;width:var(--w);transition:width .9s cubic-bezier(.2,.8,.2,1) calc(var(--i)*.12s)}
.funnel:not(.in) .fn-r{width:20%}
.fn-b{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--c1),var(--c2));filter:saturate(calc(1 - var(--i)*.08))}
.fn-r:nth-child(2n) .fn-b{background:linear-gradient(135deg,var(--c2),var(--c1))}
.fn-b b{font-size:14.5px;font-weight:800;min-width:0;overflow-wrap:anywhere}.fn-b em{font-style:normal;font-weight:800;font-size:15px;white-space:nowrap;flex:none}
.fn-r{min-width:0;max-width:100%}.funnel .fn-b:only-child{justify-content:center;text-align:center}
.fn-r p{margin:4px 6px 0!important;font-size:13px;color:var(--text-3)!important;text-align:center}
/* matrix */
.mx{display:grid;grid-template-columns:22px 1fr;grid-template-rows:1fr 22px;gap:6px}
.mxy{grid-row:1;writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.mxx{grid-column:2;text-align:center;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.mxg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mxc{padding:12px;border-radius:18px;display:grid;gap:4px;align-content:start;background:var(--ct);border:1px solid var(--cs);opacity:0;transform:scale(.94);transition:opacity .5s ease calc(var(--i)*.12s),transform .5s cubic-bezier(.2,1.2,.4,1) calc(var(--i)*.12s)}
.matrix.in .mxc{opacity:1;transform:none}
.mxc.m1{--ct:color-mix(in srgb,#6a45ff 12%,transparent);--cs:color-mix(in srgb,#6a45ff 32%,transparent)}.mxc.m2{--ct:color-mix(in srgb,#16d9e3 12%,transparent);--cs:color-mix(in srgb,#16d9e3 36%,transparent)}.mxc.m3{--ct:color-mix(in srgb,#0f8f7d 12%,transparent);--cs:color-mix(in srgb,#0f8f7d 32%,transparent)}
.mxc b{font-size:14.5px;color:var(--text)}.mxc span{font-size:13px;line-height:1.4;color:var(--text-2)}
/* vs */
.vsh,.vsr{display:grid;grid-template-columns:26% 1fr 1fr;gap:8px;align-items:stretch}
.vsh{margin-bottom:8px}.vsh b{padding:9px 10px;border-radius:14px;text-align:center;color:#fff;font-size:13.5px}
.vsh .a{background:linear-gradient(135deg,#234bff,#3976ff)}.vsh .b{background:linear-gradient(135deg,#6a45ff,#9a7dff)}
.vsr{margin-bottom:8px;opacity:0;transform:translateY(8px);transition:opacity .5s ease calc(var(--i)*.1s),transform .5s ease calc(var(--i)*.1s)}.vs.in .vsr{opacity:1;transform:none}
.vsr>span{font-size:12.5px;font-weight:800;color:var(--text-3);display:grid;align-content:center}
.vsr p{margin:0!important;padding:10px 11px;border-radius:14px;font-size:13.5px;line-height:1.4;color:var(--text-2)!important}
.vsr .a{background:color-mix(in srgb,#234bff 8%,transparent);border:1px solid color-mix(in srgb,#234bff 22%,transparent)}.vsr .b{background:color-mix(in srgb,#6a45ff 8%,transparent);border:1px solid color-mix(in srgb,#6a45ff 22%,transparent)}
/* columns */
.cl-g{display:flex;align-items:flex-end;gap:12px;height:210px;padding-top:10px}
.cl-c{flex:1;min-width:0;height:100%;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;gap:6px;text-align:center}
.cl-c b{font-size:14px;color:var(--text)}.cl-c span{font-size:12px;line-height:1.25;color:var(--text-3);font-weight:650}
.cl-c i{width:100%;max-width:64px;align-self:end;height:0;border-radius:14px 14px 6px 6px;background:var(--cg);transition:height 1s cubic-bezier(.2,.8,.2,1) calc(var(--i)*.14s)}
.cl-c:nth-child(2n) i{background:linear-gradient(180deg,#9a7dff,#6a45ff)}.cl-c:nth-child(3n) i{background:linear-gradient(180deg,#4fe6ee,#0a8696)}
.cols.in .cl-c i{height:var(--h)}
/* annotated mock-up */
.mk-dev{max-width:420px;margin:0 auto;border-radius:22px;border:1px solid var(--g-border);background:var(--bg);box-shadow:var(--g-drop-soft);overflow:hidden}
.mk-bar{display:flex;align-items:center;gap:5px;padding:9px 12px;background:var(--g-surface);border-bottom:1px solid var(--line)}
.mk-bar i{width:9px;height:9px;border-radius:50%;background:#6a45ff}.mk-bar i:nth-child(2){background:#3976ff}.mk-bar i:nth-child(3){background:#16d9e3}
.mk-bar span{margin-left:8px;flex:1;padding:3px 10px;border-radius:99px;background:var(--search-bg);font-size:11px;color:var(--text-3);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mk-pg{padding:10px;display:grid;gap:8px}
.mk-el{position:relative;padding:10px;border-radius:14px;background:var(--search-bg);border:1px dashed var(--cs);opacity:0;transform:translateY(10px);transition:opacity .5s ease calc(var(--i)*.1s),transform .5s ease calc(var(--i)*.1s)}
.mock.in .mk-el{opacity:1;transform:none}
.mk-n,.mk-lg em{font-style:normal;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--cg);color:#fff;font-size:11.5px;font-weight:800}
.mk-n{position:absolute;right:-6px;top:-8px;box-shadow:0 4px 10px -3px var(--c1)}
.mk-nav{display:flex;justify-content:space-between;align-items:center;gap:8px}.mk-nav b{font-size:13px;color:var(--text)}.mk-nav span{display:flex;gap:10px}.mk-nav u{text-decoration:none;font-size:11px;color:var(--text-3)}
.mk-hero h5{margin:0;font-size:17px;line-height:1.1;letter-spacing:-.02em;color:var(--text)}.mk-hero p{margin:5px 0 8px!important;font-size:12px;color:var(--text-3)!important}
.mk-btn{display:inline-flex;align-items:center;min-height:28px;padding:0 14px;border-radius:10px;background:var(--cg);color:#fff;font-size:12px;font-weight:750}
.mk-row{display:flex;justify-content:center}
.mk-text h6{margin:0 0 6px;font-size:13px;color:var(--text)}.sk{display:block;height:6px;border-radius:4px;background:var(--line);margin:4px 0;width:100%}.sk.s2{width:66%}
.mk-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.mk-cards div{padding:8px;border-radius:10px;background:var(--bg);border:1px solid var(--line)}.mk-cards b{font-size:11px;color:var(--text);display:block;margin-bottom:4px}
.mk-steps{display:grid;gap:6px}.mk-steps div{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-2)}.mk-steps em{font-style:normal;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--ct);color:var(--c1);font-size:10.5px;font-weight:800}
.mk-in small{display:block;font-size:10.5px;font-weight:700;color:var(--text-3);margin-bottom:3px}.mk-in span{display:block;height:26px;border-radius:9px;border:1px solid var(--line);background:var(--bg)}
.mk-ck{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--text-2)}.mk-ck u{flex:none;width:15px;height:15px;border-radius:5px;border:2px solid var(--c1)}
.mk-img{height:72px;border-radius:10px;background:linear-gradient(135deg,var(--ct),color-mix(in srgb,var(--c2) 28%,transparent));display:grid;place-items:end start;padding:8px}.mk-img span{font-size:11px;color:var(--text-2);font-weight:650}
.mk-faq{display:grid;gap:5px}.mk-faq div{display:flex;justify-content:space-between;padding:7px 9px;border-radius:9px;background:var(--bg);border:1px solid var(--line);font-size:11.5px;color:var(--text-2)}.mk-faq i{font-style:normal;color:var(--c1);font-weight:800}
.mk-foot{font-size:10.5px;color:var(--text-3);text-align:center}
.mk-lg{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:8px;counter-reset:none}
.mk-lg li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;font-size:14px;line-height:1.45;color:var(--text-2)}
@media (prefers-reduced-motion:reduce){.venn .vc,.fn-r,.mxc,.vsr,.cl-c i,.mk-el{transition:none!important;opacity:1!important;transform:none!important;width:var(--w)!important;height:var(--h)!important}.chh::before{animation:none}.chh::after{width:100%}}
.mxc b{font-size:13.5px;overflow-wrap:anywhere}.mxc{min-width:0}

/* ---------- site builder ---------- */
.sb{margin:24px 0;padding:18px 16px 16px;border-radius:var(--r-card);background:var(--g-surface);border:1px solid var(--cs);box-shadow:var(--g-inset),var(--g-drop);position:relative}
.sb::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:0 4px 4px 0;background:var(--cg)}
.sb-pr{height:6px;border-radius:99px;background:var(--line);overflow:hidden;margin:6px 0 12px}.sb-pr i{display:block;height:100%;border-radius:99px;background:var(--cg);transition:width .4s ease}
.sb-t3{font-size:22px;letter-spacing:-.03em;font-weight:800;color:var(--text);margin:0 0 10px}
.sb h4{font-size:16px;margin:14px 0 8px;color:var(--text)}.sb b{display:block;margin:14px 0 6px;color:var(--text)}
.sb-h{font-size:13.5px;line-height:1.45;color:var(--text-3);margin:6px 0 10px!important}
.sb-f{display:grid;gap:5px;margin:0 0 12px}.sb-f>span{font-size:12.5px;font-weight:750;color:var(--text-2)}.sb-f small{font-size:12.5px;color:var(--text-3)}
.sb input:not([type=file]),.sb textarea{width:100%;min-height:48px;padding:11px 14px;border-radius:16px;border:1px solid var(--search-border);background:var(--search-bg);color:var(--text);font:inherit;font-size:15.5px;outline:none;margin:0 0 8px}
.sb textarea{resize:vertical}.sb input:focus,.sb textarea:focus{border-color:var(--c1);box-shadow:0 0 0 4px var(--ct)}
.sb-f input,.sb-f textarea{margin:0}
.sb-opts{display:grid;gap:8px}.sb-o{display:grid;gap:3px;text-align:left;padding:14px;border-radius:18px;background:var(--search-bg);border:1px solid var(--search-border);color:var(--text)}.sb-o span{font-size:13.5px;color:var(--text-3)}.sb-o.on{border-color:var(--c1);background:var(--ct)}
.sb-chips,.sb-tp{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.sb-c,.sb-t{min-height:44px;padding:0 16px;border-radius:99px;border:1px solid var(--search-border);background:var(--search-bg);color:var(--text-2);font-weight:700;font-size:14px}.sb-c.on,.sb-t.on{background:var(--c1);color:#fff;border-color:transparent}
.sb-g{padding:12px;margin-bottom:10px;border-radius:18px;background:var(--search-bg);border:1px solid var(--search-border)}.sb-g b{margin:0 0 8px}.sb-g input,.sb-g textarea{background:var(--bg)}.sb-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sb-x{font-size:13px;color:#e5484d;font-weight:700;padding:6px 0}
.sb-sw{display:flex;gap:10px;margin:6px 0 12px}.sb-sw i{width:34px;height:34px;border-radius:12px;cursor:pointer;border:3px solid transparent}.sb-sw i.on{border-color:var(--text)}
.sb-up{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;margin:0 8px 8px 0;border-radius:99px;border:1px dashed var(--cs);color:var(--c1);font-weight:750;font-size:14px;cursor:pointer}
.sb-pv{margin:12px auto;max-width:420px;border-radius:22px;overflow:hidden;border:1px solid var(--g-border);box-shadow:var(--g-drop-soft);background:#fff}.sb-pv iframe{width:100%;height:520px;border:0;display:block;background:#fff}.sb-pv.big iframe{height:620px}
.sb-ck{display:grid;gap:6px;margin:12px 0}.sb-ck div{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--text-2)}.sb-ck i{font-style:normal;flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:12px;color:#fff}.sb-ck .ok i{background:#12a36b}.sb-ck .no i{background:#f5a524}
.sb-btns{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.sb-b{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:18px;font-weight:750;font-size:15px;color:#fff;background:var(--cg);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 12px 28px -12px var(--c1)}.sb-b.alt{color:var(--text);background:var(--g-surface);border:1px solid var(--g-border);box-shadow:var(--g-inset)}
.sb-nav{display:flex;justify-content:space-between;gap:10px;margin-top:16px}
.sb-ol{padding-left:20px;display:grid;gap:8px;font-size:14.5px;color:var(--text-2)}

/* story viewer: content must not swallow taps (left third = back, rest = next) */
.svc .svb,.svc .svid,.svc .svshade{pointer-events:none}
.svc .tapl,.svc .tapr{z-index:3}
.svc .svh,.svc .svcta,.svc .bars{pointer-events:none}.svc .svh .xx,.svc .svcta button,.svc .svcta a{pointer-events:auto}

/* ---------- promo carousel (marketplace style) ---------- */
.promo{margin:4px -16px 14px}
@media (min-width:900px){.promo{margin-inline:-32px}}
.pr-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 16px 10px;scroll-padding-inline:16px;-webkit-overflow-scrolling:touch}
@media (min-width:900px){.pr-track{padding-inline:32px;scroll-padding-inline:32px}}
.pr-track::-webkit-scrollbar{display:none}
.pr-s{position:relative;flex:0 0 88%;max-width:430px;scroll-snap-align:start;border-radius:var(--r-card);overflow:hidden;cursor:pointer}
.pr-sub{padding:22px 20px 18px;color:#fff;background:linear-gradient(140deg,#234bff 0%,#3976ff 38%,#6a45ff 78%,#16d9e3 130%);box-shadow:0 22px 50px -22px rgba(35,75,255,.7),inset 0 1px 0 rgba(255,255,255,.35);cursor:default;min-height:290px;display:flex;flex-direction:column;gap:10px}
.pr-bg i{position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.28),transparent 70%)}
.pr-bg i:nth-child(1){width:220px;height:220px;right:-70px;top:-80px;animation:drift 12s ease-in-out infinite alternate}.pr-bg i:nth-child(2){width:180px;height:180px;left:-60px;bottom:-90px;animation:drift 16s ease-in-out infinite alternate-reverse}
.pr-k{position:relative;align-self:flex-start;padding:4px 12px;border-radius:99px;font-size:12px;font-weight:750;letter-spacing:.03em;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4)}
.pr-sub h3{position:relative;font-size:26px;line-height:1.05;letter-spacing:-.03em;font-weight:800;margin:0}
.pr-price{position:relative;display:flex;align-items:baseline;gap:8px}.pr-price b{font-size:40px;line-height:1;letter-spacing:-.04em;font-weight:800}.pr-price span{font-size:15px;opacity:.85}
.pr-sub ul{position:relative;list-style:none;padding:0;margin:0;display:grid;gap:5px;font-size:14px}.pr-sub li{display:flex;gap:8px}.pr-sub li::before{content:"";flex:none;width:16px;height:16px;margin-top:2px;border-radius:50%;background:rgba(255,255,255,.9) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23234bff' stroke-width='3.5' d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/70% no-repeat}
.pr-b{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:18px;font-weight:800;font-size:15px;text-decoration:none;color:#234bff;background:#fff;box-shadow:0 12px 26px -12px rgba(0,0,0,.45)}
.pr-sub .pr-b{margin-top:auto}
.pr-sub small{position:relative;font-size:12px;line-height:1.35;opacity:.8}
.pr-m{background:var(--g-surface);border:1px solid var(--g-border);box-shadow:var(--g-inset),var(--g-drop-soft)}
.pr-m .cov{margin:0;border-radius:0;border:0;box-shadow:none}
.pr-info{padding:14px 16px 16px;display:grid;gap:8px}.pr-info .pr-k{background:var(--badge-bg);border-color:var(--badge-bd);color:var(--badge-fg)}
.pr-info h3{font-size:19px;line-height:1.15;letter-spacing:-.02em;font-weight:800;color:var(--text);margin:0}
.pr-row{display:flex;align-items:baseline;gap:10px;color:var(--text-3);font-size:13px}.pr-p{font-size:22px;font-weight:800;color:var(--blue);letter-spacing:-.02em}
.pr-b.alt{justify-self:start;color:#fff;background:linear-gradient(135deg,#234bff,#3976ff 58%,#6a45ff);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 12px 26px -12px rgba(35,75,255,.6);min-height:42px}
.pr-dots{display:flex;justify-content:center;gap:6px;margin-top:2px}.pr-dots i{width:7px;height:7px;border-radius:99px;background:var(--line);transition:width .25s,background .25s;cursor:pointer}.pr-dots i.on{width:22px;background:var(--blue)}
@media (prefers-reduced-motion:reduce){.pr-bg i{animation:none}}

.docbtns{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}
.docbtns a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:99px;border:1px solid var(--g-border);background:var(--g-surface);box-shadow:var(--g-inset);color:var(--text-2);font-size:13px;font-weight:650;text-decoration:none}
.docbtns a:hover{border-color:rgba(35,75,255,.45);color:var(--blue)}
footer p{margin:0 0 6px}.plat-chek{font-size:11px;color:var(--text-3);letter-spacing:.04em;opacity:.8}