.hiw{position:relative;overflow:hidden}.hiw__bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(99,102,241,.05) 0,transparent 70%);pointer-events:none}.hiw__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2xl);position:relative}.hiw__step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-md);padding:var(--space-2xl) var(--space-xl);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);backdrop-filter:blur(20px);position:relative;transition:all var(--transition-base)}.hiw__step:hover{border-color:var(--border-accent);transform:translateY(-6px);box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 40px rgba(99,102,241,.08)}.hiw__step-num{font-family:var(--font-display);font-size:3.5rem;font-weight:800;line-height:1;letter-spacing:-.05em;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.4}.hiw__step-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-accent);border-radius:var(--radius-full);box-shadow:0 0 20px rgba(99,102,241,.1);transition:all var(--transition-base)}.hiw__step:hover .hiw__step-icon{background:var(--accent-primary-muted);border-color:var(--accent-primary-hover);transform:scale(1.05);box-shadow:0 0 30px rgba(99,102,241,.25)}.hiw__step-title{font-size:1.2rem;font-weight:700;color:var(--text-primary)}.hiw__step-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.65;max-width:280px}.hiw__step-detail{font-size:.75rem}.hiw__connector{position:absolute;top:50px;right:-1.25rem;width:2.5rem;height:2px;background:linear-gradient(90deg,var(--accent-primary),transparent);pointer-events:none;z-index:1}@media (max-width:900px){.hiw__steps{grid-template-columns:1fr}.hiw__connector{display:none}}