.kl-accessbar,
.kl-accessbar *{box-sizing:border-box}
.kl-accessbar{
    position:relative;
    z-index:1100;
    width:100%;
    background:rgba(255,255,255,.97);
    border-bottom:1px solid #e8edf5;
    box-shadow:0 4px 18px rgba(15,23,42,.045);
    color:#0f172a;
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.kl-accessbar__inner{
    width:100%;
    max-width:1920px;
    margin:0 auto;
    min-height:94px;
    padding:12px 18px;
    display:flex;
    align-items:center;
    gap:24px;
}
.kl-accessbar__brand{
    flex:0 0 265px;
    min-width:220px;
    color:#0b1734;
    text-decoration:none;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:4px;
    animation:klAccessEnter .45s ease both;
}
.kl-accessbar__brand strong{font-size:24px;line-height:1.05;font-weight:850;letter-spacing:-.035em}
.kl-accessbar__brand span{font-size:14px;line-height:1.3;color:#64748b;font-weight:550}
.kl-accessbar__nav{
    margin-left:auto;
    min-width:0;
    display:grid;
    grid-template-columns:repeat(3,minmax(240px,1fr));
    gap:10px;
    width:min(1180px,calc(100% - 280px));
}
.kl-access-card{
    --kl-accent:#6d28d9;
    --kl-soft:#f4efff;
    --kl-border:#ddd2fb;
    min-width:0;
    min-height:68px;
    display:grid;
    grid-template-columns:44px minmax(0,1fr) 38px;
    align-items:center;
    gap:10px;
    padding:8px 9px;
    color:#172033;
    text-decoration:none;
    background:linear-gradient(135deg,#fff 0%,#fff 58%,var(--kl-soft) 150%);
    border:1px solid var(--kl-border);
    border-radius:12px;
    box-shadow:0 4px 12px rgba(15,23,42,.07);
    transform:translateY(0);
    transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease;
    animation:klAccessEnter .48s ease both;
}
.kl-access-card:nth-child(2){animation-delay:.06s}
.kl-access-card:nth-child(3){animation-delay:.12s}
.kl-access-card--customer{--kl-accent:#079447;--kl-soft:#ecfbf3;--kl-border:#ccebd9}
.kl-access-card--public{--kl-accent:#1265d7;--kl-soft:#eef6ff;--kl-border:#cddff8}
.kl-access-card:hover,.kl-access-card:focus-visible{
    transform:translateY(-3px);
    border-color:color-mix(in srgb,var(--kl-accent) 42%,white);
    box-shadow:0 10px 24px rgba(15,23,42,.12);
    outline:none;
}
.kl-access-card__icon,
.kl-access-card__arrow{
    display:grid;
    place-items:center;
    color:var(--kl-accent);
    background:var(--kl-soft);
    border:1px solid color-mix(in srgb,var(--kl-accent) 15%,white);
    border-radius:10px;
}
.kl-access-card__icon{width:44px;height:48px;font-size:24px;font-weight:800}
.kl-access-card__arrow{width:38px;height:38px;font-size:20px;font-weight:800;transition:transform .24s ease,background .24s ease}
.kl-access-card:hover .kl-access-card__arrow,.kl-access-card:focus-visible .kl-access-card__arrow{transform:translateX(4px);background:#fff}
.kl-access-card__copy{min-width:0;display:flex;flex-direction:column;gap:4px}
.kl-access-card__copy strong{display:block;color:var(--kl-accent);font-size:15px;line-height:1.15;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kl-access-card__copy small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#475569;font-size:11.5px;line-height:1.3;font-weight:500}
@keyframes klAccessEnter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.kl-access-card,.kl-accessbar__brand{animation:none}.kl-access-card,.kl-access-card__arrow{transition:none}}
@media (max-width:1180px){
    .kl-accessbar__inner{align-items:flex-start;gap:12px;flex-wrap:wrap}
    .kl-accessbar__brand{flex:1 1 210px;min-height:56px}
    .kl-accessbar__nav{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:820px){
    .kl-accessbar__inner{padding:10px 12px}
    .kl-accessbar__brand{flex:1 1 100%;min-width:0;min-height:auto}
    .kl-accessbar__brand strong{font-size:21px}
    .kl-accessbar__nav{grid-template-columns:1fr}
    .kl-access-card{min-height:62px;grid-template-columns:40px minmax(0,1fr) 36px}
    .kl-access-card__icon{width:40px;height:44px}
    .kl-access-card__arrow{width:36px;height:36px}
}