.ksc{--ksc-bg:#0b0f17;--ksc-fg:#eef1f7;--ksc-muted:#9aa4b8;--ksc-accent:#f5c542;--ksc-panel:#141b28;--ksc-line:rgba(255,255,255,.12);--ok:#57c98a;--warn:#f2c14e;--bad:#e07a5f;position:relative;background:var(--ksc-bg);color:var(--ksc-fg);overflow:clip;-webkit-font-smoothing:antialiased}.ksc *{box-sizing:border-box}.ksc__progress{position:sticky;top:0;height:3px;width:100%;z-index:6;pointer-events:none}.ksc__progress-bar{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--ksc-accent),#ffd970);transition:width .12s linear}.ksc__track{position:relative}.ksc__stage{position:sticky;top:0;height:100vh;height:100svh;display:grid;place-items:center;z-index:1;pointer-events:none;padding:6vh 5vw}.ksc__stage-inner{position:relative;width:min(46vh,360px);aspect-ratio:63/88;display:grid;place-items:center}.ksc-scene{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:0;transform:translateY(14px) scale(.98);transition:opacity .6s ease,transform .6s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform}.ksc[data-scene="1"] .ksc-scene--1,.ksc[data-scene="2"] .ksc-scene--2,.ksc[data-scene="3"] .ksc-scene--3,.ksc[data-scene="4"] .ksc-scene--4,.ksc[data-scene="5"] .ksc-scene--5{opacity:1;transform:none}.ksc-panel{width:100%;background:linear-gradient(160deg,#1a2233,#0e1420);border:1px solid var(--ksc-line);border-radius:18px;box-shadow:0 30px 60px -30px #000c;padding:20px}.ksc-card{aspect-ratio:63/88;border-radius:12px;border:1px solid var(--ksc-line);background:radial-gradient(120% 80% at 50% 0%,rgba(245,197,66,.14),transparent 55%),linear-gradient(160deg,#243049,#0f1622)}.ksc-acc{display:grid;gap:14px;justify-items:center}.ksc-avatar{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#2b3852,#131a28);border:1px solid var(--ksc-line);display:grid;place-items:center}.ksc-avatar svg{width:34px;height:34px;fill:var(--ksc-muted)}.ksc-field{width:100%;height:14px;border-radius:7px;background:#0e1626;border:1px solid var(--ksc-line);position:relative;overflow:hidden}.ksc-field:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,transparent,rgba(245,197,66,.35),transparent)}.ksc[data-scene="1"] .ksc-field:after{animation:ksc-shimmer 2.4s ease-in-out infinite}.ksc-field--btn{background:var(--ksc-accent);border-color:var(--ksc-accent);height:20px;width:60%}@keyframes ksc-shimmer{0%{transform:translate(-120%)}to{transform:translate(320%)}}.ksc-phone{width:70%;aspect-ratio:9/17;border-radius:26px;border:1px solid var(--ksc-line);background:linear-gradient(160deg,#151d2c,#0c1220);padding:12px;position:relative;box-shadow:0 30px 60px -30px #000c}.ksc-view{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:16px;overflow:hidden;display:grid;place-items:center;background:#0a0f1a}.ksc-view .ksc-card{width:55%}.ksc-bracket{position:absolute;width:22px;height:22px;border:2px solid var(--ksc-accent)}.ksc-bracket.tl{top:14%;left:16%;border-right:0;border-bottom:0}.ksc-bracket.tr{top:14%;right:16%;border-left:0;border-bottom:0}.ksc-bracket.bl{bottom:14%;left:16%;border-right:0;border-top:0}.ksc-bracket.br{bottom:14%;right:16%;border-left:0;border-top:0}.ksc-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0}.ksc[data-scene="2"] .ksc-flash{animation:ksc-flash 2.6s ease-in-out infinite}@keyframes ksc-flash{0%,72%,to{opacity:0}75%{opacity:.65}82%{opacity:0}}.ksc-up{display:grid;gap:14px}.ksc-drop{border:2px dashed var(--ksc-line);border-radius:14px;padding:16px;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}.ksc-drop .ksc-card{width:46px}.ksc-bar{height:10px;border-radius:6px;background:#0e1626;border:1px solid var(--ksc-line);overflow:hidden}.ksc-bar span{display:block;height:100%;width:30%;background:linear-gradient(90deg,var(--ksc-accent),#ffd970)}.ksc[data-scene="3"] .ksc-bar span{animation:ksc-fill 2.6s ease-in-out infinite}@keyframes ksc-fill{0%{width:8%}70%{width:100%}to{width:100%}}.ksc-check{display:inline-flex;align-items:center;gap:8px;color:var(--ok);font-weight:700;font-size:.9rem;opacity:0}.ksc[data-scene="3"] .ksc-check{animation:ksc-checkin .6s ease forwards;animation-delay:1.9s}.ksc-check svg{width:18px;height:18px;fill:var(--ok)}@keyframes ksc-checkin{to{opacity:1}}.ksc-scan{position:relative;width:66%}.ksc-scanline{position:absolute;left:-4%;right:-4%;height:2px;top:0;background:linear-gradient(90deg,transparent,var(--ksc-accent),transparent);box-shadow:0 0 10px #f5c54299}.ksc[data-scene="4"] .ksc-scanline{animation:ksc-scan 2.8s ease-in-out infinite}@keyframes ksc-scan{0%{top:2%}50%{top:96%}to{top:2%}}.ksc-point{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--ksc-accent);box-shadow:0 0 0 4px #f5c5422e}.ksc-point.p1{top:10%;left:12%}.ksc-point.p2{top:16%;right:12%}.ksc-point.p3{bottom:14%;left:14%}.ksc-point.p4{bottom:20%;right:16%}.ksc-tags{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ksc-tag{position:absolute;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ksc-fg);background:#0b0f17cc;border:1px solid var(--ksc-line);border-radius:6px;padding:2px 6px}.ksc-tag.t1{top:6%;left:-6%}.ksc-tag.t2{top:12%;right:-6%}.ksc-tag.t3{bottom:9%;left:-4%}.ksc-tag.t4{bottom:15%;right:-6%}.ksc-report{width:100%;display:grid;gap:9px}.ksc-report h4{margin:0 0 4px;font-size:.95rem;letter-spacing:.02em}.ksc-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.82rem;border-bottom:1px solid var(--ksc-line);padding-bottom:7px}.ksc-row:last-child{border-bottom:0}.ksc-row .k{color:var(--ksc-muted)}.ksc-pill{font-weight:700;padding:2px 9px;border-radius:999px;font-size:.72rem}.ksc-pill.ok{color:#0b0f17;background:var(--ok)}.ksc-pill.warn{color:#0b0f17;background:var(--warn)}.ksc-pill.bad{color:#0b0f17;background:var(--bad)}.ksc-note{margin-top:4px;font-size:.68rem;color:var(--ksc-muted)}.ksc__steps{position:relative;z-index:2;margin-top:-100vh;margin-top:-100svh}.ksc__step{min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:12vh 6vw}.ksc__step[data-side=left]{justify-content:flex-start}.ksc__step[data-side=right]{justify-content:flex-end}.ksc__step[data-side=center]{justify-content:center;text-align:center}.ksc__text{max-width:34rem;background:#0b0f178c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--ksc-line);border-radius:18px;padding:26px 28px;opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s cubic-bezier(.22,.61,.36,1)}.ksc__step.is-visible .ksc__text{opacity:1;transform:none}.ksc__eyebrow{color:var(--ksc-accent);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.76rem;margin:0 0 .55rem}.ksc__title{font-size:clamp(1.5rem,4vw,2.4rem);line-height:1.1;margin:0 0 .7rem;font-weight:800}.ksc__lead{font-size:clamp(1rem,2.3vw,1.14rem);line-height:1.6;margin:0}.ksc__disc{margin-top:.9rem;font-size:.82rem;color:var(--ksc-muted);border-left:2px solid var(--ksc-line);padding-left:.8rem}.ksc__cta{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.4rem}.ksc__btn{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.4rem;border-radius:999px;font-weight:700;text-decoration:none;border:1px solid var(--ksc-accent);color:#0b0f17;background:var(--ksc-accent);transition:transform .2s,filter .2s}.ksc__btn--ghost{background:transparent;color:var(--ksc-fg);border-color:var(--ksc-line)}.ksc__btn:hover{filter:brightness(1.05)}.ksc__btn:focus-visible{outline:3px solid #fff;outline-offset:2px}@media(max-width:749px){.ksc__progress{display:none}.ksc__stage{height:52svh;padding:3vh 6vw;align-items:center;background:linear-gradient(180deg,var(--ksc-bg),rgba(11,15,23,.4))}.ksc__stage-inner{width:min(40vh,190px)}.ksc__steps{margin-top:0}.ksc__step{min-height:58svh;padding:6vh 7vw;justify-content:center!important;text-align:left}.ksc__text{background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;max-width:100%}}@media(prefers-reduced-motion:reduce){.ksc-scene{transition:none!important}.ksc-scanline,.ksc-flash,.ksc-bar span,.ksc-field:after,.ksc-check{animation:none!important}.ksc-check{opacity:1}.ksc__text{opacity:1!important;transform:none!important;transition:none!important}.ksc__progress-bar{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/kaartscan-scroll-story.css.map?qa=1783665253 */