.protocol-steps{background:#000}.protocol-steps__layout{grid-template-columns:1fr;align-items:center;gap:2.5rem;display:grid}@media screen and (min-width:990px){.protocol-steps__layout{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:3rem}}.protocol-steps__diagram-wrap{flex-direction:column;align-items:center;gap:1.5rem;width:100%;display:flex}.protocol-steps__diagram{width:min(24rem,92vw);height:min(24rem,92vw);margin:0 auto;position:relative}.protocol-steps__wheel{transform:rotate(var(--wheel-rotation,0deg));will-change:transform;transition:transform .65s cubic-bezier(.34,1.1,.44,1);position:absolute;inset:0}.protocol-steps__diagram .protocol-steps__node{pointer-events:auto}.protocol-steps__orbit{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.protocol-steps__hub{z-index:4;pointer-events:none;background:radial-gradient(circle at 30% 30%,#2a2a2a,#0a0a0a);border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;width:clamp(4.75rem,12vw,5.75rem);height:clamp(4.75rem,12vw,5.75rem);display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #e52e2e33,0 0 36px #e52e2e47,0 0 72px #e52e2e1f}.protocol-steps__hub-logo{object-fit:cover;filter:drop-shadow(0 0 10px #ffffff59)drop-shadow(0 0 24px #e52e2e59);border-radius:50%;width:100%;height:100%;display:block}.protocol-steps__node{color:#fff;cursor:pointer;width:5.5rem;height:5.5rem;transform:rotate(var(--step-angle)) translateY(-10rem) rotate(calc(-1 * var(--step-angle) - var(--wheel-rotation,0deg)));z-index:2;opacity:.72;background:#1a1a1a;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;margin:-2.75rem 0 0 -2.75rem;padding:0;transition:box-shadow .35s,background .35s,opacity .35s,filter .35s;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1.5px #ffffff8c}.protocol-steps__node:before{content:"";border-radius:50%;position:absolute;inset:-.65rem}.protocol-steps__node-ring{border:2px solid #0000;border-radius:50%;transition:border-color .35s,box-shadow .35s;position:absolute;inset:-3px}.protocol-steps__node:hover{opacity:.92;background:#222}.protocol-steps__node.is-active{opacity:1;filter:drop-shadow(0 0 18px #e52e2e73);background:#242424;animation:2.4s ease-in-out infinite protocol-steps-node-glow;box-shadow:0 0 0 2px #e52e2ea6,0 0 32px #e52e2e8c,0 0 64px #e52e2e47}.protocol-steps__node.is-active .protocol-steps__node-ring{border-color:#e52e2ed9;box-shadow:0 0 20px #e52e2ea6,0 0 40px #e52e2e59}@keyframes protocol-steps-node-glow{0%,to{box-shadow:0 0 0 2px #e52e2e8c,0 0 28px #e52e2e73,0 0 56px #e52e2e33}50%{box-shadow:0 0 0 2px #e52e2ed9,0 0 40px #e52e2ea6,0 0 80px #e52e2e59}}.protocol-steps__node-icon{z-index:1;font-size:1.25rem;line-height:1;position:relative}.protocol-steps__node-label{letter-spacing:.06em;text-transform:uppercase;color:#ffffffd9;z-index:1;font-size:.625rem;font-weight:700;position:relative}.protocol-steps__node-num{color:#ffffff73;z-index:1;font-size:.5625rem;position:relative}.protocol-steps__nav{flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%;max-width:28rem;display:none}@media screen and (min-width:990px){.protocol-steps__nav{display:flex}}.protocol-steps__nav-pill{color:#ffffffbf;min-height:3.25rem;font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.45rem;padding:.85rem 1.25rem;transition:background .2s,border-color .2s,box-shadow .2s,color .2s;display:inline-flex}.protocol-steps__nav-pill:hover{color:#fff;background:#ffffff14;border-color:#fff3}.protocol-steps__nav-pill.is-active{color:#fff;background:#e52e2e26;border-color:#e52e2e8c;box-shadow:0 0 20px #e52e2e40}.protocol-steps__nav-num{letter-spacing:.04em;color:#e52e2e;font-size:.6875rem;font-weight:700}.protocol-steps__nav-pill.is-active .protocol-steps__nav-num{color:#fff}.protocol-steps__nav-label{font-size:.8125rem;font-weight:600}.protocol-steps__cards{min-height:22rem;position:relative}.protocol-steps__card{background:#000;border:1px solid #e52e2e59;border-radius:1.25rem;padding:1.75rem 1.75rem 1.5rem;display:none;box-shadow:0 0 24px #e52e2e14}.protocol-steps__card.is-active{animation:.35s protocol-step-fade;display:block}@keyframes protocol-step-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.protocol-steps__badge{margin:0 0 1rem}.protocol-steps__card-title{letter-spacing:-.02em;color:#fff;margin:0 0 1rem;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800;line-height:1.15}.protocol-steps__card-title em{color:#e52e2e;font-style:normal;font-weight:inherit}.protocol-steps__card-body{color:#ffffffb8;margin:0 0 1.5rem;font-size:.9375rem;line-height:1.65}.protocol-steps__card-body p{margin:0}.protocol-steps__meta{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem;display:grid}.protocol-steps__meta-label{letter-spacing:.12em;text-transform:uppercase;color:#fff6;margin-bottom:.35rem;font-size:.625rem;font-weight:600;display:block}.protocol-steps__meta-value{color:#fff;font-size:.9375rem;font-weight:700}.protocol-steps__progress{align-items:center;gap:.45rem;margin-bottom:.75rem;display:flex}.protocol-steps__dot{cursor:pointer;background:#ffffff26;border:none;border-radius:999px;width:1.5rem;height:.35rem;padding:0;transition:background .25s,width .25s,box-shadow .25s}.protocol-steps__dot:hover{background:#ffffff4d}.protocol-steps__dot.is-active{background:#e52e2e;width:2rem;box-shadow:0 0 12px #e52e2e8c}.protocol-steps__card-nav{justify-content:space-between;gap:1rem;display:flex}.protocol-steps__arrow-btn{color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;min-width:2.75rem;height:2.75rem;padding:0 1rem;font-size:1rem;transition:background .2s,border-color .2s;display:inline-flex}.protocol-steps__arrow-btn:hover{background:#e52e2e1f;border-color:#e52e2e66}@media screen and (max-width:989px){.protocol-steps__diagram{width:min(20rem,92vw);height:min(20rem,92vw)}.protocol-steps__node{width:5rem;height:5rem;transform:rotate(var(--step-angle)) translateY(-8.5rem) rotate(calc(-1 * var(--step-angle) - var(--wheel-rotation,0deg)));margin:-2.5rem 0 0 -2.5rem;box-shadow:0 0 0 1.5px #ffffffb3}.protocol-steps__cards{min-height:auto}}@media (prefers-reduced-motion:reduce){.protocol-steps__wheel{transition:none}.protocol-steps__node.is-active,.protocol-steps__card.is-active{animation:none}}