.pm-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:start}.dia-wrap{position:sticky;top:110px;background:var(--mid);border-radius:28px;padding:28px;overflow:hidden}.dia{width:100%;display:block;overflow:visible}.dia .nd{transform-box:fill-box;transform-origin:center;transition:transform .6s var(--ease)}body .dia .nd.is-active{transform:scale(1.16)}.dia .halo{opacity:0;transition:opacity .5s}.dia .halo.is-active{opacity:1}.dia .ln{stroke-dasharray:1120;stroke-dashoffset:0}.motion-on .dia .ln{stroke-dashoffset:1120;transition:stroke-dashoffset 1.8s var(--ease) .2s}.motion-on .dia.is-in .ln{stroke-dashoffset:0}.orb{transform-box:view-box;transform-origin:260px 260px;animation:spin 24s linear infinite}.pil{list-style:none;margin:0;padding:0}.pil li{padding:36px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:56px minmax(0,1fr);gap:20px;opacity:.45;transition:opacity .6s var(--ease)}.pil li:last-child{border-bottom:1px solid var(--line)}.pil li.is-active,.motion-off .pil li{opacity:1}.pnum{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-weight:800;font-size:18px;border:2px solid var(--c);color:var(--ink);transition:background .5s,color .5s}.pil li.is-active .pnum,.motion-off .pnum{background:var(--c);color:var(--on)}.pil h3{font-size:clamp(24px,2.4vw,30px);margin-bottom:10px}.pil p{color:var(--muted)}.pil small{display:block;margin-top:12px;font-size:14.5px;color:var(--ink);font-weight:600}.conn{position:relative;overflow:hidden}.conn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:48px}.chain{border-radius:22px;padding:28px;background:#ffffff0a;border:1px solid var(--lineD)}.chain .pair{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-weight:700;font-size:15px;margin-bottom:14px}.chain .pair i{display:inline-block;width:10px;height:10px;border-radius:50%}.chain .arr{flex:1;min-width:30px;height:2px;background:linear-gradient(90deg,var(--a),var(--b));transform-origin:left;transition:transform 1.1s var(--ease) .4s}.motion-on .conn-grid .arr{transform:scaleX(0)}.motion-on .conn-grid.is-in .arr{transform:scaleX(1)}.chain p{color:var(--mutedD);font-size:15.5px}.conn-note{margin-top:36px;color:var(--mutedD);max-width:70ch}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.steps li{position:relative;border-radius:22px;background:#fff;border:1px solid var(--line);padding:28px 26px;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}.steps li:hover{transform:translateY(-6px);box-shadow:0 26px 50px -32px #0a173073}.steps li span{display:block;font-family:JetBrains Mono,monospace;font-size:13px;color:#0868d6;margin-bottom:14px}.steps li b{display:block;font-size:20px;letter-spacing:-.02em;line-height:1.25;margin-bottom:8px}.steps li p{color:var(--muted);font-size:15.5px}.steps li:after{content:"";position:absolute;left:26px;right:26px;top:0;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,var(--cyan),var(--violet));transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}.steps li:hover:after{transform:scaleX(1)}.disclaim{margin-top:40px;display:flex;gap:14px;align-items:flex-start;padding:22px 24px;border-radius:18px;background:var(--paper2);font-size:15px;color:var(--muted)}@media (max-width:1100px){.pm-grid{grid-template-columns:minmax(0,1fr);gap:40px}.dia-wrap{position:static;max-width:520px}.pil li{opacity:1}.pil li .pnum{background:var(--c);color:var(--on)}.conn-grid{grid-template-columns:minmax(0,1fr)}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.orb{animation:none}.steps{grid-template-columns:minmax(0,1fr)}.dia-wrap{padding:16px}}@media (prefers-reduced-motion:reduce){.orb{animation:none!important}.dia *,.pil li,.pnum,.steps li,.steps li:after,.arr{transition:none!important}.steps li:hover{transform:none}}