.how{overflow:hidden}.how:before{inset:0 -15%;background:radial-gradient(circle at 16% 25%,rgba(139,92,246,.16),transparent 26%),radial-gradient(circle at 85% 75%,rgba(56,189,248,.1),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.015),transparent 50%)}.how>h2{max-width:900px;margin-left:auto;margin-right:auto;text-align:center;font-size:clamp(36px,5vw,60px);line-height:1.05}.how .eyebrow{text-align:center}.how-intro{font-size:16px;max-width:760px}.steps{gap:20px}.steps:before{top:44px;left:16%;right:16%;background:linear-gradient(90deg,transparent,#8b5cf6 20%,#ec4899 50%,#38bdf8 80%,transparent);opacity:.75}.steps>div{min-height:300px;padding:26px 28px 24px;background:linear-gradient(145deg,rgba(33,40,72,.96),rgba(15,21,42,.98));border-color:rgba(167,139,250,.28);overflow:hidden}.steps>div:before{content:"";position:absolute;inset:auto -20% -55% 35%;height:180px;border-radius:50%;background:var(--step-glow,rgba(139,92,246,.16));filter:blur(30px);pointer-events:none}.steps>div:nth-child(1){--step-glow:rgba(139,92,246,.2)}.steps>div:nth-child(2){--step-glow:rgba(236,72,153,.2)}.steps>div:nth-child(3){--step-glow:rgba(56,189,248,.2)}.steps>div:hover{transform:translateY(-9px) scale(1.015)}.steps>div span{width:54px;height:54px;border-radius:17px;font-size:16px;box-shadow:0 11px 28px rgba(99,102,241,.32)}.step-kicker{display:block!important;width:auto!important;height:auto!important;background:none!important;box-shadow:none!important;color:#aeb7d4!important;font-size:10px!important;letter-spacing:.16em;margin-bottom:25px}.steps h3{position:relative;font-size:22px;margin:28px 0 12px}.steps p{position:relative;font-size:14px;line-height:1.7}.step-link{position:relative;display:inline-flex;margin-top:24px;padding:10px 13px;border-radius:8px;background:rgba(139,92,246,.12);border:1px solid rgba(167,139,250,.25);color:#d9d0ff;font-size:12px;font-weight:700;transition:.2s}.step-link:hover{background:#8b5cf6;color:#fff;transform:translateX(4px)}.how-benefits{margin-top:36px}.how-benefits article{min-height:120px;background:rgba(16,22,42,.75)}@media(max-width:700px){.how>h2{font-size:37px}.steps:before{left:27px;right:auto}.steps>div{min-height:0;padding:22px 22px 22px 92px}.step-kicker{margin-bottom:18px}.steps>div span{left:22px;top:22px}.steps h3{font-size:19px;margin-top:14px}.step-link{margin-top:18px}.how-benefits{margin-top:22px}}