/* CKP-MOTION-20261024 — home page only. Everything is progressive: without JS or with "reduce motion" the plain text shows. */
.ckm-on .ckm-w{display:inline-block;opacity:0;transform:translateY(.55em) rotate(2deg);filter:blur(5px);transition:opacity .55s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1),filter .55s;transition-delay:calc(var(--i,0)*85ms + 120ms);will-change:transform,opacity}
.ckm-on.ckm-in .ckm-w{opacity:1;transform:none;filter:none}
.ckm-sp{white-space:pre}
/* rotator */
.ckm-rot{font-family:var(--f-d);font-weight:700;font-size:var(--t-h3);line-height:1.25;margin:.2rem 0 .9rem;color:var(--ink-3)}
.ckm-rot__w{display:inline-block;position:relative;vertical-align:bottom;height:1.3em;overflow:hidden;color:var(--teal);transition:width .45s cubic-bezier(.2,.7,.2,1)}
.ckm-rot__w>span{display:block;position:absolute;left:0;top:0;white-space:nowrap;transform:translateY(110%);opacity:0;transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .4s}
.ckm-rot__w>span.is-on{transform:none;opacity:1}.ckm-rot__w>span.is-out{transform:translateY(-110%);opacity:0}
/* promises */
.ckm-pro{padding:clamp(1.6rem,3vw,2.6rem) 0}
.ckm-pro__grid{display:grid;gap:1.1rem;grid-template-columns:1fr 1fr}
.ckm-pro__col{border:1px solid var(--line);border-radius:var(--r-l);padding:1.1rem 1.2rem;background:var(--white)}
.ckm-pro__col h2{font-family:var(--f-d);font-size:var(--t-l);margin:0 0 .6rem}
.ckm-pro__col ul{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.ckm-pro__col li{display:flex;gap:.6rem;align-items:flex-start;font-size:var(--t-s);color:var(--text)}
.ckm-pro__col li::before{content:"";flex:none;width:1.15rem;height:1.15rem;margin-top:.1rem;border-radius:50%;background:var(--teal-l) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5 10.5 3.2 3.2L15 6.8' fill='none' stroke='%230E7C78' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/70% no-repeat}
.ckm-pro__col--r li::before{background-color:var(--amber-l);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5 10.5 3.2 3.2L15 6.8' fill='none' stroke='%23B8680F' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.ckm-on .ckm-fade{opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0)*90ms)}
.ckm-on .ckm-fade.ckm-in{opacity:1;transform:none}
/* process draw */
.ckm-proc{padding:clamp(1.8rem,4vw,3.2rem) 0}.ckm-proc h2{margin:0 0 1.2rem}
.ckm-row+.ckm-row{margin-top:2rem}.ckm-row__lab{font-weight:700;font-size:var(--t-s);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 .9rem}
.ckm-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;position:relative}
.ckm-steps::before{content:"";position:absolute;left:12.5%;right:12.5%;top:1.2rem;height:3px;border-radius:3px;background:var(--line)}
.ckm-steps::after{content:"";position:absolute;left:12.5%;right:12.5%;top:1.2rem;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--teal),var(--teal-b));transform-origin:left;transform:scaleX(0);transition:transform 1.6s cubic-bezier(.4,.1,.2,1)}
.ckm-row--r .ckm-steps::after{background:linear-gradient(90deg,var(--amber),#f6b25c)}
.ckm-in .ckm-steps::after,.ckm-steps.ckm-in::after{transform:scaleX(1)}
.ckm-steps li{position:relative;text-align:center;padding-top:3.1rem}
.ckm-steps li i{position:absolute;left:50%;top:0;width:2.4rem;height:2.4rem;margin-left:-1.2rem;border-radius:50%;background:var(--white);border:3px solid var(--line);z-index:2;display:grid;place-items:center;font:700 .9rem var(--f-d);font-style:normal;color:var(--muted);transition:all .4s;transition-delay:calc(var(--i)*.38s)}
.ckm-steps.ckm-in li i{border-color:var(--teal);background:var(--teal);color:#fff;transform:scale(1.05)}
.ckm-row--r .ckm-steps.ckm-in li i{border-color:var(--amber);background:var(--amber)}
.ckm-steps li b{display:block;font-size:var(--t-s)}.ckm-steps li span{display:block;font-size:var(--t-xs);color:var(--muted);margin-top:.15rem}
/* cursor tour */
.ckm-tour{margin-top:1rem;border:1px solid var(--line);border-radius:var(--r-l);background:var(--white);overflow:hidden;box-shadow:0 14px 40px rgba(11,32,54,.08)}
.ckm-tour__bar{display:flex;gap:6px;align-items:center;padding:.55rem .8rem;background:var(--mist);border-bottom:1px solid var(--line)}.ckm-tour__bar i{width:9px;height:9px;border-radius:50%;background:#cfd9e1}.ckm-tour__bar b{margin-left:.5rem;font-size:var(--t-xs);color:var(--muted);font-weight:600}
.ckm-tour__stage{position:relative;min-height:218px;padding:1rem}
.ckm-sc{position:absolute;inset:1rem;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s;pointer-events:none}.ckm-sc.is-on{opacity:1;transform:none}
.ckm-fld{border:1px solid var(--line);border-radius:10px;padding:.6rem .75rem;margin-bottom:.6rem;font-size:var(--t-s);min-height:2.4rem;color:var(--text);background:var(--paper)}.ckm-fld small{display:block;color:var(--muted);font-size:.72rem}
.ckm-btn{display:inline-block;padding:.55rem 1rem;border-radius:999px;background:var(--ink);color:#fff;font-weight:700;font-size:var(--t-s);transition:transform .15s,background .2s}.ckm-btn.is-hit{transform:scale(.94);background:var(--teal)}
.ckm-btn--a{background:var(--teal)}
.ckm-cand{display:flex;align-items:center;gap:.7rem;border:1px solid var(--line);border-radius:12px;padding:.55rem .75rem;margin-bottom:.5rem;font-size:var(--t-s)}.ckm-cand b{flex:1}.ckm-cand em{font-style:normal;font-size:var(--t-xs);color:var(--muted)}
.ckm-toast{margin-top:.6rem;padding:.6rem .8rem;border-radius:12px;background:var(--teal-l);color:var(--teal-d);font-weight:600;font-size:var(--t-s);opacity:0;transform:translateY(6px);transition:all .35s}.ckm-toast.is-on{opacity:1;transform:none}
.ckm-cur{position:absolute;left:0;top:0;width:22px;height:22px;z-index:3;pointer-events:none;transition:transform .85s cubic-bezier(.45,.05,.2,1);filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
.ckm-cur svg{width:22px;height:22px}.ckm-cur::after{content:"";position:absolute;left:-9px;top:-9px;width:22px;height:22px;border-radius:50%;border:2px solid var(--teal);opacity:0;transform:scale(.3)}
.ckm-cur.is-click::after{animation:ckmRip .5s ease-out}@keyframes ckmRip{0%{opacity:.9;transform:scale(.3)}100%{opacity:0;transform:scale(1.8)}}
.ckm-tour__cap{padding:.55rem .9rem .7rem;font-size:var(--t-xs);color:var(--muted);border-top:1px solid var(--line);display:flex;gap:.5rem;align-items:center}.ckm-tour__cap b{color:var(--ink);font-size:var(--t-s)}
@media(max-width:720px){
 .ckm-pro__grid{grid-template-columns:1fr}
 .ckm-steps{grid-template-columns:1fr;gap:.9rem}.ckm-steps::before,.ckm-steps::after{left:1.2rem;right:auto;top:1.2rem;bottom:1.2rem;width:3px;height:auto}.ckm-steps::after{transform-origin:top;transform:scaleY(0)}.ckm-steps.ckm-in::after{transform:scaleY(1)}
 .ckm-steps li{text-align:left;padding:.15rem 0 .15rem 3.4rem}.ckm-steps li i{left:0;margin-left:0}
}
@media(prefers-reduced-motion:reduce){.ckm-on .ckm-w,.ckm-on .ckm-fade{opacity:1;transform:none;filter:none;transition:none}.ckm-steps::after{transition:none;transform:none}.ckm-cur{display:none}.ckm-steps li i{transition:none}}