.bk-hub { background: #fff; }

.bk-hub-hero { position: relative; overflow: hidden; padding: 58px 0 200px; background: linear-gradient(90deg, #fff 0%, #fbfcfe 30%, #f1f5fa 60%, #e9eef6 100%); }
.bk-hub-hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 170px; background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.75) 70%, #fff); pointer-events: none; }
.bk-hub-frost { position: absolute; top: 0; right: 0; width: 62%; height: 100%; }
.bk-hub-copy { position: relative; z-index: 1; }
.bk-hub-pill { display: inline-flex; align-items: center; height: 36px; padding: 0 16px; border-radius: 6px; background: #d0102c; color: #fff; font-size: 18px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.bk-hub-title { margin: 14px 0 0; font-size: 132px; line-height: 1.02; font-weight: 800; letter-spacing: -.03em; color: #d0102c; }
.bk-hub-sub { margin: 18px 0 0; font-size: 40px; line-height: 1.15; font-weight: 700; letter-spacing: -.01em; color: #0b1f4d; }
.bk-hub-lead { margin: 22px 0 0; max-width: 470px; font-size: 21px; line-height: 1.55; color: #4a5160; }

.bk-hub-main { position: relative; z-index: 2; margin-top: -146px; padding-bottom: 30px; }
.bk-hub-panel { background: #fff; border-radius: 18px; box-shadow: 0 6px 30px rgba(11, 26, 60, .1); padding: 40px 26px 30px; text-align: center; }
.bk-hub-panel-title { margin: 0; font-size: 34px; line-height: 1.2; font-weight: 700; letter-spacing: -.01em; color: #0b1f4d; }
.bk-hub-panel-sub { margin: 12px 0 0; font-size: 18px; color: #4a5160; }
.bk-hub-cards { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 21px; margin-top: 30px; }
.bk-hub-card { display: flex; flex-direction: column; align-items: center; padding: 18px 12px 22px; border: 1px solid #e3e7ee; border-radius: 12px; background: #fff; box-shadow: 0 2px 10px rgba(11, 26, 60, .05); min-height: 338px; }
.bk-hub-ico { width: 88px; height: 88px; border-radius: 50%; display: grid; place-items: center; background: #0b3d9e; color: #fff; }
.bk-hub-ico.red { background: #d0102c; }
.bk-hub-ico svg { width: 54%; height: 54%; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.bk-hub-card h3 { margin: 26px 0 0; font-size: 20.5px; line-height: 1.2; font-weight: 600; letter-spacing: -.02em; color: #0b1a3c; white-space: nowrap; }
.bk-hub-ico svg.big { width: 66%; height: 66%; }
.bk-hub-card p { margin: 14px 0 0; font-size: 15px; line-height: 1.6; color: #2f3747; }
.bk-hub-btn { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 158px; height: 44px; margin-top: auto; border-radius: 5px; background: #0b3d9e; color: #fff; font-size: 19px; font-weight: 600; }
.bk-hub-card p + .bk-hub-btn { margin-top: auto; }
.bk-hub-card p { margin-bottom: 22px; }
.bk-hub-btn:hover { background: #082f7a; color: #fff; }

.bk-hub-trust { border-top: 1px solid #e3e7ee; padding: 34px 0 36px; background: #fff; }
.bk-hub-trust-in { display: grid; grid-template-columns: 1fr 1fr 1fr; }
.bk-hub-tr { display: flex; align-items: center; gap: 26px; padding: 4px 30px; }
.bk-hub-tr:first-child { padding-left: 28px; }
.bk-hub-tr + .bk-hub-tr { border-left: 1px solid #d6dce6; }
.bk-hub-tr svg { width: 68px; height: 68px; flex: none; fill: none; stroke: #0b3d9e; stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round; }
.bk-hub-tr h3 { margin: 0 0 8px; font-size: 20px; line-height: 1.2; font-weight: 700; color: #0b1a3c; }
.bk-hub-tr p { margin: 0; font-size: 15.5px; line-height: 1.6; color: #2f3747; }

@media (max-width: 900px) {
    .bk-hub-title { font-size: 80px; }
    .bk-hub-sub { font-size: 28px; }
    .bk-hub-cards { grid-template-columns: 1fr 1fr; }
    .bk-hub-card { min-height: 0; }
    .bk-hub-trust-in { grid-template-columns: 1fr; gap: 22px; }
    .bk-hub-tr, .bk-hub-tr:first-child { padding: 0; }
    .bk-hub-tr + .bk-hub-tr { border-left: 0; }
}
@media (max-width: 520px) {
    .bk-hub-cards { grid-template-columns: 1fr; }
    .bk-hub-card h3 { white-space: normal; }
}