@property --off{syntax:"<angle>";inherits:false;initial-value:0deg}@scope(.s-gx) to ([data-s]){.gx{color:#fff;background:#0a0b0b;padding:120px 0 40px;position:relative;overflow:hidden}.gx.bare{background:0 0;padding:0;overflow:visible}.head{text-align:center;max-width:720px;margin:0 auto 56px}h2{font-family:var(--display);font-weight:600;font-size:var(--text-h2);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);margin:0}h2 strong{color:var(--green);font-weight:600}.head p{max-width:620px;font-size:var(--text-body);color:#ffffffb3;text-wrap:pretty;margin:18px auto 0;line-height:1.65}.more{font-size:var(--text-small);color:#fff;text-underline-offset:5px;margin-top:18px;font-weight:500;-webkit-text-decoration:underline #ffffff59;text-decoration:underline #ffffff59;transition:color .3s,text-decoration-color .3s;display:inline-block}.more:hover{color:var(--green);-webkit-text-decoration-color:var(--green);text-decoration-color:var(--green)}.stage{grid-template-columns:340px minmax(0,1fr);align-items:center;gap:48px;display:grid}.tabs{flex-direction:column;gap:14px;display:flex}.tab,.acc-head{color:#ffffffb3;text-align:left;cursor:pointer;width:100%;min-height:76px;transition:background .35s, border-color .35s, color .35s, transform .5s var(--ease);background:#ffffff09;border:1px solid #ffffff14;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px 14px 24px;display:flex;position:relative}.tab:before{content:"";background:var(--green);width:3px;transition:transform .45s var(--ease);border-radius:3px;position:absolute;top:18px;bottom:18px;left:-1px;transform:scaleY(0)}.tab:hover{color:#fff;background:#ffffff0f}.tab.on{color:#fff;background:#28de9112;border-color:#28de9173;transform:translate(10px)}.tab.on:before{transform:scaleY(1)}.tab-name{font-family:var(--display);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:500}.ring{flex:none;place-items:center;width:46px;height:46px;display:grid;position:relative}.ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.ring circle{fill:none;stroke:#ffffff24;stroke-width:3px}.ring .ring-val{stroke:#ffffffb3;stroke-linecap:round;stroke-dasharray:0 100;transition:stroke-dasharray 1.4s var(--ease), stroke .35s}.gx.in .ring .ring-val{stroke-dasharray:var(--v) 100}.tab.on .ring-val,.acc-item.open .ring-val{stroke:var(--green)}.ring b{font-family:var(--display);color:#fff;font-size:10px;font-weight:600}.orbit{--orbit-dur:1s;--orbit-ease:cubic-bezier(.45, 0, .2, 1);--r:190px;--card:270px;height:580px;position:relative}.core{width:220px;height:220px;position:absolute;top:50%;left:50%;translate:-50% -50%}.donut{width:100%;height:100%;overflow:visible}.spin{transform:rotate(var(--rot));transform-origin:100px 100px;transition:transform var(--orbit-dur) var(--orbit-ease)}.seg{fill:#262c29;stroke:#262c29;stroke-width:5px;stroke-linejoin:round;transform-origin:100px 100px;transition:fill .5s, stroke .5s, transform .8s var(--ease)}.seg:not(.on){transform:none}.seg.on{fill:var(--green);stroke:var(--green);transform:scale(1.05)}.core-txt{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0 52px;display:flex;position:absolute;inset:0}.core-txt b{font-family:var(--display);letter-spacing:-.02em;font-size:34px;font-weight:600;line-height:1}.core-txt span{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:#ffffff8c;font-size:10px;font-weight:500;line-height:1.3}.path{width:calc(var(--r) * 2);aspect-ratio:1;pointer-events:none;border:1px dashed #ffffff2e;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.panel{position:absolute;inset:0}.panel[hidden]{display:none}.coin{z-index:2;width:52px;height:52px;translate:calc(-50% + cos(var(--a) + var(--off)) * var(--r)) calc(-50% + sin(var(--a) + var(--off)) * var(--r));opacity:0;transition:--off var(--orbit-dur) var(--orbit-ease), opacity .6s ease-out 50ms, scale var(--orbit-dur) var(--orbit-ease), transform .35s var(--ease), box-shadow .3s;border-radius:50%;position:absolute;top:50%;left:50%;scale:.9;box-shadow:0 0 0 4px #0a0b0b,0 0 0 5px #ffffff24}.coin:hover{box-shadow:0 0 0 4px #0a0b0b, 0 0 0 5px var(--green);z-index:3;transform:scale(1.12)}.coin:has(+.card:hover){box-shadow:0 0 0 4px #0a0b0b, 0 0 0 5px var(--green);z-index:3;transform:scale(1.12)}.coin:hover+.card{border-color:#28de9166}.card{width:var(--card);-webkit-backdrop-filter:blur(10px);opacity:0;transition:opacity .35s ease-out calc(var(--orbit-dur) * .5), border-color .3s;background:#171b19db;border:1px solid #ffffff17;border-radius:18px;padding:20px 22px 18px;position:absolute}.card:hover{border-color:#28de9166}.panel.on .coin{opacity:1;scale:1}.panel.on .card{opacity:1}.s-tl{top:0;left:0}.s-tr{top:0;right:0}.s-bl{bottom:0;left:0}.s-br{bottom:0;right:0}.s-r{margin-top:-90px;top:50%;right:0}.card h3,.acc-card h3{font-family:var(--display);color:#fff;margin:0;font-size:1.0625rem;font-weight:600;line-height:1.25}.card p,.acc-card p{color:#ffffff9e;text-wrap:pretty;margin:8px 0 12px;font-size:.8125rem;line-height:1.55}.card a,.acc-card a{color:var(--green);align-items:center;gap:6px;font-size:.8125rem;font-weight:500;display:inline-flex}.card a:hover svg,.acc-card a:hover svg{transform:translate(3px)}.card a svg,.acc-card a svg{transition:transform .3s var(--ease)}.acc{display:none}@media (max-width:1199px){.stage{grid-template-columns:1fr;gap:40px}.tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.tab{text-align:center;flex-direction:column-reverse;justify-content:center;gap:10px;min-height:120px;padding:14px 10px}.tab.on{transform:translateY(-4px)}.tab:before{width:auto;height:3px;inset:auto 24px -1px;transform:scaleX(0)}.tab.on:before{transform:scaleX(1)}.orbit{--r:130px;--card:220px;width:100%;max-width:860px;height:520px;margin:0 auto}.core{width:180px;height:180px}.core-txt b{font-size:28px}}@media (max-width:759px){.gx{padding:72px 0 24px}.gx.bare{padding:0}.head{margin-bottom:36px}.stage{display:none}.acc{flex-direction:column;gap:10px;display:flex}.acc-head{min-height:64px;padding-left:20px}.acc-item.open .acc-head{color:#fff;background:#28de9112;border-color:#28de9173}.acc-panel{transition:grid-template-rows .5s var(--ease);grid-template-rows:0fr;display:grid}.acc-item.open .acc-panel{grid-template-rows:1fr}.acc-inner{flex-direction:column;gap:10px;display:flex;overflow:hidden}.acc-item.open .acc-inner{padding:10px 0 8px}.acc-card{background:#ffffff09;border:1px solid #ffffff14;border-radius:16px;align-items:flex-start;gap:14px;padding:18px;display:flex}.acc-card img{border-radius:50%;flex:none}}@media (prefers-reduced-motion:reduce){.coin,.card{opacity:1;transition:none;transform:none}.ring .ring-val{stroke-dasharray:var(--v) 100}}}