.how{position:relative;padding-top:92px;padding-bottom:92px}.how:before{content:"";position:absolute;inset:42px 0;background:radial-gradient(circle at 50% 30%,rgba(139,92,246,.1),transparent 55%);pointer-events:none}.how>*{position:relative}.how>h2{font-size:clamp(34px,4vw,48px);margin-bottom:38px}.how .eyebrow{margin-bottom:14px}.steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:0}.steps:before{content:"";position:absolute;top:31px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,#8b5cf6,#ec4899,#38bdf8);opacity:.5}.steps>div{position:relative;min-height:235px;padding:28px 26px 25px;border:1px solid rgba(167,139,250,.2);border-radius:18px;background:linear-gradient(160deg,rgba(31,38,66,.88),rgba(17,22,42,.92));box-shadow:0 18px 40px rgba(0,0,0,.14);transition:transform .25s,border-color .25s,box-shadow .25s}.steps>div:hover{transform:translateY(-7px);border-color:rgba(167,139,250,.65);box-shadow:0 22px 45px rgba(99,102,241,.18)}.steps>div:after{content:"";position:absolute;top:22px;right:24px;width:32px;height:32px;border-radius:10px;background:rgba(139,92,246,.12);border:1px solid rgba(167,139,250,.2);color:#c4b5fd}.steps>div:nth-child(1):after{content:"⌕"}.steps>div:nth-child(2):after{content:"↗"}.steps>div:nth-child(3):after{content:"✓"}.steps span{position:relative;z-index:1;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-size:14px;box-shadow:0 9px 22px rgba(99,102,241,.3)}.steps>div:nth-child(2) span{background:linear-gradient(135deg,#ec4899,#a855f7)}.steps>div:nth-child(3) span{background:linear-gradient(135deg,#38bdf8,#2563eb)}.steps h3{margin:25px 0 10px;font-size:19px}.steps p{max-width:100%;margin:0;color:#9da8c4;font-size:13px;line-height:1.7}.how:after{content:"";display:block;position:relative;margin:38px auto 0;width:min(760px,100%);height:1px;background:linear-gradient(90deg,transparent,rgba(167,139,250,.3),transparent)}@media(max-width:700px){.how{padding-top:70px;padding-bottom:70px}.steps{grid-template-columns:1fr;gap:14px}.steps:before{top:31px;bottom:31px;left:23px;right:auto;width:1px;height:auto;background:linear-gradient(180deg,#8b5cf6,#ec4899,#38bdf8)}.steps>div{min-height:0;padding:22px 22px 24px 86px}.steps h3{margin-top:18px}.steps span{position:absolute;left:22px;top:22px;width:42px;height:42px}.steps>div:after{top:22px;right:22px}}