/* v2p · inner pages (about, case pages, 404, thank-you) on the v2 tokens. Loaded after v2.css. No inline styles, no url(). */

/* page heads */
.in-head{padding:clamp(48px,7vw,96px) 0 clamp(28px,4vw,52px);position:relative;overflow:hidden;background:radial-gradient(900px 420px at 85% 0%,rgba(139,61,255,.3),transparent 60%),linear-gradient(180deg,#0b0420,var(--bg))}
.in-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--vio),var(--mag),var(--acid))}
.in-head .wrap{position:relative}
.in-head h1{font:400 clamp(40px,6.4vw,92px)/.98 var(--serif);letter-spacing:-.012em;color:var(--ink);text-wrap:balance;max-width:15em}
.in-head h1 em{font-style:italic;color:var(--ink)}
.in-head .dek{max-width:40em}
.in-head .ro{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:22px}
.in-head .ro b{color:var(--mag)}
.cs-hg{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr);gap:clamp(28px,5vw,72px);align-items:end}
.cs-note{margin-top:22px;padding:8px 0 8px 14px;border-left:2px solid var(--mag);font:500 12px/1.5 var(--mono);letter-spacing:.1em;color:var(--cyn);max-width:none}
.cs-facts{position:relative;margin:0;padding:8px 22px;border:1px solid rgba(139,61,255,.5);background:rgba(14,6,36,.78)}
.cs-facts div{padding:13px 0;border-bottom:1px solid var(--line)}
.cs-facts div:last-of-type{border-bottom:0}
.cs-facts dt{font:500 10px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--mag);margin-bottom:7px}
.cs-facts dd{margin:0;color:var(--ink);font-size:15.5px;line-height:1.45}
.cs-facts .fee dd{font:400 clamp(26px,2.6vw,34px)/1.05 var(--serif);color:var(--acid)}
.in-head .wk-art{top:auto;bottom:6px;width:min(34%,400px);opacity:.55}

/* about */
.ab-sec{padding-top:clamp(40px,5vw,72px)}
.ab-sec .big{font-size:clamp(18px,1.7vw,22px);line-height:1.55;color:var(--ink)}
.ab-sec .about p+p,.ab-sec .about .facts{margin-top:18px}
.ab-cta{margin-top:34px}

