.how-section{--text-secondary:#2e2e2e}.how-steps{isolation:isolate;border-left:1px solid var(--border-primary);border-bottom:1px solid var(--border-primary);margin:0;padding:0;list-style:none}.how-step{top:var(--how-sticky-top,64px);background:var(--surface-primary-inverse);border-top:1px solid var(--border-primary);height:600px;display:flex;position:sticky}.how-step-art{border-right:1px solid var(--border-primary);background:repeating-linear-gradient(135deg, transparent 0 10px, var(--border-primary) 10px 11px);flex:0 0 50%;width:50%;min-width:0;overflow:hidden}.how-step-art img{object-fit:cover;object-position:center;width:100%;height:100%}.how-step-panel{width:50%;min-width:0;padding:var(--space-36);flex-direction:column;flex:0 0 50%;justify-content:space-between;align-items:flex-start;display:flex}.how-step-number{background:var(--surface-primary-inverse);border:1px solid var(--border-primary);border-radius:var(--radius-4);padding:5px var(--space-8) var(--space-4);letter-spacing:-.03em;font-size:12px;line-height:1.2}.how-step-content{gap:var(--space-24);flex-direction:column;width:100%;display:flex}.how-step-content h3{width:100%;max-width:100%;font:400 72px/1 var(--font-display);letter-spacing:0;white-space:pre-line}.how-step-details{gap:var(--space-16);color:var(--text-secondary);flex-direction:column;display:flex}.how-step-details>p{width:380px;max-width:100%;font-size:16px;line-height:1.3}.how-step-details ul{gap:var(--space-16);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.how-step-details li{align-items:center;gap:var(--space-8);font-size:14px;line-height:1.3;display:flex}.how-check{flex:0 0 12px;width:12px;height:8px;position:relative}.how-check img{position:absolute;top:-1px;left:-1px}@media (width<=1100px){.how-step-panel{padding:var(--space-24)}.how-step-content h3{font-size:64px}.how-step-details li{align-items:flex-start}.how-check{margin-top:5px}}@media (width<=640px){.how-step{flex-direction:column;height:auto}.how-step-art{aspect-ratio:1328/1198;border-right:0;border-bottom:1px solid var(--border-primary);flex:none;width:100%;height:auto}.how-step-panel{gap:var(--space-36);flex:none;width:100%}.how-step-content h3{font-size:48px}}
