/* pgx page kit: shared by about, newsletter, choose-a-crypto-trading-discord, crypto-signals-scam-check,
   crypto-hack-checklist (design pass Nov 3 2026). Everything rests in its finished, readable state; motion is
   added only after mount (main.px-on) and only while a graphic is on screen. */
.pgx{--px-s1:#0b1220;--px-s2:#0f1a2e;--px-edge:#94a3b824;--px-edge2:#94a3b838;--px-ease:cubic-bezier(.16,1,.3,1);--px-ease2:cubic-bezier(.65,0,.35,1);--px-red:#fb7185;--px-green:#4ade80;--px-amber:#fbbf24}
.pgx .ac{color:var(--cyan)}
.pgx ol{list-style:none;padding:0;margin:0}
.pgx .px-sec{position:relative;padding:128px 0}
.pgx .px-sec.tint{background:radial-gradient(ellipse 70% 55% at 50% 0%,#22d3ee0c,transparent 70%),linear-gradient(180deg,#0b12208c,#05070d00 85%)}
.pgx .px-sec.tint::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#67e8f933 30%,#67e8f933 70%,transparent)}
.pgx .px-sec.tight{padding-top:72px}
.pgx .px-head{max-width:860px;margin-bottom:56px}
.pgx .px-head>p{color:var(--muted);margin-top:20px;font-size:18px;line-height:1.65;max-width:62ch}
.pgx .px-head.split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:72px;align-items:end;max-width:none}
.pgx .px-head.split>p{margin-top:0;padding-bottom:6px}
.pgx .px-head.center{text-align:center;margin-inline:auto}
.pgx .px-head.center>p{margin-inline:auto}
.pgx h3{font-size:20px;line-height:1.35;font-weight:650;letter-spacing:-.015em}
.pgx .px-sec p{text-wrap:pretty}
.pgx .px-muted{color:var(--muted)}
.pgx .px-note{font-size:14px;line-height:1.6;color:var(--muted)}
.pgx .px-note a,.pgx .px-sec p a{color:var(--cyan)}
/* surfaces: double bezel (shell + core) and a raised card */
.pgx .bz{position:relative;padding:4px;border-radius:16px;background:linear-gradient(180deg,#94a3b82e,#94a3b80f 28%,#94a3b808);box-shadow:0 40px 100px -40px #000,0 18px 40px -26px #000d}
.pgx .core{position:relative;border-radius:12px;background:linear-gradient(180deg,var(--px-s2),var(--px-s1));box-shadow:inset 0 1px 0 #ffffff14,inset 0 0 0 1px #ffffff05;overflow:hidden;isolation:isolate}
.pgx .tex::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#94a3b80d 1px,transparent 1px),linear-gradient(90deg,#94a3b80d 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(ellipse 85% 75% at 50% 15%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 85% 75% at 50% 15%,#000 20%,transparent 75%)}
.pgx .glow::after{content:"";position:absolute;z-index:-1;left:15%;right:15%;top:-30%;height:60%;pointer-events:none;background:radial-gradient(ellipse at 50% 100%,#22d3ee0d,transparent 70%)}
.pgx .px-card{position:relative;border-radius:16px;background:linear-gradient(180deg,#0f1a2ee6,#0b1220e6);border:1px solid var(--px-edge);box-shadow:inset 0 1px 0 #ffffff0f,0 24px 60px -34px #000}
.pgx .px-ic{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:var(--cyan);background:linear-gradient(180deg,#22d3ee24,#22d3ee08);box-shadow:inset 0 0 0 1px #67e8f938,inset 0 1px 0 #ffffff17}
.pgx .px-ic svg{width:22px;height:22px}
.pgx .px-ic.red{color:var(--px-red);background:linear-gradient(180deg,#fb718524,#fb718508);box-shadow:inset 0 0 0 1px #fb718540,inset 0 1px 0 #ffffff14}
.pgx .px-ic.green{color:var(--px-green);background:linear-gradient(180deg,#4ade8024,#4ade8008);box-shadow:inset 0 0 0 1px #4ade8040,inset 0 1px 0 #ffffff14}
.pgx .px-chip{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--text);background:#94a3b814;box-shadow:inset 0 0 0 1px #94a3b82e}
.pgx .px-chip svg{width:15px;height:15px}
.pgx .px-num{font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.02em}
/* buttons inside page sections: arrow nested in its own square */
.pgx .px-btn-ic{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:-10px;border-radius:7px;background:#03131914;transition:transform .5s var(--px-ease)}
.pgx .btn.outline .px-btn-ic{background:#67e8f914}
.pgx .px-btn-ic svg{width:16px;height:16px}
.pgx .btn:hover .px-btn-ic{transform:translateX(3px)}
.pgx .btn:active{transform:scale(.98)}
.pgx .btn.outline{border-color:#67e8f952;color:var(--cyan);background:#22d3ee0a}
.pgx .btn.outline:hover{background:#22d3ee14}
.pgx .text-link svg{width:18px;height:18px;transition:transform .5s var(--px-ease)}
.pgx .text-link:hover svg{transform:translateX(3px)}
/* page bar: breadcrumb + on-this-page links */
.pgx .px-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:6px 0;border-top:1px solid #94a3b81c;border-bottom:1px solid #94a3b81c}
.pgx .px-crumbs ol{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}
.pgx .px-crumbs li{display:flex;align-items:center;gap:10px;white-space:nowrap}
.pgx .px-crumbs li+li::before{content:"";width:6px;height:6px;border-right:1.5px solid #5b6b82;border-top:1.5px solid #5b6b82;transform:rotate(45deg)}
.pgx .px-crumbs a{color:var(--muted);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.pgx .px-crumbs a:hover{color:var(--text)}
.pgx .px-crumbs [aria-current]{color:var(--text);font-weight:600}
.pgx .px-jump{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent);padding-right:24px}
.pgx .px-jump::-webkit-scrollbar{display:none}
.pgx .px-jump a{white-space:nowrap;font-size:13px;font-weight:500;color:var(--muted);text-decoration:none;padding:0 12px;min-height:44px;display:inline-flex;align-items:center;border-radius:8px;transition:color .3s,background .3s}
.pgx .px-jump a:hover{color:var(--text);background:#94a3b812}
/* accordion */
.pgx .px-faq{display:grid;gap:12px}
.pgx .px-faq details{border-radius:14px;background:linear-gradient(180deg,#0f1a2e,#0b1220);border:1px solid var(--px-edge);box-shadow:inset 0 1px 0 #ffffff0d;transition:border-color .4s var(--px-ease)}
.pgx .px-faq details[open]{border-color:#67e8f947}
.pgx .px-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:68px;padding:18px 24px;cursor:pointer;font-size:17px;font-weight:600;line-height:1.4}
.pgx .px-faq summary::-webkit-details-marker{display:none}
.pgx .px-faq summary::after{content:"";flex:none;width:30px;height:30px;border-radius:8px;background:#22d3ee12 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%2367e8f9' stroke-width='1.75' stroke-linecap='round' d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/16px no-repeat;box-shadow:inset 0 0 0 1px #67e8f933;transition:background-color .3s}
.pgx .px-faq details[open] summary::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%2367e8f9' stroke-width='1.75' stroke-linecap='round' d='M5 12h14'/%3E%3C/svg%3E");background-color:#22d3ee24}
.pgx .px-faq .px-a{padding:0 24px 24px;color:var(--muted);font-size:16px;line-height:1.7;max-width:76ch}
/* ticks that draw on */
.pgx .px-tick{width:22px;height:22px;flex:none}
.pgx .px-tick path{stroke-dasharray:26;stroke-dashoffset:0;transition:stroke-dashoffset .8s var(--px-ease)}
.pgx.px-on .is-wait .px-tick path{stroke-dashoffset:26;transition-duration:.35s}
/* looping decorative layers run only while their graphic is live */
.pgx.px-on [data-px] .lp{animation-play-state:paused!important}
.pgx.px-on [data-px].is-run:not(.is-paused) .lp{animation-play-state:running!important}
@keyframes px-spin{to{transform:rotate(360deg)}}
@keyframes px-flow{from{stroke-dashoffset:16}to{stroke-dashoffset:-100}}
@keyframes px-breathe{0%,100%{opacity:.35}50%{opacity:.9}}
@keyframes px-ping{0%{transform:scale(.6);opacity:.8}70%,100%{transform:scale(1.9);opacity:0}}
@keyframes px-draw{from{stroke-dashoffset:var(--len,400)}to{stroke-dashoffset:0}}
.pgx .px-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* course card (his site-wide free course block, placed in context, links to the course page; no form) */
.pgx .px-course{margin-top:22px}
.pgx .px-course-main{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:22px;padding:16px 20px 16px 16px;border-radius:14px;background:linear-gradient(135deg,#0f1f33,#0b1220);border:1px solid #67e8f938;color:var(--text);text-decoration:none;box-shadow:inset 0 1px 0 #ffffff0f;transition:border-color .3s}
.pgx .px-course-main:hover{border-color:#67e8f980}
.pgx .px-course-covers{position:relative;height:96px}
.pgx .px-course-covers img{position:absolute;width:118px;height:auto;border-radius:8px;box-shadow:0 0 0 1px #ffffff1a,0 14px 30px -12px #000}
.pgx .px-course-covers img:first-child{left:0;top:4px;transform:rotate(-6deg)}
.pgx .px-course-covers img:last-child{left:28px;top:22px;transform:rotate(4deg)}
.pgx .px-course-copy{display:grid;gap:6px;font-size:15px;line-height:1.55;color:var(--muted)}
.pgx .px-course-copy b{font-size:17px;color:var(--text)}
.pgx .px-course-go{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--cyan)}
.pgx .px-course-go svg{width:16px;height:16px}
.pgx .px-course>.px-note{margin-top:10px;font-size:13px}
.pgx .px-bar-tag{flex:none;display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:7px;font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--cyan);background:#22d3ee12;box-shadow:inset 0 0 0 1px #67e8f933}
.pgx .px-bar-tag svg{width:14px;height:14px}
.pgx .px-bar-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
@media(max-width:1100px){.pgx .px-head.split{gap:40px}}
@media(max-width:900px){.pgx .px-sec{padding:96px 0}.pgx .px-head.split{grid-template-columns:1fr;gap:0}.pgx .px-head.split>p{margin-top:20px;padding:0}}
@media(max-width:767px){.pgx .px-sec{padding:80px 0}.pgx .px-sec.tight{padding-top:48px}.pgx .px-head{margin-bottom:36px}.pgx .px-head>p{font-size:16px}.pgx h3{font-size:18px}.pgx .px-bar{flex-direction:column;align-items:stretch;gap:0;padding:4px 0}.pgx .px-jump{margin:0 -20px;padding:0 20px;border-top:1px solid #94a3b814}.pgx .px-faq summary{padding:16px 18px;font-size:16px}.pgx .px-course-main{grid-template-columns:1fr;gap:14px}.pgx .px-course-covers{height:90px}.pgx .px-faq .px-a{padding:0 18px 20px;font-size:15px}}
@media(prefers-reduced-motion:reduce){.pgx *,.pgx *::before,.pgx *::after{animation:none!important;transition:none!important}}


/* ===== Guide kit (.pgg): SEO guide pages, Nov 3 2026. Content rests in its finished state; the pgx runtime
   only adds emphasis (is-on / is-done / is-wait) while a graphic is on screen. ===== */
.pgg{--gd-prose:#b9c4d3}
.pgg .hero .lead{white-space:normal;max-width:66ch;margin:20px auto 0;font-size:18px;line-height:1.7;color:#c4cedb}
.pgg .px-bar-meta{font-size:13px;color:var(--muted);white-space:nowrap}
.pgg .px-sec.first{padding-top:88px}
.pgg h2{max-width:24ch}
.pgg .px-head.center h2,.pgg .gd-center h2{margin-inline:auto}
.pgg .gd-split{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:72px;align-items:center}
.pgg .gd-split.top{align-items:start}
.pgg .gd-split.flip>.gd-prose{order:2}
.pgg .gd-split.wide-r{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.pgg .gd-prose>p,.pgg .gd-prose>ul li,.pgg .gd-prose>ol li{color:var(--gd-prose);font-size:17px;line-height:1.75}
.pgg .gd-prose>p{margin-top:18px;max-width:64ch}
.pgg .gd-prose>h2+p{margin-top:24px}
.pgg .gd-prose>h3{margin-top:36px;font-size:20px}
.pgg .gd-prose>h3+p{margin-top:10px}
.pgg .gd-prose strong,.pgg .gd-steps strong,.pgg .gd-card strong{color:var(--text);font-weight:650}
.pgg .gd-prose a,.pgg .gd-steps a,.pgg .gd-call a,.pgg .gd-src a,.pgg .gd-table a,.pgg .px-a a{color:var(--cyan)}
.pgg .gd-bul{display:grid;gap:12px;margin-top:20px;max-width:64ch}
.pgg .gd-bul li{position:relative;padding-left:26px}
.pgg .gd-bul li::before{content:"";position:absolute;left:2px;top:.72em;width:8px;height:8px;border-radius:2px;background:var(--cyan);box-shadow:0 0 10px #22d3ee80}
.pgg .gd-bul.red li::before{background:var(--px-red);box-shadow:0 0 10px #fb718580}
/* figures */
.pgg .gd-fig{margin:0;min-width:0}
.pgg .gd-fig>.core{padding:22px 22px 18px}
.pgg .gd-fig-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.pgg .gd-fig-top b{font-size:15px;font-weight:700;letter-spacing:-.005em}
.pgg .gd-chart{position:relative;width:100%}
.pgg .gd-chart>svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:none;overflow:visible}
.pgg .gd-chart.m{display:none}
.pgg .gd-tag{position:absolute;translate:0 -50%;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;line-height:1.2;letter-spacing:.02em;padding:5px 8px;border-radius:6px;background:#0a111ef2;border:1px solid #ffffff1f;color:var(--text);white-space:nowrap;box-shadow:0 6px 18px -8px #000;transition:border-color .6s var(--px-ease),background-color .6s var(--px-ease),box-shadow .6s var(--px-ease),opacity .6s var(--px-ease)}
.pgg .gd-tag.c{color:var(--cyan);border-color:#67e8f94d}
.pgg .gd-tag.r{color:#fda4af;border-color:#fb71854d}
.pgg .gd-tag.g{color:#86efac;border-color:#4ade804d}
.pgg .gd-tag.b{color:#93c5fd;border-color:#3b82f64d}
.pgg .gd-tag.m{color:var(--muted)}
.pgg .gd-tag.end{translate:-100% -50%}
.pgg .gd-tag.mid{translate:-50% -50%}
.pgg .gd-axis{position:absolute;translate:-100% -50%;font-size:12px;font-weight:600;letter-spacing:.02em;color:#7b8aa1;white-space:nowrap;font-variant-numeric:tabular-nums}
.pgg .gd-cap{margin-top:14px;font-size:13px;line-height:1.55;color:var(--muted)}
.pgg .gd-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.pgg .gd-key{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:600;letter-spacing:.02em;background:#94a3b80f;box-shadow:inset 0 0 0 1px #94a3b824;color:var(--text);transition:background .6s var(--px-ease),box-shadow .6s var(--px-ease)}
.pgg .gd-key i{display:block;width:14px;height:4px;border-radius:2px;background:var(--cyan)}
.pgg .gd-key.w i{background:#e2e8f0}.pgg .gd-key.r i{background:var(--px-red)}.pgg .gd-key.b i{background:#3b82f6}.pgg .gd-key.g i{background:var(--px-green)}.pgg .gd-key.m i{background:#64748b}
.pgg .gd-key.is-on{background:#67e8f914;box-shadow:inset 0 0 0 1px #67e8f966}
/* chart motion: lines draw once the graphic runs; parts light up in order; nothing ever rests hidden without JS */
.pgg .gd-ln{stroke-dasharray:100;stroke-dashoffset:0}
.pgg.px-on [data-px]:not(.is-run) .gd-ln{stroke-dashoffset:100}
.pgg.px-on [data-px].is-run .gd-ln{transition:stroke-dashoffset 2.6s var(--px-ease2) .15s}
.pgg [data-px] .gd-hl{transition:opacity .7s var(--px-ease),filter .7s var(--px-ease)}
.pgg.px-on [data-px] .gd-hl.is-wait{opacity:.42}
.pgg.px-on [data-px] .gd-tag.is-on{background:#13223a;border-color:currentColor;box-shadow:0 0 0 3px #67e8f914,0 8px 24px -8px #000}
.pgg.px-on [data-px] .gd-glow.is-on{filter:drop-shadow(0 0 10px #22d3ee99)}
.pgg .gd-pulse{transform-box:fill-box;transform-origin:center}
.pgg.px-on [data-px].is-run:not(.is-paused) .gd-pulse{animation:gd-pulse 2.8s var(--px-ease) infinite}
@keyframes gd-pulse{0%{transform:scale(.6);opacity:.9}70%,100%{transform:scale(2.2);opacity:0}}
/* steps */
.pgg .gd-steps{position:relative;display:grid;gap:12px}
.pgg .gd-steps::before{content:"";position:absolute;left:27px;top:30px;bottom:30px;width:2px;border-radius:2px;background:linear-gradient(180deg,#67e8f9,#3b82f6)}
.pgg .gd-steps.red::before{background:linear-gradient(180deg,#fb7185,#67e8f9)}
.pgg .gd-steps>li{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);gap:20px;padding:18px 22px 18px 0;border-radius:14px;transition:background .5s var(--px-ease)}
.pgg .gd-node{position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;border-radius:14px;background:#0b1220;color:var(--cyan);font-weight:800;font-size:18px;box-shadow:inset 0 0 0 1.5px #67e8f966,0 0 0 6px var(--bg);transition:background .5s,color .5s,box-shadow .5s}
.pgg .gd-node svg{width:24px;height:24px}
.pgg .gd-steps h3{font-size:20px;padding-top:4px}
.pgg .gd-steps p{margin-top:8px;font-size:16px;line-height:1.7;color:var(--gd-prose)}
.pgg .gd-steps li.is-on{background:linear-gradient(90deg,#22d3ee0f,transparent 80%)}
.pgg .gd-steps li.is-on .gd-node{background:var(--cyan);color:var(--ink);box-shadow:0 0 0 6px var(--bg),0 0 28px 4px #22d3ee59}
.pgg.px-on .gd-steps li.is-wait .gd-node{color:#64748b;box-shadow:inset 0 0 0 1.5px #334155,0 0 0 6px var(--bg)}
.pgg .gd-steps.red>li:first-child .gd-node{color:var(--px-red);box-shadow:inset 0 0 0 1.5px #fb718580,0 0 0 6px var(--bg)}
.pgg .gd-steps.red>li:first-child.is-on .gd-node{background:var(--px-red);color:#fff;box-shadow:0 0 0 6px var(--bg),0 0 28px 4px #fb718566}
.pgg .gd-side{position:sticky;top:120px}
.pgg .gd-side>p{margin-top:20px;font-size:17px;line-height:1.7;color:var(--gd-prose)}
/* worked example ticket */
.pgg .gd-tk>.core{padding:8px}
.pgg .gd-tk-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 12px}
.pgg .gd-tk-title{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:16px}
.pgg .gd-tk-title svg{width:20px;height:20px;color:var(--cyan)}
.pgg .gd-tk-rows{margin:0;display:grid;gap:2px}
.pgg .gd-tk-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:48px;padding:10px 16px;border-radius:10px;transition:background .6s var(--px-ease)}
.pgg .gd-tk-row dt{font-size:14px;line-height:1.45;color:var(--muted)}
.pgg .gd-tk-row dd{margin:0;font-weight:700;font-size:16px;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.pgg .gd-tk-row.c dd{color:var(--cyan)}.pgg .gd-tk-row.r dd{color:#fda4af}.pgg .gd-tk-row.g dd{color:#86efac}
.pgg .gd-tk-row.big dd{font-size:20px}
.pgg .gd-tk-row.is-on{background:#67e8f912}
.pgg .gd-tk-sep{height:1px;margin:6px 16px;background:#ffffff0f}
.pgg .gd-tk-foot{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin-top:6px;padding:14px 16px 10px;border-top:1px solid #ffffff0f;font-size:13px;line-height:1.5;color:var(--muted)}
.pgg .gd-tk-foot a{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:600;color:var(--cyan);text-decoration:none}
.pgg .gd-tk-foot a svg{width:16px;height:16px}
/* callouts and formulas */
.pgg .gd-call{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:start;margin-top:28px;padding:20px 22px;border-radius:14px;background:linear-gradient(180deg,#0f1a2e,#0b1220);border:1px solid #67e8f938;box-shadow:inset 0 1px 0 #ffffff0d;max-width:720px}
.pgg .gd-call.warn{border-color:#fb718547;background:linear-gradient(180deg,#171120,#0b0f1b)}
.pgg .gd-call-h{font-weight:700;font-size:16px;line-height:1.45;color:var(--text)}
.pgg .gd-call p:not(.gd-call-h){margin-top:6px;font-size:15px;line-height:1.65;color:var(--gd-prose)}
.pgg .gd-formula{margin-top:24px;padding:18px 20px;border-radius:12px;background:#05070db3;box-shadow:inset 0 0 0 1px #67e8f92e;font:600 15px/1.8 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--text);overflow-x:auto;max-width:640px}
.pgg .gd-formula .k{color:var(--cyan)}
.pgg .gd-formula .n{color:#7b8aa1;font-weight:500;font-size:13px}
/* tables */
.pgg .gd-table-wrap{margin-top:32px;border-radius:14px;border:1px solid var(--px-edge);background:#0b1220b3;overflow-x:auto;box-shadow:inset 0 1px 0 #ffffff0a}
.pgg .gd-table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.55}
.pgg .gd-table th{text-align:left;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--muted);padding:14px 18px;border-bottom:1px solid #94a3b824;background:#0f1a2ecc}
.pgg .gd-table td{padding:15px 18px;border-top:1px solid #94a3b814;color:var(--gd-prose);vertical-align:top}
.pgg .gd-table tr:first-child td{border-top:0}
.pgg .gd-table td:first-child{color:var(--text);font-weight:600}
.pgg .gd-table .num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.pgg .gd-table tr.hi td{background:#67e8f90d}
.pgg .gd-table tr.hi td:first-child{box-shadow:inset 3px 0 0 var(--cyan)}
/* cards */
.pgg .gd-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pgg .gd-cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.pgg .gd-cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.pgg .gd-cards.six{grid-template-columns:repeat(6,minmax(0,1fr))}
.pgg .gd-cards.six>li{grid-column:span 2}
.pgg .gd-cards.six>li.h{grid-column:span 3}
.pgg .gd-cards.six>li.w{grid-column:1/-1}
@media(max-width:900px){.pgg .gd-cards.six{grid-template-columns:1fr 1fr}.pgg .gd-cards.six>li,.pgg .gd-cards.six>li.h{grid-column:auto}.pgg .gd-cards.six>li.w{grid-column:1/-1}}
@media(max-width:767px){.pgg .gd-cards.six{grid-template-columns:1fr}}
@media(max-width:1100px){.pgg .gd-cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.pgg .gd-cards.four{grid-template-columns:1fr}}
.pgg .gd-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:16px;background:linear-gradient(180deg,#0f1a2e,#0b1220);border:1px solid var(--px-edge);box-shadow:inset 0 1px 0 #ffffff0d,0 24px 60px -40px #000;transition:border-color .35s var(--px-ease)}
.pgg .gd-card.link:hover{border-color:#67e8f966}
.pgg .gd-card h3{font-size:18px;line-height:1.35}
.pgg .gd-card h3 a{color:var(--text);text-decoration:none}
.pgg .gd-card h3 a::after{content:"";position:absolute;inset:0;border-radius:16px}
.pgg .gd-card h3 a:hover{color:var(--cyan)}
.pgg .gd-card p{font-size:15px;line-height:1.6;color:var(--muted)}
.pgg .gd-card .gd-go{margin-top:auto;display:inline-flex;align-items:center;gap:8px;padding-top:4px;font-size:14px;font-weight:600;color:var(--cyan)}
.pgg .gd-card .gd-go svg{width:16px;height:16px;transition:transform .4s var(--px-ease)}
.pgg .gd-card.link:hover .gd-go svg{transform:translateX(3px)}
/* related guides: the page's share graphic doubles as its editorial cover */
.pgg .gd-cards.gd-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.pgg .gd-card.gd-blog{min-width:0;gap:0;padding:0;border-radius:12px;background:#0b1220;transition:none}
.pgg .gd-blog-cover{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;border-radius:12px 12px 0 0;border-bottom:1px solid var(--px-edge)}
.pgg .gd-blog-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:14px;min-width:0;padding:22px}
.pgg .gd-blog h3{font-size:18px;line-height:1.4}
.pgg .gd-blog h3 a::after{border-radius:12px}
.pgg .gd-blog h3 a:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}
.pgg .gd-blog p{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pgg .gd-blog .gd-kw{padding:5px 8px;border:1px solid #67e8f933;border-radius:6px;background:#22d3ee0d;color:#a5dce5;line-height:1.4}
.pgg .gd-blog .gd-go{padding-top:8px}
.pgg .gd-card.gd-blog:is(:hover,:focus-within){border-color:#67e8f966;box-shadow:inset 0 1px 0 #ffffff0d,0 0 28px -12px #22d3ee55}
.pgg .gd-card.gd-blog .gd-go svg{transform:none;transition:none}
.pgg.px-on .gd-card.gd-blog{transition:border-color .3s var(--px-ease),box-shadow .3s var(--px-ease)}
.pgg.px-on .gd-card.gd-blog .gd-go svg{transition:transform .3s var(--px-ease)}
.pgg.px-on .gd-card.gd-blog:is(:hover,:focus-within) .gd-go svg{transform:translateX(3px)}
.pgg.px-on .gd-blog-grid.is-run>.gd-blog{animation:gd-card-in .65s var(--px-ease2) both;animation-delay:calc(var(--card-i,0)*.09s)}
.pgg.px-on .gd-blog-grid.is-paused>.gd-blog{animation-play-state:paused}
@keyframes gd-card-in{from{transform:translateY(20px)}to{transform:translateY(0)}}
@media(min-width:1200px){.pgg .gd-cards.gd-blog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:767px){.pgg .gd-cards.gd-blog-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.pgg.px-on .gd-blog-grid>.gd-blog{animation:none}.pgg.px-on .gd-card.gd-blog,.pgg.px-on .gd-card.gd-blog .gd-go svg{transition:none;transform:none}}
.pgg .gd-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pgg .gd-card .gd-kw{font-size:12px;font-weight:600;letter-spacing:.02em;color:#7b8aa1}
.pgg .gd-card.check{padding:24px 26px}
.pgg .gd-info p{font-size:16px;line-height:1.7;color:var(--gd-prose)}
.pgg .gd-info.is-on{border-color:#67e8f966}
.pgg .gd-split .gd-cards:not(.two){grid-template-columns:1fr;gap:14px}
.pgg .gd-split .gd-info{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:16px;row-gap:6px;padding:20px 22px}
.pgg .gd-split .gd-info>.px-ic{grid-row:span 2}
.pgg .gd-split .gd-info h3{padding-top:2px}
.pgg .gd-row-gap{margin-top:20px}
.pgg .gd-prose+.gd-stats,.pgg .gd-prose+.gd-flow,.pgg .gd-prose+.gd-cards,.pgg .gd-prose+.gd-ind,.pgg .gd-prose+ul.gd-cards{margin-top:40px}
.pgg .gd-stats+.gd-prose,.pgg .gd-flow+.gd-prose,.pgg .gd-table-wrap+.gd-prose,.pgg .gd-cards+.gd-prose{margin-top:36px}
.pgg .gd-card.check .gd-n{font-size:13px;font-weight:700;color:var(--cyan);letter-spacing:.04em}
/* stat tiles (cited) */
.pgg .gd-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pgg .gd-stat{display:flex;flex-direction:column;padding:24px 22px 20px;border-radius:16px;background:linear-gradient(180deg,#0f1a2e,#0b1220);border:1px solid var(--px-edge);box-shadow:inset 0 1px 0 #ffffff0f}
.pgg .gd-stat b{display:block;font-size:40px;line-height:1.05;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.pgg .gd-stat.r b{color:#fda4af}
.pgg .gd-stat p{margin-top:12px;font-size:15px;line-height:1.55;color:var(--gd-prose)}
.pgg .gd-stat .px-note{margin-top:auto;padding-top:14px;font-size:13px}
/* flow (numbered stages in a row) */
.pgg .gd-flow{display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:14px}
.pgg .gd-flow>li{position:relative;display:flex;flex-direction:column;gap:12px;padding:20px 18px 22px;border-radius:14px;background:linear-gradient(180deg,#0f1a2e,#0b1220);border:1px solid var(--px-edge);box-shadow:inset 0 1px 0 #ffffff0a;transition:border-color .6s var(--px-ease),background .6s var(--px-ease)}
.pgg .gd-flow>li::after{content:"";position:absolute;z-index:1;right:-11px;top:42px;width:8px;height:8px;border-top:1.75px solid #67e8f999;border-right:1.75px solid #67e8f999;transform:rotate(45deg)}
.pgg .gd-flow.warn>li::after{border-color:#fb718599}
.pgg .gd-flow>li:last-child::after{display:none}
.pgg .gd-flow .gd-n{font-size:12px;font-weight:700;letter-spacing:.04em;color:#7b8aa1}
.pgg .gd-flow b{font-size:16px;line-height:1.35}
.pgg .gd-flow p{font-size:14px;line-height:1.6;color:var(--muted)}
.pgg .gd-flow>li.is-on{border-color:#67e8f966;background:linear-gradient(180deg,#12233a,#0b1220)}
.pgg .gd-flow.warn>li.is-on{border-color:#fb718573;background:linear-gradient(180deg,#24121d,#0b0f1b)}
/* key facts */
.pgg .gd-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}
.pgg .gd-facts.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.pgg .gd-fact{padding:16px 18px;border-radius:12px;background:linear-gradient(180deg,#0f1a2e,#0b1220);border:1px solid var(--px-edge);box-shadow:inset 0 1px 0 #ffffff0a}
.pgg .gd-fact dt{font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--muted)}
.pgg .gd-fact dd{margin:6px 0 0;font-size:20px;line-height:1.3;font-weight:700;font-variant-numeric:tabular-nums}
.pgg .gd-fact dd small{display:block;margin-top:4px;font-size:13px;font-weight:500;color:var(--muted)}
.pgg .gd-split .gd-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
.pgg .gd-split .gd-fact dd{font-size:18px}
/* FAQ and closing blocks */
.pgg .gd-faq-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:64px;align-items:start}
.pgg .gd-faq-grid .gd-side p{max-width:38ch}
.pgg .gd-more-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:start}
.pgg .gd-more-grid>div{min-width:0}
.pgg .gd-more-grid h2{margin-bottom:28px}
.pgg .gd-more-grid #more-h{text-align:center;margin-inline:auto}
.pgg .gd-more-grid .gd-src h2{justify-content:center;margin-inline:auto}
.pgg .gd-src{padding:28px;border-radius:16px;border:1px solid var(--px-edge);background:#0b1220b3}
.pgg .gd-src h2{display:flex;align-items:center;gap:10px;font-size:20px;margin:0 0 14px}
.pgg .gd-src h2 svg{width:20px;height:20px;color:var(--cyan)}
.pgg .gd-src ol{display:grid;gap:12px;counter-reset:gdsrc}
.pgg .gd-src li{position:relative;padding-left:32px;font-size:15px;line-height:1.6;color:var(--gd-prose)}
.pgg .gd-src li::before{counter-increment:gdsrc;content:counter(gdsrc);position:absolute;left:0;top:1px;display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#22d3ee14;box-shadow:inset 0 0 0 1px #67e8f933;color:var(--cyan);font-size:12px;font-weight:700}
.pgg .gd-src .px-note{margin-top:16px}
.pgg .gd-src+.px-course{margin-top:20px}
/* hub lists */
.pgg .gd-group+.gd-group{margin-top:72px}
.pgg .gd-group-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.pgg .gd-group-head p{max-width:56ch;color:var(--gd-prose);font-size:16px;line-height:1.65}
.pgg .gd-count{flex:none;font-size:13px;font-weight:600;color:var(--muted);letter-spacing:.02em}
/* indicator rack */
.pgg .gd-ind{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pgg .gd-ind .gd-card{padding:26px}
.pgg .gd-ind-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 0 0 1px #67e8f947,0 16px 40px -14px #22d3ee59}
.pgg .gd-ind-mark img{width:50px}
.pgg .gd-ind ul{display:grid;gap:8px;margin-top:4px}
.pgg .gd-ind li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:var(--gd-prose)}
.pgg .gd-ind li svg{width:18px;height:18px;flex:none;color:var(--px-green);margin-top:1px}
.pgg .gd-ind .gd-card.here{border-color:#67e8f966;background:linear-gradient(180deg,#12233a,#0b1220)}
/* discord-style channel list */
.pgg .gd-srv>.core{padding:0}
.pgg .gd-srv-top{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid #94a3b81c;background:#111827b3}
.pgg .gd-srv-top img{width:34px;border-radius:9px;background:#000}
.pgg .gd-srv-top b{font-size:15px}
.pgg .gd-srv-top span{margin-left:auto}
.pgg .gd-srv-list{display:grid;gap:4px;padding:14px 12px 16px}
.pgg .gd-srv-cat{padding:12px 8px 4px;font-size:12px;font-weight:700;letter-spacing:.06em;color:#7b8aa1}
.pgg .gd-srv-ch{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:center;min-height:40px;padding:8px 10px;border-radius:8px;font-size:15px;color:#cbd5e1;transition:background .6s var(--px-ease),color .6s var(--px-ease)}
.pgg .gd-srv-ch svg{width:18px;height:18px;color:#7b8aa1}
.pgg .gd-srv-ch small{display:block;font-size:12px;color:#7b8aa1;margin-top:1px}
.pgg .gd-srv-ch.is-on{background:#67e8f914;color:#fff}
.pgg .gd-srv-ch.is-on svg{color:var(--cyan)}
/* two ledgers (signals) */
.pgg .gd-ledgers{display:grid;grid-template-columns:1fr;gap:14px}
.pgg.px-on [data-px] .gd-ledger.gd-hl.is-wait{opacity:.6}
.pgg .gd-ledger{padding:20px;border-radius:14px;background:#05070d99;box-shadow:inset 0 0 0 1px #94a3b824}
.pgg .gd-ledger-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;color:var(--muted)}
.pgg .gd-ledger-h b{font-size:16px;color:var(--text)}
.pgg .gd-chips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:16px 0}
.pgg .gd-chips span{display:grid;place-items:center;min-height:38px;border-radius:8px;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;transition:transform .5s var(--px-ease),box-shadow .5s}
.pgg .gd-chips .w{background:#4ade801a;color:#86efac;box-shadow:inset 0 0 0 1px #4ade804d}
.pgg .gd-chips .l{background:#fb71851a;color:#fda4af;box-shadow:inset 0 0 0 1px #fb71854d}
.pgg .gd-ledger-f{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:14px;border-top:1px solid #94a3b81f}
.pgg .gd-ledger-f dt{font-size:12px;color:var(--muted)}
.pgg .gd-ledger-f dd{margin:2px 0 0;font-size:22px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.pgg .gd-ledger-f .neg{color:#fda4af}.pgg .gd-ledger-f .pos{color:#86efac}
.pgg .gd-ledger.is-on{box-shadow:inset 0 0 0 1px #67e8f966,0 0 40px -18px #22d3ee66}
/* gauge */
.pgg .gd-gauge .needle{transform-box:view-box;transform-origin:280px 222px;transform:rotate(var(--rot,0deg));transition:transform 1.4s cubic-bezier(.34,1.3,.64,1)}
.pgg .gd-gauge[data-step="0"]{--rot:-70deg}.pgg .gd-gauge[data-step="1"]{--rot:-8deg}.pgg .gd-gauge[data-step="2"]{--rot:62deg}
@media(max-width:1100px){.pgg .gd-split{gap:48px}.pgg .gd-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pgg .gd-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.pgg .gd-flow>li:nth-child(3n)::after{display:none}}
@media(max-width:900px){
.pgg .gd-split,.pgg .gd-split.wide-r,.pgg .gd-faq-grid,.pgg .gd-more-grid{grid-template-columns:1fr;gap:40px}
.pgg .gd-split.flip>.gd-prose{order:0}
.pgg .gd-side{position:static}
.pgg .gd-cards,.pgg .gd-ind{grid-template-columns:1fr 1fr}
.pgg .gd-facts{grid-template-columns:1fr 1fr}
.pgg .gd-group-head{flex-direction:column;align-items:flex-start;gap:12px}
}
@media(max-width:767px){
.pgg .hero .lead{font-size:16.5px;line-height:1.65;max-width:none}
.pgg .px-sec.first{padding-top:56px}
.pgg .gd-prose>p,.pgg .gd-prose>ul li{font-size:16px}
.pgg .gd-cards,.pgg .gd-cards.two,.pgg .gd-ind,.pgg .gd-ledgers{grid-template-columns:1fr}
.pgg .gd-stats{grid-template-columns:1fr}
.pgg .gd-stat b{font-size:34px}
.pgg .gd-facts,.pgg .gd-facts.three{grid-template-columns:1fr 1fr}
.pgg .gd-fact dd{font-size:18px}
.pgg .gd-flow{grid-template-columns:1fr;gap:10px}
.pgg .gd-flow>li{padding:18px 18px 20px}
.pgg .gd-flow>li::after,.pgg .gd-flow>li:nth-child(3n)::after{display:block;right:auto;left:28px;top:auto;bottom:-10px;transform:rotate(135deg)}
.pgg .gd-flow>li:last-child::after{display:none}
.pgg .gd-fig>.core{padding:16px 12px 14px}
.pgg .gd-chart.d{display:none}.pgg .gd-chart.m{display:block}
.pgg .gd-tag{font-size:11px;padding:3px 6px}
.pgg .gd-axis{font-size:11px}
.pgg .gd-steps::before{left:23px}
.pgg .gd-steps>li{grid-template-columns:48px minmax(0,1fr);gap:14px;padding:14px 0}
.pgg .gd-node{width:48px;height:48px;border-radius:12px;font-size:16px}
.pgg .gd-steps h3{font-size:18px}
.pgg .gd-call{grid-template-columns:1fr;gap:12px;padding:18px}
.pgg .gd-tk-row{padding:10px 10px;gap:12px}
.pgg .gd-tk-row dt{font-size:13.5px}
.pgg .gd-tk-row dd{font-size:15px}
.pgg .gd-src{padding:22px}
.pgg .gd-group+.gd-group{margin-top:56px}
.pgg .gd-chips span{min-height:34px}
.pgg .gd-table{min-width:580px}
.pgg .gd-table.compact{min-width:0;font-size:14px}
.pgg .gd-table.compact th,.pgg .gd-table.compact td{padding:12px 12px}
}
@media(prefers-reduced-motion:reduce){.pgg .gd-gauge .needle,.pgg .gd-tag,.pgg [data-px] .gd-hl{transition:none}}

.pgg .gd-plans-fig{display:grid;gap:12px}
.pgg .gd-pl{display:grid;gap:4px;padding:18px 20px;border-radius:12px;background:#05070d99;box-shadow:inset 0 0 0 1px #94a3b824;transition:box-shadow .6s var(--px-ease),background .6s var(--px-ease),opacity .6s var(--px-ease)}
.pgg .gd-pl b{font-size:17px}
.pgg .gd-pl span{font-size:15px;color:var(--muted)}
.pgg .gd-pl.is-on{background:#67e8f90f;box-shadow:inset 0 0 0 1px #67e8f966}