.how-it-works{background:var(--pinkl)}.how-it-works-text h2{color:var(--mojo);font-size:28px;font-weight:700;line-height:1.22;margin:0}.how-it-works-text p{font-size:16.5px;line-height:1.65;margin:14px 0 34px;max-width:760px}.how-it-works-elements{display:grid;gap:22px;grid-template-columns:minmax(0,1fr)}.how-it-works-element{border-radius:16px;box-shadow:0 12px 34px rgba(33,3,70,.25);color:#fff;display:flex;flex-direction:column;min-width:0;overflow:hidden}.how-it-works-element-media{height:170px;overflow:hidden;position:relative}.how-it-works-element-media img{display:block;height:100%!important;object-fit:cover;width:100%}.how-it-works-element-media:after{background:linear-gradient(180deg,rgba(var(--how-it-works-card-rgb),0),rgba(var(--how-it-works-card-rgb),.92));content:"";height:46%;inset:auto 0 0;pointer-events:none;position:absolute}.how-it-works-element-body{display:flex;flex:1;flex-direction:column;padding:24px 26px 28px;position:relative}.how-it-works-element-media+.how-it-works-element-body{margin-top:-26px}.how-it-works-element-top{align-items:center;display:flex;gap:12px;justify-content:space-between}.how-it-works-number{border-radius:12px;display:inline-block;font-size:18px;font-weight:800;letter-spacing:.04em;line-height:1;padding:8px 16px}.how-it-works-icon.material-symbols-outlined{flex:0 0 40px;font-size:40px;height:40px;width:40px}.how-it-works-element-text h3{color:#fff;font-size:20px;margin:16px 0 10px}.how-it-works-element-text p{color:#fff;font-size:13.5px;line-height:1.65;margin:0}.how-it-works-buttons{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:34px}.how-it-works-buttons .btn{max-width:340px;width:100%}.how-it-works-vh{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}@media (min-width:561px){.how-it-works-elements{grid-template-columns:repeat(2,minmax(0,1fr))}.how-it-works-element-media{height:200px}.how-it-works-buttons .btn{max-width:none;width:auto}}@media (min-width:881px){.how-it-works-text h2{font-size:40px}.how-it-works-elements{grid-template-columns:repeat(3,minmax(0,1fr))}.how-it-works-elements--two-in-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (forced-colors:active){.how-it-works-buttons .btn,.how-it-works-element,.how-it-works-number{border:2px solid}}