.kl-key-hub{background:#f8fbff!important}.kl-key-hub-head{display:grid;grid-template-columns:1fr 1fr auto;gap:50px;align-items:end;padding-bottom:36px;border-bottom:2px solid #071b33}.kl-key-hub-head h2{margin:10px 0 0;font:900 clamp(48px,5.5vw,74px)/.9 var(--display);letter-spacing:-.055em;text-transform:uppercase}.kl-key-hub-head>p{margin:0;color:#50627a;font-size:17px}.kl-key-hub-head>span{writing-mode:vertical-rl;color:#145cff;font:800 8px var(--mono)}.kl-key-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}.kl-key-card{min-width:0;min-height:500px;padding:25px;display:flex;flex-direction:column;color:#071b33;background:#fff;border:2px solid #071b33;border-radius:16px;box-shadow:6px 7px 0 #071b33;text-decoration:none;overflow:hidden;transition:transform .22s,box-shadow .22s}.kl-key-card:nth-child(2){background:#dce8ff}.kl-key-card:nth-child(3){background:#baf5df}.kl-key-card:nth-child(4){background:#ffd06a}.kl-key-card:hover{transform:translateY(-4px);box-shadow:9px 11px 0 #145cff}.kl-key-card>header,.kl-key-card>footer{display:flex;justify-content:space-between;gap:20px;font:800 8px var(--mono)}.kl-key-card>header{padding-bottom:14px;border-bottom:1px solid #071b33}.kl-key-card>header b{color:#145cff}.kl-key-card h3{max-width:500px;margin:25px 0 10px;font:900 clamp(31px,3vw,43px)/.93 var(--display);letter-spacing:-.04em;text-transform:uppercase}.kl-key-card>p{max-width:530px;margin:0;color:#50627a;font-size:14px}.kl-key-card>footer{margin-top:auto;padding-top:17px;border-top:1px solid #071b33}.kl-key-card>footer b{font-family:var(--body);font-size:11px}.kl-key-visual{height:130px;margin-top:24px;display:flex;align-items:center}.family-visual i{width:62px;height:62px;margin-right:-11px;border:2px solid #071b33;border-radius:50% 50% 50% 13%;background:#ffd06a;box-shadow:3px 4px 0 #071b33}.family-visual i:nth-child(2){background:#dce8ff}.family-visual i:nth-child(3){background:#baf5df}.family-visual strong{width:44px;height:44px;margin-left:22px;display:grid;place-items:center;border:2px solid #071b33;border-radius:50%;background:#145cff;color:#fff;font-size:23px}.passkey-visual{gap:28px}.passkey-visual>div{width:108px;height:108px;display:grid;place-items:center;align-content:center;border:14px solid #145cff;border-right-color:#9fb4ce;border-radius:50%;background:#fff;transform:rotate(-18deg)}.passkey-visual strong,.passkey-visual small{transform:rotate(18deg)}.passkey-visual strong{font:900 35px/.8 var(--display)}.passkey-visual>i{width:78px;height:32px;border:2px solid #071b33;border-radius:18px;background:#ffd06a}.emergency-visual{gap:9px}.emergency-visual>span{width:30%;height:90px;padding:9px;display:flex;align-items:end;border:2px solid #071b33;border-radius:7px;background:#fff}.emergency-visual>span i{display:block;width:100%;height:8px;background:#145cff}.emergency-visual>span:nth-child(2) i{height:40px;background:#ffd06a}.emergency-visual>span:nth-child(3) i{height:65px;background:#087d59}.migration-visual{gap:15px}.migration-visual span{width:105px;height:80px;display:grid;place-items:center;border:2px solid #071b33;border-radius:10px;background:#fff;font:900 22px var(--display);box-shadow:4px 5px 0 #071b33}.migration-visual span:last-child{background:#145cff;color:#fff}.migration-visual i{font:900 28px var(--display);font-style:normal;animation:klGuideArrow 1.4s ease-in-out infinite}.kl-key-hub-note{margin-top:20px;padding:24px 27px;display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center;background:#071b33;color:#fff;border-radius:13px}.kl-key-hub-note>span{color:#78a1ff;font:800 8px var(--mono)}.kl-key-hub-note>a{color:#ffd06a;font-size:11px;font-weight:800;text-decoration:none}@keyframes klGuideArrow{50%{transform:translateX(6px)}}
@media(max-width:850px){.kl-key-hub-head{grid-template-columns:1fr}.kl-key-hub-head>span{display:none}.kl-key-hub-note{grid-template-columns:1fr;gap:10px}.kl-key-grid{grid-template-columns:1fr}}@media(max-width:560px){.kl-key-hub-head{gap:18px}.kl-key-hub-head h2{font-size:43px}.kl-key-hub-head>p{font-size:15px}.kl-key-card{min-height:445px;padding:20px;box-shadow:5px 6px 0 #071b33}.kl-key-card h3{font-size:34px}.kl-key-visual{height:110px}.family-visual i{width:51px;height:51px}.kl-key-card>footer{align-items:flex-start;flex-direction:column;gap:7px}.kl-key-hub-note{padding:21px 18px}}@media(prefers-reduced-motion:reduce){.kl-key-card{transition:none}.kl-key-card:hover{transform:none}.migration-visual i{animation:none}}