.how-it-works{padding:48px 32px;background:var(--section-bg);overflow-x:hidden;width:100%;max-width:100%}.hiw-inner{max-width:var(--section-max-width);margin:0 auto}.hiw-title{background:linear-gradient(135deg,var(--teal),var(--yellow));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hiw-steps{display:flex;align-items:stretch;gap:0;margin-top:2.75rem;animation:hiwFadeIn .5s ease-out both}@keyframes hiwFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hiw-arrow{flex-shrink:0;display:flex;align-items:center;align-self:center;padding:0 .4rem;opacity:.5}.hiw-step{flex:1;display:flex;flex-direction:column;gap:.75rem;padding:1.6rem 1.4rem 1.75rem;border-radius:var(--card-radius);background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;min-width:0}.hiw-step:hover{transform:translateY(-6px);box-shadow:var(--card-shadow-hover)}.hiw-step--teal{border-color:#0e748d2e}.hiw-step--yellow{border-color:#f8c2123d}[data-theme=dark] .hiw-step--teal{border-color:#0e748d38}[data-theme=dark] .hiw-step--yellow{border-color:#f8c2122e}.hiw-step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.1rem}.hiw-step-num{font-size:2.4rem;font-weight:var(--fw-black);line-height:1;color:var(--text-primary);opacity:.1;letter-spacing:-.02em}.hiw-step-icon{width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hiw-icon--teal{background:#0e748d1a;color:#0e748d}.hiw-icon--yellow{background:#f8c21221;color:#c48a00}[data-theme=dark] .hiw-icon--yellow{color:#f8c212}.hiw-step-title{font-size:var(--font-size-md);font-weight:var(--fw-bold);color:var(--text-primary);margin:0;line-height:1.25}.hiw-step-desc{font-size:var(--font-size-sm);font-weight:var(--fw-regular);color:var(--text-secondary);line-height:1.65;margin:0}@media (max-width: 1024px){.how-it-works{padding:56px 24px}}@media (max-width: 860px){.how-it-works{padding:48px 20px}.hiw-steps{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}.hiw-arrow{display:none}}@media (max-width: 540px){.how-it-works{padding:40px 16px}.hiw-steps{grid-template-columns:1fr;gap:.85rem}.hiw-step{padding:1.35rem 1.2rem 1.5rem;border-radius:var(--radius-lg)}}