.hg{--gold:#d4a13c;--gold-hi:#f0cf7a;counter-reset:hg;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid;position:relative}.hg:before{content:"";z-index:0;background:linear-gradient(90deg,#0000,#d4a13c8c 12% 88%,#0000);height:1px;position:absolute;top:31px;left:4%;right:4%}.hg-step{z-index:1;background:linear-gradient(#d4a13c0f,#ffffff04 40%,#ffffff03);border:1px solid #ffffff12;border-radius:22px;align-content:start;gap:10px;padding:0 clamp(14px,1.4vw,20px) 20px;transition:border-color .4s,transform .5s cubic-bezier(.2,.8,.2,1);display:grid;position:relative}.hg-step:hover{border-color:#d4a13c59;transform:translateY(-4px)}.hg-n{width:36px;height:36px;font-family:var(--f-mono);color:#1b1204;background:linear-gradient(180deg, var(--gold-hi), var(--gold));border-radius:50%;justify-self:start;place-items:center;margin-top:14px;font-size:12px;display:grid;box-shadow:0 0 0 6px #090a0ee6,0 0 24px #d4a13c73}.hg-step h3{font-family:var(--f-sans);letter-spacing:-.035em;color:var(--ink);margin:6px 0 0;font-size:clamp(19px,1.6vw,23px);font-weight:600;line-height:1.15}.hg-step>p{color:var(--grey);margin:0;font-size:14px;line-height:1.55}.hg-does{gap:7px;margin:4px 0 0;padding:0;list-style:none;display:grid}.hg-does li{color:var(--ink);padding-left:18px;font-size:13.5px;line-height:1.4;position:relative}.hg-does li:before{content:"";background:var(--gold);border-radius:2px;width:8px;height:8px;position:absolute;top:.5em;left:0;transform:rotate(45deg)}.hg-mods{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.hg-mods a{color:var(--gold-hi);background:#d4a13c14;border:1px solid #d4a13c4d;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12.5px;font-weight:500;text-decoration:none;transition:background .25s,color .25s;display:inline-flex}.hg-mods a:hover{color:#1b1204;background:linear-gradient(180deg, var(--gold-hi), var(--gold))}@media (max-width:1100px){.hg{grid-template-columns:repeat(2,minmax(0,1fr))}.hg:before{display:none}.hg-step:last-child:nth-child(odd){grid-column:1/-1}}@media (max-width:640px){.hg{grid-template-columns:minmax(0,1fr)}}