.how-it-works{background:var(--surface);padding:72px 0}.steps-wrapper{position:relative}.steps-line{display:none}@media (min-width:768px){.steps-line{display:block;position:absolute;top:44px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gem-gold),var(--gem-orange),var(--gem-pink),transparent);z-index:0;opacity:.3}}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:32px;position:relative;z-index:1}.step{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.step-num{width:88px;height:88px;border-radius:50%;background:var(--surface2);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:800;position:relative;transition:all .4s}.step:hover .step-num{background:var(--surface);border-color:var(--gem-gold);box-shadow:0 0 30px #f5a80040}.step-num-inner{background:linear-gradient(135deg,var(--gem-gold),var(--gem-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.step-emoji{font-size:2rem;color:var(--text);display:flex;align-items:center;justify-content:center}.step-emoji svg{width:2rem;height:2rem;background:linear-gradient(135deg,var(--gem-gold),var(--gem-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 8px rgba(245,168,0,.3))}.step-title{font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700}.step-desc{font-size:.85rem;color:var(--muted);line-height:1.5}