.koffi-hiw{background:var(--koffi-bg);color:var(--koffi-text);padding:var(--koffi-pad-y) var(--koffi-pad-x)}.koffi-hiw__container{max-width:var(--koffi-max);margin:0 auto}.koffi-hiw__header{text-align:center;margin-bottom:18px}.koffi-hiw__eyebrow{font-size:var(--koffi-eye);letter-spacing:.14em;text-transform:uppercase;color:var(--koffi-muted);margin-bottom:10px}.koffi-hiw__heading{font-size:var(--koffi-h);line-height:1.12;margin:0;letter-spacing:-.02em}.koffi-hiw__subheading{font-size:var(--koffi-sub);color:var(--koffi-muted);max-width:760px;margin:12px auto 0}.koffi-hiw__wrap{display:block}.koffi-hiw__track{display:grid;grid-template-columns:repeat(var(--koffi-cols),minmax(0,1fr));gap:var(--koffi-gap)}.koffi-hiw__card{background:var(--koffi-card);border:var(--koffi-border-w) solid var(--koffi-border);border-radius:var(--koffi-radius);padding:var(--koffi-card-pad);box-shadow:0 12px 30px rgba(10,10,20,calc(.2 * var(--koffi-shadow)));transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;text-align:left}.koffi-hiw[data-align=center] .koffi-hiw__card{text-align:center}.koffi-hiw__card:hover{transform:translateY(-2px);border-color:#7c5cff47;box-shadow:0 16px 36px rgba(10,10,20,calc(.28 * var(--koffi-shadow)))}.koffi-hiw__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.koffi-hiw[data-align=center] .koffi-hiw__top{justify-content:center}.koffi-hiw__step{height:var(--koffi-step-size);min-width:var(--koffi-step-size);padding:0 12px;border-radius:var(--koffi-step-radius);display:inline-flex;align-items:center;justify-content:center;font-weight:var(--koffi-step-weight);background:var(--koffi-accent);color:var(--koffi-accent-soft);border:var(--koffi-border-w) solid rgba(124,92,255,.22)}.koffi-hiw__icon{width:var(--koffi-icon);height:var(--koffi-icon);display:grid;place-items:center}.koffi-hiw__icon img{width:100%;height:100%;object-fit:contain}.koffi-hiw__title{color:var(--koffi-card-text);font-weight:800;font-size:16px;margin:0 0 8px}.koffi-hiw__text{color:var(--koffi-card-text);font-size:14px;line-height:1.6}.koffi-hiw__text p{margin:0}.koffi-hiw__text p+p{margin-top:10px}.koffi-hiw__bullets{color:var(--koffi-card-muted);font-size:13px;margin-top:12px}.koffi-hiw__bullets ul{margin:0;padding-left:18px}.koffi-hiw[data-align=center] .koffi-hiw__bullets ul{padding-left:0;list-style:none}.koffi-hiw__bullets li{margin:6px 0}.koffi-hiw[data-align=center] .koffi-hiw__bullets li:before{content:"\2022";margin-right:8px;color:#7c5cffe6}.koffi-hiw__link{display:inline-flex;align-items:center;gap:10px;margin-top:14px;text-decoration:none;color:var(--koffi-accent);font-weight:500}.koffi-hiw__linkIcon{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:#7c5cff1f;border:var(--koffi-border-w) solid rgba(124,92,255,.22)}.koffi-hiw__dots{display:none;justify-content:center;gap:10px;margin-top:16px}.koffi-hiw__dot{width:8px;height:8px;border-radius:999px;background:var(--koffi-accent);border:1px solid rgba(0,0,0,.1);cursor:pointer;opacity:.4;transition:width .18s ease,transform .18s ease,background .18s ease}.koffi-hiw__dot[aria-current=true]{width:22px;opacity:1;background:var(--koffi-accent)}@media(max-width:989px){.koffi-hiw[data-mobile=carousel] .koffi-hiw__track{display:flex;overflow-x:auto;gap:var(--koffi-gap);scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:6px;scrollbar-width:none}.koffi-hiw[data-mobile=carousel] .koffi-hiw__track::-webkit-scrollbar{display:none}.koffi-hiw[data-mobile=carousel] .koffi-hiw__card{flex:0 0 86%;scroll-snap-align:start}.koffi-hiw[data-mobile=carousel][data-show-dots=true] .koffi-hiw__dots{display:flex}.koffi-hiw[data-mobile=stack] .koffi-hiw__track{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/koffi-how-it-works.css.map */