/* 404 + thank you */
.nf-sec{position:relative;overflow:hidden;min-height:min(640px,calc(100vh - var(--hdr)));display:flex;align-items:center;padding:clamp(48px,8vw,110px) 0;border-top:0;background:radial-gradient(1000px 520px at 80% 20%,rgba(255,43,214,.2),transparent 62%),linear-gradient(180deg,#0b0420,var(--bg))}
.nf-sec .wrap{position:relative;width:min(1240px,100% - 2*var(--pad))}
.nf-sec h1{font:400 clamp(44px,7vw,104px)/.98 var(--serif);letter-spacing:-.015em;color:var(--ink);text-wrap:balance;max-width:11em}
.nf-sec .lead{max-width:34em}
.nf-sec .lead a{color:var(--acid)}
.nf-sec .ro{margin-bottom:20px}
.nf-art{position:absolute;right:0;top:50%;width:min(44%,520px);height:auto;transform:translateY(-50%);overflow:visible;opacity:.8}
.nf-art .ln{fill:none;stroke:var(--acid);stroke-width:1.2}.nf-art .ln.c{stroke:var(--cyn)}.nf-art .ln.m{stroke:var(--mag);stroke-width:2}
.nf-art text{font:500 9px var(--mono);letter-spacing:.14em;fill:var(--acid)}
.nf-sec .code{position:absolute;right:var(--pad);bottom:-.12em;font:400 clamp(160px,28vw,420px)/1 var(--serif);color:transparent;-webkit-text-stroke:1px rgba(255,43,214,.45);pointer-events:none;user-select:none}

/* systems case pages (content classes from the earlier build, on v2 tokens) */
.w22-wrap{width:min(1240px,100% - 2*var(--pad));margin-inline:auto}
.w22-body{display:grid;grid-template-columns:210px minmax(0,1fr);gap:clamp(30px,5vw,64px);padding:clamp(36px,5vw,64px) 0 8px}
.w22-toc,.cs-toc{font:500 11px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.w22-toc{position:sticky;top:calc(var(--hdr) + 22px);align-self:start}
.w22-toc>p{color:var(--cyn);margin:0 0 12px;letter-spacing:.2em}
.w22-toc ol{border-top:1px solid var(--line)}
.w22-toc li a{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--mut);position:relative;transition:color .2s}
.w22-toc li a span{color:var(--mag)}
.w22-toc li a:hover,.w22-toc li a[aria-current=true]{color:var(--ink)}
.w22-toc li a[aria-current=true]::before{content:"";position:absolute;left:-14px;top:50%;width:6px;height:6px;margin-top:-3px;background:var(--acid);box-shadow:0 0 8px var(--acid)}
.w22-toc .w22-btn{margin-top:22px}
.w22-sec{position:relative;padding:0 0 clamp(36px,5vw,60px);margin:0 0 clamp(34px,5vw,56px);border-bottom:1px solid var(--line)}
.w22-sec:last-child{border-bottom:0}
.w22-sec h2{display:flex;align-items:baseline;gap:18px;font:400 clamp(32px,4vw,52px)/1.04 var(--serif);color:var(--ink);margin:0 0 24px;text-wrap:balance}
.w22-sec h2 .n{font:600 12px/1 var(--mono);letter-spacing:.18em;color:var(--mag)}
.w22-p{font-size:17px;line-height:1.7;max-width:66ch;margin:0 0 16px;color:var(--mut)}
.w22-p a{color:var(--acid)}
.w22-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,48px)}
.w22-h3{font:500 11px/1.3 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--cyn);margin:0 0 12px}
.w22-list{counter-reset:w}
.w22-list li{counter-increment:w;display:grid;grid-template-columns:42px minmax(0,1fr);gap:6px;padding:12px 0;border-top:1px solid var(--line);line-height:1.55;font-size:16px;color:var(--ink)}
.w22-list li::before{content:counter(w,decimal-leading-zero);font:600 11px/2 var(--mono);color:var(--mag)}
.w22-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:26px 0 0;counter-reset:f}
.w22-flow li{counter-increment:f;position:relative;padding:22px 20px 20px;border:1px solid rgba(139,61,255,.4);background:linear-gradient(160deg,rgba(32,14,72,.7),rgba(14,6,36,.92))}
.w22-flow li::before{content:"0" counter(f);display:block;margin-bottom:12px;font:600 11px/1 var(--mono);letter-spacing:.16em;color:var(--mag)}
.w22-flow li::after{content:"";position:absolute;left:0;top:0;height:3px;width:40%;background:linear-gradient(90deg,var(--mag),transparent)}
.w22-flow b{display:block;font:400 28px/1.1 var(--serif);color:var(--ink);margin-bottom:8px}
.w22-flow span{font-size:15px;line-height:1.55;color:var(--mut)}
.w22-flow-line{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.w22-flow-line li{padding:16px 14px;font-size:14px;line-height:1.4;color:var(--ink)}
.w22-ex{margin:30px 0 0}
.w22-ex>figcaption,.w22-cap{display:flex;flex-wrap:wrap;gap:6px 12px;margin:0 0 12px;font:500 11px/1.5 var(--mono);letter-spacing:.06em;color:var(--dim)}
.w22-ex>figcaption b,.w22-cap b{color:var(--acid);font-weight:500;letter-spacing:.16em;text-transform:uppercase}
.w22-panel{position:relative;border:1px solid rgba(139,61,255,.4);background:rgba(14,6,36,.8);padding:6px 18px}
.w22-panel::before{content:"";position:absolute;left:-1px;top:-1px;width:18px;height:18px;border:0 solid var(--acid);border-width:2px 0 0 2px}
.w22-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.w22-tbl{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5;min-width:540px}
.w22-tbl th,.w22-tbl td{text-align:left;vertical-align:top;padding:12px 16px 12px 0;border-bottom:1px solid var(--line);color:var(--mut)}
.w22-tbl td:first-child{color:var(--ink)}
.w22-tbl thead th{font:500 10px/1.3 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--cyn);border-bottom:1px solid rgba(139,61,255,.55);white-space:nowrap}
.w22-tbl td.r,.w22-tbl th.r{text-align:right;font:500 13px/1.5 var(--mono);color:var(--ink)}
.w22-tbl tbody tr:hover td{background:rgba(139,61,255,.08)}
.w22-tbl tr:last-child td{border-bottom:0}
.w22-sc{display:none;margin-top:8px;font:500 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.w22-fee{margin:30px 0 0;padding:24px 26px;border:1px solid rgba(139,61,255,.5);background:linear-gradient(90deg,rgba(255,43,214,.12),transparent)}
.w22-fee .val{margin:0 0 8px;font:400 clamp(30px,3.4vw,46px)/1.05 var(--serif);color:var(--ink)}
.w22-fee .val .lab{display:block;margin:0 0 8px;font:500 11px/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--cyn)}
.w22-fee .val .lab::after{display:none}
.w22-fee .val em{font-style:normal;color:var(--acid)}
.w22-fee p:not(.val){margin:0;font-size:15px;color:var(--mut);max-width:70ch}
.w22-shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px;margin:24px 0 0}
.w22-shots.one{grid-template-columns:minmax(0,1fr)}
.w22-shot{margin:0}
.w22-shot>a{display:block;position:relative;border:1px solid rgba(139,61,255,.45);background:var(--bg2);overflow:hidden}
.w22-shot img{width:100%;height:auto;transition:transform .6s}
.w22-shot>a:hover img{transform:scale(1.02)}
.w22-shot .w22-cap{margin:12px 0 0}
details.t30x{margin:16px 0 0;border:1px solid var(--line);background:rgba(14,6,36,.6)}
details.t30x>summary{cursor:pointer;list-style:none;padding:14px 48px 14px 18px;position:relative;font:600 12px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--acid)}
details.t30x>summary::-webkit-details-marker{display:none}
details.t30x>summary::after{content:"+";position:absolute;right:18px;top:10px;font-size:20px;line-height:1}
details.t30x[open]>summary::after{content:"\2212"}
details.t30x>div{padding:0 18px 16px}
.w22-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 22px;font:600 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;background:var(--acid);color:#07030f;box-shadow:4px 4px 0 var(--mag);transition:transform .2s,box-shadow .2s}
.w22-btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--mag)}
.w22-btn.ghost{background:transparent;color:var(--cyn);border:1px solid var(--cyn);box-shadow:none}
.w22-btn.ghost:hover{background:rgba(20,232,255,.1);box-shadow:0 0 22px rgba(20,232,255,.4)}
.w22-cta{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:center;padding:clamp(28px,4vw,48px);margin:30px 0 0;border:1px solid rgba(255,43,214,.55);background:linear-gradient(115deg,#2a0a6b 0%,#6a1ab8 45%,#c01fa0 100%);position:relative}
.w22-cta::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 1px,transparent 1px 4px);pointer-events:none}
.w22-cta>*{position:relative}
.w22-cta h2{font:400 clamp(28px,3vw,42px)/1.1 var(--serif);color:#fff;margin:0 0 12px;text-wrap:balance}
.w22-cta p{margin:0;color:#f3e9ff;max-width:56ch}
.w22-cta .go{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.w22-cta .w22-btn{box-shadow:4px 4px 0 #07030f}
.w22-cta .w22-btn.ghost{color:#fff;border-color:#fff;box-shadow:none}
.w22-next{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:30px 0 clamp(48px,6vw,80px)}
.w22-next a{display:block;text-decoration:none;padding:20px 22px;border:1px solid var(--line);transition:border-color .2s,box-shadow .2s}
.w22-next a:hover{border-color:var(--mag);box-shadow:0 0 28px rgba(255,43,214,.3)}
.w22-next a span{display:block;margin:0 0 8px;font:500 10.5px/1.3 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mag)}
.w22-next a b{font:400 24px/1.2 var(--serif);color:var(--ink)}
.w22-next a.nx{text-align:right;grid-column:2}
.w22-next a:only-child.nx{grid-column:2}

/* premium case pages (converted from the earlier build) */
.cs-hero{padding-bottom:clamp(36px,5vw,64px)}
.cs-hero .chips{margin-top:26px}
.chip.on{border-color:var(--acid);color:var(--acid)}
.cs-hp{display:grid;gap:18px;align-self:end}
.cs-photo{position:relative;margin:0;border:1px solid rgba(139,61,255,.5);background:var(--bg3)}
.cs-photo picture,.cs-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.cs-photo .plab{position:absolute;top:10px;padding:5px 8px;background:var(--bg);color:var(--acid);border:1px solid var(--line)}
.plab{font:600 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase}
.plab.l{left:10px}.plab.r{right:10px;color:var(--cyn)}
.hudcard{position:relative;padding:18px 22px;border:1px solid rgba(139,61,255,.5);background:rgba(14,6,36,.8)}
.hudcard .hh{display:flex;justify-content:space-between;margin:0 0 6px;font:600 10.5px/1.3 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--cyn)}
.hudcard .hh i{width:8px;height:8px;background:var(--mag);box-shadow:0 0 8px var(--mag)}
html:not(.rm) .hudcard .hh i{animation:blink 1.1s steps(2) infinite}
.hudcard .row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font:500 11px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.hudcard .row:last-child{border-bottom:0}
.hudcard .row b{font:400 30px/1 var(--serif);color:var(--acid);text-transform:none;letter-spacing:0}
.cs-toc{display:flex;flex-wrap:wrap;gap:8px 20px;padding:16px 0;border-bottom:1px solid var(--line);background:rgba(7,3,18,.7)}
.cs-toc a{display:inline-flex;gap:8px;padding:6px 0;text-decoration:none;color:var(--mut);transition:color .2s}
.cs-toc a span{color:var(--mag)}
.cs-toc a:hover,.cs-toc a[aria-current=true]{color:var(--acid)}
.prem .sec{padding:clamp(48px,6vw,84px) 0}
.prem .sec.alt{background:linear-gradient(180deg,var(--bg2),var(--bg))}
.prem .sh{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:end}
.prem .sh .dek{margin-top:0;max-width:34em}
.prem .h2 .gl,.prem .h2{max-width:none}
.prem .grid2{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.prem .grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.prem .card{grid-column:auto;padding:26px 24px 24px}
.prem .card:hover{transform:translateY(-4px)}
.prem .card .n{display:flex;justify-content:space-between;gap:10px;margin-bottom:20px;font:600 11px/1.2 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--mag)}
.prem .card .n span{color:var(--dim);text-align:right}
.prem .card h3{font:400 clamp(24px,2.1vw,30px)/1.1 var(--serif);color:var(--ink);margin-bottom:12px}
.prem .card p{flex:none;font-size:15.5px}
.prem .card ul{margin-top:14px;display:grid;gap:8px}
.prem .card li,.t30b li{position:relative;padding-left:18px;font-size:15px;color:var(--mut)}
.prem .card li::before,.t30b li::before{content:"▸";position:absolute;left:0;color:var(--acid)}
.prem details.card{display:block}
.prem details.card>summary{list-style:none;cursor:pointer;position:relative;padding-right:30px}
.prem details.card>summary::-webkit-details-marker{display:none}
.prem details.card>summary::after{content:"+";position:absolute;right:0;top:0;font:400 22px/1 var(--mono);color:var(--acid)}
.prem details.card[open]>summary::after{content:"\2212"}
.t30b{margin-top:6px}
.t30b p{margin:10px 0 0}
.panel{position:relative;border:1px solid rgba(139,61,255,.45);background:linear-gradient(160deg,rgba(32,14,72,.55),rgba(14,6,36,.92));padding:26px 22px 22px}
.panel::before{content:"";position:absolute;left:-1px;top:-1px;width:18px;height:18px;border:0 solid var(--acid);border-width:2px 0 0 2px}
.panel .plab{position:absolute;top:9px;color:var(--dim)}
.panel .plab.r{color:var(--cyn)}
.panel .plab.l{left:22px}.panel .plab.r{right:22px}
.cs-facts.panel{padding-top:34px}
.cs-facts.panel .row{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line);font-size:15px}
.cs-facts.panel .row:last-child{border-bottom:0}
.cs-facts.panel .row span{font:500 10.5px/1.8 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mag)}
.cs-facts.panel .row b{font-weight:500;color:var(--ink);text-align:right}
.cs-prose p+p{margin-top:16px}
.cs-prose p{max-width:36em}
.cs-flow{margin-top:8px;padding-top:34px}
.draw{width:100%;height:auto;overflow:visible}
.draw .dr{fill:none;stroke:var(--cyn);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
.draw .dr.thin{stroke-width:.7;opacity:.55;stroke:var(--vio)}
.draw .dr.acc{stroke:var(--mag);stroke-width:1.8}
.draw .dr.fill{fill:rgba(255,43,214,.1)}
.draw .dr.dsh{stroke-dasharray:1}
.draw .tx{fill:var(--mut);font:500 9.5px var(--mono);letter-spacing:.08em}
.draw .tx.lg{font-size:11.5px;fill:var(--ink)}
.draw .tx.acc{fill:var(--acid)}
.draw .tx.mid{text-anchor:middle}
html.js:not(.rm) .draw .tx{opacity:0;transition:opacity .5s}
html.js:not(.rm) .draw .tx.on{opacity:1}
.cs-list{margin-top:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,4vw,56px)}
.cs-list li{padding:16px 0;border-top:1px solid var(--line);color:var(--mut);font-size:16px;line-height:1.55}
.cs-list b{display:block;margin-bottom:4px;font:400 24px/1.15 var(--serif);color:var(--ink)}
.prem-band{padding:clamp(40px,5vw,72px) 0;border-top:1px solid var(--line)}
.band-fig{position:relative;margin:0 0 30px;border:1px solid rgba(139,61,255,.5);background:var(--bg3)}
.band-fig picture,.band-fig img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover}
.band-fig .plab{position:absolute;top:10px;padding:5px 8px;background:var(--bg);color:var(--acid);border:1px solid var(--line)}
.prem-band .h2{margin-bottom:28px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stats>div{padding:clamp(18px,2.6vw,32px) clamp(12px,2vw,26px);border-right:1px solid var(--line)}
.stats>div:last-child{border-right:0}
.stats b{display:block;font:400 clamp(40px,5vw,72px)/1 var(--serif);color:var(--acid);text-shadow:0 0 18px rgba(217,255,31,.3)}
.stats span{display:block;margin-top:10px;font:500 10.5px/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.dash{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;margin-top:34px}
.dash .cell{position:relative;padding:20px;border:1px solid rgba(139,61,255,.4);background:rgba(14,6,36,.85);min-width:0}
.dash .c8{grid-column:span 8}.dash .c4{grid-column:span 4}
.dash .lab{display:flex;justify-content:space-between;gap:8px;margin-bottom:16px;font:500 10.5px/1.3 var(--mono);letter-spacing:.14em;color:var(--cyn)}
.dash .lab::after{display:none}
.dash .big{font:400 clamp(44px,5vw,72px)/1 var(--serif);color:var(--acid)}
.sparkw svg{width:100%;height:90px}
.sparkw path{fill:none;stroke:var(--mag);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
.sparkw path.ar{fill:rgba(255,43,214,.14);stroke:none;stroke-dasharray:none}
.donutw{--c:377;position:relative;width:150px;height:150px}
.donutw svg{width:100%;height:100%;transform:rotate(-90deg)}
.donutw circle{fill:none;stroke-width:12}
.donutw .bg{stroke:var(--line)}
.donutw .fg{stroke:var(--acid);stroke-dasharray:var(--c) 999;stroke-dashoffset:calc(var(--c) * (1 - var(--v,0)/100))}
.donutw b{position:absolute;inset:0;display:grid;place-items:center;font:400 32px/1 var(--serif);color:var(--ink)}
.hb{display:grid;gap:14px}
.hb div{display:grid;grid-template-columns:minmax(80px,120px) 1fr 54px;gap:12px;align-items:center;font:500 11px/1.3 var(--mono);letter-spacing:.06em;color:var(--mut)}
.hb i{display:block;position:relative;height:8px;background:var(--line)}
.hb i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--v,0) * 1%);background:linear-gradient(90deg,var(--vio),var(--mag));transform-origin:0 50%}
.hb b{color:var(--ink);font-weight:500;text-align:right}
.bars{display:flex;align-items:flex-end;gap:6px;height:150px}
.bars i{flex:1;position:relative;height:calc(var(--v,0) * 10%);background:rgba(139,61,255,.55);transform-origin:50% 100%}
.bars i.a{background:var(--acid)}
.blab{display:flex;gap:6px;margin-top:8px}
.blab span{flex:1;text-align:center}
html.js:not(.rm) .sparkw path{stroke-dashoffset:1;transition:stroke-dashoffset 1.8s cubic-bezier(.2,.7,.2,1)}
html.js:not(.rm) .sparkw path.ar{stroke-dashoffset:0;opacity:0;transition:opacity 1.2s .8s}
html.js:not(.rm) .sparkw.in path{stroke-dashoffset:0}
html.js:not(.rm) .sparkw.in path.ar{opacity:1}
html.js:not(.rm) .donutw .fg{stroke-dashoffset:var(--c);transition:stroke-dashoffset 1.4s cubic-bezier(.2,.7,.2,1)}
html.js:not(.rm) .donutw.in .fg{stroke-dashoffset:calc(var(--c) * (1 - var(--v,0)/100))}
html.js:not(.rm) .hb i::after{transform:scaleX(0);transition:transform 1s cubic-bezier(.2,.7,.2,1)}
html.js:not(.rm) .hb.in i::after{transform:scaleX(1)}
html.js:not(.rm) .bars i{transform:scaleY(0);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
html.js:not(.rm) .bars.in i{transform:scaleY(1)}
.tbl{width:100%;border-collapse:collapse;font-size:15px;min-width:540px}
.tbl th{padding:12px 16px;text-align:left;font:500 10px/1.3 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--cyn);border-bottom:1px solid rgba(139,61,255,.55);white-space:nowrap}
.tbl td{padding:12px 16px;border-bottom:1px solid var(--line);color:var(--ink);vertical-align:top}
.tbl tbody th{padding:12px 16px;border-bottom:1px solid var(--line);color:var(--ink);font:600 14px/1.5 var(--sans);text-transform:none;letter-spacing:0;white-space:normal}
.tbl tr:last-child td,.tbl tr:last-child th{border-bottom:0}
.tbl .r{text-align:right;font:500 13px/1.5 var(--mono)}
.tbl .m{font:500 12.5px/1.5 var(--mono);color:var(--mut);white-space:nowrap}
.tbl tbody tr:hover td,.tbl tbody tr:hover th{background:rgba(139,61,255,.08)}
.cs-ba td:last-child{color:var(--ink)}
.cs-ba td:nth-child(2){color:var(--dim)}
.pillcell{white-space:nowrap}
.pill{display:inline-block;padding:3px 9px;border:1px solid currentColor;font:600 10.5px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.pill.g{color:var(--cyn)}.pill.a{color:var(--acid)}.pill.r{color:var(--mag)}.pill.b{color:var(--vio)}.pill.n{color:var(--mut)}
.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.dash .note,.prem .note{margin:20px 0 0;padding:4px 0 4px 14px;border-left:2px solid var(--mag);font:500 12px/1.5 var(--mono);letter-spacing:.06em;color:var(--mut)}
.prem .dash+.note{grid-column:1/-1}
.scope{position:relative;margin-top:28px;padding:clamp(22px,3vw,40px);border:1px solid rgba(255,43,214,.5);background:linear-gradient(90deg,rgba(255,43,214,.12),transparent)}
.scope .tag{font:600 11px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--cyn)}
.scope .price{margin:12px 0 8px;font:400 clamp(36px,4.6vw,64px)/1.05 var(--serif);color:var(--acid)}
.scope .price small{display:block;margin-top:6px;font:500 12px/1 var(--mono);letter-spacing:.14em;color:var(--mut);text-transform:uppercase}
.tx-sm{font-size:14px;color:var(--mut);max-width:60em}
.prem-cta{padding:clamp(48px,6vw,84px) 0}
.pc{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,5vw,72px);align-items:center;padding:clamp(28px,4vw,52px);border:1px solid rgba(255,43,214,.55);background:linear-gradient(115deg,#2a0a6b 0%,#6a1ab8 45%,#c01fa0 100%);position:relative}
.pc::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 1px,transparent 1px 4px);pointer-events:none}
.pc>*{position:relative}
.pc h2{font:400 clamp(30px,3.6vw,50px)/1.08 var(--serif);color:#fff;margin-bottom:14px;text-wrap:balance}
.pc h2 em{font-style:italic;color:var(--acid)}
.pc p{color:#f3e9ff;max-width:36em}
.pc .go{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.pc .btn-p{box-shadow:5px 5px 0 #07030f}
.pc .btn-g{color:#fff;border-color:#fff}

/* responsive */
@media (max-width:1020px){
 .cs-hg{grid-template-columns:minmax(0,1fr)}
 .w22-body{grid-template-columns:minmax(0,1fr)}.w22-toc{display:none}
 .w22-cols,.w22-shots{grid-template-columns:1fr}
 .w22-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.w22-flow-line{grid-template-columns:repeat(3,minmax(0,1fr))}
 .w22-cta,.pc{grid-template-columns:1fr}
 .prem .sh{grid-template-columns:1fr}
 .prem .grid2{grid-template-columns:1fr}.prem .grid3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cs-list{grid-template-columns:1fr}
 .dash .c8,.dash .c4{grid-column:span 12}
 .nf-art{opacity:.4;width:70%}
 .in-head .wk-art{opacity:.3;width:60%}
}
@media (max-width:720px){
 .w22-flow,.w22-flow-line{grid-template-columns:1fr}
 .w22-next{grid-template-columns:1fr}.w22-next a.nx{text-align:left;grid-column:auto}
 .w22-sc{display:block}
 .prem .grid3{grid-template-columns:1fr}
 .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats>div:nth-child(2){border-right:0}.stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
 .hb div{grid-template-columns:90px 1fr 44px}
 .w22-sec h2{flex-direction:column;gap:8px}
 .nf-art,.in-head .wk-art{display:none}
 .nf-sec .code{font-size:46vw}
 .cs-toc{gap:2px 14px}
}
/* stagger the glitch so headings do not all fire together */
html:not(.rm) section:nth-of-type(3n+2) .gl::before,html:not(.rm) section:nth-of-type(3n+2) .gl::after{animation-delay:-2.3s}
html:not(.rm) section:nth-of-type(3n) .gl::before,html:not(.rm) section:nth-of-type(3n) .gl::after{animation-delay:-4.6s}
html:not(.rm) section:nth-of-type(5n+4) .gl::before,html:not(.rm) section:nth-of-type(5n+4) .gl::after{animation-delay:-6.1s}
.cs-head .wk-art{display:none}
html.js:not(.rm) details .rv{opacity:1;transform:none}