/* Только каталог /keysy/: графика и интерфейс поверх общего шаблона. */
.keysy-hub{--kh-ink:#152744;--kh-muted:#53657d;--kh-line:#d7e0eb;--kh-blue:#295c9c;--kh-paper:#f3f6fa;font-family:Manrope,sans-serif;overflow-x:clip}
html:has(>.keysy-hub){overflow-x:clip}
.keysy-hub [hidden]{display:none!important}
.keysy-hub .auto-shell{width:min(1240px,calc(100% - 64px))}
.keysy-hub :is(a,button,input,select,summary):focus-visible{outline:3px solid #4074bd;outline-offset:4px}
.kh-symbols{position:absolute;width:0;height:0;overflow:hidden}
.kh-icon,.kh-direction-art{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.kh-skip{position:fixed;z-index:10010;top:12px;left:18px;padding:14px 22px;background:#fff;color:#152744;transform:translateY(-200%);clip-path:inset(50%)}
.kh-skip:focus{transform:none;clip-path:none}
.keysy-hub .auto-breadcrumb nav{font-size:12px;min-height:44px;flex-wrap:wrap}
.keysy-hub .auto-hero{padding:48px 0 0;background:#0c1e34;isolation:isolate}
.keysy-hub .auto-hero::before,.keysy-hub .auto-hero::after{display:none}
.kh-hero-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:64px;align-items:center}
.keysy-hub .keysy-eyebrow{font-size:10px;margin-bottom:22px;color:#b5c9e5}
.keysy-hub .auto-hero h1{font-size:clamp(36px,4.2vw,58px);line-height:1.12;letter-spacing:-.045em;max-width:640px}
.keysy-hub .auto-hero h1 em{display:inline;color:#9fc5f2}
.keysy-hub .keysy-lead{font-size:17px;line-height:1.8;max-width:540px;margin-top:22px}
.keysy-hub .auto-btn{font:700 14px/1.5 Manrope,sans-serif;border-radius:7px;min-height:52px;padding:14px 22px;gap:18px}
.keysy-hub .auto-btn--primary{background:#c7dfff;color:#132a46;box-shadow:none}
.keysy-hub .auto-btn--primary:hover{background:#e0edff;transform:none}
.keysy-hub .auto-btn--ghost{color:#f1f5fa;border-color:#586e89;background:transparent}
.keysy-hub .keysy-hero-actions{margin-top:28px;gap:12px}
.kh-hero-note{font-size:12px;line-height:1.8;color:#adc0d9;margin:23px 0 0;max-width:460px}
.kh-hero-note a{color:#e2ebf9;text-decoration:underline;text-underline-offset:4px}
.keysy-hub .kh-feature{display:block;position:relative;border:1px solid #405672;border-radius:12px;background:#112940;text-decoration:none;color:#edf4ff;transition:border-color .2s}
.keysy-hub .kh-feature:hover{border-color:#99b9df}
.kh-feature-top{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:10px;line-height:1.5;color:#b3c9e4;padding:20px 24px;border-bottom:1px solid #2d4765}
.kh-feature-top span:last-child{font-family:'Roboto Mono',monospace;font-size:9px}
.kh-cable{width:100%;height:auto;display:block;max-height:240px}
.kh-feature-copy{padding:0 24px 20px}
.kh-feature-tag{font-size:10px;line-height:1.5;color:#bdce9b;letter-spacing:.03em}
.kh-feature h2{font-size:24px;line-height:1.3;letter-spacing:-.025em;margin:10px 0;color:#fff}
.kh-feature-copy p{font-size:12px;line-height:1.7;margin:0;color:#bacbe0;max-width:330px}
.kh-feature-bottom{display:flex;gap:30px;align-items:center;padding:18px 24px;border-top:1px solid #344d6b}
.kh-feature-bottom>span{display:grid;gap:6px;font-size:10px;line-height:1.5;color:#b4c5d9}
.kh-feature-bottom b{font-size:15px;color:#f2f6fe}
.kh-feature-bottom .kh-feature-arrow{margin-left:auto;font-size:28px;line-height:1;color:#cee3ff}
.kh-hero-footer{display:grid;grid-template-columns:1fr 250px;gap:50px;align-items:center;margin-top:40px;padding-block:26px;border-top:1px solid #32465e}
.keysy-hub .keysy-hero-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;max-width:none;border:0;gap:20px}
.keysy-hub .keysy-hero-facts b{font-size:25px;line-height:1.2;font-weight:700}
.keysy-hub .keysy-hero-facts span{color:#b0c2d9;font-size:11px;margin-top:5px}
.kh-hero-range{font-size:12px;line-height:1.6;color:#e8effa;margin:0;padding-left:28px;border-left:1px solid #42536b}
.kh-hero-range span{display:block;font-size:10px;color:#a8bed9;margin-top:5px}
.keysy-hub .auto-section{padding:60px 0}
.keysy-hub .auto-section-head h2{font-size:34px;letter-spacing:-.035em;color:var(--kh-ink)}
.keysy-hub .auto-section-head>p{font-size:14px;line-height:1.7;color:var(--kh-muted)}
.keysy-hub .keysy-directions{gap:16px;margin-top:28px}
.keysy-hub .keysy-direction-card{border-radius:9px;box-shadow:none;min-height:210px;background:#f5f8fc;border-color:#d4e0ed}
.keysy-hub .keysy-direction-card:before{display:none}
.keysy-hub .keysy-direction-select{min-height:170px;padding:22px;position:relative}
.keysy-hub .keysy-direction-label{margin-top:12px;max-width:75%;font-size:10px;letter-spacing:.03em;color:#53657d}
.keysy-hub .keysy-direction-card strong{font-size:22px;margin-top:8px}
.keysy-hub .keysy-direction-select>span:last-child{font-size:12px;line-height:1.6;margin-top:14px;max-width:290px}
.keysy-hub .keysy-direction-card>a{margin:0 22px 20px;font-size:12px;min-height:28px;text-decoration:none}
.kh-direction-art{position:absolute;right:18px;top:20px;width:68px;height:60px;color:#577fa9}
.keysy-hub .keysy-direction-card--pp878 .kh-direction-art{color:#6871af}
.keysy-hub .keysy-direction-card--other .kh-direction-art{color:#447e78}
.keysy-hub .keysy-filter-tabs button{min-height:44px}
@media(max-width:1100px){.kh-hero-layout{gap:36px}.keysy-hub .auto-hero h1{font-size:44px}.keysy-hub .auto-btn{padding:13px 17px;font-size:13px}.kh-feature h2{font-size:22px}.kh-hero-footer{gap:24px;grid-template-columns:1fr 220px}}
@media(max-width:820px){.kh-hero-layout{grid-template-columns:1fr;gap:28px}.keysy-hub .auto-hero h1{font-size:42px;max-width:650px}.keysy-hub .keysy-lead{max-width:650px}.kh-feature{max-width:600px}.kh-hero-footer{grid-template-columns:1fr;gap:18px}.kh-hero-range{border:0;padding:0}.kh-hero-range span{display:inline;margin-left:8px}.keysy-hub .keysy-directions{grid-template-columns:1fr}.keysy-hub .keysy-direction-card{min-height:0}.keysy-hub .keysy-direction-select{min-height:0}.kh-direction-art{width:80px;height:70px}.keysy-hub .keysy-direction-card strong b{display:inline;margin-left:12px}.keysy-hub .keysy-direction-select>span:last-child{max-width:80%}}
@media(max-width:600px){.keysy-hub .auto-shell{width:calc(100% - 36px)}.keysy-hub .auto-hero{padding-top:32px}.keysy-hub .auto-hero h1{font-size:34px;line-height:1.15;letter-spacing:-.04em}.keysy-hub .keysy-lead{font-size:16px;line-height:1.75;margin-top:18px}.keysy-hub .keysy-eyebrow{font-size:9px;margin-bottom:20px}.keysy-hub .keysy-hero-actions{display:grid;grid-template-columns:1fr;margin-top:22px}.keysy-hub .auto-btn{font-size:14px;justify-content:space-between;padding-inline:18px}.kh-hero-note{font-size:11px;margin-top:18px}.keysy-hub .kh-feature{display:grid;grid-template-columns:100px minmax(0,1fr);gap:0;border-radius:8px}.kh-feature-top{grid-column:1/-1;padding:12px 14px;font-size:9px;gap:10px}.kh-feature-top span:last-child{font-size:8px}.kh-cable{align-self:center;grid-column:1;width:140px;margin-left:-16px;max-height:100px}.kh-feature-copy{grid-column:2;padding:15px 14px 15px 0}.kh-feature h2{font-size:18px;line-height:1.3;margin:6px 0}.kh-feature h2 br{display:none}.kh-feature-tag{font-size:9px}.kh-feature-copy p{display:none}.kh-feature-bottom{grid-column:1/-1;padding:12px 14px;gap:24px}.kh-feature-bottom>span{font-size:9px;gap:3px}.kh-feature-bottom b{font-size:13px}.kh-hero-layout{gap:22px}.kh-hero-footer{margin-top:22px;padding-block:20px;gap:16px}.keysy-hub .keysy-hero-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.keysy-hub .keysy-hero-facts b{font-size:23px}.keysy-hub .keysy-hero-facts span{font-size:9px}.kh-hero-range{font-size:11px;line-height:1.6}.kh-hero-range span{display:block;margin:2px 0 0;font-size:10px}.keysy-hub .auto-section{padding:40px 0}.keysy-hub .auto-section-head h2{font-size:29px}.keysy-hub .auto-section-head>p{font-size:14px}.keysy-hub .keysy-direction-select{padding:18px}.keysy-hub .keysy-direction-card>a{margin:0 18px 17px}.kh-direction-art{width:63px;height:55px}.keysy-hub .keysy-direction-card strong{font-size:20px}.keysy-hub .keysy-direction-card strong b{display:block;margin:7px 0 0;font-size:11px}.keysy-hub .keysy-direction-select>span:last-child{max-width:90%}}
@media(prefers-reduced-motion:reduce){html:has(>.keysy-hub){scroll-behavior:auto!important}.keysy-hub *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Итерация 2: поиск, независимые фильтры и управляемая длина выдачи. */
.keysy-hub:not(.kh-ready) .kh-js-control{display:none}
.keysy-hub #keysy-explorer,.keysy-hub #keysy-case-results{scroll-margin-top:24px}
.keysy-hub .keysy-explorer{margin-top:26px;border:0;overflow:visible;background:transparent;border-radius:0}
.kh-search-form{padding:26px 28px 18px;border:1px solid #cbd9e9;background:#f0f5fb;border-radius:10px}
.kh-search-form>label{display:block;font-size:15px;font-weight:700;color:#233d5f;margin-bottom:12px}
.kh-search-line{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #a9bdd7;border-radius:6px;padding-left:16px}
.kh-search-line>span{color:#5b789e;font-size:22px}
.kh-search-line input{flex:1;min-width:0;border:0;background:none;font:400 16px/1.5 Manrope,sans-serif;color:#1b3454;height:56px;padding:10px 0}
.kh-search-line input:focus-visible{outline-offset:0;outline-width:2px}
.kh-search-line>button{border:0;border-left:1px solid #a9bdd7;align-self:stretch;padding:12px 28px;border-radius:0 5px 5px 0;background:#214e80;color:#fff;font:700 14px/1.5 Manrope,sans-serif;cursor:pointer;display:flex;align-items:center;gap:30px}
.kh-search-line>button:hover{background:#163c69}
.kh-search-examples{display:flex;align-items:center;gap:6px 16px;flex-wrap:wrap;font-size:11px;color:#60718a;margin-top:8px}
.kh-search-examples button{font:inherit;color:#345e92;text-decoration:underline;text-underline-offset:3px;min-height:34px;padding:3px 0;border:0;background:none;cursor:pointer}
.kh-filters{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:20px 0 0;flex-wrap:wrap}
.keysy-hub .keysy-filter-tabs{gap:7px}
.keysy-hub .keysy-filter-tabs button{border-radius:5px;min-height:44px;font-size:12px;padding:10px 14px;color:#415770;font-weight:600}
.keysy-hub .keysy-filter-tabs button.is-active{background:#152f50;border-color:#152f50;color:#fff}
.keysy-hub .keysy-filter-tabs button:not(.is-active)>span{color:#4c607f}
.kh-task-label{font-size:11px;color:#53677e;display:flex;gap:10px;align-items:center}
.kh-task-label select{border:1px solid #bdcce0;border-radius:5px;background:#fff;color:#1e3858;min-height:44px;padding:9px 32px 9px 12px;font:500 12px/1.4 Manrope,sans-serif;max-width:100%}
.kh-results-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #dce4ef;margin:20px 0 24px;padding-bottom:14px;min-height:58px}
.keysy-hub .keysy-results{padding:0;margin:0;font-size:12px;line-height:1.6;color:#475c76}
.kh-result-actions{display:flex;align-items:center;gap:16px}
.kh-view{display:flex;gap:1px;flex-shrink:0}
.kh-view button{display:flex;align-items:center;justify-content:center;border:1px solid #c8d4e5;background:#fff;color:#586e8b;width:44px;height:44px;cursor:pointer;border-radius:4px}
.kh-view button[aria-pressed=true]{background:#e6edf7;color:#234d80;border-color:#8da7c8}
.kh-reset{border:0;border-bottom:1px solid #b3c4dd;background:none;color:#31598d;cursor:pointer;font:600 12px/1.5 Manrope,sans-serif;min-height:44px;padding:5px 0}
.keysy-hub .keysy-groups{padding:0}
.keysy-hub .keysy-grid{gap:20px}
.keysy-hub .keysy-card{position:relative;padding:24px;border-radius:8px}
.kh-card-index{position:absolute;right:20px;top:20px;color:#7b8fa8;font:500 10px/1.5 'Roboto Mono',monospace}
.keysy-hub .keysy-card h3{font-size:19px;line-height:1.4}
.keysy-hub .keysy-card h3 a{color:#183251;text-decoration:none}
.keysy-hub .keysy-card>p{font-size:14px;line-height:1.75;color:#53647a}
.keysy-hub .keysy-card-meta{font-size:12px;line-height:1.7;color:#314e72}
.keysy-hub .keysy-card-tag{padding-right:24px;font-size:10px;color:#4d698f}
.keysy-hub .keysy-card-link{min-height:44px;font-size:12px;color:#2f5e97;text-decoration:none}
.keysy-hub .keysy-grid[data-view=list]{grid-template-columns:1fr}
.keysy-hub .keysy-grid[data-view=list] .keysy-card{display:grid;grid-template-columns:minmax(0,1fr) 250px;column-gap:32px;row-gap:8px}
.keysy-hub .keysy-grid[data-view=list] :is(.keysy-card-tag,h3,.keysy-card>p){grid-column:1}
.keysy-hub .keysy-grid[data-view=list] .keysy-card-meta{grid-column:2;grid-row:2;border:0;margin:0;padding:0}
.keysy-hub .keysy-grid[data-view=list] .keysy-card-link{grid-column:2;grid-row:3;align-self:end;margin:0}
.kh-catalog-footer{display:flex;justify-content:center;align-items:center;gap:12px 24px;flex-wrap:wrap;padding:28px 0 4px}
.keysy-hub .keysy-show-more{margin:0;border:1px solid #214e80;border-radius:6px;background:#214e80;color:#fff;min-height:50px;padding:12px 32px;font:700 14px/1.5 Manrope,sans-serif;cursor:pointer}
.keysy-hub .keysy-show-more:hover{background:#153d6b}
.kh-show-all,.kh-share{border:0;border-bottom:1px solid #bbcee3;background:none;color:#315b8e;min-height:44px;font:600 12px/1.5 Manrope,sans-serif;cursor:pointer}
.kh-share{margin-left:auto}.kh-share-status{width:100%;text-align:right;font-size:12px;color:#365e61;margin:0;line-height:1.6}
.keysy-hub .keysy-empty{text-align:center;border:1px dashed #c1cfde;background:#f5f8fc;padding:36px 24px;border-radius:8px;color:#4b627e}
.keysy-empty>span{font-size:34px;color:#6281a8}.keysy-empty h3{font-size:24px;color:#1b3658;margin:12px 0}.keysy-empty p{font-size:14px;line-height:1.7;max-width:430px;margin:0 auto 20px}
.keysy-empty button{border:1px solid #285788;background:#285788;color:#fff;font:600 13px/1.5 Manrope,sans-serif;border-radius:5px;padding:13px 18px;cursor:pointer;margin:4px 10px}
.keysy-empty a{display:inline-block;font-size:13px;margin:8px 10px;padding:8px 0}
.keysy-hub .kh-services{background:#f3f6fa;border-top:1px solid #dae4ee;border-bottom:1px solid #dae4ee}
@media(max-width:820px){.keysy-hub .keysy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kh-filters{gap:12px}.kh-task-label{width:100%}.kh-task-label select{flex:1}.keysy-hub .keysy-grid[data-view=list] .keysy-card{grid-template-columns:minmax(0,1fr) 190px;column-gap:20px}}
@media(max-width:600px){.kh-search-form{padding:18px 15px 10px}.kh-search-form>label{font-size:14px;line-height:1.6;margin-bottom:10px}.kh-search-line{gap:8px;padding-left:10px}.kh-search-line>span{font-size:20px}.kh-search-line input{font-size:16px;height:50px}.kh-search-line input::placeholder{font-size:13px}.kh-search-line>button{padding:8px 12px;font-size:12px}.kh-search-line>button span{display:none}.kh-search-examples{font-size:10px;gap:4px 12px}.kh-filters{margin-top:16px}.keysy-hub .keysy-filter-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:6px}.keysy-hub .keysy-filter-tabs button{justify-content:space-between;font-size:11px;padding:9px 11px}.kh-results-bar{align-items:center;margin:14px 0 20px;gap:10px;flex-wrap:wrap}.kh-result-actions{margin-left:auto;gap:12px}.keysy-hub .keysy-grid{grid-template-columns:1fr;gap:16px}.keysy-hub .keysy-card{padding:22px}.keysy-hub .keysy-card h3{font-size:20px;line-height:1.4}.keysy-hub .keysy-card>p{font-size:15px}.keysy-hub .keysy-card-meta{font-size:12px}.kh-catalog-footer{gap:10px 18px;padding-top:22px}.keysy-hub .keysy-show-more{width:100%;justify-content:center}.kh-share{margin-left:0}.kh-share-status{text-align:center}.keysy-hub .keysy-grid[data-view=list] .keysy-card{display:flex;gap:10px;padding:18px}.keysy-hub .keysy-grid[data-view=list] .keysy-card>p{display:none}.keysy-hub .keysy-grid[data-view=list] .keysy-card h3{font-size:17px}.keysy-hub .keysy-grid[data-view=list] .keysy-card-meta{padding-top:8px;font-size:11px}.keysy-hub .keysy-grid[data-view=list] .keysy-card-link{font-size:11px;padding:4px 0;min-height:40px}.keysy-hub .keysy-empty{padding:28px 18px}}

/* Итерация 3: визуальные паспорта продукции, повторно используемые SVG. */
.keysy-hub .keysy-card{border:1px solid #d1ddea;box-shadow:none;overflow:hidden;padding:0 24px 18px;gap:0}
.keysy-hub .keysy-card:before{display:none}
.keysy-hub .keysy-card:hover{transform:none;border-color:#7d9abb;box-shadow:0 7px 24px #1534510b}
.kh-card-visual{--kh-art:#527ca5;display:flex;align-items:center;gap:18px;background:#edf3fa;border-bottom:1px solid #d8e2ed;padding:20px 22px;margin:0 -24px 22px;min-height:126px}
.kh-card-visual>.kh-icon{width:76px;height:66px;flex:0 0 auto;color:var(--kh-art);stroke-width:1.5;filter:drop-shadow(3px 4px 0 #c6d5e244)}
.kh-card-visual>div{min-width:0}
.keysy-hub .kh-card-index{position:static;display:block;font:500 9px/1.5 'Roboto Mono',monospace;color:#6e85a1;margin-bottom:7px}
.kh-card-product{display:block;font-size:13px;line-height:1.5;font-weight:700;color:#244467}
.keysy-hub .keysy-card-tag{display:block;max-width:none;color:#5a6d84;font-family:Manrope,sans-serif;font-size:10px;line-height:1.6;padding:0;margin:7px 0 0;font-weight:500;letter-spacing:0;text-transform:none}
.keysy-hub .keysy-card h3{margin:0 0 14px;font-size:19px;line-height:1.45;letter-spacing:-.02em}
.keysy-hub .keysy-card h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.keysy-hub .keysy-card>p{margin:0 0 20px}
.keysy-hub .keysy-card-meta{border-top:1px solid #dde5f0;padding-top:15px;margin-top:auto;font-weight:600;min-height:54px}
.keysy-hub .keysy-card-meta:before{display:none}
.keysy-hub .auto-section .keysy-card-link{display:flex;justify-content:space-between;width:100%;margin:12px 0 0;padding:6px 0;font-weight:700;color:#2d5d96;text-decoration:none}
.keysy-hub .auto-section .keysy-card-link:hover{text-decoration:underline;text-underline-offset:4px}
.keysy-hub .keysy-card[data-kh-art=chemistry] .kh-card-visual{background:#edf5f2;--kh-art:#4e8273}
.keysy-hub .keysy-card[data-kh-art=medical] .kh-card-visual{background:#edf7f6;--kh-art:#43877f}
.keysy-hub .keysy-card[data-kh-art=textile] .kh-card-visual{background:#f7f2ea;--kh-art:#9a7851}
.keysy-hub .keysy-card[data-kh-art=chip] .kh-card-visual{background:#f0f0f8;--kh-art:#737ba5}
.keysy-hub .keysy-card[data-kh-art=software] .kh-card-visual{background:#edf4f8;--kh-art:#4c8299}
.keysy-hub .keysy-card[data-kh-art=agriculture] .kh-card-visual{background:#f1f5eb;--kh-art:#71864e}
.keysy-hub .keysy-grid[data-view=list] .keysy-card{grid-template-columns:220px minmax(0,1fr) 205px;grid-template-rows:auto auto;gap:6px 28px;padding:22px 24px}
.keysy-hub .keysy-grid[data-view=list] .kh-card-visual{grid-column:1;grid-row:1/4;border:0;border-right:1px solid #d8e2ed;margin:-22px 0 -22px -24px;padding:20px 18px;flex-direction:column;align-items:flex-start;gap:12px}
.keysy-hub .keysy-grid[data-view=list] .kh-card-visual .kh-icon{width:60px;height:52px}
.keysy-hub .keysy-grid[data-view=list] .keysy-card h3{grid-column:2;grid-row:1;margin:0 0 8px;font-size:20px}
.keysy-hub .keysy-grid[data-view=list] .keysy-card>p{grid-column:2;grid-row:2/4;margin:0}
.keysy-hub .keysy-grid[data-view=list] .keysy-card-meta{grid-column:3;grid-row:1/3;border:0;align-self:start;margin:0;padding-top:2px;min-height:0}
.keysy-hub .keysy-grid[data-view=list] .keysy-card-link{grid-column:3;grid-row:3;align-self:end;margin:0}
.kh-resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #d4e0ed;border-left:1px solid #d4e0ed}
.keysy-hub .kh-resource-grid>a{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:24px;border-right:1px solid #d4e0ed;border-bottom:1px solid #d4e0ed;color:#244367;text-decoration:none;position:relative;background:#fff}
.keysy-hub .kh-resource-grid>a:hover{background:#f1f6fc}
.kh-resource-grid .kh-icon{width:64px;height:56px;color:#527ea9}
.kh-resource-grid b{font-size:15px;line-height:1.6;display:block}
.kh-resource-grid small{font-size:12px;line-height:1.7;display:block;color:#62758b;margin-top:8px}
.kh-resource-arrow{position:absolute;right:24px;top:32px;font-size:23px;color:#5d80a6}
@media(max-width:1100px){.keysy-hub .keysy-grid[data-view=list] .keysy-card{grid-template-columns:170px minmax(0,1fr) 180px;column-gap:22px}.kh-card-visual{gap:12px;padding:20px 18px}.kh-card-visual>.kh-icon{width:60px;height:52px}.kh-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.keysy-hub .keysy-grid[data-view=list] .keysy-card{grid-template-columns:150px minmax(0,1fr)}.keysy-hub .keysy-grid[data-view=list] .kh-card-visual{grid-row:1/5}.keysy-hub .keysy-grid[data-view=list] .keysy-card>p{grid-column:2;grid-row:2}.keysy-hub .keysy-grid[data-view=list] .keysy-card-meta{grid-column:2;grid-row:3;margin-top:8px}.keysy-hub .keysy-grid[data-view=list] .keysy-card-link{grid-column:2;grid-row:4}.keysy-hub .keysy-card h3{font-size:18px}}
@media(max-width:600px){.keysy-hub .keysy-card{padding:0 22px 14px}.kh-card-visual{margin:0 -22px 20px;padding:18px 22px;min-height:104px;gap:20px}.kh-card-visual>.kh-icon{width:68px;height:58px}.kh-card-product{font-size:14px}.keysy-hub .keysy-card-tag{font-size:10px}.keysy-hub .keysy-card h3{font-size:20px;line-height:1.45}.keysy-hub .keysy-grid[data-view=list] .keysy-card{display:block;padding:16px 18px}.keysy-hub .keysy-grid[data-view=list] .kh-card-visual{border:0;margin:0 0 12px;padding:0;background:transparent;min-height:0;flex-direction:row;align-items:center;gap:14px}.keysy-hub .keysy-grid[data-view=list] .kh-card-visual .kh-icon{width:44px;height:38px}.keysy-hub .keysy-grid[data-view=list] .kh-card-index{display:none}.keysy-hub .keysy-grid[data-view=list] .keysy-card-tag{margin-top:4px;font-size:9px}.keysy-hub .keysy-grid[data-view=list] .kh-card-product{font-size:12px}.keysy-hub .keysy-grid[data-view=list] .keysy-card h3{font-size:17px}.keysy-hub .keysy-grid[data-view=list] .keysy-card-meta{font-size:11px;line-height:1.6;padding-top:9px;border-top:1px solid #e0e6ed;margin-top:12px}.keysy-hub .keysy-grid[data-view=list] .keysy-card-link{margin-top:4px;font-size:11px}.kh-resource-grid{grid-template-columns:1fr}.keysy-hub .kh-resource-grid>a{flex-direction:row;gap:18px;padding:21px 42px 21px 18px;align-items:center}.kh-resource-grid .kh-icon{width:48px;height:42px;flex:none}.kh-resource-grid b{font-size:14px}.kh-resource-grid small{font-size:11px;margin-top:4px}.kh-resource-arrow{right:16px;top:28px;font-size:21px}}

/* Итерация 4: короткий ответ о каталоге и наглядный состав кейса. */
.keysy-hub .keysy-trust{padding:62px 0;background:#f4f7fa;color:var(--kh-ink);border-top:1px solid #d9e3ee}
.keysy-hub .keysy-trust .auto-kicker{color:#48668e}
.keysy-hub .keysy-trust-head{max-width:820px}
.keysy-hub .keysy-trust-head h2{font-size:34px;letter-spacing:-.03em;line-height:1.25;color:var(--kh-ink)}
.keysy-hub .keysy-trust-head p{font-size:15px;line-height:1.8;color:#4f647d}
.keysy-hub .keysy-trust-head .kh-updated{font-size:11px;line-height:1.5;color:#53677e;margin:20px 0}
.keysy-hub .keysy-proof-grid{gap:0;border:1px solid #cedbe9;border-radius:9px;overflow:hidden;background:#fff;margin-top:30px}
.keysy-hub .keysy-proof-grid article{position:relative;border:0;border-radius:0;border-right:1px solid #d5e0eb;padding:26px 28px;background:transparent}
.keysy-hub .keysy-proof-grid article:last-child{border-right:0}
.keysy-hub .keysy-proof-grid article:not(:last-child):after{content:'→';position:absolute;right:22px;top:38px;font-size:24px;color:#7894b2}
.kh-proof-icon{display:block;width:68px;height:60px;fill:none;stroke:#4b75a4;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:24px}
.keysy-hub .keysy-proof-grid article>span{font-size:10px;color:#52769d}
.keysy-hub .keysy-proof-grid h3{font-size:19px;line-height:1.4;letter-spacing:-.015em;margin:11px 0;color:#1e3b5c}
.keysy-hub .keysy-proof-grid p{font-size:14px;line-height:1.8;color:#53687f}
.kh-reading-guide{margin-top:30px;border-top:1px solid #cedae8}
.kh-reading-guide details{border-bottom:1px solid #cedae8}
.kh-reading-guide summary{position:relative;cursor:pointer;font-size:15px;font-weight:700;line-height:1.6;padding:22px 40px 22px 0;color:#254464;list-style:none}
.kh-reading-guide summary::-webkit-details-marker{display:none}
.kh-reading-guide summary:after{content:'+';position:absolute;right:10px;top:17px;font-weight:400;font-size:24px;color:#557a9f}
.kh-reading-guide details[open] summary:after{content:'−'}
.kh-reading-guide p{font-size:14px;line-height:1.85;color:#536981;margin:0 0 24px;max-width:850px}
.kh-reading-guide a{color:#2e5e96;text-decoration:underline;text-underline-offset:3px}
.keysy-hub .keysy-gisp-note{display:flex;align-items:flex-start;gap:20px;margin-top:30px;padding:24px;border:1px solid #cbd9e9;border-radius:8px;background:#fff;color:#1e3b5c}
.keysy-hub .keysy-gisp-note>.material-symbols-outlined{flex:0 0 auto;display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:#eaf1fa;color:#315d8d;font-size:26px}
.keysy-hub .keysy-gisp-note>div{min-width:0}
.keysy-hub .keysy-gisp-note h3{margin:0 0 10px;color:#1e3b5c;font-size:18px;line-height:1.4}
.keysy-hub .keysy-gisp-note p{margin:0;font-size:14px;line-height:1.8;color:#4f647d}
.keysy-hub .keysy-gisp-note a,.keysy-hub .keysy-gisp-note a:visited{color:#24558b;text-decoration:underline;text-underline-offset:3px}
.keysy-hub .keysy-gisp-note a:hover{color:#173d69}
.keysy-hub .keysy-direction-card--other .keysy-direction-index{color:#226a68}
.keysy-hub .auto-cta p a,.keysy-hub .auto-cta p a:visited{color:#edf4ff;text-decoration:underline;text-underline-offset:4px}
.keysy-hub .auto-cta .auto-kicker{color:#d3e4ff;border-left-color:#c7dfff}
@media(max-width:600px){.keysy-hub .keysy-gisp-note{padding:20px;gap:14px;flex-direction:column}}
@media(max-width:600px){.keysy-hub .keysy-trust{padding:42px 0}.keysy-hub .keysy-trust-head h2{font-size:28px}.keysy-hub .keysy-trust-head p{font-size:15px;line-height:1.8}.keysy-hub .keysy-proof-grid{grid-template-columns:1fr}.keysy-hub .keysy-proof-grid article{border-right:0;border-bottom:1px solid #d5e0eb;padding:22px}.keysy-hub .keysy-proof-grid article:last-child{border-bottom:0}.keysy-hub .keysy-proof-grid article:not(:last-child):after{content:'↓';right:24px;top:28px}.kh-proof-icon{width:55px;height:48px;margin-bottom:16px}.keysy-hub .keysy-proof-grid h3{font-size:19px}.keysy-hub .keysy-proof-grid p{font-size:14px}.kh-reading-guide summary{font-size:15px;padding-block:18px}.kh-reading-guide p{font-size:14px}.keysy-hub .keysy-gisp-note p{font-size:14px}}

/* Итерация 5: короткая навигация и доступность на всех ширинах. */
.keysy-hub .kh-quick-nav{position:sticky;top:0;z-index:110;background:#fff;border-bottom:1px solid #cddbeb;box-shadow:0 5px 18px #1d3e6508}
.kh-quick-nav>.auto-shell{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:62px}
.kh-quick-links{display:flex;align-items:center;gap:30px}
.keysy-hub .kh-quick-links a{font-size:12px;font-weight:600;color:#385574;text-decoration:none;display:flex;align-items:center;min-height:46px}
.keysy-hub .kh-quick-links a:hover{color:#143e6f;text-decoration:underline;text-underline-offset:5px}
.kh-quick-nav button{font:600 12px/1.5 Manrope,sans-serif;color:#254e7c;background:#eaf2fc;border:1px solid #c6d8ee;border-radius:5px;min-height:44px;padding:10px 18px;display:flex;align-items:center;gap:24px;cursor:pointer}
.keysy-hub #keysy-explorer,.keysy-hub #keysy-case-results,.keysy-hub #keysy-about,.keysy-hub #keysy-services,.keysy-hub #keysy-trust-title,.keysy-hub #keysy-list-contact{scroll-margin-top:86px}
.keysy-hub:not(.kh-ready) [data-keysy-lead]{display:none}
.keysy-hub .keysy-direction-select:disabled{cursor:default;opacity:1}
.keysy-hub .keysy-direction-select[aria-pressed=true]{background:#e6effa}
.keysy-hub .keysy-empty .kh-empty-consult{border:0;border-bottom:1px solid #9db5cf;border-radius:0;padding:10px 0;background:transparent;color:#315f91}
.keysy-hub #keysy-main:focus{outline:none}
@media(max-width:600px){.kh-quick-nav>.auto-shell{min-height:58px;gap:14px;width:calc(100% - 28px)}.kh-quick-links{gap:16px}.keysy-hub .kh-quick-links a{font-size:10px;min-height:44px;white-space:nowrap}.kh-quick-nav button{font-size:10px;gap:9px;min-height:42px;padding:8px 10px}.kh-quick-nav button span{font-size:16px}.keysy-hub #keysy-list-contact .auto-hero-actions{display:flex;flex-wrap:wrap}.keysy-hub .kh-results-bar .keysy-results{font-size:11px}}
@media(max-width:360px){.kh-quick-links{gap:12px}.kh-quick-nav button{font-size:9px;padding:8px}.kh-quick-nav button span{display:none}.kh-quick-nav>.auto-shell{gap:8px}.keysy-hub .auto-hero h1{font-size:30px}.keysy-hub .keysy-hero-facts{gap:8px}.keysy-hub .keysy-hero-facts span{font-size:8px}}
@media print{.kh-quick-nav,.kh-js-control,.kh-skip,[data-keysy-lead]{display:none!important}.keysy-hub .keysy-grid{display:block}.keysy-hub .keysy-card{break-inside:avoid;box-shadow:none;margin-bottom:18px}.keysy-hub .auto-hero{print-color-adjust:exact}.kh-card-visual{print-color-adjust:exact}.keysy-hub .auto-shell{width:100%}}
