.how-it-works{padding:60px 0;background:#fff}.how-it-works__header{text-align:center;margin-bottom:56px}.how-it-works__title{font-size:clamp(26px,4vw,40px);font-weight:800;color:#1a1a2e;margin:8px 0 12px}.how-it-works__intro{color:#6b7280;font-size:16px;max-width:480px;margin:0 auto}.how-it-works__steps{display:flex;flex-direction:column;gap:20px;width:100%;box-sizing:border-box}.how-it-works__card{position:relative;flex:1;background:#fff;border:.5px solid #e5e7eb;border-radius:20px;padding:36px 28px;text-align:center;box-shadow:0 4px 16px #0000000f;overflow:hidden;min-width:0}.how-it-works__watermark{position:absolute;top:-10px;right:16px;font-size:80px;font-weight:900;color:var(--hiw-accent, #4281ff);opacity:.07;line-height:1;user-select:none;pointer-events:none}.how-it-works__icon-ring{width:72px;height:72px;border-radius:50%;background:var(--hiw-icon-bg, #eef4ff);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:32px}.how-it-works__num-badge{width:28px;height:28px;border-radius:50%;background:var(--hiw-accent, #4281ff);color:#fff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.how-it-works__step-title{font-size:18px;font-weight:700;color:#1a1a2e;margin:0 0 10px}.how-it-works__step-desc{font-size:14px;color:#6b7280;line-height:1.65;margin:0}.how-it-works__arrow{display:none;align-items:center;justify-content:center;padding:0 4px;color:#d1d5db;font-size:24px;flex-shrink:0;user-select:none}.how-it-works__cta{text-align:center;margin-top:48px}.how-it-works__cta .btn-primary{font-size:16px;padding:16px 40px}@media (min-width: 992px){.how-it-works__steps{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:0 8px}.how-it-works__arrow{display:flex}}.how-it-works__card{transform-style:preserve-3d;will-change:transform,opacity}.how-it-works__card:hover{transform:perspective(800px) rotateX(-3deg) rotateY(3deg) translateY(-4px);box-shadow:-6px 14px 32px #0000001a;transition:transform .3s ease,box-shadow .3s ease}@media (prefers-reduced-motion: reduce){.how-it-works__card{will-change:auto;opacity:1!important;transform:none!important}.how-it-works__card:hover{transform:none}}@media (max-width: 767px){.how-it-works__card:hover{transform:translateY(-3px)}}