.ckl-how{--ckh-width:94;--ckh-max:1440;--ckh-gap:22px;--ckh-pad:32px;--ckh-radius:18px;--ckh-spacing:64px;--ckh-accent:#f47825;--ckh-bg:#f4f6f9;--ckh-card:#fff;--ckh-heading:#142235;--ckh-desc:#536277;position:relative!important;left:50%!important;transform:translateX(-50%)!important;width:calc(var(--ckh-width)*1vw)!important;max-width:none!important;box-sizing:border-box!important;background:var(--ckh-bg);padding:var(--ckh-spacing) 22px!important;color:var(--ckh-heading);font-family:inherit;overflow:visible}
.ckl-how *, .ckl-how *::before,.ckl-how *::after{box-sizing:border-box}
.ckl-how__container{width:100%!important;max-width:calc(var(--ckh-max)*1px)!important;margin:0 auto!important}
.ckl-how__header{text-align:center;max-width:800px;margin:0 auto 36px}
.ckl-how__eyebrow{font-size:12px!important;letter-spacing:.16em!important;text-transform:uppercase;font-weight:800!important;color:var(--ckh-accent)!important;margin:0 0 12px!important}
.ckl-how__heading{font-size:clamp(30px,3vw,46px)!important;line-height:1.14!important;font-weight:800!important;color:var(--ckh-heading)!important;margin:0 0 14px!important}
.ckl-how__intro{font-size:16px!important;line-height:1.65!important;color:var(--ckh-desc)!important;margin:0!important}
.ckl-how__grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:var(--ckh-gap)!important}
.ckl-how__card{background:var(--ckh-card)!important;border:1px solid #dfe5ed!important;border-radius:var(--ckh-radius)!important;padding:var(--ckh-pad)!important;min-width:0;box-shadow:0 10px 30px rgba(17,32,51,.035);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.ckl-how__card:hover{transform:translateY(-4px);border-color:var(--ckh-accent)!important;box-shadow:0 16px 36px rgba(17,32,51,.09)}
.ckl-how__card-title{font-size:22px!important;line-height:1.3!important;font-weight:800!important;color:var(--ckh-heading)!important;margin:0 0 14px!important}
.ckl-how__description{font-size:15px!important;line-height:1.7!important;color:var(--ckh-desc)!important;margin:0!important}
.ckl-how__actions{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:wrap!important;gap:12px!important;margin-top:30px!important}
.ckl-how__button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;padding:11px 23px!important;border-radius:9px!important;text-decoration:none!important;font-size:15px!important;font-weight:750!important;transition:background .2s ease,transform .2s ease,color .2s ease}
.ckl-how__button:hover{transform:translateY(-2px)}
.ckl-how__button--primary{background:var(--ckh-accent)!important;border:1px solid var(--ckh-accent)!important;color:#fff!important}
.ckl-how__button--outline{background:#fff!important;border:1px solid #c9d3df!important;color:var(--ckh-heading)!important}
.ckl-how__button[href=""],.ckl-how__button:not([href]){display:none!important}
@media(max-width:991px){.ckl-how__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){.ckl-how{width:100vw!important;padding:44px 16px!important}.ckl-how__grid{grid-template-columns:1fr!important}.ckl-how__header{margin-bottom:26px}.ckl-how__card-title{font-size:20px!important}.ckl-how__actions{flex-direction:column!important}.ckl-how__button{width:100%!important}}
@media(prefers-reduced-motion:reduce){.ckl-how__card,.ckl-how__button{transition:none!important}.ckl-how__card:hover,.ckl-how__button:hover{transform:none!important}}