.keysy-legacy-detail {
    --case-ink: #152d46;
    --case-muted: #465f75;
    --case-line: #d7e3ed;
    --case-paper: #f1f6fa;
    --case-link: #194f83;
    color: var(--case-ink);
    overflow-wrap: break-word;
}
.keysy-legacy-detail .auto-container {
    width: min(1240px, calc(100% - 64px));
    margin-inline: auto;
}
.keysy-legacy-detail :is(.auto-hero, .keysy-hero) {
    padding-block: clamp(28px, 4.5vw, 64px);
}
.keysy-legacy-detail .keysy-hero {
    background: #0c1e34;
    color: #fff;
}
.keysy-legacy-detail .auto-hero > .auto-container { position: relative; z-index: 1; }
.keysy-legacy-detail :is(.keysy-breadcrumb, .keysy-breadcrumbs) {
    color: #c5d8e9;
    font-size: .84rem;
    line-height: 1.5;
    margin-bottom: 20px;
}
.keysy-legacy-detail .keysy-breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 14px;
    padding: 0;
    margin: 0;
    list-style: none;
}
.keysy-legacy-detail .keysy-breadcrumbs li + li::before { content: '/'; margin-right: 10px; color: #88a5c0; }
.keysy-legacy-detail :is(.keysy-breadcrumb, .keysy-breadcrumbs) a { color: inherit; text-underline-offset: 3px; }
.keysy-legacy-detail :is(.keysy-badge-group, .keysy-hero-badges) { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 14px; }
.keysy-legacy-detail .keysy-badge { padding: 4px 8px; border: 1px solid #6885a3; border-radius: 4px; background: #16304a; color: #e1edfa; font-size: .75rem; line-height: 1.4; }
.keysy-legacy-detail .keysy-badge--success { background: #184442; border-color: #58a197; color: #e1fcf5; }
.keysy-legacy-detail :is(.auto-hero, .keysy-hero) .keysy-title {
    max-width: 30ch;
    margin: 0;
    font: 800 clamp(1.8rem, 3.6vw, 3.35rem)/1.11 Manrope, Inter, sans-serif;
    letter-spacing: -.035em;
    text-wrap: pretty;
}
.keysy-legacy-detail .keysy-lead { max-width: 88ch; margin-top: 16px; font-size: clamp(.95rem, 1.25vw, 1.07rem); }
.keysy-legacy-detail :is(.keysy-hero-facts, .keysy-facts-grid) {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    max-width: none;
    margin: 22px 0 0;
    padding: 0;
    border: 0;
}
.keysy-legacy-detail .keysy-fact-item { min-width: 0; padding: 13px; background: #142d46; border: 1px solid #45617c; border-radius: 6px; }
.keysy-legacy-detail .keysy-fact-item :is(.keysy-fact-val, .keysy-fact-num) { display: block; margin: 0; color: #fff; font-size: clamp(1rem, 2.1vw, 1.55rem); font-weight: 800; }
.keysy-legacy-detail .keysy-fact-item :is(.keysy-fact-lbl, .keysy-fact-label) { display: block; margin-top: 5px; color: #c9d9e9; font-size: .76rem; line-height: 1.4; }

.keysy-legacy-detail .keysy-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(245px, 300px);
    align-items: start;
    gap: clamp(22px, 4vw, 56px);
    padding-block: clamp(26px, 5vw, 60px);
}
.keysy-legacy-detail .keysy-article { min-width: 0; font-size: 1rem; line-height: 1.7; }
.keysy-legacy-detail .keysy-section + .keysy-section { border-top: 1px solid var(--case-line); padding-top: 26px; margin-top: 30px; }
.keysy-legacy-detail .keysy-article h2 { margin: 0 0 14px; font-size: clamp(1.4rem, 2.5vw, 2.05rem); line-height: 1.22; }
.keysy-legacy-detail .keysy-article p { margin: 0 0 13px; color: var(--case-muted); }
.keysy-legacy-detail .keysy-article li + li { margin-top: 7px; }
.keysy-legacy-detail .keysy-article ul { padding-left: 22px; }
.keysy-legacy-detail .keysy-article a, .keysy-legacy-detail .keysy-sidebar a { color: var(--case-link); text-underline-offset: 3px; }
.keysy-legacy-detail :is(.keysy-highlight-box, .keysy-quote-card, .keysy-testimonial, .keysy-testimonial-card) {
    margin-block: 18px;
    padding: 14px 17px;
    border-radius: 6px;
    background: var(--case-paper);
    border-left: 3px solid #7198bd;
}
.keysy-legacy-detail .keysy-highlight-box { display: flex; gap: 10px; align-items: start; }
.keysy-legacy-detail .keysy-box-icon { flex: 0 0 auto; }
.keysy-legacy-detail .keysy-step { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 12px; margin-block: 10px; padding: 13px; background: var(--case-paper); border-radius: 6px; }
.keysy-legacy-detail .keysy-step-num { font-weight: 800; color: var(--case-link); }
.keysy-legacy-detail .keysy-step-content h3 { margin: 0 0 5px; line-height: 1.35; }
.keysy-legacy-detail .keysy-step-content p:last-child, .keysy-legacy-detail .keysy-faq-a p:last-child { margin-bottom: 0; }
.keysy-legacy-detail .keysy-stat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 135px), 1fr)); gap: 8px; }
.keysy-legacy-detail .keysy-stat-box { padding: 12px; border: 1px solid var(--case-line); border-radius: 6px; }
.keysy-legacy-detail .keysy-stat-val { display: block; font-weight: 800; color: var(--case-link); }
.keysy-legacy-detail .keysy-stat-desc { color: var(--case-muted); font-size: .84rem; }
.keysy-legacy-detail .keysy-faq-item { border-top: 1px solid var(--case-line); padding-block: 12px; }
.keysy-legacy-detail .keysy-faq-q { display: flex; align-items: start; gap: 7px; margin: 0 0 6px; font-size: 1rem; font-weight: 750; }
.keysy-legacy-detail .keysy-faq-a { font-size: .95rem; }
.keysy-legacy-detail .keysy-card { min-width: 0; padding: 16px; background: var(--case-paper); border: 1px solid var(--case-line); border-radius: 8px; }
.keysy-legacy-detail .keysy-card + .keysy-card { margin-top: 12px; }
.keysy-legacy-detail .keysy-card h3 { margin: 0 0 9px; font-size: 1.1rem; line-height: 1.3; }
.keysy-legacy-detail .keysy-spec-list { margin: 0 0 10px; }
.keysy-legacy-detail .keysy-spec-row { padding: 8px 0; border-top: 1px solid var(--case-line); }
.keysy-legacy-detail .keysy-spec-row dt { color: var(--case-muted); font-size: .78rem; }
.keysy-legacy-detail .keysy-spec-row dd { margin: 4px 0 0; font-size: .9rem; line-height: 1.45; }
.keysy-legacy-detail .keysy-related-services { margin: 0; padding-left: 17px; font-size: .9rem; }
.keysy-legacy-detail .keysy-related-services li + li { margin-top: 6px; }
.keysy-legacy-detail .keysy-layout .auto-btn { padding: 9px 13px; min-height: 44px; text-align: center; white-space: normal; font: inherit; font-weight: 700; }
.keysy-legacy-detail .keysy-layout .auto-btn--primary { background: #1b4f80; color: #fff; }
.keysy-legacy-detail .keysy-layout .auto-btn--block { width: 100%; }
.keysy-legacy-detail .keysy-article .auto-cta { padding: 19px; border-radius: 8px; }
.keysy-legacy-detail .keysy-article .auto-cta p { color: inherit; }
.keysy-legacy-detail .auto-cta-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.keysy-legacy-detail .auto-cta-actions .auto-btn--secondary { border-color: #97b6d1; color: inherit; }
.keysy-legacy-detail .auto-cta-actions > * { max-width: 100%; }
@media (max-width: 850px) {
    .keysy-legacy-detail .keysy-layout { grid-template-columns: 1fr; }
    .keysy-legacy-detail .auto-container { width: calc(100% - 36px); }
}
@media (max-width: 580px) {
    .keysy-legacy-detail :is(.keysy-hero-facts, .keysy-facts-grid) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .keysy-legacy-detail .keysy-fact-item { padding: 9px; }
}