body{margin:0}a{color:#6FA3F0}a:hover{color:#9CC0F5}.pp .mb-pipe{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;position:relative}.pp .mb-pipe::before{content:"";position:absolute;left:4%;right:4%;top:31px;height:4px;background:repeating-linear-gradient(90deg,var(--line) 0 8px,transparent 8px 12px);z-index:0}.pp .mb-pipe li{position:relative;z-index:1;display:flex}.pp .mb-step{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;min-height:44px;padding:12px 12px 16px;border-radius:4px;color:var(--ink)}.pp .mb-step .px{display:grid;place-items:center;width:40px;height:40px;background:var(--surface);border:2px solid var(--line);font:700 16px/1 var(--fp);color:var(--ink2)}.pp .mb-step b{font:650 17px/1.2 var(--fd)}.pp .mb-step .k{font-size:13px;line-height:1.35;color:var(--ink2)}.pp .mb-step:hover .px{border-color:#7F6BE0}.pp .mb-step.on .px{background:#5B49C4;border-color:#5B49C4;color:#FFFFFF}.pp .mb-step.done .px{border-color:#7F6BE0;color:var(--ink)}.pp .mb-step:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.pp .mb-panel{margin-top:20px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px 48px;padding:28px 32px;background:var(--surface);border:1px solid var(--line);border-left:4px solid #7F6BE0;border-radius:4px}.pp .mb-panel h3{margin:0 0 8px;font:650 22px/1.2 var(--fd)}.pp .mb-panel p{margin:0}.pp .mb-out{display:flex;flex-direction:column;gap:8px}.pp .mb-out .chip{align-self:flex-start}.pp .mb-accept{margin-top:28px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 20px;align-items:baseline;padding-top:20px;border-top:1px solid var(--line)}.pp .mb-accept .px{font:700 13px/1 var(--fp);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}@container pp (max-width:1000px){.pp .mb-pipe{grid-template-columns:repeat(3,minmax(0,1fr))}.pp .mb-pipe::before{display:none}.pp .mb-panel{grid-template-columns:minmax(0,1fr)}}@container pp (max-width:640px){.pp .mb-pipe{grid-template-columns:repeat(2,minmax(0,1fr))}.pp .mb-panel{padding:20px}.pp .mb-accept{grid-template-columns:minmax(0,1fr)}}body{margin:0;background:#050B15}body{margin:0}