.how-it-works-bg{width:100%;min-height:100vh;padding:32px 0 64px;position:relative;overflow:hidden}.how-it-works-bg.is-mobile{padding:16px 0 48px}.how-it-works-page{z-index:1;position:relative}.how-it-works-intro-card{color:var(--surface-inverse);box-shadow:0 8px 32px color-mix(in srgb, var(--ink-permanent) 22%, transparent);background:0 0;position:relative;box-shadow:none!important;background:0 0!important}.how-it-works-intro-card>*{z-index:1}.how-it-works-intro-card:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(114deg, var(--glass-gradient-start) 0%, var(--glass-gradient-end) 100%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;border:1px solid #ffffff26;width:100%;height:100%;position:absolute;inset:0}.how-it-works-intro-card .how-it-works-page-title{color:var(--surface-inverse);letter-spacing:-.01em;font-weight:700;line-height:1.2}.how-it-works-intro-card .how-it-works-page-intro{color:color-mix(in srgb, var(--surface-inverse) 85%, transparent);line-height:1.65}.how-it-works-section-header{padding:0 4px 12px}.how-it-works-section-header .carousel-heading{justify-content:space-between;align-items:baseline;display:flex}.how-it-works-section-header .carousel-title .custom{color:var(--surface-inverse);font-weight:700}.how-it-works-card{color:var(--surface-inverse);box-shadow:0 8px 32px color-mix(in srgb, var(--ink-permanent) 22%, transparent);background:0 0;flex-direction:column;gap:10px;transition:transform .18s;display:flex;position:relative;box-shadow:none!important;background:0 0!important}.how-it-works-card>*{z-index:1}.how-it-works-card:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(114deg, var(--glass-gradient-start) 0%, var(--glass-gradient-end) 100%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;border:1px solid #ffffff26;width:100%;height:100%;position:absolute;inset:0}.how-it-works-card:hover{transform:translateY(-2px)}.how-it-works-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.how-it-works-card-icon svg{font-size:22px}.how-it-works-card-title{color:var(--surface-inverse);margin:0;font-size:15px!important;font-weight:600!important;line-height:1.35!important}.how-it-works-card-body{color:color-mix(in srgb, var(--surface-inverse) 78%, transparent);margin:0;font-size:13.5px!important;line-height:1.6!important}.how-it-works-card--primary .how-it-works-card-icon{color:#d2f7e0;background:#a7f3c638}.how-it-works-card--accent .how-it-works-card-icon{color:#fcd57a;background:#fbbf2438}.how-it-works-card--neutral .how-it-works-card-icon{background:color-mix(in srgb, var(--surface-inverse) 18%, transparent);color:var(--surface-inverse)}.how-it-works-outro-card{color:var(--surface-inverse);background:color-mix(in srgb, var(--primary) 32%, transparent);border:1px solid color-mix(in srgb, var(--primary) 18%, transparent);box-shadow:0 8px 24px color-mix(in srgb, var(--ink) 10%, transparent);-webkit-backdrop-filter:blur(12px);position:relative;box-shadow:none!important;background:0 0!important}.how-it-works-outro-card>*{color:var(--surface-inverse)}.how-it-works-outro-card .how-it-works-outro-actions{flex-wrap:wrap;gap:8px;display:flex}