.cw-how{--cw-fg:#18181b;--cw-muted:#71717a;--cw-border:rgba(0, 0, 0, 0.1);--cw-card-bg:#ffffff;--cw-card-radius:0.5rem;--cw-card-padding:1.5rem;--cw-columns:3;--cw-gap:1.5rem;--cw-per-view:1.15;position:relative;width:100%;color:var(--cw-fg)}.cw-how__inner{width:100%;max-width:1024px;margin-inline:auto}.cw-how__header{margin-bottom:3rem;text-align:center}.cw-how__eyebrow{display:block;font-size:.875rem;font-weight:500;line-height:1.4;letter-spacing:.1em;color:var(--cw-muted)}.cw-w .cw-how__heading{display:block;margin-top:.75rem}.cw-how__title{display:inline-block;font-size:clamp(1.75rem, 1.3rem + 1.6vw, 2.25rem);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--cw-fg);text-wrap:balance}.cw-w .cw-how__description{display:inline-block;margin-top:.75rem;font-size:1rem;line-height:1.6;color:var(--cw-muted);text-wrap:pretty}.cw-how__grid{display:grid;grid-template-columns:repeat(var(--cw-columns),minmax(0,1fr));gap:var(--cw-gap);align-items:stretch}.cw-how__card{position:relative;display:flex;flex-direction:column;padding:var(--cw-card-padding);border-width:1px;border-color:var(--cw-border);border-radius:var(--cw-card-radius);background-color:var(--cw-card-bg);text-align:left;color:inherit}.cw-how--shadow .cw-how__card{box-shadow:0 1px 3px 0 rgb(0 0 0 / .08),0 1px 2px -1px rgb(0 0 0 / .06)}a.cw-how__card{transition:transform 200ms ease,box-shadow 200ms ease}a.cw-how__card:hover{transform:translateY(-2px)}.cw-how__badge{position:absolute;top:var(--cw-card-padding);right:var(--cw-card-padding);z-index:1;display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;background-color:#f4f4f5;font-family:var(--cw-font-mono);font-size:.75rem;font-weight:600;line-height:1.6;font-variant-numeric:tabular-nums;color:var(--cw-fg)}.cw-how__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex:0 0 auto;border-width:1px;border-color:var(--cw-border);background-color:#f4f4f5;color:var(--cw-fg)}.cw-how__icon .cw-icon{width:45%;height:45%}.cw-w .cw-how__step-heading{display:block;margin-top:1.25rem}.cw-how__step-title{display:block;font-size:1rem;font-weight:600;line-height:1.35;color:var(--cw-fg)}.cw-w .cw-how__step-text{margin-top:.5rem;font-size:.875rem;line-height:1.6;color:var(--cw-muted);text-wrap:pretty}.cw-how__media{position:relative;width:100%;height:160px;margin-inline:0 auto;overflow:hidden;border-radius:.375rem}.cw-how .cw-how__media img{width:100%;height:100%;object-fit:cover;object-position:var(--cw-object-x,left) center}.cw-how--image-top .cw-how__media{margin:calc(var(--cw-card-padding) * -1) calc(var(--cw-card-padding) * -1) 0;width:auto;border-radius:var(--cw-card-radius) var(--cw-card-radius) 0 0}.cw-how--image-top .cw-how__icon{margin-top:var(--cw-card-padding)}.cw-how--image-above .cw-how__media{margin-top:1.25rem}.cw-how--image-bottom .cw-how__media{margin-top:1.25rem;margin-bottom:0}.cw-how--carousel-mobile .cw-how__grid,.cw-how--carousel-tablet .cw-how__grid{scrollbar-width:none;-ms-overflow-style:none}.cw-how__grid::-webkit-scrollbar{display:none}@media (max-width:767px){.cw-how--carousel-mobile .cw-how__grid{display:flex;grid-template-columns:none;overflow-x:auto;overscroll-behavior-x:contain;padding:4px;margin:-4px}.cw-how--carousel-mobile.cw-how--snap .cw-how__grid{scroll-snap-type:x mandatory}.cw-how--carousel-mobile .cw-how__card{flex:0 0 calc((100% - (var(--cw-per-view) - 1) * var(--cw-gap)) / var(--cw-per-view));max-width:calc((100% - (var(--cw-per-view) - 1) * var(--cw-gap)) / var(--cw-per-view));scroll-snap-align:start}}@media (max-width:1024px){.cw-how--carousel-tablet .cw-how__grid{display:flex;grid-template-columns:none;overflow-x:auto;overscroll-behavior-x:contain;padding:4px;margin:-4px}.cw-how--carousel-tablet.cw-how--snap .cw-how__grid{scroll-snap-type:x mandatory}.cw-how--carousel-tablet .cw-how__card{flex:0 0 calc((100% - (var(--cw-per-view) - 1) * var(--cw-gap)) / var(--cw-per-view));max-width:calc((100% - (var(--cw-per-view) - 1) * var(--cw-gap)) / var(--cw-per-view));scroll-snap-align:start}}@media (max-width:767px){.cw-how__header{margin-bottom:2rem}}@media (prefers-reduced-motion:reduce){a.cw-how__card:hover{transform:none}}