.ks-how{background:#fff;color:#171717;padding:clamp(8px,1.5vw,18px) 0 clamp(22px,3vw,40px)}
.ks-how__inner{max-width:1500px;margin:auto;padding:0 clamp(16px,4vw,56px)}
.ks-how__header{max-width:760px;margin-bottom:clamp(20px,2.6vw,32px)}
.ks-how__eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#9b4832;margin:0 0 10px}
.ks-how h2{font-size:clamp(30px,3.6vw,50px);line-height:1.06;letter-spacing:-.045em;margin:0 0 12px}
.ks-how__header>p:not(.ks-how__eyebrow){font-size:clamp(14px,1.25vw,16.5px);line-height:1.55;color:#5e5a56;margin:0}
.ks-how__steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:14px}
.ks-how__step{position:relative;display:flex;flex-direction:column;gap:7px;padding:20px 20px 22px;border:1px solid #E2E2E4;border-radius:18px;background:#faf8f6;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.ks-how__num{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#171717;color:#fff;font-size:14px;font-weight:800;margin-bottom:4px}
.ks-how__step strong{font-size:17px;letter-spacing:-.02em;line-height:1.25}
.ks-how__step>span:last-child{font-size:13.5px;line-height:1.55;color:#5e5a56}
@media(hover:hover){.ks-how__step:hover{transform:translateY(-3px);border-color:#171717;box-shadow:0 14px 28px -18px rgba(33,22,15,.45)}}
@media(max-width:749px){.ks-how__step{padding:16px 16px 18px}}
@media(prefers-reduced-motion:reduce){.ks-how__step{transition:none}.ks-how__step:hover{transform:none}}