.HowItWorks-module__iI9NfG__steps{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.HowItWorks-module__iI9NfG__step{z-index:1;background:#111;border:1px solid #1e1e1e;border-radius:12px;min-height:220px;padding:2rem;transition:transform .3s,opacity .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.HowItWorks-module__iI9NfG__step:hover{z-index:10;opacity:1;border-color:#6b21a8;transform:scale(1.04);box-shadow:0 0 25px #a855f726,0 0 8px #a855f714}.HowItWorks-module__iI9NfG__steps:has(.HowItWorks-module__iI9NfG__step:hover) .HowItWorks-module__iI9NfG__step:not(:hover){opacity:.5;transform:scale(.97)}.HowItWorks-module__iI9NfG__steps:has(.HowItWorks-module__iI9NfG__step:first-child:hover) .HowItWorks-module__iI9NfG__step:nth-child(2){transform:translate(6px)scale(.97)}.HowItWorks-module__iI9NfG__steps:has(.HowItWorks-module__iI9NfG__step:nth-child(2):hover) .HowItWorks-module__iI9NfG__step:first-child{transform:translate(-6px)scale(.97)}.HowItWorks-module__iI9NfG__steps:has(.HowItWorks-module__iI9NfG__step:nth-child(2):hover) .HowItWorks-module__iI9NfG__step:nth-child(3){transform:translate(6px)scale(.97)}.HowItWorks-module__iI9NfG__steps:has(.HowItWorks-module__iI9NfG__step:nth-child(3):hover) .HowItWorks-module__iI9NfG__step:nth-child(2){transform:translate(-6px)scale(.97)}.HowItWorks-module__iI9NfG__steps:has(.HowItWorks-module__iI9NfG__step:nth-child(3):hover) .HowItWorks-module__iI9NfG__step:nth-child(4){transform:translate(6px)scale(.97)}.HowItWorks-module__iI9NfG__steps:has(.HowItWorks-module__iI9NfG__step:nth-child(4):hover) .HowItWorks-module__iI9NfG__step:nth-child(3){transform:translate(-6px)scale(.97)}.HowItWorks-module__iI9NfG__bgNumber{font-family:var(--font-syne);color:#fff;opacity:.03;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:120px;font-weight:800;line-height:1;transition:opacity .3s;position:absolute;top:8px;right:12px}.HowItWorks-module__iI9NfG__step:hover .HowItWorks-module__iI9NfG__bgNumber{opacity:.07}.HowItWorks-module__iI9NfG__title{font-family:var(--font-syne);color:#fff;margin:0 0 12px;font-size:1.25rem;font-weight:700;position:relative}.HowItWorks-module__iI9NfG__description{color:#666;margin:0;font-size:.95rem;line-height:1.7;position:relative}@media (max-width:768px){.HowItWorks-module__iI9NfG__steps{grid-template-columns:repeat(2,1fr)}.HowItWorks-module__iI9NfG__step:hover{transform:none}:is(.HowItWorks-module__iI9NfG__steps:has(.HowItWorks-module__iI9NfG__step:hover) .HowItWorks-module__iI9NfG__step:not(:hover),.HowItWorks-module__iI9NfG__steps:has(.HowItWorks-module__iI9NfG__step:first-child:hover) .HowItWorks-module__iI9NfG__step:nth-child(2),.HowItWorks-module__iI9NfG__steps:has(.HowItWorks-module__iI9NfG__step:nth-child(2):hover) .HowItWorks-module__iI9NfG__step:first-child,.HowItWorks-module__iI9NfG__steps:has(.HowItWorks-module__iI9NfG__step:nth-child(2):hover) .HowItWorks-module__iI9NfG__step:nth-child(3),.HowItWorks-module__iI9NfG__steps:has(.HowItWorks-module__iI9NfG__step:nth-child(3):hover) .HowItWorks-module__iI9NfG__step:nth-child(2),.HowItWorks-module__iI9NfG__steps:has(.HowItWorks-module__iI9NfG__step:nth-child(3):hover) .HowItWorks-module__iI9NfG__step:nth-child(4),.HowItWorks-module__iI9NfG__steps:has(.HowItWorks-module__iI9NfG__step:nth-child(4):hover) .HowItWorks-module__iI9NfG__step:nth-child(3)){opacity:1!important;transform:none!important}}@media (max-width:480px){.HowItWorks-module__iI9NfG__steps{grid-template-columns:1fr}}
