.kp-software-modernization{--night:#0a1024;--ink:#f4f6fa;--screen:#a9bbff;--amber:#ffb020;--mute:#aab2c8;--serif:var(--font-fraunces), "Iowan Old Style", "Palatino Linotype", Georgia, serif;--serif-italic:var(--font-fraunces-italic), var(--font-fraunces), "Iowan Old Style", Georgia, serif;--mono:var(--font-dm-mono), ui-monospace, "SF Mono", Menlo, Consolas, monospace;min-height:100vh;color:var(--ink);background:radial-gradient(70% 60% at 76% 34%,#5870e633 0%,#0a102400 70%),#000;position:relative;overflow-x:clip}.kp-software-modernization *,.kp-software-modernization :before,.kp-software-modernization :after{box-sizing:border-box}.kp-software-modernization :where(h1,p,ul,figure){margin:0;padding:0}.kp-software-modernization ul{list-style:none}.kp-software-modernization button{font:inherit;color:inherit}.kp-software-modernization .kp-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.kp-software-modernization .kp-hero{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;column-gap:clamp(32px,5vw,80px);max-width:1360px;min-height:calc(100vh - 96px);max-height:804px;margin:0 auto;padding:24px clamp(20px,4.4vw,64px) 48px;display:grid}.kp-software-modernization .kp-label{font:500 12px / 1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--screen)}.kp-software-modernization .kp-hero h1{font-family:var(--serif);letter-spacing:-.026em;font-variation-settings:"opsz" 144, "SOFT" 0, "WONK" 0;text-wrap:balance;margin-top:20px;font-size:clamp(36px,4.1vw,58px);font-weight:360;line-height:1.04}.kp-software-modernization .kp-hero h1 em,.kp-software-modernization .kp-sec h2 em,.kp-software-modernization .kp-close h2 em{font-family:var(--serif-italic);font-variation-settings:"opsz" 144, "SOFT" 0, "WONK" 1;color:var(--screen);font-style:italic;font-weight:340}.kp-software-modernization .kp-hero__lead{max-width:33em;color:var(--ink);margin-top:22px;font-size:19px;line-height:1.5}.kp-software-modernization .kp-hero__who{max-width:33em;color:var(--mute);margin-top:14px;font-size:15.5px;line-height:1.55}.kp-software-modernization .kp-hero__act{margin-top:28px}.kp-software-modernization .kp-talk{background:var(--ink);color:#04060d;border-radius:999px;align-items:center;gap:12px;min-height:52px;padding:0 24px 0 26px;font-size:16.5px;font-weight:600;text-decoration:none;transition:box-shadow .25s,background .2s,transform .12s;display:inline-flex;box-shadow:0 0 #a9bbff66}.kp-software-modernization .kp-talk svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;transition:transform .2s}.kp-software-modernization .kp-talk:hover{background:#fff;box-shadow:0 0 34px 2px #a9bbff73}.kp-software-modernization .kp-talk:hover svg{transform:translate(3px)}.kp-software-modernization .kp-talk:active{transform:scale(.98)}.kp-software-modernization .kp-talk:focus-visible,.kp-software-modernization .kp-lever:focus-visible,.kp-software-modernization .kp-deck__reset:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.kp-software-modernization .kp-hero__note{max-width:34em;color:var(--mute);margin-top:18px;font-size:13.5px;line-height:1.55}.kp-software-modernization .kp-board{width:100%;max-width:640px;margin-left:auto;position:relative}.kp-software-modernization .kp-board__scene{background:linear-gradient(#1a1f36 0%,#0c0e1a 60%,#06070d 100%);border-radius:26px;padding:22px 24px 18px;position:relative;box-shadow:inset 0 1px #ffffff24,inset 0 0 0 1px #ffffff0d,0 50px 60px -30px #000,0 0 80px -20px #5a74eb47}.kp-software-modernization .kp-board__scene:before{content:"";opacity:calc(.78 + var(--n,0) * .055);background:radial-gradient(120% 100% at 50% 40%,#1b2a66 0%,#0c1436 55%,#050817 100%);border-radius:18px;position:absolute;inset:10px;box-shadow:inset 0 0 0 2px #04050a,inset 0 0 60px #000000b3}.kp-software-modernization .kp-board__scene>*{position:relative}.kp-software-modernization .kp-board__heads{font:500 10.5px / 1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);grid-template-columns:1fr 88px 1fr;display:grid}.kp-software-modernization .kp-sys{flex-direction:column;gap:7px;display:flex}.kp-software-modernization .kp-sys--old{grid-column:1}.kp-software-modernization .kp-sys--new{text-align:right;color:var(--screen);grid-column:3}.kp-software-modernization .kp-sys b{white-space:nowrap;letter-spacing:.06em;text-transform:none;color:var(--screen);align-items:center;gap:7px;font-weight:400;display:flex}.kp-software-modernization .kp-sys b i{background:var(--screen);width:6px;height:6px;box-shadow:0 0 8px var(--screen);border-radius:50%}.kp-software-modernization .kp-rows{gap:12px;margin-top:22px;display:grid}.kp-software-modernization .kp-row{grid-template-columns:1fr 88px 1fr;align-items:center;height:54px;display:grid}.kp-software-modernization .kp-slot{height:100%;font:500 13.5px / 1 var(--mono);letter-spacing:.02em;border-radius:12px;align-items:center;padding:0 16px;transition:background .4s,box-shadow .4s,opacity .4s,transform .5s cubic-bezier(.2,.7,.2,1);display:flex}.kp-software-modernization .kp-slot em{font-style:normal}.kp-software-modernization .kp-slot--old{color:var(--ink);background:#242c54b3;grid-column:1;box-shadow:inset 0 1px #cedaff38,inset 0 0 0 1px #a9bbff2e}.kp-software-modernization .kp-slot--new{color:#0000;background:0 0;border:1px dashed #a9bbff33;grid-column:3;justify-content:flex-end}.kp-software-modernization .kp-bridge{grid-column:2;place-items:center;height:100%;display:grid;position:relative}.kp-software-modernization .kp-bridge i{background:repeating-linear-gradient(90deg,#a9bbff47 0 4px,#0000 4px 9px);border-radius:2px;height:2px;position:absolute;top:50%;left:4px;right:4px}.kp-software-modernization .kp-bridge small{text-align:center;font:400 9.5px / 1.15 var(--mono);letter-spacing:.02em;color:var(--screen);white-space:normal;position:absolute;top:calc(50% + 7px);left:8px;right:8px}.kp-software-modernization .kp-row.is-next .kp-slot--old{box-shadow:inset 0 1px #cedaff66,inset 0 0 0 1px #a9bbff99,0 0 22px #7894ff59}.kp-software-modernization .kp-row.is-next .kp-bridge i{background:repeating-linear-gradient(90deg,#a9bbffcc 0 4px,#0000 4px 9px)}.kp-software-modernization .kp-row.is-done .kp-slot--old{opacity:.32;color:var(--mute);background:0 0;box-shadow:inset 0 0 0 1px #a9bbff2e}.kp-software-modernization .kp-row.is-done .kp-slot--new{color:#04060d;background:linear-gradient(#c9d4ff 0%,#a9bbff 100%);border:0;animation:.5s cubic-bezier(.2,.7,.2,1) kp-land;box-shadow:0 0 26px #8ea4f48c,inset 0 1px #ffffffb3}.kp-software-modernization .kp-row.is-done .kp-bridge i{background:linear-gradient(90deg,#a9bbff66,#a9bbff);box-shadow:0 0 10px #8ea4f4b3}.kp-software-modernization .kp-row.is-held .kp-slot--old{color:var(--amber);box-shadow:inset 0 0 0 1px #ffb020b3,0 0 20px #ffb0204d}.kp-software-modernization .kp-row.is-held .kp-bridge i{background:repeating-linear-gradient(90deg,#ffb020e6 0 4px,#0000 4px 9px)}.kp-software-modernization .kp-row.is-held .kp-bridge small{color:var(--amber)}.kp-software-modernization .kp-log{min-height:2.9em;font:400 11.5px / 1.5 var(--mono);color:var(--screen);border-top:1px solid #a9bbff29;margin-top:20px;padding-top:14px}.kp-software-modernization .kp-log span{opacity:.6}.kp-software-modernization .kp-log.is-warn{color:var(--amber)}@keyframes kp-land{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:none}}.kp-software-modernization .kp-deck{grid-template-columns:1fr auto auto;grid-template-areas:"say say say""lever count reset";align-items:center;gap:10px 16px;margin-top:18px;padding:0 6px;display:grid}.kp-software-modernization .kp-deck__say{font:500 11px / 1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);grid-area:say}.kp-software-modernization .kp-lever{--step:calc((100% - 56px) / 4);cursor:pointer;touch-action:manipulation;background:0 0;border:0;grid-area:lever;width:100%;height:50px;padding:0;display:block;position:relative}.kp-software-modernization .kp-lever[aria-disabled=true]{cursor:default}.kp-software-modernization .kp-lever__slot{background:#05070e;border-radius:6px;height:12px;transition:box-shadow .2s;position:absolute;top:19px;left:14px;right:14px;box-shadow:inset 0 1px 3px #000,inset 0 0 0 1px #a9bbff3d,0 1px #cedaff24}.kp-software-modernization .kp-lever:hover .kp-lever__slot{box-shadow:inset 0 1px 3px #000,inset 0 0 0 1px #a9bbff80}.kp-software-modernization .kp-lever__fill{height:12px;width:calc(var(--n) * var(--step) + 14px);background:linear-gradient(90deg,#4960cf80,#a9bbff);border-radius:6px;transition:width .34s cubic-bezier(.3,1.2,.4,1);position:absolute;top:19px;left:14px;box-shadow:0 0 12px #8ea4f4b3}.kp-software-modernization .kp-lever__stop{top:19px;left:calc(28px + (var(--i) - 1) * var(--step) + var(--step));width:0;height:12px;position:absolute}.kp-software-modernization .kp-lever__stop i{background:#a9bbff66;border-radius:2px;width:4px;height:6px;position:absolute;top:-6px;left:8px}.kp-software-modernization .kp-lever__stop.is-on i{background:var(--screen)}.kp-software-modernization .kp-lever__grip{top:6px;left:calc(var(--n) * var(--step) + 14px - 4px);background:radial-gradient(circle at 36% 28%,#dfe6ff 0%,#a9bbff 55%,#6578d6 100%);border-radius:50%;width:38px;height:38px;transition:left .34s cubic-bezier(.3,1.2,.4,1),transform .1s,box-shadow .2s;position:absolute;box-shadow:inset 0 1px #ffffffa8,0 3px #0a0d20,0 8px 12px -3px #000000e6,0 0 22px #7894ff99}.kp-software-modernization .kp-lever__grip:after{content:"";border-top:2px solid #0a1024;border-right:2px solid #0a1024;width:9px;height:9px;transition:transform .2s;position:absolute;top:13px;left:12px;transform:rotate(45deg)}.kp-software-modernization .kp-lever:hover .kp-lever__grip{box-shadow:inset 0 1px #ffffffa8,0 3px #0a0d20,0 8px 12px -3px #000000e6,0 0 32px #7894fff2}.kp-software-modernization .kp-lever:hover .kp-lever__grip:after{transform:translate(3px)rotate(45deg)}.kp-software-modernization .kp-lever:active .kp-lever__grip{transform:translateY(2px)scale(.95)}.kp-software-modernization .kp-lever[aria-disabled=true]:active .kp-lever__grip{transform:none}.kp-software-modernization .kp-board.is-done .kp-lever__grip:after{border-top:0;border-bottom:2px solid #0a1024;border-left:2px solid #0a1024;border-right:0;width:12px;height:7px;top:11px;left:12px;transform:rotate(-45deg)}.kp-software-modernization .kp-deck__count{font:400 13px / 1 var(--mono);color:var(--mute);white-space:nowrap;grid-area:count}.kp-software-modernization .kp-deck__count b{font:400 26px / 1 var(--serif);color:var(--ink)}.kp-software-modernization .kp-deck__reset{cursor:pointer;background:#1a203eb8;border:0;border-radius:50%;grid-area:reset;place-items:center;width:40px;height:40px;padding:0;transition:background .2s,opacity .2s;display:grid;box-shadow:inset 0 0 0 1px #ffffff1f}.kp-software-modernization .kp-deck__reset:hover{background:#2e3868e6}.kp-software-modernization .kp-deck__reset[aria-disabled=true]{opacity:.35;cursor:default}.kp-software-modernization .kp-deck__reset svg{fill:none;width:18px;height:18px;stroke:var(--ink);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.kp-software-modernization .kp-board__truth{font:400 11px / 1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-top:16px;padding:0 6px}@media (max-width:900px){.kp-software-modernization .kp-hero{grid-template-columns:1fr;align-items:start;row-gap:22px;min-height:0;max-height:none;padding:8px 16px 40px}.kp-software-modernization .kp-hero h1{margin-top:12px;font-size:33px}.kp-software-modernization .kp-hero__lead{margin-top:12px;font-size:16.5px;line-height:1.45}.kp-software-modernization .kp-hero__text{display:contents}.kp-software-modernization .kp-label{order:1}.kp-software-modernization .kp-hero h1{order:2}.kp-software-modernization .kp-hero__lead{order:3}.kp-software-modernization .kp-hero__act{order:4}.kp-software-modernization .kp-hero__scene{order:5}.kp-software-modernization .kp-hero__who{order:6;margin-top:0}.kp-software-modernization .kp-hero__note{order:7;margin-top:-8px}.kp-software-modernization .kp-hero__act{margin-top:18px}.kp-software-modernization .kp-talk{justify-content:space-between;width:100%;min-height:50px}.kp-software-modernization .kp-board{max-width:none;margin-top:14px}.kp-software-modernization .kp-board__scene{border-radius:22px;padding:16px 16px 12px}.kp-software-modernization .kp-board__scene:before{border-radius:17px;inset:6px}.kp-software-modernization .kp-rows{gap:8px;margin-top:14px}.kp-software-modernization .kp-row,.kp-software-modernization .kp-board__heads{grid-template-columns:1fr 64px 1fr}.kp-software-modernization .kp-row{height:40px}.kp-software-modernization .kp-slot{padding:0 10px;font-size:12px}.kp-software-modernization .kp-bridge small{font-size:11px;left:-8px;right:-8px}.kp-software-modernization .kp-log{margin-top:12px;padding-top:10px;font-size:10.5px}.kp-software-modernization .kp-deck{gap:6px 12px;margin-top:12px;padding:0}.kp-software-modernization .kp-board__truth{margin-top:10px;padding:0}}@media (prefers-reduced-motion:reduce){.kp-software-modernization .kp-row.is-done .kp-slot--new{animation:none}.kp-software-modernization .kp-lever__grip,.kp-software-modernization .kp-lever__fill,.kp-software-modernization .kp-slot{transition:none}}.kp-software-modernization .kp-board__note{z-index:2;font:italic 400 19px / 1 var(--serif-italic);color:var(--ink);transform-origin:20% 0;pointer-events:none;background:linear-gradient(170deg,#2b3875 0%,#1c2654 100%);padding:10px 16px 12px;transition:transform .7s cubic-bezier(.5,0,.8,.4),opacity .5s .2s;position:absolute;top:-40px;right:28px;transform:rotate(5deg);box-shadow:inset 0 0 0 1px #ffffff1f,0 14px 24px -8px #000c}.kp-software-modernization .kp-board__note:before{content:"";background:#c8d6ff38;width:46px;height:14px;margin-left:-23px;position:absolute;top:-7px;left:50%;transform:rotate(-3deg)}.kp-software-modernization .kp-board__note.is-off{opacity:0;transform:rotate(38deg)translate(60px,260px)}@media (max-width:900px){.kp-software-modernization .kp-board__note{padding:8px 12px 10px;font-size:16px;top:-22px;right:14px}}@media (prefers-reduced-motion:reduce){.kp-software-modernization .kp-board__note{transition:none}}.kp-software-modernization .kp-sec,.kp-software-modernization .kp-close{max-width:1360px;margin:0 auto;padding:clamp(56px,8vw,110px) clamp(20px,4.4vw,64px) 0}.kp-software-modernization .kp-sec h2,.kp-software-modernization .kp-close h2{max-width:14em;font-family:var(--serif);letter-spacing:-.028em;font-variation-settings:"opsz" 144, "SOFT" 0, "WONK" 0;text-wrap:balance;margin-top:18px;font-size:clamp(32px,4.4vw,62px);font-weight:350;line-height:1.04}.kp-software-modernization .kp-sec__lead{max-width:38em;color:var(--ink);margin-top:22px;font-size:18px;line-height:1.55}.kp-software-modernization .kp-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px;display:grid}.kp-software-modernization .kp-cols--two{grid-template-columns:repeat(2,minmax(0,1fr))}.kp-software-modernization .kp-col{background:linear-gradient(#1a1f36cc,#0a1024cc);border-radius:18px;padding:26px 26px 28px;box-shadow:inset 0 0 0 1px #a9bbff24}.kp-software-modernization .kp-sec h3{font-family:var(--serif);letter-spacing:-.01em;font-size:24px;font-weight:400;line-height:1.15}.kp-software-modernization .kp-list{gap:12px;margin-top:16px;display:grid}.kp-software-modernization .kp-list li{color:var(--mute);padding-left:20px;font-size:16px;line-height:1.55;position:relative}.kp-software-modernization .kp-list li:before{content:"";background:var(--screen);width:8px;height:2px;position:absolute;top:.72em;left:0}.kp-software-modernization .kp-steps{counter-reset:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:44px;display:grid}.kp-software-modernization .kp-steps li{border-top:1px solid #a9bbff47;padding:28px 24px 0 0;position:relative}.kp-software-modernization .kp-steps li:before{content:"";background:var(--screen);width:7px;height:7px;box-shadow:0 0 10px var(--screen);border-radius:50%;position:absolute;top:-4px;left:0}.kp-software-modernization .kp-steps__n{font:400 13px / 1 var(--mono);color:var(--screen);display:block}.kp-software-modernization .kp-steps h3{margin-top:12px}.kp-software-modernization .kp-steps p{color:var(--mute);margin-top:10px;font-size:16px;line-height:1.55}.kp-software-modernization .kp-steps--plain{grid-template-columns:repeat(4,minmax(0,1fr))}.kp-software-modernization .kp-steps--plain p{color:var(--ink);margin-top:12px}.kp-software-modernization .kp-sec--split{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;column-gap:clamp(32px,5vw,80px);display:grid}.kp-software-modernization .kp-prose{gap:16px;padding-top:34px;font-size:18px;line-height:1.55;display:grid}.kp-software-modernization .kp-prose a{color:var(--ink)}.kp-software-modernization .kp-who{flex-wrap:wrap;align-items:baseline;gap:6px 14px;display:flex}.kp-software-modernization .kp-who a{font-family:var(--serif);text-underline-offset:5px;font-size:24px;-webkit-text-decoration:underline #a9bbff80;text-decoration:underline #a9bbff80}.kp-software-modernization .kp-who a:hover{-webkit-text-decoration-color:var(--screen);text-decoration-color:var(--screen)}.kp-software-modernization .kp-who span{color:var(--mute);font-size:15px}.kp-software-modernization .kp-record{border-top:1px solid #a9bbff2e;margin-top:8px;padding-top:18px}.kp-software-modernization .kp-record .kp-list{margin-top:12px}.kp-software-modernization .kp-sec--narrow>:where(h2,.kp-faq){max-width:960px}.kp-software-modernization .kp-faq{border-top:1px solid #a9bbff33;margin-top:32px}.kp-software-modernization .kp-faq details{border-bottom:1px solid #a9bbff33}.kp-software-modernization .kp-faq summary{font-family:var(--serif);cursor:pointer;padding:22px 44px 22px 0;font-size:22px;line-height:1.25;list-style:none;position:relative}.kp-software-modernization .kp-faq summary::-webkit-details-marker{display:none}.kp-software-modernization .kp-faq summary:after{content:"";border-right:2px solid var(--screen);border-bottom:2px solid var(--screen);width:10px;height:10px;margin-top:-8px;transition:transform .2s;position:absolute;top:50%;right:6px;transform:rotate(45deg)}.kp-software-modernization .kp-faq details[open] summary:after{margin-top:-3px;transform:rotate(225deg)}.kp-software-modernization .kp-faq summary:hover{color:var(--screen)}.kp-software-modernization .kp-faq summary:focus-visible,.kp-software-modernization .kp-links a:focus-visible,.kp-software-modernization .kp-who a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.kp-software-modernization .kp-faq details p{max-width:42em;color:var(--mute);padding:0 44px 24px 0;font-size:17px;line-height:1.6}.kp-software-modernization .kp-links{gap:6px;margin-top:26px;display:grid}.kp-software-modernization .kp-links a{color:var(--ink);text-underline-offset:5px;padding:10px 0;font-size:18px;-webkit-text-decoration:underline #a9bbff73;text-decoration:underline #a9bbff73;display:inline-block}.kp-software-modernization .kp-links a:hover{-webkit-text-decoration-color:var(--screen);text-decoration-color:var(--screen);color:#fff}.kp-software-modernization .kp-close{padding-bottom:clamp(72px,9vw,130px)}.kp-software-modernization .kp-close .kp-hero__act{margin-top:32px}@media (max-width:900px){.kp-software-modernization .kp-cols,.kp-software-modernization .kp-cols--two,.kp-software-modernization .kp-steps,.kp-software-modernization .kp-steps--plain,.kp-software-modernization .kp-sec--split{grid-template-columns:1fr}.kp-software-modernization .kp-cols{gap:14px;margin-top:28px}.kp-software-modernization .kp-steps{gap:26px;margin-top:32px}.kp-software-modernization .kp-sec,.kp-software-modernization .kp-close{padding:52px 16px 0}.kp-software-modernization .kp-sec h2,.kp-software-modernization .kp-close h2{font-size:min(10.4vw,40px)}.kp-software-modernization .kp-prose{padding-top:20px;font-size:17px}.kp-software-modernization .kp-faq summary{font-size:19px}.kp-software-modernization .kp-close .kp-talk{width:100%}}