.protocol{padding:90px 0;border-bottom:1px solid var(--border-subtle);}
.protocol-grid{display:grid;gap:20px;}
@media (min-width:768px){.protocol-grid{grid-template-columns:repeat(3,1fr);}}
.protocol-step{position:relative;overflow:hidden;padding:28px 24px;background:linear-gradient(180deg,#0c0f13,#070a0e);border:1px solid var(--border-subtle);border-top:1px solid var(--mox-line-strong);}
.protocol-step::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(185,191,198,0.016) 0 7px,transparent 7px 15px);pointer-events:none;}
.step-index{font-family:var(--font-mono);font-size:11px;letter-spacing:0.2em;color:var(--mox-accent-dim);}
.protocol-step h3{font-size:17px;color:var(--metal-100);margin:10px 0 10px;}
.protocol-step p{font-size:14px;color:var(--steel-400);}
.protocol-close{margin-top:40px;text-align:center;font-family:var(--font-mono);font-size:13px;letter-spacing:0.06em;color:var(--mox-accent);}
.ps-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.step-glyph{width:40px;height:40px;flex:0 0 auto;opacity:0.85;transition:opacity var(--transition),transform var(--transition);}
.step-glyph svg{width:40px;height:40px;display:block;}
.protocol-step:hover .step-glyph{opacity:1;transform:translateY(-1px);}
.protocol-step h3,.protocol-step p{position:relative;z-index:1;}
.step-cipher{position:relative;z-index:1;display:block;margin-top:20px;padding-top:12px;border-top:1px solid var(--border-subtle);height:26px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:0.26em;}
.step-cipher .cx-redacted,.step-cipher .cx-clear{position:absolute;left:0;top:12px;transition:opacity var(--transition);white-space:nowrap;}
.step-cipher .cx-redacted{color:var(--steel-500);opacity:0.7;}
.step-cipher .cx-clear{color:var(--mox-accent);opacity:0;}
.protocol-step:hover .step-cipher .cx-redacted{opacity:0;}
.protocol-step:hover .step-cipher .cx-clear{opacity:1;}
.ps-reveal{border-top-color:rgba(0,255,200,0.4);box-shadow:inset 0 1px 0 rgba(0,255,200,0.12);}
.ps-reveal .step-cipher .cx-clear{color:var(--accent-mint);}
@media (prefers-reduced-motion:reduce){.step-glyph,.step-cipher .cx-redacted,.step-cipher .cx-clear{transition:none;}}