/* 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}}

/* ===== About ===== */
.pg-about .hero .lead{white-space:normal}
.pgx .mark-tv{width:30px;height:22px;object-fit:cover;object-position:0 50%}
.pgx .mark-dc{width:30px;height:22px;object-fit:cover;object-position:0 50%}
.pgx .mark-yt{width:30px;height:21px;object-fit:cover;object-position:0 50%}
/* hub */
.pg-about .hub{display:grid;grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr);grid-template-rows:repeat(3,120px);row-gap:24px;padding:56px 48px}
.pg-about .hub-nodes{display:contents}
.pg-about .hub-wires{grid-column:2;grid-row:1/4;width:300px;height:408px;fill:none;stroke-linecap:round;overflow:visible}
.pg-about .w-base path{stroke:#67e8f9;stroke-opacity:.28;stroke-width:1.5}
.pg-about .w-flow path{stroke:#a5f3fc;stroke-width:2.5;stroke-dasharray:16 220;stroke-dashoffset:16;opacity:0;transition:opacity .4s}
.pg-about.px-on .w-flow path.is-on{opacity:1;animation:pxa-flow 1.6s var(--px-ease) infinite}
@keyframes pxa-flow{from{stroke-dashoffset:16}to{stroke-dashoffset:-100}}
.pg-about .hub-core{grid-column:2;grid-row:1/4;position:relative;display:grid;place-items:center;pointer-events:none}
.pg-about .hub-rings{position:absolute;width:240px;height:240px;left:30px;top:84px;fill:none;overflow:visible}
.pg-about .r-dash{stroke:#67e8f9;stroke-opacity:.3;stroke-width:1.25;stroke-dasharray:2 7;transform-origin:120px 120px}
.pg-about.px-on .r-dash{animation:px-spin 90s linear infinite}
.pg-about .r-main{stroke:#67e8f9;stroke-opacity:.6;stroke-width:1.5;filter:drop-shadow(0 0 10px #22d3ee80)}
.pg-about .r-in{fill:#22d3ee0f;stroke:#67e8f91f}
.pg-about .r-orbit rect{fill:#67e8f9;filter:drop-shadow(0 0 8px #67e8f9)}
.pg-about .r-orbit{transform-origin:120px 120px}
.pg-about.px-on .r-orbit{animation:px-spin 12s var(--px-ease2) infinite}
.pg-about .hub-core img{position:relative;width:104px;height:auto;border-radius:16px;box-shadow:0 0 0 1px #67e8f947,0 24px 60px -12px #22d3ee59}
.pg-about .hub-node{display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:14px;background:linear-gradient(180deg,#111d33,#0c1424);border:1px solid var(--px-edge);box-shadow:inset 0 1px 0 #ffffff0f,0 20px 40px -24px #000;transition:border-color .6s var(--px-ease),box-shadow .6s var(--px-ease),background .6s var(--px-ease)}
.pg-about .hub-node:nth-child(-n+3){grid-column:1;flex-direction:row-reverse;text-align:right}
.pg-about .hub-node:nth-child(n+4){grid-column:3}
.pg-about .hub-node:nth-child(1),.pg-about .hub-node:nth-child(4){grid-row:1}
.pg-about .hub-node:nth-child(2),.pg-about .hub-node:nth-child(5){grid-row:2}
.pg-about .hub-node:nth-child(3),.pg-about .hub-node:nth-child(6){grid-row:3}
.pg-about .hub-node h3{font-size:18px}
.pg-about .hub-node p{font-size:14px;color:var(--muted);margin-top:4px}
.pg-about .hub-node .px-ic img{width:30px;height:22px;object-fit:cover;object-position:0 50%}
.pg-about .hub-node.is-on{border-color:#67e8f966;background:linear-gradient(180deg,#0f2436,#0b1726);box-shadow:inset 0 1px 0 #ffffff14,0 0 0 4px #22d3ee0f,0 24px 50px -20px #22d3ee40}
.pg-about .hub-node.is-on .px-ic{background:var(--cyan);color:var(--ink);box-shadow:0 0 24px #22d3ee66}
.pg-about .hub-node.is-on .px-ic img{filter:invert(1) brightness(.2)}
.pg-about .hub-node .px-ic{transition:background .5s,color .5s,box-shadow .5s}
/* founder */
.pg-about .ab-founder-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.pg-about .ab-founder-copy h2{margin-bottom:28px}
.pg-about .ab-founder-copy p{color:var(--muted)}
.pg-about .ab-founder-copy p+p{margin-top:16px}
.pg-about .ab-big{font-size:20px;line-height:1.6;color:var(--text)!important}
.pg-about .ab-find-h{margin:36px 0 14px;font-size:15px;color:var(--text)}
.pg-about .ab-handles{display:flex;flex-wrap:wrap;gap:10px}
.pg-about .ab-handles a,.pg-about .ab-handle-static{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:6px 14px 6px 6px;border-radius:12px;background:#0f1a2e;border:1px solid var(--px-edge);color:var(--text);font-size:14px;font-weight:600;text-decoration:none;transition:border-color .3s}
.pg-about .ab-handles a:hover{border-color:#67e8f966}
.pg-about .ab-handles a>svg{width:15px;height:15px;color:var(--muted)}
.pg-about .ab-logo{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#05070d;box-shadow:inset 0 0 0 1px #ffffff14}
.pg-about .ab-logo img{width:20px;height:20px}
.pg-about .ab-handles li:nth-child(2) .ab-logo img{width:24px;height:17px;object-fit:cover;object-position:0 50%}
.pg-about .ab-handles li:nth-child(3) .ab-logo img{width:24px;height:18px;object-fit:cover;object-position:0 50%}
.pg-about .ab-time .core{padding:32px}
.pg-about .ab-plate{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:28px;border-bottom:1px solid #94a3b81f}
.pg-about .ab-plate-logo{width:60px;height:60px;border-radius:14px;overflow:hidden;background:#000;display:grid;place-items:center;box-shadow:0 0 0 1px #67e8f947,0 14px 30px -10px #22d3ee4d}
.pg-about .ab-plate-logo img{width:58px}
.pg-about .ab-plate-name{font-size:22px;font-weight:700;letter-spacing:-.02em}
.pg-about .ab-plate-sub{font-size:14px;color:var(--muted)}
.pg-about .ab-rank{margin-left:auto;color:#cfe9f2;background:#22d3ee12;box-shadow:inset 0 0 0 1px #67e8f940;font-size:13px;padding:6px 12px}
.pg-about .ab-rank svg{color:var(--cyan);width:16px;height:16px}
.pg-about .ab-tl{position:relative;display:grid;gap:26px;padding:30px 0 4px 40px}
.pg-about .ab-tl::before,.pg-about .ab-tl::after{content:"";position:absolute;left:11px;top:40px;bottom:14px;width:2px;border-radius:2px;background:#94a3b829}
.pg-about .ab-tl::after{background:linear-gradient(180deg,#67e8f9,#3b82f6);transform-origin:top;transform:scaleY(1);transition:transform .9s var(--px-ease)}
.pg-about.px-on .ab-time [data-step="-1"] .ab-tl::after{transform:scaleY(0)}
.pg-about.px-on .ab-time [data-step="0"] .ab-tl::after{transform:scaleY(.04)}
.pg-about.px-on .ab-time [data-step="1"] .ab-tl::after{transform:scaleY(.36)}
.pg-about.px-on .ab-time [data-step="2"] .ab-tl::after{transform:scaleY(.68)}
.pg-about .ab-tl li{position:relative}
.pg-about .ab-dot{position:absolute;left:-36px;top:3px;width:16px;height:16px;border-radius:5px;background:#0b1220;box-shadow:inset 0 0 0 2px #67e8f9,0 0 0 4px #0b1220;z-index:1;transition:background .5s,box-shadow .5s}
.pg-about .ab-tl li.is-wait .ab-dot{box-shadow:inset 0 0 0 2px #334155,0 0 0 4px #0b1220}
.pg-about .ab-tl li.is-on .ab-dot{background:var(--cyan);box-shadow:inset 0 0 0 2px #67e8f9,0 0 0 4px #0b1220,0 0 22px 4px #22d3ee80}
.pg-about .ab-when{font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--cyan)}
.pg-about .ab-what{font-size:17px;line-height:1.5;margin-top:4px}
.pg-about .ab-tl li.is-wait .ab-when{color:#64748b}
/* journey rail */
.pg-about .ab-rail{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.pg-about .ab-rail::before,.pg-about .ab-rail::after{content:"";position:absolute;left:calc((100% - 80px)/10);right:calc((100% - 80px)/10);top:218px;height:2px;border-radius:2px;background:#94a3b829}
.pg-about .ab-rail::after{background:linear-gradient(90deg,#3b82f6,#67e8f9);transform-origin:left;transform:scaleX(1);transition:transform 1s var(--px-ease)}
.pg-about.px-on .ab-rail[data-step="-1"]::after{transform:scaleX(0)}
.pg-about.px-on .ab-rail[data-step="0"]::after{transform:scaleX(0)}
.pg-about.px-on .ab-rail[data-step="1"]::after{transform:scaleX(.25)}
.pg-about.px-on .ab-rail[data-step="2"]::after{transform:scaleX(.5)}
.pg-about.px-on .ab-rail[data-step="3"]::after{transform:scaleX(.75)}
.pg-about .ab-step{position:relative;display:flex;flex-direction:column}
.pg-about .ab-mock{height:184px;text-align:left;border-radius:14px;padding:16px;background:linear-gradient(180deg,#111d33,#0b1220);border:1px solid var(--px-edge);box-shadow:inset 0 1px 0 #ffffff0f,0 24px 50px -30px #000;overflow:hidden;transition:border-color .6s var(--px-ease),box-shadow .6s var(--px-ease)}
.pg-about .ab-step.is-on .ab-mock{border-color:#67e8f966;box-shadow:inset 0 1px 0 #ffffff14,0 0 0 4px #22d3ee0f,0 30px 60px -24px #22d3ee40}
.pg-about .ab-node{position:relative;z-index:1;align-self:center;display:grid;place-items:center;width:36px;height:36px;margin:16px 0 22px;border-radius:10px;background:#0b1220;box-shadow:inset 0 0 0 1.5px #67e8f9,0 0 0 6px var(--bg);font-size:15px;color:var(--cyan);transition:background .5s,color .5s,box-shadow .5s}
.pg-about .ab-step.is-wait .ab-node{box-shadow:inset 0 0 0 1.5px #334155,0 0 0 6px var(--bg);color:#64748b}
.pg-about .ab-step.is-on .ab-node{background:var(--cyan);color:var(--ink);box-shadow:inset 0 0 0 1.5px #67e8f9,0 0 0 6px var(--bg),0 0 24px 4px #22d3ee66}
.pg-about .ab-step h3{font-size:18px;text-align:center}
.pg-about .ab-step p{font-size:15px;line-height:1.6;color:var(--muted);margin-top:10px;text-align:center}
.pg-about .ab-step p a{color:var(--cyan)}
.pg-about .m-whop{display:grid;gap:8px}
.pg-about .m-row{display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 12px;border-radius:9px;background:#05070d99;box-shadow:inset 0 0 0 1px #94a3b824;font-size:13px;color:var(--muted)}
.pg-about .m-row i{width:16px;height:16px;border-radius:5px;box-shadow:inset 0 0 0 1.5px #475569}
.pg-about .m-row.on{color:var(--text);box-shadow:inset 0 0 0 1px #67e8f966;background:#22d3ee0d}
.pg-about .m-row.on i{background:var(--cyan);box-shadow:inset 0 0 0 4px #0b1220,0 0 0 1.5px var(--cyan)}
.pg-about .m-coins{display:flex;gap:8px;justify-content:center;margin-top:6px}
.pg-about .m-coins img{width:24px;height:24px}
.pg-about.px-on .ab-step.is-on .m-coins img{animation:pxa-bob 1.6s var(--px-ease) both}
.pg-about.px-on .ab-step.is-on .m-coins img:nth-child(2){animation-delay:.12s}.pg-about.px-on .ab-step.is-on .m-coins img:nth-child(3){animation-delay:.24s}.pg-about.px-on .ab-step.is-on .m-coins img:nth-child(4){animation-delay:.36s}
@keyframes pxa-bob{0%,100%{transform:translateY(0)}40%{transform:translateY(-6px)}}
.pg-about .m-connect{height:100%;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;align-items:center;gap:12px}
.pg-about .m-disc{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#5865f2;box-shadow:0 12px 30px -10px #5865f2aa}
.pg-about .m-disc img{width:30px;height:22px;object-fit:cover;object-position:0 50%;filter:brightness(10)}
.pg-about .m-link{display:flex;gap:6px}
.pg-about .m-link i{flex:1;height:3px;border-radius:2px;background:#67e8f9;opacity:.5}
.pg-about.px-on .ab-step.is-on .m-link i{animation:px-breathe 1.2s var(--px-ease) infinite}
.pg-about.px-on .ab-step.is-on .m-link i:nth-child(2){animation-delay:.2s}.pg-about.px-on .ab-step.is-on .m-link i:nth-child(3){animation-delay:.4s}
.pg-about .m-roles{grid-column:1/3;display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:9px;background:#4ade8014;box-shadow:inset 0 0 0 1px #4ade8040;color:var(--win);font-size:13px}
.pg-about .m-roles svg{width:16px;height:16px}
.pg-about .m-roles b{font-weight:600}
.pg-about .m-chan{display:grid;gap:2px}
.pg-about .m-cat{font-size:11px;line-height:1.2;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin:0 0 6px 8px}
.pg-about .m-ch{display:flex;align-items:center;gap:6px;height:24px;line-height:1;padding:0 8px;border-radius:6px;font-size:13px;color:var(--muted)}
.pg-about .m-ch svg{width:13px;height:13px;color:#64748b}
.pg-about .m-ch.on{background:#22d3ee17;color:var(--text);box-shadow:inset 2px 0 0 var(--cyan)}
.pg-about .m-ask{display:grid;gap:10px}
.pg-about .m-q{justify-self:end;padding:7px 12px;border-radius:10px 10px 4px 10px;background:#3b82f633;font-size:13px}
.pg-about .m-a{display:flex;align-items:center;gap:8px}
.pg-about .m-bot{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#22d3ee1f;color:var(--cyan)}
.pg-about .m-bot svg{width:18px;height:18px}
.pg-about .m-typing{display:flex;gap:4px;padding:10px 12px;border-radius:10px 10px 10px 4px;background:#94a3b81a}
.pg-about .m-typing i{width:6px;height:6px;border-radius:2px;background:#94a3b8}
.pg-about.px-on .ab-step.is-on .m-typing i{animation:pxa-bob 1s ease-in-out infinite}
.pg-about.px-on .ab-step.is-on .m-typing i:nth-child(2){animation-delay:.15s}.pg-about.px-on .ab-step.is-on .m-typing i:nth-child(3){animation-delay:.3s}
.pg-about .m-live{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--loss)}
.pg-about .m-live i{width:8px;height:8px;border-radius:2px;background:var(--loss);box-shadow:0 0 10px var(--loss)}
.pg-about .m-led{display:grid;gap:5px}
.pg-about .m-lh{font-size:12px;font-weight:700;color:var(--muted);margin-bottom:2px}
.pg-about .m-lr{display:flex;align-items:center;gap:8px;height:28px;padding:0 10px;border-radius:8px;font-size:13px;background:#05070d99}
.pg-about .m-lr svg{width:16px;height:16px}
.pg-about .m-lr.win{color:var(--win);box-shadow:inset 0 0 0 1px #4ade8033}
.pg-about .m-lr.loss{color:var(--loss);box-shadow:inset 0 0 0 1px #fb718533}
.pg-about .m-lr span{color:var(--text)}
.pg-about.px-on .ab-step.is-on .m-lr{animation:pxa-in .8s var(--px-ease) both}
.pg-about.px-on .ab-step.is-on .m-lr:nth-child(3){animation-delay:.25s}.pg-about.px-on .ab-step.is-on .m-lr:nth-child(4){animation-delay:.5s}
@keyframes pxa-in{from{transform:translateX(-12px)}to{transform:none}}
/* principles bento */
.pg-about .ab-bento{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto auto;gap:20px}
.pg-about .ab-do{grid-column:1;grid-row:1;padding:32px}
.pg-about .ab-call{grid-column:2;grid-row:1}
.pg-about .ab-wont{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);align-items:center;gap:24px;padding:28px 32px}
.pg-about .ab-wont .ab-card-top{margin:0}
.pg-about .ab-wont .ab-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pg-about .ab-wont .ab-list li{border:0;padding:16px 18px;border-radius:12px;background:#fb71850a;box-shadow:inset 0 0 0 1px #fb718526}
.pg-about .ab-card-top{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.pg-about .ab-card-top h3{font-size:22px}
.pg-about .ab-list{display:grid;gap:4px}
.pg-about .ab-list li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-top:1px solid #94a3b81a;font-size:16px;line-height:1.5}
.pg-about .ab-list li:first-child{border-top:0}
.pg-about .ab-list .px-tick{margin-top:1px;color:var(--win);stroke-width:2.25}
.pg-about .ab-list.no .px-tick{color:var(--loss)}
.pg-about .ab-list li span{transition:color .5s}
.pg-about.px-on .ab-list li.is-wait span{color:#8b98ac}
.pg-about .ab-call .core{height:100%;display:flex;flex-direction:column;padding:32px}
.pg-about .ab-call-top{margin-bottom:24px}
.pg-about .ab-call-top p{font-size:15px;color:var(--muted);margin-top:6px}
.pg-about .ab-chart{position:relative;width:100%;margin:auto 0;aspect-ratio:520/300}
.pg-about .ab-chart svg rect,.pg-about .ab-chart .c-area{stroke:none}
.pg-about .ab-chart svg{position:absolute;inset:0;width:100%;height:100%;fill:none;overflow:visible}
.pg-about .c-grid path{stroke:#94a3b812;stroke-width:1}
.pg-about .c-zone-tp{fill:#4ade800b}
.pg-about .c-zone-sl{fill:#fb71850a}
.pg-about .c-lv{stroke-width:1.5;stroke-dasharray:6 6}
.pg-about .c-lv.tp{stroke:#4ade80b3}
.pg-about .c-lv.en{stroke:#67e8f9;stroke-dasharray:none}
.pg-about .c-lv.sl{stroke:#fb7185b3}
.pg-about .c-area{fill:url(#abArea)}
.pg-about .c-price{stroke:#e8eef7;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:0;filter:drop-shadow(0 0 6px #67e8f966)}
.pg-about.px-on .c-price{animation:pxa-price 9s var(--px-ease2) infinite}
.pg-about.px-on .c-area{animation:pxa-area 9s var(--px-ease2) infinite}
@keyframes pxa-price{0%{stroke-dashoffset:100}55%{stroke-dashoffset:0}90%{stroke-dashoffset:0;opacity:1}97%{opacity:0;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:100}}
@keyframes pxa-area{0%,40%{opacity:0}60%,90%{opacity:1}100%{opacity:0}}
.pg-about .c-hit{fill:#4ade80;transform-box:fill-box;transform-origin:center;filter:drop-shadow(0 0 8px #4ade80)}
.pg-about.px-on .c-hit.h1{animation:pxa-hit1 9s var(--px-ease) infinite}
.pg-about.px-on .c-hit.h2{animation:pxa-hit2 9s var(--px-ease) infinite}
@keyframes pxa-hit1{0%,40%{transform:scale(0)}46%{transform:scale(1.35)}52%,92%{transform:scale(1)}100%{transform:scale(0)}}
@keyframes pxa-hit2{0%,52%{transform:scale(0)}58%{transform:scale(1.35)}64%,92%{transform:scale(1)}100%{transform:scale(0)}}
.pg-about .c-tag{position:absolute;right:0;transform:translateY(-50%);padding:4px 9px;border-radius:7px;font-size:12px;font-weight:700;letter-spacing:.02em;background:#05070de6}
.pg-about .c-tag.tp{color:var(--win);box-shadow:inset 0 0 0 1px #4ade804d}
.pg-about .c-tag.en{color:var(--cyan);box-shadow:inset 0 0 0 1px #67e8f966}
.pg-about .c-tag.sl{color:var(--loss);box-shadow:inset 0 0 0 1px #fb71854d}
/* profiles */
.pg-about .ab-prof-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px;align-items:stretch}
.pg-about .ab-dials .core{height:100%;display:grid;align-content:center;gap:12px;padding:28px}
.pg-about .ab-dial{display:flex;align-items:center;gap:24px;padding:16px;border-radius:14px;color:var(--text);text-decoration:none;transition:background .4s}
.pg-about .ab-dial:hover{background:#94a3b80d}
.pg-about .ab-ring{position:relative;flex:none;width:112px;height:112px;display:grid;place-items:center}
.pg-about .ab-ring svg{position:absolute;inset:0;width:100%;height:100%;fill:none;transform:rotate(-90deg)}
.pg-about .d-track{stroke:#94a3b81f;stroke-width:8}
.pg-about .d-fill{stroke:var(--cyan);stroke-width:8;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--v));filter:drop-shadow(0 0 6px #22d3ee80);transition:stroke-dashoffset 1.6s var(--px-ease)}
.pg-about .d-fill.tp{stroke:#00b67a;filter:drop-shadow(0 0 6px #00b67a80)}
.pg-about.px-on .ab-dial.is-wait .d-fill{stroke-dashoffset:100;transition-duration:.4s}
.pg-about .ab-ring b{font-size:26px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.pg-about .ab-dial-copy{display:grid;gap:8px;font-size:15px;color:var(--muted)}
.pg-about .ab-dial-copy img{height:22px;width:auto}
.pg-about .ab-dial-copy svg{width:15px;height:15px;color:var(--amber);fill:var(--amber);vertical-align:-2px}
.pg-about .ab-profiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.pg-about .ab-profiles li{display:flex;flex-direction:column;padding:26px}
.pg-about .ab-pl{display:flex;align-items:center;height:30px;margin-bottom:18px}
.pg-about .ab-pl img{height:22px;width:auto}
.pg-about .ab-profiles li:nth-child(3) .ab-pl img{height:22px}
.pg-about .ab-profiles li:nth-child(4) .ab-pl img{height:24px}
.pg-about .ab-profiles h3{font-size:19px}
.pg-about .ab-profiles p{font-size:15px;color:var(--muted);margin:6px 0 14px}
.pg-about .ab-profiles .text-link{margin-top:auto}
/* course promo */
.pg-about .ab-course-core{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;padding:56px}
.pg-about .ab-course-copy h2{font-size:40px}
.pg-about .ab-course-lead{margin-top:20px;font-size:18px;color:var(--muted)}
.pg-about .ab-course-act{margin:28px 0 22px}
.pg-about .ab-fan{position:relative;height:300px}
.pg-about .ab-fan img{position:absolute;width:62%;left:19%;top:22%;border-radius:12px;box-shadow:0 0 0 1px #ffffff1a,0 30px 60px -20px #000;transform-origin:50% 120%}
.pg-about .ab-fan .f1{transform:rotate(-9deg) translate(-24%,6%)}
.pg-about .ab-fan .f2{transform:rotate(-3deg) translate(-8%,0)}
.pg-about .ab-fan .f3{transform:rotate(3deg) translate(8%,0)}
.pg-about .ab-fan .f4{transform:rotate(9deg) translate(24%,6%)}
.pg-about.px-on .ab-fan .f1{animation:pxa-f1 10s var(--px-ease2) infinite alternate}
.pg-about.px-on .ab-fan .f2{animation:pxa-f2 10s var(--px-ease2) infinite alternate}
.pg-about.px-on .ab-fan .f3{animation:pxa-f3 10s var(--px-ease2) infinite alternate}
.pg-about.px-on .ab-fan .f4{animation:pxa-f4 10s var(--px-ease2) infinite alternate}
@keyframes pxa-f1{to{transform:rotate(-11deg) translate(-27%,7%)}}
@keyframes pxa-f2{to{transform:rotate(-4deg) translate(-9%,-2%)}}
@keyframes pxa-f3{to{transform:rotate(4deg) translate(9%,-2%)}}
@keyframes pxa-f4{to{transform:rotate(11deg) translate(27%,7%)}}
@media(max-width:1100px){.pg-about .hub{grid-template-columns:minmax(0,1fr) 260px minmax(0,1fr);padding:48px 28px}.pg-about .hub-wires{width:260px;justify-self:center}.pg-about .ab-rail{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:40px}.pg-about .ab-rail::before,.pg-about .ab-rail::after{display:none}}
@media(max-width:900px){
.pg-about .hub{grid-template-columns:1fr;grid-template-rows:auto;row-gap:12px;padding:28px 20px}
.pg-about .hub-wires{display:none}
.pg-about .hub-core{grid-column:1;grid-row:1;height:240px;margin-bottom:8px}
.pg-about .hub-rings{position:absolute;left:50%;top:50%;width:220px;height:220px;margin:-110px 0 0 -110px}
.pg-about .hub-node:nth-child(n){grid-column:1;grid-row:auto;flex-direction:row;text-align:left}
.pg-about .ab-founder-grid{grid-template-columns:1fr;gap:48px}
.pg-about .ab-bento,.pg-about .ab-prof-grid{grid-template-columns:1fr}
.pg-about .ab-do,.pg-about .ab-wont,.pg-about .ab-call{grid-column:1;grid-row:auto}
.pg-about .ab-wont{grid-template-columns:1fr}
.pg-about .ab-wont .ab-list{grid-template-columns:1fr}
.pg-about .ab-course-core{grid-template-columns:1fr;padding:40px 28px}
}
@media(max-width:767px){
.pg-about .ab-rail{grid-template-columns:1fr;gap:0}
.pg-about .ab-step{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:16px;padding-bottom:36px}
.pg-about .ab-step::before{content:"";position:absolute;left:21px;top:40px;bottom:0;width:2px;background:#94a3b829}
.pg-about .ab-step:last-child::before{display:none}
.pg-about .ab-node{grid-column:1;grid-row:1;margin:0;align-self:start}
.pg-about .ab-step h3,.pg-about .ab-step p{grid-column:2;text-align:left}
.pg-about .ab-step h3{grid-row:1;align-self:center}
.pg-about .ab-mock{grid-column:2;grid-row:3;height:auto;min-height:140px;margin-top:16px}
.pg-about .ab-big{font-size:18px}
.pg-about .ab-time .core{padding:24px}
.pg-about .ab-rank{margin-left:0}
.pg-about .ab-do,.pg-about .ab-wont{padding:24px}
.pg-about .ab-call .core{padding:24px}
.pg-about .ab-chart{margin-top:16px}
.pg-about .c-tag{font-size:11px;padding:3px 7px}
.pg-about .ab-dials .core{padding:16px}
.pg-about .ab-dial{gap:16px;padding:12px 8px}
.pg-about .ab-ring{width:92px;height:92px}
.pg-about .ab-ring b{font-size:22px}
.pg-about .ab-profiles{grid-template-columns:1fr;gap:14px}
.pg-about .ab-profiles li{padding:22px}
.pg-about .ab-course-core{padding:32px 20px;gap:28px}
.pg-about .ab-course-copy h2{font-size:30px}
.pg-about .ab-fan{height:200px}
.pg-about .ab-course-act .btn{width:100%}
}