/* Process section: premium timeline cards. Desktop keeps a horizontal journey; phones switch to a compact vertical timeline. */
.tkph-step-icon{display:block;width:42px;height:42px;fill:none;stroke:#c99725;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}
.tkph-process{background:#f7f4ee}
.tkph-process .tkph-steps{position:relative;gap:16px;padding-top:58px}
.tkph-process .tkph-steps:before{content:"";position:absolute;z-index:0;top:27px;left:7%;right:7%;height:1px;background:#b58112}
.tkph-process .tkph-steps li{z-index:1;display:flex;min-height:230px;padding:0 14px 22px;text-align:center;align-items:center;flex-direction:column;border:1px solid rgba(181,129,18,.16);border-radius:18px;background:#fffdfa;box-shadow:0 5px 18px rgba(33,27,16,.045)}
.tkph-process .tkph-steps li:after{display:none}
.tkph-process .tkph-steps li>span{display:grid;place-items:center;flex:0 0 auto;width:54px;height:54px;margin-top:-58px;margin-bottom:16px;border-radius:50%;background:#b58112;color:#fff;font-size:14px;font-weight:800;letter-spacing:0}
.tkph-process .tkph-steps .tkph-step-icon{margin:0 0 13px;padding:9px;width:48px;height:48px;border-radius:50%;background:#fbf6ec}
.tkph-process .tkph-steps .tkph-step-icon--tools{object-fit:contain;padding:7px}
.tkph-process .tkph-steps h3{margin:0 0 7px;color:#151515;font-size:18px;line-height:1.16;text-transform:none}
.tkph-process .tkph-steps p{margin:0;color:#74736f;font-size:13px;line-height:1.5;text-transform:none}

@media(max-width:800px){
  .tkph-process{padding:58px 0 50px}
  .tkph-process .tkph-heading{margin-bottom:27px}
  .tkph-process .tkph-kicker{margin-bottom:13px;color:#a87a08;font-size:11px;letter-spacing:.24em}
  .tkph-process h2{max-width:620px;color:#151515!important;font-size:clamp(34px,10vw,44px);line-height:1.07;letter-spacing:-.047em;text-transform:none!important}
  .tkph-process .tkph-steps{display:grid;grid-template-columns:1fr;gap:14px;margin:0;padding:0 0 0 64px}
  .tkph-process .tkph-steps:before{top:24px;bottom:24px;left:21px;right:auto;width:2px;height:auto}
  .tkph-process .tkph-steps li{display:block;min-height:116px;margin:0;padding:18px 16px 16px 74px;text-align:left}
  .tkph-process .tkph-steps li>span{position:absolute;z-index:1;top:calc(50% - 22px);left:-64px;width:44px;height:44px;margin:0;font-size:14px}
  .tkph-process .tkph-steps .tkph-step-icon{position:absolute;top:50%;left:18px;width:42px;height:42px;margin:0;padding:9px;transform:translateY(-50%)}
  .tkph-process .tkph-steps h3{margin:0 0 6px;font-size:20px;line-height:1.15}
  .tkph-process .tkph-steps p{font-size:15px;line-height:1.42}
}

@media(max-width:390px){
  .tkph-process .tkph-steps{gap:12px;padding-left:56px}
  .tkph-process .tkph-steps:before{left:19px}
  .tkph-process .tkph-steps li{min-height:110px;padding:16px 13px 15px 65px;border-radius:17px}
  .tkph-process .tkph-steps li>span{top:calc(50% - 20px);left:-56px;width:40px;height:40px;font-size:13px}
  .tkph-process .tkph-steps .tkph-step-icon{left:15px;width:36px;height:36px;padding:8px}
  .tkph-process .tkph-steps h3{font-size:18px}
  .tkph-process .tkph-steps p{font-size:14px}
}

@media(prefers-reduced-motion:reduce){.tkph-process *{animation:none!important;transition:none!important}}