.howitworks{background:#ebebeb;padding:100px 0}.howitworks .page-width{max-width:1500px;margin:0 auto;padding:0 64px}.howitworks__heading{text-align:center;font-size:clamp(22px,2.2vw,34px);line-height:1.2;font-weight:700;margin:0 0 28px;font-family:Stara,sans-serif!important}.howitworks__grid{display:grid;grid-template-columns:1fr;gap:16px;perspective:1000px}@media (min-width: 900px){.howitworks__grid{grid-template-columns:repeat(3,1fr);gap:20px}}.howitworks__card{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:start;gap:30px;padding:30px 20px;border-radius:10px;background:linear-gradient(to right,#fef3e2,#fefaf5,#fff);border:1px solid rgba(15,23,42,.08);box-shadow:0 1px #0f172a0a,0 6px 14px #0f172a0f;transform-style:preserve-3d;transition:transform .26s cubic-bezier(.2,.7,.2,1),box-shadow .26s cubic-bezier(.2,.7,.2,1),border-color .26s cubic-bezier(.2,.7,.2,1),background .26s cubic-bezier(.2,.7,.2,1);will-change:transform;overflow:hidden}.howitworks__num{font-weight:800;font-size:80px;line-height:1;color:#f4a940;padding-left:6px;transition:transform .26s cubic-bezier(.2,.7,.2,1),opacity .26s ease;font-family:Stara,sans-serif!important}.howitworks__title{margin:4px 0 6px;font-size:clamp(16px,1.6vw,24px);font-weight:600;transition:transform .26s cubic-bezier(.2,.7,.2,1),opacity .26s ease;font-family:Stara,sans-serif!important}.howitworks__text{margin:0;color:#4b5563;font-size:16px;font-weight:300;line-height:1.3;transition:transform .26s cubic-bezier(.2,.7,.2,1),opacity .26s ease;font-family:Myriad Pro,sans-serif!important}.howitworks__card:after{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(60% 40% at 0% 0%,rgba(255,255,255,.35),transparent 60%);transform:translate3d(-30%,-30%,0) rotate(8deg);opacity:0;transition:opacity .26s ease,transform .26s ease;pointer-events:none}.howitworks__card:hover,.howitworks__card:focus-within{transform:translateY(-6px) rotateX(2deg) rotateY(-2deg) skewY(.6deg) scale(1.01);box-shadow:0 10px 24px #0f172a24,0 3px 6px #0f172a14;border-color:#f4a9408c}.howitworks__card:hover:after,.howitworks__card:focus-within:after{opacity:1;transform:translate3d(10%,10%,0) rotate(8deg)}.howitworks__card:hover .howitworks__num,.howitworks__card:focus-within .howitworks__num{transform:translateZ(20px) scale(1.04)}.howitworks__card:hover .howitworks__content,.howitworks__card:focus-within .howitworks__content{transform:translateZ(10px)}@media (prefers-color-scheme: dark){.howitworks{background:linear-gradient(to right,#fcf2e3,#131211)}.howitworks__card{background:linear-gradient(to right,#fef3e214,#fef8f008),#131211;border:1px solid rgba(255,255,255,.14);box-shadow:0 0 0 1px #ffffff0f inset,0 8px 18px #00000073}.howitworks__title{color:#f3f4f6}.howitworks__text{color:#d1d5db}.howitworks__num{color:#f4a940}.howitworks__card:hover,.howitworks__card:focus-within{box-shadow:0 14px 30px #0000008c,0 0 0 1px #ffffff14 inset}.howitworks__card:after{background:radial-gradient(60% 40% at 0% 0%,rgba(252,242,227,.25),transparent 60%)}}@media (prefers-reduced-motion: reduce){.howitworks__card,.howitworks__card:after,.howitworks__num,.howitworks__title,.howitworks__text{transition:none!important;transform:none!important}}@media (max-width: 749px){.howitworks{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/section-how-it-works.css.map */