:root{--how-max-width:1120px;--how-padding-y:96px;--how-title:#020617;--how-sub:#4b5563;--how-number:#0f172a;--how-line:rgba(15,23,42,0.08);}
.how{width:100%;background:#ffffff;padding:var(--how-padding-y) 24px;}
.how-inner{max-width:var(--how-max-width);margin:0 auto;}
.how-title{font-size:32px;font-weight:700;letter-spacing:-0.03em;margin:0;color:var(--how-title);}
.how-subtitle{max-width:600px;margin-top:16px;font-size:15px;line-height:1.6;color:var(--how-sub);}
.how-steps{margin-top:48px;display:flex;flex-direction:column;gap:40px;}
.how-step{display:flex;align-items:flex-start;gap:24px;padding-bottom:32px;border-bottom:1px solid var(--how-line);}
.how-step:last-child{border-bottom:none;}
.how-step-number{font-size:34px;font-weight:700;letter-spacing:-0.03em;color:var(--how-number);line-height:1;min-width:60px;}
.how-step-title{margin:0;font-size:18px;font-weight:600;letter-spacing:-0.02em;}
.how-step-text{margin-top:6px;font-size:14px;line-height:1.58;color:var(--how-sub);}
@media(max-width:700px){.how-step{flex-direction:column;gap:12px;}.how-step-number{font-size:28px;min-width:auto;}}
.how-step{opacity:0;transform:translateY(14px);animation:howFade .6s cubic-bezier(.19,1,.22,1) forwards;}
.how-step:nth-child(1){animation-delay:.1s;}
.how-step:nth-child(2){animation-delay:.18s;}
.how-step:nth-child(3){animation-delay:.26s;}
@keyframes howFade{to{opacity:1;transform:translateY(0);}}