.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-x:clip;overflow-y:visible;-webkit-font-smoothing:antialiased}html.pc-ksc-story-page,body.pc-ksc-story-page{overflow-x:clip!important;overflow-y:visible!important}.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{position:relative;aspect-ratio:63/88;overflow:hidden;border-radius:12px;border:1px solid rgba(245,197,66,.42);background:radial-gradient(110% 78% at 50% 20%,rgba(54,119,205,.56),transparent 54%),linear-gradient(155deg,#17335c,#08101e 72%);box-shadow:0 16px 32px #00000061}.ksc-card:before{content:"";position:absolute;top:5%;right:5%;bottom:5%;left:5%;border:1px solid rgba(255,255,255,.13);border-radius:9px}.ksc-card-art{position:absolute;left:12%;right:12%;top:10%;height:49%;border-radius:8px;background:radial-gradient(circle at 55% 42%,#f5c542 0 8%,rgba(245,197,66,.42) 9% 22%,transparent 23%),linear-gradient(150deg,#3779c9,#10294e 62%,#08111f);box-shadow:inset 0 0 22px #ffffff21}.ksc-card b{position:absolute;left:12%;right:12%;bottom:12%;color:#f7d56a;font-size:.58rem;letter-spacing:.12em;text-align:center}.ksc-acc{display:grid;gap:14px}.ksc-appbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:11px;border-bottom:1px solid var(--ksc-line)}.ksc-appbar strong{color:var(--ksc-accent);font-size:1rem}.ksc-appbar span{color:var(--ksc-muted);font-size:.65rem;letter-spacing:.12em}.ksc-library{display:grid;grid-template-columns:66px 1fr;align-items:center;gap:14px}.ksc-library .ksc-card{width:66px}.ksc-library-copy{display:grid;gap:5px}.ksc-library-copy strong{font-size:.95rem}.ksc-library-copy span{color:var(--ksc-muted);font-size:.76rem;line-height:1.35}.ksc-library-copy em{width:max-content;margin-top:3px;padding:4px 8px;border-radius:999px;background:#f5c54226;color:var(--ksc-accent);font-size:.67rem;font-style:normal;font-weight:800}.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__track{height:540svh}.ksc__stage{top:58px;height:calc(100svh - 58px);padding:0;background:linear-gradient(180deg,var(--ksc-bg) 0%,#0d1421 46%,var(--ksc-bg) 72%)}.ksc__stage-inner{position:absolute;left:50%;top:3.5svh;width:min(56vw,220px);transform:translate(-50%)}.ksc__steps{position:sticky;z-index:3;top:58px;height:calc(100svh - 58px);margin-top:calc(-100svh + 58px);pointer-events:none}.ksc__step{--ksc-step-opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;min-height:0;height:100%;align-items:flex-start;padding:47svh 20px 18px;justify-content:flex-start!important;text-align:left;opacity:var(--ksc-step-opacity);visibility:hidden;pointer-events:none;transform:translateY(var(--ksc-step-y,18px));will-change:opacity,transform}.ksc__step.is-active{visibility:visible;pointer-events:auto}.ksc__text{width:100%;max-width:100%;padding:0;background:transparent;border:0;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none;opacity:1!important;transform:none!important}.ksc__eyebrow{margin-bottom:.55rem;font-size:.73rem}.ksc__title{font-size:1.72rem}.ksc__lead{font-size:1.125rem;line-height:1.46}.ksc__disc{margin-top:.72rem;font-size:.76rem;line-height:1.4}.ksc__cta{margin-top:1rem;gap:.55rem}.ksc__btn{min-height:46px;width:100%;padding:.7rem 1rem;border-radius:7px}.ksc-panel{padding:15px;border-radius:14px}.ksc-phone{width:64%;border-radius:22px}.ksc-scan{width:61%}.ksc-report{gap:6px}.ksc-row{font-size:.73rem;padding-bottom:5px}.ksc-note{font-size:.62rem;line-height:1.25}.ksc-scene{transform:translateY(10px) scale(.965);transition:opacity .42s ease,transform .52s cubic-bezier(.22,.61,.36,1)}}body.pc-ksc-story-page #back-to-top{display:none!important}@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/21/assets/kaartscan-scroll-story.css.map */