:root {
  --bk-primary: #1769e0;
  --bk-primary-dark: #0f54bb;
  --bk-ink: #182230;
  --bk-muted: #637083;
  --bk-canvas: #f5f7fa;
  --bk-border: #e5e9ef;
  --bk-success: #13a471;
  --bk-warning: #e49b16;
  --bk-danger: #d94b52;
  --bk-white: #ffffff;
  --bk-shadow: 0 18px 48px rgba(19, 39, 66, 0.10);
  --bk-shadow-soft: 0 8px 24px rgba(19, 39, 66, 0.07);
  --bk-radius: 16px;
  --bk-container: 1480px;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--bk-ink);
  background: var(--bk-white);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}

a { color: inherit; }
button, input, select, textarea { font: inherit; }
code, pre { font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace; }
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible { outline: 3px solid #0b5fc6; outline-offset: 3px; }
.btn { min-height: 44px; padding: 10px 20px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; color: var(--bk-ink); background: transparent; border: 1px solid transparent; border-radius: 9px; font-size: .94rem; font-weight: 800; line-height: 1.25; text-align: center; text-decoration: none; transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
.btn:hover { transform: translateY(-1px); }
.btn-primary { color: #fff; background: var(--bk-primary); border-color: var(--bk-primary); }
.btn-primary:hover { color: #fff; background: var(--bk-primary-dark); border-color: var(--bk-primary-dark); }
.btn-outline-secondary { color: var(--bk-ink); background: #fff; border-color: #cbd4df; }
.btn-outline-secondary:hover { color: var(--bk-primary); background: #f7faff; border-color: #adc7e8; }
.btn-light { color: var(--bk-ink); background: #fff; border-color: #fff; }
.btn-light:hover { color: var(--bk-primary); background: #f3f7fc; border-color: #f3f7fc; }
.btn-outline-light { color: #fff; border-color: rgba(255,255,255,.65); }
.btn-outline-light:hover { color: var(--bk-ink); background: #fff; border-color: #fff; }
.btn-lg { min-height: 58px; padding: 14px 25px; border-radius: 10px; font-size: 1rem; }
.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
.container-site { width: min(calc(100% - 48px), var(--bk-container)); margin-inline: auto; }
.section-pad { padding: 104px 0; }
.surface-alt { background: var(--bk-canvas); border-block: 1px solid var(--bk-border); }

.skip-link { position: fixed; left: 16px; top: -80px; z-index: 2000; padding: 12px 18px; color: #fff; background: var(--bk-ink); border-radius: 8px; transition: top .15s ease; }
.skip-link:focus { top: 12px; color: #fff; }

.site-header { position: sticky; top: 0; z-index: 1000; height: 78px; background: rgba(255, 255, 255, .98); border-bottom: 1px solid rgba(229, 233, 239, .9); }
.header-inner { height: 100%; display: grid; grid-template-columns: 220px 1fr auto; align-items: center; gap: 32px; }
.site-logo { display: inline-flex; align-items: center; width: 158px; }
.site-logo img { display: block; width: 100%; height: auto; }
.site-nav { display: flex; align-items: center; justify-content: center; gap: 34px; }
.site-nav-link, .sign-in { position: relative; color: var(--bk-ink); font-weight: 650; text-decoration: none; }
.site-nav-link::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -11px; height: 2px; background: var(--bk-primary); transition: right .18s ease; }
.site-nav-link:hover, .site-nav-link:focus, .site-nav-link.active, .sign-in:hover { color: var(--bk-primary); }
.site-nav-link:hover::after, .site-nav-link:focus::after, .site-nav-link.active::after { right: 0; }
.header-actions { display: flex; align-items: center; gap: 22px; }
.nav-toggle { display: none; width: 44px; height: 44px; padding: 10px; background: #fff; border: 1px solid var(--bk-border); border-radius: 10px; }
.nav-toggle > span:not(.visually-hidden) { display: block; width: 100%; height: 2px; margin: 4px 0; background: var(--bk-ink); }

.btn { --bs-btn-border-radius: 10px; --bs-btn-font-weight: 700; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.btn-primary { --bs-btn-bg: var(--bk-primary); --bs-btn-border-color: var(--bk-primary); --bs-btn-hover-bg: var(--bk-primary-dark); --bs-btn-hover-border-color: var(--bk-primary-dark); box-shadow: 0 8px 20px rgba(23, 105, 224, .18); }
.btn-outline-secondary { --bs-btn-color: var(--bk-ink); --bs-btn-border-color: #cfd7e3; --bs-btn-hover-bg: var(--bk-canvas); --bs-btn-hover-color: var(--bk-ink); --bs-btn-hover-border-color: #b7c2d1; }
.btn-lg { min-height: 58px; padding-inline: 24px; font-size: 1rem; }
.site-nav .mobile-nav-buy { display: none; }

.eyebrow { display: inline-block; margin-bottom: 16px; color: var(--bk-primary); font-size: .76rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.hero { position: relative; overflow: hidden; padding-top: 84px; padding-bottom: 80px; background: radial-gradient(circle at 86% 12%, rgba(23, 105, 224, .07), transparent 27%), #fff; }
.hero::after { content: ""; position: absolute; inset: auto -80px 20px auto; width: 520px; height: 520px; border: 1px solid rgba(23, 105, 224, .09); border-radius: 50%; pointer-events: none; }
.hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(390px, .76fr) minmax(720px, 1.45fr); align-items: center; gap: 76px; }
.hero-grid > *, .page-hero-grid > *, .split-section > * { min-width: 0; }
.hero-copy h1 { max-width: 660px; margin: 0 0 24px; color: #0e192a; font-size: clamp(3.5rem, 5.3vw, 5.35rem); line-height: .99; letter-spacing: -.055em; font-weight: 780; }
.hero-copy > p { max-width: 600px; margin: 0 0 32px; color: var(--bk-muted); font-size: 1.22rem; line-height: 1.65; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; }
.install-command { max-width: 590px; min-height: 64px; margin-top: 34px; padding: 12px 14px 12px 18px; display: flex; align-items: center; gap: 14px; color: var(--bk-ink); background: var(--bk-canvas); border: 1px solid var(--bk-border); border-radius: 12px; }
.install-command > span { color: var(--bk-success); font-weight: 800; }
.install-command code { overflow: hidden; flex: 1; color: var(--bk-ink); font-size: .84rem; text-overflow: ellipsis; white-space: nowrap; }
.install-command a { color: var(--bk-primary); font-size: .78rem; font-weight: 800; text-decoration: none; white-space: nowrap; }

.product-window { overflow: hidden; color: var(--bk-ink); background: rgba(255, 255, 255, .98); border: 1px solid #d7dfea; border-radius: var(--bk-radius); box-shadow: var(--bk-shadow); }
.product-window button { color: inherit; }
.product-window-bar { min-height: 54px; padding: 11px 16px; display: flex; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--bk-border); }
.demo-label { display: inline-flex; align-items: center; gap: 8px; font-size: .76rem; font-weight: 700; }
.demo-label > span, .status-live > span { width: 8px; height: 8px; background: var(--bk-success); border-radius: 50%; box-shadow: 0 0 0 4px rgba(19, 164, 113, .09); }
.product-window-signals { display: flex; align-items: center; gap: 14px; color: var(--bk-muted); font-size: .72rem; }
.product-window-signals strong { color: var(--bk-ink); }
.status-live { display: inline-flex; align-items: center; gap: 7px; padding: 5px 8px; color: #087550; background: #eaf8f3; border-radius: 7px; font-weight: 800; }
.sparkline { height: 24px; display: flex; align-items: end; gap: 2px; }
.sparkline i { width: 3px; height: 25%; background: var(--bk-primary); border-radius: 4px 4px 0 0; }
.sparkline i:nth-child(2) { height: 48%; }.sparkline i:nth-child(3) { height: 32%; }.sparkline i:nth-child(4) { height: 76%; }.sparkline i:nth-child(5) { height: 55%; }.sparkline i:nth-child(6) { height: 88%; }.sparkline i:nth-child(7) { height: 62%; }
.message-toolbar { padding: 12px 14px; display: grid; grid-template-columns: .75fr 1fr 1fr; gap: 10px; border-bottom: 1px solid var(--bk-border); }
.message-toolbar label { display: block; min-width: 0; }
.message-toolbar label > span { display: block; margin: 0 0 4px 2px; color: var(--bk-muted); font-size: .66rem; }
.message-toolbar button { width: 100%; min-height: 40px; padding: 7px 10px; display: flex; align-items: center; justify-content: space-between; gap: 8px; overflow: hidden; background: #fff; border: 1px solid var(--bk-border); border-radius: 8px; font-size: .72rem; text-align: left; }
.message-toolbar code { overflow: hidden; color: var(--bk-ink); text-overflow: ellipsis; white-space: nowrap; }
.query-row { margin: 10px 14px 0; min-height: 42px; padding: 0 8px 0 12px; display: flex; align-items: center; gap: 10px; background: #fbfcfe; border: 1px solid var(--bk-border); border-radius: 9px; }
.query-row code { overflow: hidden; flex: 1; color: #314159; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.query-icon { color: var(--bk-primary); }
.query-row button { min-height: 30px; padding: 4px 9px; display: flex; gap: 6px; align-items: center; color: var(--bk-primary); background: #fff; border: 1px solid #c9d7ea; border-radius: 7px; font-size: .68rem; font-weight: 700; }
.filter-chips { min-height: 48px; padding: 8px 14px; display: flex; align-items: center; gap: 7px; border-bottom: 1px solid var(--bk-border); }
.filter-chips span { padding: 5px 8px; color: #40516a; background: var(--bk-canvas); border: 1px solid var(--bk-border); border-radius: 7px; font-size: .63rem; }
.message-workspace { display: grid; grid-template-columns: 47% 53%; min-height: 380px; }
.record-list { border-right: 1px solid var(--bk-border); }
.record-list-head, .record-list-foot { min-height: 44px; padding: 8px 13px; display: flex; align-items: center; justify-content: space-between; color: var(--bk-muted); font-size: .64rem; }
.record-list-head { border-bottom: 1px solid var(--bk-border); }
.record-list-foot { border-top: 1px solid var(--bk-border); }
.record-list-foot button { width: 30px; height: 30px; margin-left: 5px; background: #fff; border: 1px solid var(--bk-border); border-radius: 7px; }
.record-row { width: 100%; min-height: 54px; padding: 8px 12px; display: grid; grid-template-columns: 1.3fr .35fr .8fr .55fr; align-items: center; gap: 8px; color: var(--bk-muted); background: #fff; border: 0; border-bottom: 1px solid var(--bk-border); font-size: .65rem; text-align: left; }
.record-row:hover { background: #f8faff; }
.record-row.active { color: var(--bk-ink); background: #eef5ff; box-shadow: inset 3px 0 var(--bk-primary); }
.record-row > span:first-child { display: flex; align-items: center; gap: 7px; }
.record-row strong { font-weight: 700; }
.record-inspector { min-width: 0; display: flex; flex-direction: column; }
.inspector-head { min-height: 48px; padding: 10px 14px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.inspector-head div { display: flex; align-items: baseline; gap: 5px; font-size: .67rem; }
.badge-soft-success { padding: 5px 8px; color: #087550; background: #e8f7f1; border-radius: 7px; font-size: .62rem; font-weight: 800; }
.inspector-tabs { padding: 0 12px; display: flex; gap: 14px; border-bottom: 1px solid var(--bk-border); }
.inspector-tabs button { padding: 9px 0 8px; color: var(--bk-muted); background: none; border: 0; border-bottom: 2px solid transparent; font-size: .65rem; }
.inspector-tabs button.active { color: var(--bk-primary); border-bottom-color: var(--bk-primary); font-weight: 700; }
.inspector-body { min-height: 245px; padding: 12px; display: grid; grid-template-columns: 32% 68%; gap: 10px; }
.inspector-body dl { margin: 0; }
.inspector-body dl > div { margin-bottom: 10px; }
.inspector-body dt { color: var(--bk-muted); font-size: .57rem; font-weight: 600; }
.inspector-body dd { overflow-wrap: anywhere; margin: 2px 0 0; font-size: .63rem; }
.inspector-body pre { overflow: auto; margin: 0; padding: 12px; color: #1459bd; background: #f8fafc; border: 1px solid var(--bk-border); border-radius: 8px; font-size: .61rem; line-height: 1.65; }
.inspector-alt { grid-column: 1 / -1; color: var(--bk-muted); font-size: .72rem; }
.inspector-alt[hidden] { display: none; }
.inspector-alt strong { display: block; margin-bottom: 8px; color: var(--bk-ink); }
.inspector-alt code, .inspector-alt span { display: inline-block; margin: 4px; padding: 6px 8px; background: var(--bk-canvas); border-radius: 6px; }
.inspector-actions { min-height: 54px; margin-top: auto; padding: 8px 12px; display: flex; align-items: center; justify-content: flex-end; gap: 7px; border-top: 1px solid var(--bk-border); }
.inspector-actions > span { margin-right: auto; color: #087550; font-size: .58rem; font-weight: 800; }
.inspector-actions .btn { min-height: 34px; padding: 6px 9px; font-size: .6rem; }

/* Faithful, sanitized reconstruction of the real BetterKafka console. */
.console-shot { overflow: hidden; color: var(--bk-ink); background: #fff; border: 1px solid #d7dfea; border-radius: 15px; box-shadow: var(--bk-shadow); font-size: .69rem; }
.console-shot button { color: inherit; }
.console-topbar { min-height: 50px; padding: 7px 11px; display: flex; align-items: center; justify-content: space-between; gap: 12px; background: #fff; border-bottom: 1px solid var(--bk-border); }
.console-topbar-title, .console-topbar-actions { display: flex; align-items: center; }
.console-topbar-title { gap: 8px; white-space: nowrap; }
.console-topbar-title img { width: 24px; height: 24px; object-fit: contain; }
.console-topbar-title strong { font-size: .74rem; }
.console-topbar-actions { min-width: 0; justify-content: flex-end; gap: 7px; color: var(--bk-muted); }
.console-topbar-actions > span, .console-topbar-actions > button { min-height: 30px; padding: 5px 8px; display: inline-flex; align-items: center; gap: 5px; background: #fff; border: 1px solid var(--bk-border); border-radius: 7px; white-space: nowrap; }
.console-topbar-actions > button { width: 30px; justify-content: center; }
.console-topbar-actions .console-licence { color: #087550; background: #eaf8f3; border-color: #d3eee4; font-weight: 800; }
.console-command { min-width: 130px; }
.console-command kbd { margin-left: auto; padding: 1px 4px; color: #6b7789; background: var(--bk-canvas); border: 1px solid var(--bk-border); border-radius: 4px; box-shadow: none; font-size: .55rem; }
.console-health { color: #087550; font-weight: 750; }
.console-health i { width: 6px; height: 6px; background: var(--bk-success); border-radius: 50%; }
.console-user { width: 30px; justify-content: center; color: #fff !important; background: #26364d !important; border-color: #26364d !important; font-weight: 800; }
.console-layout { min-height: 588px; display: grid; grid-template-columns: 164px minmax(0, 1fr); }
.console-sidebar { padding: 13px 9px 16px; background: #fff; border-right: 1px solid var(--bk-border); }
.console-sidebar > img { width: 110px; height: auto; margin: 1px 8px 18px; }
.console-sidebar > small { margin: 13px 9px 5px; display: block; color: #8a96a7; font-size: .48rem; font-weight: 850; letter-spacing: .12em; }
.console-nav-item { min-height: 28px; padding: 5px 8px; display: flex; align-items: center; gap: 8px; color: #536177; border-radius: 7px; }
.console-nav-item i { width: 15px; color: #6d7c91; font-size: .72rem; text-align: center; }
.console-nav-item b { overflow: hidden; font-size: .6rem; font-weight: 680; text-overflow: ellipsis; white-space: nowrap; }
.console-nav-item.active { color: var(--bk-primary); background: #edf5ff; }
.console-nav-item.active i { color: var(--bk-primary); }
.console-main { min-width: 0; padding: 13px; background: var(--bk-canvas); }
.console-demo-note { width: fit-content; margin: 0 0 8px auto; padding: 4px 7px; color: #607088; background: #fff; border: 1px solid var(--bk-border); border-radius: 6px; font-size: .52rem; font-weight: 700; }
.console-demo-note i { margin-right: 4px; color: var(--bk-primary); }
.console-page-head { margin-bottom: 11px; display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }
.console-page-head > div:first-child { min-width: 0; }
.console-page-head small { color: var(--bk-primary); font-size: .48rem; font-weight: 850; letter-spacing: .12em; }
.console-page-head h2 { margin: 1px 0 2px; font-size: 1.18rem; line-height: 1.2; letter-spacing: -.025em; }
.console-page-head p { overflow: hidden; margin: 0; color: var(--bk-muted); font-size: .56rem; text-overflow: ellipsis; white-space: nowrap; }
.console-page-head > div:last-child { display: flex; gap: 6px; }
.console-primary, .console-ghost { min-height: 31px; padding: 6px 9px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; border: 1px solid #ccd5e1; border-radius: 7px; font-size: .57rem; font-weight: 780; }
.console-primary { color: #fff !important; background: var(--bk-primary) !important; border-color: var(--bk-primary) !important; }
.console-ghost { background: #fff; }
.console-workspace { display: grid; grid-template-columns: 205px minmax(0, 1fr); align-items: start; gap: 10px; }
.console-search-panel, .console-results { min-width: 0; background: #fff; border: 1px solid var(--bk-border); border-radius: 10px; box-shadow: 0 3px 12px rgba(19,39,66,.035); }
.console-search-panel { padding: 10px; }
.console-search-panel > header { margin: -1px 0 10px; display: flex; align-items: flex-start; justify-content: space-between; gap: 7px; }
.console-search-panel > header div { min-width: 0; display: flex; flex-direction: column; }
.console-search-panel > header strong { font-size: .66rem; }
.console-search-panel > header span { overflow: hidden; color: var(--bk-muted); font-size: .46rem; text-overflow: ellipsis; white-space: nowrap; }
.console-search-panel > header em { padding: 3px 5px; color: #087550; background: #eaf8f3; border-radius: 5px; font-size: .44rem; font-style: normal; font-weight: 800; white-space: nowrap; }
.console-search-panel label { min-width: 0; margin-bottom: 8px; display: block; }
.console-search-panel label > span { margin: 0 0 3px 1px; display: block; color: #5e6c80; font-size: .48rem; font-weight: 700; }
.console-search-panel label > button, .console-input { width: 100%; min-height: 31px; padding: 5px 7px; display: flex; align-items: center; justify-content: space-between; gap: 5px; overflow: hidden; background: #fff; border: 1px solid #d4dbe5; border-radius: 6px; font-size: .52rem; text-align: left; }
.console-search-panel label code, .console-input code { overflow: hidden; color: #27354a; text-overflow: ellipsis; white-space: nowrap; }
.console-input { justify-content: flex-start; }
.console-input i { color: var(--bk-primary); }
.console-presets { margin-bottom: 8px; padding: 3px; display: grid; grid-template-columns: repeat(3, 1fr); background: var(--bk-canvas); border: 1px solid var(--bk-border); border-radius: 7px; }
.console-presets button { min-height: 25px; padding: 3px; background: transparent; border: 0; border-radius: 5px; font-size: .48rem; font-weight: 700; }
.console-presets button.active { color: var(--bk-primary); background: #fff; box-shadow: 0 2px 6px rgba(19,39,66,.08); }
.console-field-row { display: grid; grid-template-columns: 1fr .72fr; gap: 6px; }
.console-divider { height: 18px; display: flex; align-items: center; color: #8a96a7; font-size: .43rem; font-weight: 850; letter-spacing: .1em; }
.console-divider::after { content: ""; height: 1px; margin-left: 6px; flex: 1; background: var(--bk-border); }
.console-add-filter { width: 100%; min-height: 27px; color: var(--bk-primary) !important; background: #f8fbff; border: 1px dashed #b9ceed; border-radius: 6px; font-size: .48rem; font-weight: 750; }
.console-search-panel details { margin: 8px 0; padding: 7px 1px; color: #526177; border-block: 1px solid var(--bk-border); font-size: .47rem; }
.console-search-panel summary { display: flex; justify-content: space-between; list-style: none; }
.console-search-actions { display: grid; grid-template-columns: .7fr 1.3fr; gap: 6px; }
.console-search-actions button { min-height: 31px; background: #fff; border: 1px solid #ccd5e1; border-radius: 7px; font-size: .5rem; font-weight: 750; }
.console-results { overflow: hidden; }
.console-results-head { min-height: 44px; padding: 8px 10px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-bottom: 1px solid var(--bk-border); }
.console-results-head > div { min-width: 0; display: flex; flex-direction: column; }
.console-results-head strong { font-size: .66rem; }
.console-results-head > div span { overflow: hidden; color: var(--bk-muted); font-size: .48rem; text-overflow: ellipsis; white-space: nowrap; }
.console-results-head .status-live { padding: 4px 6px; font-size: .46rem; white-space: nowrap; }
.console-results-head .status-live > span { width: 6px; height: 6px; }
.console-metrics { padding: 8px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.console-metrics article { min-width: 0; padding: 6px 7px; display: flex; flex-direction: column; background: #fbfcfe; border: 1px solid var(--bk-border); border-radius: 7px; }
.console-metrics span, .console-metrics small { overflow: hidden; color: var(--bk-muted); font-size: .42rem; text-overflow: ellipsis; white-space: nowrap; }
.console-metrics strong { margin: 1px 0; font-size: .7rem; }
.console-chart-row { padding: 0 8px 8px; display: grid; grid-template-columns: 1.45fr 1fr; gap: 6px; }
.console-chart-row article { min-width: 0; height: 83px; padding: 6px 8px; border: 1px solid var(--bk-border); border-radius: 7px; }
.console-chart-row header { display: flex; align-items: center; justify-content: space-between; gap: 5px; }
.console-chart-row header strong { font-size: .48rem; }
.console-chart-row header span { color: var(--bk-muted); font-size: .41rem; }
.console-chart-row svg { width: 100%; height: 55px; overflow: visible; }
.chart-area { fill: rgba(23,105,224,.08); }
.chart-line { fill: none; stroke: var(--bk-primary); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.console-partition-chart > div { height: 51px; padding-top: 5px; display: flex; align-items: end; gap: 3px; }
.console-partition-chart i { min-width: 3px; flex: 1; background: #9dc0ee; border-radius: 2px 2px 0 0; }
.console-partition-chart i:nth-child(1) { height: 55%; }.console-partition-chart i:nth-child(2) { height: 38%; }.console-partition-chart i:nth-child(3) { height: 72%; }.console-partition-chart i:nth-child(4) { height: 61%; }.console-partition-chart i:nth-child(5) { height: 48%; }.console-partition-chart i:nth-child(6) { height: 83%; }.console-partition-chart i:nth-child(7) { height: 64%; }.console-partition-chart i:nth-child(8) { height: 44%; }.console-partition-chart i:nth-child(9) { height: 76%; }.console-partition-chart i:nth-child(10) { height: 58%; }.console-partition-chart i:nth-child(11) { height: 67%; }.console-partition-chart i:nth-child(12) { height: 89%; }
.console-record-toolbar { min-height: 33px; padding: 5px 8px; display: flex; align-items: center; gap: 5px; overflow: hidden; background: #fbfcfe; border-block: 1px solid var(--bk-border); }
.console-record-toolbar span { padding: 4px 6px; display: inline-flex; align-items: center; gap: 4px; color: #536177; background: #fff; border: 1px solid var(--bk-border); border-radius: 5px; font-size: .43rem; white-space: nowrap; }
.console-records { background: #f7f9fc; }
.console-record-row { width: 100%; min-height: 41px; padding: 5px 8px; display: grid; grid-template-columns: 16px 38px 68px 58px 88px minmax(105px, 1fr) auto; align-items: center; gap: 5px; color: #4e5d71; background: #fff; border: 0; border-bottom: 1px solid var(--bk-border); font-size: .46rem; text-align: left; }
.console-record-row:hover { background: #f8fbff; }
.console-record-row.active { color: var(--bk-ink); background: #edf5ff; box-shadow: inset 3px 0 var(--bk-primary); }
.console-record-row > span { min-width: 0; }
.console-record-row small { display: block; color: #8a96a7; font-size: .36rem; font-weight: 800; letter-spacing: .04em; }
.console-record-row b, .console-record-row code { overflow: hidden; display: block; font-size: .45rem; text-overflow: ellipsis; white-space: nowrap; }
.console-record-badges { display: flex; justify-content: flex-end; gap: 3px; }
.console-record-badges em { padding: 2px 4px; color: #526177; background: var(--bk-canvas); border: 1px solid var(--bk-border); border-radius: 4px; font-size: .36rem; font-style: normal; }
.console-record-detail { padding: 8px; display: grid; grid-template-columns: 95px minmax(0, 1fr) auto; gap: 8px; background: #fff; border-bottom: 1px solid var(--bk-border); box-shadow: inset 3px 0 var(--bk-primary); }
.console-record-detail > div:first-child { display: grid; grid-template-columns: auto 1fr; align-content: start; gap: 4px; font-size: .4rem; }
.console-record-detail > div:first-child span { color: var(--bk-muted); }
.console-record-detail code { overflow-wrap: anywhere; color: #27354a; font-size: .4rem; }
.console-record-detail pre { max-height: 90px; overflow: hidden; margin: 0; padding: 7px; color: #1459bd; background: #f8fafc; border: 1px solid var(--bk-border); border-radius: 6px; font-size: .39rem; line-height: 1.45; }
.console-record-detail > div:last-child { display: flex; align-items: flex-start; gap: 4px; }
.console-record-detail > div:last-child button { min-height: 26px; padding: 4px 6px; background: #fff; border: 1px solid #ccd5e1; border-radius: 6px; font-size: .42rem; white-space: nowrap; }

.trust-strip { background: #fff; border-block: 1px solid var(--bk-border); }
.trust-strip .container-site { min-height: 76px; display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; }
.trust-strip span { min-height: 34px; display: flex; align-items: center; justify-content: center; gap: 9px; color: #415069; font-size: .86rem; font-weight: 700; border-right: 1px solid var(--bk-border); }
.trust-strip span:last-child { border-right: 0; }
.trust-strip i { color: var(--bk-primary); font-size: 1.05rem; }

.section-heading { max-width: 650px; }
.section-heading.centered { max-width: 820px; margin: 0 auto 54px; text-align: center; }
.section-heading h2 { margin: 0 0 18px; color: #101c2d; font-size: clamp(2.4rem, 4vw, 4rem); line-height: 1.08; letter-spacing: -.045em; font-weight: 760; }
.section-heading p { margin: 0; color: var(--bk-muted); font-size: 1.1rem; line-height: 1.7; }
.capability-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.feature-card { min-height: 260px; padding: 28px; background: #fff; border: 1px solid var(--bk-border); border-radius: var(--bk-radius); box-shadow: var(--bk-shadow-soft); transition: transform .18s ease, box-shadow .18s ease; }
.feature-card:hover { transform: translateY(-4px); box-shadow: var(--bk-shadow); }
.feature-icon { width: 50px; height: 50px; margin-bottom: 26px; display: inline-grid; place-items: center; color: var(--bk-primary); background: #eef5ff; border-radius: 13px; font-size: 1.35rem; }
.feature-icon.green { color: var(--bk-success); background: #eaf8f3; }
.feature-card h3 { margin: 0 0 12px; font-size: 1.18rem; font-weight: 760; }
.feature-card p { margin: 0; color: var(--bk-muted); font-size: .93rem; line-height: 1.7; }

.split-section { display: grid; grid-template-columns: .75fr 1.35fr; align-items: center; gap: 72px; }
.check-list { margin: 28px 0; padding: 0; list-style: none; }
.check-list li { margin: 12px 0; display: flex; align-items: center; gap: 10px; font-weight: 700; }
.check-list i { color: var(--bk-success); }
.text-link { color: var(--bk-primary); font-weight: 800; text-decoration: none; }
.text-link:hover { color: var(--bk-primary-dark); }
.visual-note { margin: 12px 4px 0; color: var(--bk-muted); font-size: .75rem; text-align: right; }
.flight-preview .product-window-bar > div:first-child { display: flex; flex-direction: column; }
.flight-preview .product-window-bar strong { font-size: .83rem; }
.flight-preview .product-window-bar > div:first-child span { color: var(--bk-muted); font-size: .65rem; }
.mini-control { padding: 5px 8px; color: var(--bk-muted); background: #fff; border: 1px solid var(--bk-border); border-radius: 6px; font-size: .62rem; }
.flight-head { padding: 12px 28px 7px; display: grid; grid-template-columns: repeat(3, 1fr); color: #637996; font-size: .55rem; font-weight: 800; letter-spacing: .08em; }
.flight-head span:nth-child(2) { text-align: center; }.flight-head span:nth-child(3) { text-align: right; }
.flight-map { position: relative; min-height: 330px; padding: 14px 26px 24px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 74px; }
.flight-lines { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.flow-path { fill: none; stroke-width: 2.5; stroke-linecap: round; stroke-dasharray: 4 7; }
.flow-blue { stroke: #7664d8; }.flow-green { stroke: var(--bk-success); }
.flight-column { position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: space-around; gap: 12px; }
.flight-column article { min-height: 72px; padding: 12px; display: flex; align-items: center; gap: 10px; background: #fff; border: 1px solid #d9e1eb; border-left: 3px solid var(--bk-primary); border-radius: 11px; box-shadow: 0 6px 15px rgba(21, 42, 70, .07); }
.flight-column.apps article { border-left-color: #7162cf; }.flight-column.groups article { border-left-color: var(--bk-success); }
.node-icon { flex: 0 0 32px; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 8px; }
.node-icon.app { color: #6556c8; background: #f0eefe; }.node-icon.topic { color: var(--bk-primary); background: #edf5ff; }.node-icon.group { color: var(--bk-success); background: #eaf8f3; }
.flight-column article div { min-width: 0; display: flex; flex-direction: column; }
.flight-column small { color: var(--bk-muted); font-size: .47rem; font-weight: 800; }
.flight-column strong { overflow: hidden; font-size: .63rem; text-overflow: ellipsis; white-space: nowrap; }
.flight-column article div > span { color: var(--bk-muted); font-size: .52rem; }
.lag-warning { color: #9a5f00 !important; }

.workflow-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.workflow-grid article { position: relative; min-height: 250px; padding: 32px; overflow: hidden; color: #fff; background: var(--bk-ink); border-radius: 18px; }
.workflow-grid article:nth-child(2) { background: var(--bk-primary); }.workflow-grid article:nth-child(3) { background: #0d805b; }
.workflow-grid article > span { position: absolute; right: 22px; top: 10px; color: rgba(255, 255, 255, .78); font-size: 5rem; font-weight: 800; }
.workflow-grid h3 { margin: 64px 0 12px; font-size: 2rem; }
.workflow-grid p { max-width: 340px; margin: 0; color: rgba(255, 255, 255, .94); }

.cta-band { padding: 76px 0; color: #fff; background: linear-gradient(135deg, #0f54bb, var(--bk-primary)); }
.cta-band .container-site { display: flex; align-items: center; justify-content: space-between; gap: 48px; }
.cta-band .eyebrow { margin-bottom: 10px; color: #cae0ff; }
.cta-band h2 { margin: 0 0 8px; font-size: clamp(2rem, 4vw, 3.5rem); letter-spacing: -.04em; }
.cta-band p { margin: 0; color: #dceaff; font-size: 1.05rem; }
.cta-band .container-site > div:last-child { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 12px; }

.site-footer { padding: 72px 0 28px; background: #fff; border-top: 1px solid var(--bk-border); }
.footer-grid { display: grid; grid-template-columns: 1.7fr repeat(4, 1fr); gap: 44px; }
.footer-brand img { width: 156px; height: auto; margin-bottom: 16px; }
.footer-brand p { color: var(--bk-muted); }
.footer-brand .footer-trial-link { color: var(--bk-primary); font-size: .88rem; font-weight: 800; text-decoration: none; }
.footer-grid > div:not(.footer-brand) { display: flex; flex-direction: column; align-items: flex-start; gap: 11px; }
.footer-grid strong { margin-bottom: 7px; }
.footer-grid a { color: var(--bk-muted); font-size: .92rem; text-decoration: none; }
.footer-grid a:hover { color: var(--bk-primary); }
.footer-bottom { margin-top: 56px; padding-top: 24px; display: flex; justify-content: space-between; color: var(--bk-muted); border-top: 1px solid var(--bk-border); font-size: .84rem; }
.copy-toast { position: fixed; left: 50%; bottom: 24px; z-index: 1500; padding: 11px 16px; color: #fff; background: var(--bk-ink); border-radius: 9px; opacity: 0; transform: translate(-50%, 20px); pointer-events: none; transition: .2s ease; }
.copy-toast.show { opacity: 1; transform: translate(-50%, 0); }
.error-page { min-height: 65vh; padding: 140px 0; text-align: center; }
.error-page h1 { margin: 0 0 16px; font-size: clamp(2.5rem, 6vw, 5rem); letter-spacing: -.05em; }
.error-page p { margin-bottom: 32px; color: var(--bk-muted); font-size: 1.15rem; }

.page-hero { padding-top: 84px; padding-bottom: 88px; overflow: hidden; background: radial-gradient(circle at 84% 12%, rgba(23, 105, 224, .075), transparent 28%), #fff; }
.page-hero-compact { padding-top: 64px; padding-bottom: 68px; }
.page-hero-compact .page-hero-copy h1 { font-size: clamp(3.2rem, 4.7vw, 4.55rem); }
.page-hero-grid { display: grid; grid-template-columns: minmax(370px, .7fr) minmax(690px, 1.35fr); align-items: center; gap: 70px; }
.page-hero-centered { max-width: 940px; text-align: center; }
.page-hero-centered .page-hero-copy { max-width: 900px; margin: auto; }
.page-hero-centered .hero-actions { justify-content: center; }
.page-hero-copy h1 { margin: 0 0 24px; color: #0e192a; font-size: clamp(3.4rem, 5.4vw, 5.25rem); line-height: 1; letter-spacing: -.055em; font-weight: 780; }
.page-hero-copy > p { max-width: 660px; margin: 0 0 32px; color: var(--bk-muted); font-size: 1.16rem; line-height: 1.7; }
.page-hero-centered .page-hero-copy > p { margin-inline: auto; }
.page-hero-visual { min-width: 0; }
.page-hero-visual .product-window { box-shadow: var(--bk-shadow); }

.truth-note { padding: 20px 0; color: #314159; background: #eef5ff; border-block: 1px solid #d8e7fb; }
.truth-note .container-site { display: flex; align-items: flex-start; gap: 13px; }
.truth-note i { margin-top: 3px; color: var(--bk-primary); }
.truth-note p { margin: 0; font-size: .91rem; line-height: 1.65; }
.qualification { margin-top: 22px !important; padding: 15px 17px; color: #4e5d70 !important; background: #fff; border: 1px solid var(--bk-border); border-radius: 10px; font-size: .88rem !important; }

.fleet-kpis { padding: 14px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; background: var(--bk-canvas); border-bottom: 1px solid var(--bk-border); }
.fleet-kpis article { padding: 12px; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--bk-border); border-radius: 9px; }
.fleet-kpis span { color: var(--bk-muted); font-size: .56rem; font-weight: 700; text-transform: uppercase; }
.fleet-kpis strong { margin: 2px 0; font-size: 1.25rem; line-height: 1.1; }
.fleet-kpis small { color: var(--bk-muted); font-size: .52rem; }
.fleet-table-wrap { overflow-x: auto; }
.fleet-table { width: 100%; border-collapse: collapse; font-size: .63rem; }
.fleet-table th { padding: 9px 12px; color: var(--bk-muted); background: #fbfcfe; font-weight: 800; text-align: left; border-bottom: 1px solid var(--bk-border); }
.fleet-table td { padding: 10px 12px; border-bottom: 1px solid var(--bk-border); white-space: nowrap; }
.fleet-table td:first-child { display: flex; align-items: center; gap: 7px; }
.cluster-dot { width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; }
.cluster-dot.healthy { background: var(--bk-success); }.cluster-dot.neutral { background: #91a0b3; }
.badge-soft-neutral { display: inline-flex; padding: 5px 8px; color: #536176; background: #f1f4f7; border: 1px solid #e0e5ec; border-radius: 7px; font-size: .62rem; font-weight: 800; }
.fleet-detail-grid { padding: 12px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; background: #fbfcfe; }
.fleet-detail-grid > section { padding: 12px; background: #fff; border: 1px solid var(--bk-border); border-radius: 10px; }
.mini-panel-head { margin-bottom: 9px; display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.mini-panel-head > div { display: flex; flex-direction: column; }
.mini-panel-head strong { font-size: .68rem; }.mini-panel-head span { color: var(--bk-muted); font-size: .52rem; }.mini-panel-head a { color: var(--bk-primary); font-size: .55rem; font-weight: 800; text-decoration: none; }
.storage-row { margin: 7px 0; display: grid; grid-template-columns: 66px 1fr 28px; align-items: center; gap: 7px; font-size: .54rem; }
.storage-row > div { height: 6px; overflow: hidden; background: #edf1f5; border-radius: 99px; }.storage-row i { display: block; height: 100%; background: var(--bk-primary); border-radius: inherit; }
.storage-row.storage-61 i { width: 61%; }.storage-row.storage-54 i { width: 54%; }.storage-row.storage-58 i { width: 58%; }
.source-note { display: block; margin-top: 9px; color: var(--bk-muted); font-size: .49rem; }
.lag-row { padding: 7px 0; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--bk-border); font-size: .56rem; }.lag-row:last-child { border-bottom: 0; }.lag-row > div { display: flex; flex-direction: column; }.lag-row span { color: var(--bk-muted); font-size: .49rem; }.warning-text { color: #a66500; }

.governance-preview .product-window-bar > div { min-width: 0; display: flex; flex-direction: column; }.governance-preview .product-window-bar strong { font-size: .8rem; }.governance-preview .product-window-bar > div span { overflow: hidden; color: var(--bk-muted); font-size: .6rem; text-overflow: ellipsis; white-space: nowrap; }
.governance-flow { padding: 16px; display: grid; gap: 9px; background: var(--bk-canvas); }
.governance-flow article { position: relative; min-height: 76px; padding: 11px 12px 11px 44px; display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 11px; background: #fff; border: 1px solid var(--bk-border); border-radius: 10px; }
.governance-flow article:not(:last-child)::after { content: ""; position: absolute; left: 22px; top: 100%; width: 1px; height: 10px; background: #b9c6d6; }
.flow-number { position: absolute; left: 11px; top: 50%; width: 22px; height: 22px; display: grid; place-items: center; color: var(--bk-primary); background: #eef5ff; border-radius: 50%; font-size: .55rem; font-weight: 800; transform: translateY(-50%); }
.governance-flow .feature-icon { width: 38px; height: 38px; margin: 0; font-size: 1rem; }
.governance-flow article > div { display: flex; flex-direction: column; min-width: 0; }.governance-flow small { color: var(--bk-primary); font-size: .46rem; font-weight: 800; letter-spacing: .08em; }.governance-flow strong { font-size: .66rem; }.governance-flow p { margin: 1px 0 0; color: var(--bk-muted); font-size: .52rem; }
.flow-state { padding: 5px 7px; border-radius: 7px; font-size: .5rem; font-weight: 800; }.flow-state.ok { color: #087550; background: #e8f7f1; }

.integration-status-grid { padding: 12px; display: grid; grid-template-columns: 1fr 1fr; gap: 9px; background: var(--bk-canvas); }
.integration-status-grid article { min-height: 74px; padding: 11px; display: grid; grid-template-columns: 38px 1fr auto; align-items: center; gap: 9px; background: #fff; border: 1px solid var(--bk-border); border-radius: 10px; }
.integration-icon { width: 36px; height: 36px; display: grid; place-items: center; color: var(--bk-primary); background: #eef5ff; border-radius: 9px; }
.integration-status-grid article > div { display: flex; flex-direction: column; }.integration-status-grid strong { font-size: .67rem; }.integration-status-grid article > div span { color: var(--bk-muted); font-size: .52rem; }

.platform-capability-list { display: grid; gap: 18px; }
.platform-capability-list article { padding: 32px; display: grid; grid-template-columns: 60px 1fr; gap: 24px; background: #fff; border: 1px solid var(--bk-border); border-radius: var(--bk-radius); box-shadow: var(--bk-shadow-soft); }
.platform-capability-list .feature-icon { margin: 0; }.platform-capability-list small { color: var(--bk-primary); font-size: .68rem; font-weight: 800; letter-spacing: .1em; }.platform-capability-list h3 { margin: 3px 0 8px; font-size: 1.45rem; }.platform-capability-list p { max-width: 920px; margin: 0 0 11px; color: var(--bk-muted); }.platform-capability-list a { color: var(--bk-primary); font-weight: 800; text-decoration: none; }
.feature-matrix { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.feature-matrix article { min-height: 205px; padding: 27px; background: #fff; border: 1px solid var(--bk-border); border-radius: 14px; }
.feature-matrix article > i { color: var(--bk-primary); font-size: 1.45rem; }.feature-matrix h3 { margin: 22px 0 9px; font-size: 1.1rem; }.feature-matrix p { margin: 0; color: var(--bk-muted); font-size: .9rem; line-height: 1.65; }

.feature-grid-three { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.feature-grid-three article { min-height: 270px; padding: 30px; background: #fff; border: 1px solid var(--bk-border); border-radius: var(--bk-radius); box-shadow: var(--bk-shadow-soft); }
.feature-grid-three h3 { margin: 0 0 12px; font-size: 1.25rem; }.feature-grid-three p { margin: 0; color: var(--bk-muted); line-height: 1.7; }
.story-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.story-steps article { position: relative; min-height: 430px; padding: 32px; overflow: hidden; background: #fff; border: 1px solid var(--bk-border); border-radius: var(--bk-radius); box-shadow: var(--bk-shadow-soft); }
.story-index { position: absolute; right: 20px; top: 0; color: #eef2f7; font-size: 6rem; font-weight: 850; line-height: 1; }.story-steps h3 { margin: 0 0 12px; font-size: 1.3rem; }.story-steps p { color: var(--bk-muted); line-height: 1.7; }.story-steps ul { margin: 20px 0 0; padding-left: 18px; color: #415069; font-size: .9rem; }.story-steps li { margin: 8px 0; }
.split-copy { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 76px; }
.telemetry-card { padding: 25px; background: #fff; border: 1px solid var(--bk-border); border-radius: var(--bk-radius); box-shadow: var(--bk-shadow-soft); }
.telemetry-head, .telemetry-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.telemetry-head strong { font-size: 1.1rem; }.telemetry-chart { height: 200px; margin: 24px 0; padding: 16px 10px 0; display: flex; align-items: end; gap: 7px; background: linear-gradient(#eef2f7 1px, transparent 1px); background-size: 100% 25%; border-bottom: 1px solid var(--bk-border); }.telemetry-chart i { flex: 1; min-width: 6px; background: linear-gradient(to top, rgba(23, 105, 224, .3), var(--bk-primary)); border-radius: 5px 5px 0 0; }.telemetry-foot { color: var(--bk-muted); font-size: .75rem; }
.telemetry-chart i:nth-child(1) { height: 27%; }.telemetry-chart i:nth-child(2) { height: 48%; }.telemetry-chart i:nth-child(3) { height: 36%; }.telemetry-chart i:nth-child(4) { height: 70%; }.telemetry-chart i:nth-child(5) { height: 52%; }.telemetry-chart i:nth-child(6) { height: 88%; }.telemetry-chart i:nth-child(7) { height: 63%; }.telemetry-chart i:nth-child(8) { height: 76%; }.telemetry-chart i:nth-child(9) { height: 46%; }.telemetry-chart i:nth-child(10) { height: 82%; }.telemetry-chart i:nth-child(11) { height: 58%; }.telemetry-chart i:nth-child(12) { height: 72%; }
.evidence-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }.evidence-grid article { padding: 26px; background: #fff; border: 1px solid var(--bk-border); border-radius: 14px; }.evidence-grid article > span { display: inline-block; padding: 5px 8px; color: #087550; background: #e8f7f1; border-radius: 7px; font-size: .68rem; font-weight: 800; }.evidence-grid h3 { margin: 22px 0 9px; font-size: 1.08rem; }.evidence-grid p { margin: 0; color: var(--bk-muted); font-size: .88rem; line-height: 1.65; }

.source-stack { display: grid; gap: 12px; }.source-stack article { padding: 20px; display: grid; grid-template-columns: 46px 1fr auto; align-items: center; gap: 15px; background: #fff; border: 1px solid var(--bk-border); border-radius: 12px; }.source-stack article > span { width: 44px; height: 44px; display: grid; place-items: center; color: var(--bk-primary); background: #eef5ff; border-radius: 11px; }.source-stack article div { display: flex; flex-direction: column; }.source-stack p { margin: 2px 0 0; color: var(--bk-muted); font-size: .85rem; }.source-stack em { padding: 5px 8px; color: var(--bk-muted); background: var(--bk-canvas); border-radius: 7px; font-size: .7rem; font-style: normal; font-weight: 700; }
.governance-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }.governance-grid article { min-height: 260px; padding: 30px; background: #fff; border: 1px solid var(--bk-border); border-radius: var(--bk-radius); box-shadow: var(--bk-shadow-soft); }.governance-grid h3 { margin: 0 0 11px; font-size: 1.25rem; }.governance-grid p { margin: 0; color: var(--bk-muted); line-height: 1.7; }
.license-flow { display: grid; gap: 16px; }.license-flow article { padding: 22px; display: grid; grid-template-columns: 80px 1fr auto 1fr auto 1fr; align-items: center; gap: 10px; background: #fff; border: 1px solid var(--bk-border); border-radius: 12px; }.license-flow strong { color: var(--bk-primary); }.license-flow span { padding: 10px; color: #415069; background: var(--bk-canvas); border-radius: 8px; font-size: .78rem; text-align: center; }.license-flow i { color: #97a7bb; }

.provider-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }.provider-grid article { min-height: 325px; padding: 32px; background: #fff; border: 1px solid var(--bk-border); border-radius: var(--bk-radius); box-shadow: var(--bk-shadow-soft); }.provider-mark { width: 54px; height: 54px; display: grid; place-items: center; color: #fff; background: var(--bk-ink); border-radius: 14px; font-size: 1.4rem; font-weight: 850; }.provider-mark.blue { background: var(--bk-primary); }.provider-mark.green { background: var(--bk-success); }.provider-grid h3 { margin: 28px 0 11px; font-size: 1.35rem; }.provider-grid p { min-height: 100px; color: var(--bk-muted); line-height: 1.7; }
.integration-detail-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }.integration-detail-grid article { padding: 28px; display: grid; grid-template-columns: 56px 1fr; gap: 20px; background: #fff; border: 1px solid var(--bk-border); border-radius: var(--bk-radius); }.integration-detail-grid .feature-icon { margin: 0; }.integration-detail-grid h3 { margin: 0 0 9px; }.integration-detail-grid p { margin: 0; color: var(--bk-muted); line-height: 1.7; }

.security-principles { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }.security-principles article { min-height: 260px; padding: 32px; display: grid; grid-template-columns: 56px 1fr; gap: 20px; background: #fff; border: 1px solid var(--bk-border); border-radius: var(--bk-radius); }.security-principles article > span { width: 54px; height: 54px; display: grid; place-items: center; color: var(--bk-primary); background: #eef5ff; border-radius: 14px; font-size: 1.4rem; }.security-principles h2 { margin: 3px 0 11px; font-size: 1.3rem; }.security-principles p { margin: 0; color: var(--bk-muted); line-height: 1.7; }
.auth-compare { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }.auth-compare article { padding: 34px; background: #fff; border: 1px solid var(--bk-border); border-radius: var(--bk-radius); box-shadow: var(--bk-shadow-soft); }.auth-compare h3 { margin: 26px 0 10px; font-size: 1.4rem; }.auth-compare p, .auth-compare li { color: var(--bk-muted); }.auth-compare ul { margin: 22px 0 0; padding-left: 18px; }.auth-compare li { margin: 8px 0; }
.security-checklist { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.security-checklist span { padding: 16px; display: flex; align-items: center; gap: 11px; background: #fff; border: 1px solid var(--bk-border); border-radius: 10px; font-weight: 700; }.security-checklist i { color: var(--bk-success); }.security-checklist .bi-x-lg { color: var(--bk-warning); }

.pricing-section { padding: 0 0 104px; }
.start-choice-section { padding: 0 0 88px; }
.start-choice-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.start-choice-card { min-height: 350px; padding: 34px; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--bk-border); border-radius: var(--bk-radius); box-shadow: var(--bk-shadow-soft); }
.start-choice-card.featured { border-color: #bdd6f8; box-shadow: 0 18px 48px rgba(23, 105, 224, .12); }
.choice-tag { width: fit-content; margin-bottom: 24px; padding: 5px 8px; color: var(--bk-primary); background: #edf5ff; border-radius: 7px; font-size: .68rem; font-weight: 850; letter-spacing: .09em; }
.choice-title { display: grid; grid-template-columns: 54px minmax(0, 1fr); align-items: center; gap: 16px; }
.choice-title .feature-icon { margin: 0; }
.choice-title h2 { margin: 0 0 4px; font-size: 1.35rem; }
.choice-title p { margin: 0; color: var(--bk-muted); }
.start-choice-card ul { margin: 26px 0 28px; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px 20px; list-style: none; }
.start-choice-card li { display: flex; align-items: center; gap: 9px; color: #40516a; font-size: .88rem; }
.start-choice-card li i { color: var(--bk-success); }
.start-choice-card .btn { width: fit-content; margin-top: auto; }
.pricing-product-proof { overflow: hidden; background: var(--bk-canvas); border-block: 1px solid var(--bk-border); }
.pricing-product-proof .section-heading { max-width: 840px; }
.pricing-product-frame { min-width: 0; overflow: hidden; border-radius: 18px; box-shadow: 0 26px 70px rgba(19, 39, 66, .12); }
.pricing-product-frame .console-shot { box-shadow: none; }
.pricing-product-proof .visual-note { margin: 14px 0 0; }
.pricing-heading { max-width: 760px; margin: 88px auto 30px; text-align: center; }
.pricing-heading .eyebrow { margin-bottom: 10px; }
.pricing-heading h2 { margin: 0 0 10px; font-size: clamp(2rem, 3vw, 3rem); letter-spacing: -.04em; }
.pricing-heading p { margin: 0; color: var(--bk-muted); }
.billing-switch { width: fit-content; margin: 0 auto 32px; padding: 5px; display: flex; background: var(--bk-canvas); border: 1px solid var(--bk-border); border-radius: 12px; }
.billing-switch button { min-width: 132px; min-height: 42px; padding: 8px 16px; color: var(--bk-muted); background: transparent; border: 0; border-radius: 8px; font-weight: 750; }
.billing-switch button.active { color: var(--bk-ink); background: #fff; box-shadow: 0 3px 10px rgba(20, 39, 65, .1); }
.pricing-slab { overflow: hidden; display: grid; grid-template-columns: .95fr 1.05fr; background: #fff; border: 1px solid var(--bk-border); border-radius: 20px; box-shadow: 0 22px 55px rgba(19,39,66,.10); }
.pricing-plan { padding: 48px; color: #fff; background: linear-gradient(145deg, #10213a, #172f51); }
.price-label { display: inline-block; color: var(--bk-primary); font-size: .72rem; font-weight: 850; letter-spacing: .1em; }
.pricing-plan .price-label { color: #8dbcf9; }
.pricing-amount { margin: 28px 0 20px; display: flex; align-items: center; gap: 16px; }
.pricing-amount > strong { font-size: clamp(3.6rem, 6vw, 5.4rem); line-height: .9; letter-spacing: -.065em; }
.pricing-amount > span { display: flex; flex-direction: column; }
.pricing-amount b { color: #fff; font-size: .78rem; }
.pricing-amount small { margin-top: 4px; color: #9fb0c8; font-size: .75rem; }
.pricing-plan > p { max-width: 540px; margin: 0; color: #c6d2e2; font-size: 1.02rem; line-height: 1.7; }
.pricing-plan ul { margin: 28px 0 34px; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 14px 22px; list-style: none; }
.pricing-plan li { display: flex; align-items: center; gap: 9px; color: #e5edf7; font-size: .88rem; }
.pricing-plan li i { color: #56d8aa; }
.pricing-plan .btn { box-shadow: 0 12px 28px rgba(23,105,224,.3); }
.pricing-estimator { padding: 46px 48px; background: #fff; }
.estimator-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.estimator-head h2 { margin: 6px 0 0; font-size: 2rem; letter-spacing: -.04em; }
.estimator-head output { width: 58px; height: 52px; display: grid; place-items: center; color: var(--bk-primary); background: #eef5ff; border: 1px solid #d8e7fb; border-radius: 12px; font-size: 1.35rem; font-weight: 850; }
.pricing-estimator > label { margin-top: 38px; display: block; color: #415069; font-size: .83rem; font-weight: 750; }
.pricing-estimator > input { width: 100%; margin: 20px 0 2px; accent-color: var(--bk-primary); }
.estimator-scale { display: flex; justify-content: space-between; color: var(--bk-muted); font-size: .72rem; }
.pricing-estimator dl { margin: 27px 0 0; border-top: 1px solid var(--bk-border); }
.pricing-estimator dl > div { margin: 0; padding: 15px 0; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid var(--bk-border); }
.pricing-estimator dt { color: #415069; font-weight: 650; }
.pricing-estimator dt small { color: var(--bk-muted); font-weight: 600; }
.pricing-estimator dd { margin: 0; color: var(--bk-ink); font-weight: 800; }
.pricing-estimator .estimator-total { padding: 20px 0; border-bottom: 0; }
.pricing-estimator .estimator-total dt { font-size: 1rem; }
.pricing-estimator .estimator-total dd { color: var(--bk-primary); font-size: 1.45rem; letter-spacing: -.03em; }
.pricing-estimator > p { margin: 6px 0 0; color: var(--bk-muted); font-size: .75rem; line-height: 1.6; }
.procurement-panel { margin-top: 20px; padding: 28px 32px; display: grid; grid-template-columns: 54px minmax(0, 1fr) auto; align-items: center; gap: 24px; background: var(--bk-canvas); border: 1px solid var(--bk-border); border-radius: 15px; }
.procurement-panel .feature-icon { margin: 0; }
.procurement-panel h2 { margin: 5px 0 4px; font-size: 1.35rem; letter-spacing: -.025em; }
.procurement-panel p { margin: 0; color: var(--bk-muted); }
.pricing-disclaimer { max-width: 860px; margin: 22px auto 0; color: var(--bk-muted); font-size: .78rem; text-align: center; }
.faq-list { max-width: 960px; margin: auto; display: grid; gap: 12px; }.faq-list details { background: #fff; border: 1px solid var(--bk-border); border-radius: 12px; }.faq-list summary { padding: 21px 24px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; font-weight: 760; list-style: none; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list details p { margin: 0; padding: 0 24px 23px; color: var(--bk-muted); line-height: 1.7; }

.docs-layout > .container-site { display: grid; grid-template-columns: 250px minmax(0, 900px); justify-content: center; align-items: start; gap: 74px; }.docs-nav { position: sticky; top: 110px; padding: 20px; display: flex; flex-direction: column; gap: 5px; background: var(--bk-canvas); border: 1px solid var(--bk-border); border-radius: 12px; }.docs-nav strong { margin: 5px 9px 11px; }.docs-nav a { padding: 8px 9px; color: var(--bk-muted); border-radius: 7px; font-size: .88rem; text-decoration: none; }.docs-nav a:hover { color: var(--bk-primary); background: #fff; }.docs-content > section { padding: 12px 0 56px; scroll-margin-top: 100px; }.docs-content > section + section { padding-top: 54px; border-top: 1px solid var(--bk-border); }.docs-content h1 { margin: 0 0 20px; font-size: 3.4rem; letter-spacing: -.05em; }.docs-content h2 { margin: 0 0 16px; font-size: 2rem; letter-spacing: -.03em; }.docs-content p { color: var(--bk-muted); line-height: 1.75; }.requirement-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 28px; }.requirement-grid article { padding: 18px; display: flex; flex-direction: column; background: var(--bk-canvas); border: 1px solid var(--bk-border); border-radius: 10px; }.requirement-grid i { margin-bottom: 14px; color: var(--bk-primary); font-size: 1.3rem; }.requirement-grid span { color: var(--bk-muted); font-size: .8rem; }
.code-block { margin: 24px 0; overflow: hidden; color: #dbe8fb; background: #121e2f; border-radius: 12px; box-shadow: var(--bk-shadow-soft); }.code-block-head { padding: 10px 14px; display: flex; align-items: center; justify-content: space-between; color: #aebbd0; background: #18283d; border-bottom: 1px solid rgba(255,255,255,.08); font-size: .75rem; }.code-block-head button { color: #dbe8fb; background: transparent; border: 0; font-size: .72rem; }.code-block pre { overflow-x: auto; margin: 0; padding: 22px; }.code-block code { color: #e7f0ff; font-size: .83rem; line-height: 1.7; }.docs-callout { margin: 22px 0; padding: 18px 20px; background: #eef5ff; border-left: 4px solid var(--bk-primary); border-radius: 8px; }.docs-callout.warning { background: #fff7e9; border-left-color: var(--bk-warning); }.docs-callout p { margin: 5px 0 0; font-size: .9rem; }

.contact-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 72px; }.contact-grid > div > h2 { margin: 0 0 32px; font-size: 3rem; letter-spacing: -.04em; }.contact-points { display: grid; gap: 12px; }.contact-points article { padding: 18px; display: grid; grid-template-columns: 42px 1fr; gap: 13px; background: #fff; border: 1px solid var(--bk-border); border-radius: 11px; }.contact-points article > i { width: 40px; height: 40px; display: grid; place-items: center; color: var(--bk-primary); background: #eef5ff; border-radius: 9px; }.contact-points p { margin: 3px 0 0; color: var(--bk-muted); font-size: .85rem; }
.sales-form { padding: 34px; background: #fff; border: 1px solid var(--bk-border); border-radius: var(--bk-radius); box-shadow: var(--bk-shadow-soft); }.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }.sales-form label { margin-bottom: 18px; display: flex; flex-direction: column; gap: 7px; color: #415069; font-size: .83rem; font-weight: 700; }.sales-form input, .sales-form select, .sales-form textarea { min-height: 48px; padding: 11px 13px; color: var(--bk-ink); background: #fff; border: 1px solid #ccd5e1; border-radius: 9px; outline: 0; }.sales-form textarea { resize: vertical; }.sales-form input:focus, .sales-form select:focus, .sales-form textarea:focus { border-color: var(--bk-primary); box-shadow: 0 0 0 3px rgba(23, 105, 224, .13); }.form-status { margin: 15px 0 0; color: var(--bk-muted); font-size: .85rem; }

.portal-status { padding: 20px 0; background: #fff7e9; border-block: 1px solid #f1d9ab; }.portal-status .container-site { display: flex; align-items: flex-start; gap: 14px; }.portal-status i { margin-top: 4px; color: #a66500; }.portal-status p { margin: 3px 0 0; color: #6b5b3e; }.portal-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }.portal-grid article { min-height: 320px; padding: 30px; background: #fff; border: 1px solid var(--bk-border); border-radius: var(--bk-radius); box-shadow: var(--bk-shadow-soft); }.portal-grid h3 { margin: 0 0 10px; }.portal-grid p { min-height: 110px; color: var(--bk-muted); line-height: 1.7; }.portal-grid a { color: var(--bk-primary); font-weight: 800; text-decoration: none; }
.handoff-flow { display: flex; align-items: center; gap: 10px; }.handoff-flow article { min-width: 130px; padding: 18px; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--bk-border); border-radius: 11px; }.handoff-flow article > span { width: 26px; height: 26px; margin-bottom: 16px; display: grid; place-items: center; color: var(--bk-primary); background: #eef5ff; border-radius: 50%; font-size: .65rem; font-weight: 800; }.handoff-flow small { margin-top: 3px; color: var(--bk-muted); font-size: .67rem; }.handoff-flow > i { color: #9aabc0; }

.account-preview { overflow: hidden; color: var(--bk-ink); background: #fff; border: 1px solid #d7dfea; border-radius: 16px; box-shadow: 0 24px 70px rgba(19, 39, 66, .14); font-size: .72rem; }
.account-preview-bar { min-height: 58px; padding: 10px 14px; display: flex; align-items: center; justify-content: space-between; gap: 14px; border-bottom: 1px solid var(--bk-border); }
.account-preview-bar > div { display: flex; align-items: center; gap: 9px; }
.account-preview-bar img { width: 28px; height: 28px; object-fit: contain; }
.account-preview-bar span span, .account-preview-bar > div > span { display: flex; flex-direction: column; }
.account-preview-bar small { color: var(--bk-muted); font-size: .55rem; }
.account-preview-safe { padding: 5px 8px; display: inline-flex !important; flex-direction: row !important; align-items: center; gap: 5px; color: #087550; background: #eaf8f3; border-radius: 7px; font-size: .57rem; font-weight: 800; white-space: nowrap; }
.account-preview-layout { min-height: 470px; display: grid; grid-template-columns: 150px minmax(0, 1fr); }
.account-preview-layout > aside { padding: 15px 9px; background: #fff; border-right: 1px solid var(--bk-border); }
.account-preview-layout > aside > img { width: 106px; height: auto; margin: 2px 8px 18px; }
.account-preview-layout > aside > small { margin: 14px 9px 5px; display: block; color: #929eae; font-size: .48rem; font-weight: 850; letter-spacing: .12em; }
.account-nav-item { min-height: 31px; padding: 7px 8px; display: flex; align-items: center; gap: 8px; color: #5b687c; border-radius: 7px; }
.account-nav-item i { width: 15px; color: #758399; text-align: center; }
.account-nav-item b { overflow: hidden; font-size: .58rem; text-overflow: ellipsis; white-space: nowrap; }
.account-nav-item.active { color: var(--bk-primary); background: #edf5ff; }
.account-nav-item.active i { color: var(--bk-primary); }
.account-preview-main { min-width: 0; padding: 14px; background: #f6f8fb; }
.account-preview-note { width: fit-content; margin: 0 0 10px auto; padding: 4px 7px; color: #5e6d81; background: #fff; border: 1px solid var(--bk-border); border-radius: 6px; font-size: .5rem; font-weight: 700; }
.account-preview-note i { margin-right: 4px; color: var(--bk-primary); }
.account-preview-main > header { margin: 0 1px 12px; display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }
.account-preview-main > header small { color: var(--bk-primary); font-size: .48rem; font-weight: 850; letter-spacing: .11em; }
.account-preview-main > header h2 { margin: 2px 0; font-size: 1.25rem; letter-spacing: -.025em; }
.account-preview-main > header p { margin: 0; color: var(--bk-muted); font-size: .56rem; }
.account-preview-main > header button { min-height: 31px; padding: 6px 9px; display: inline-flex; align-items: center; gap: 5px; color: var(--bk-ink); background: #fff; border: 1px solid #ccd5e1; border-radius: 7px; font-size: .55rem; font-weight: 750; white-space: nowrap; }
.account-preview-main > header button:disabled { color: #748197; background: #f8fafc; cursor: default; }
.account-summary-grid { display: grid; grid-template-columns: 1.35fr .82fr .82fr; gap: 8px; }
.account-summary-grid > article { min-width: 0; min-height: 141px; padding: 12px; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--bk-border); border-radius: 9px; box-shadow: 0 3px 12px rgba(19, 39, 66, .035); }
.account-summary-grid > article > span:first-child { width: 31px; height: 31px; margin-bottom: 10px; display: grid; place-items: center; color: var(--bk-primary); background: #edf5ff; border-radius: 8px; font-size: .85rem; }
.account-summary-grid > article > small { color: #8a96a7; font-size: .45rem; font-weight: 850; letter-spacing: .1em; }
.account-summary-grid > article > strong { margin: 3px 0 4px; font-size: .67rem; }
.account-summary-grid > article > p { margin: 0; color: var(--bk-muted); font-size: .5rem; line-height: 1.55; }
.account-summary-grid .account-summary-primary { display: block; border-top: 3px solid var(--bk-primary); }
.account-summary-primary > div:first-child { display: flex; align-items: center; gap: 8px; }
.account-card-icon { width: 31px; height: 31px; display: grid; place-items: center; color: var(--bk-primary); background: #edf5ff; border-radius: 8px; font-size: .85rem; }
.account-summary-primary > div:first-child > span:last-child { display: flex; flex-direction: column; }
.account-summary-primary > div:first-child small { color: #8a96a7; font-size: .44rem; font-weight: 850; letter-spacing: .1em; }
.account-summary-primary > .badge-soft-success { position: absolute; }
.account-summary-primary { position: relative; }
.account-summary-primary > .badge-soft-success { right: 12px; top: 12px; font-size: .45rem; }
.account-summary-primary dl { margin: 12px 0 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }
.account-summary-primary dl > div { min-width: 0; padding: 6px; background: #f8fafc; border-radius: 6px; }
.account-summary-primary dt { color: var(--bk-muted); font-size: .43rem; font-weight: 650; }
.account-summary-primary dd { overflow: hidden; margin: 2px 0 0; font-size: .49rem; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.account-table-card { margin-top: 8px; overflow: hidden; background: #fff; border: 1px solid var(--bk-border); border-radius: 9px; }
.account-table-card > header { padding: 9px 11px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-bottom: 1px solid var(--bk-border); }
.account-table-card > header div { display: flex; flex-direction: column; }
.account-table-card > header strong { font-size: .61rem; }
.account-table-card > header small { color: var(--bk-muted); font-size: .46rem; }
.account-table-card > header > span { padding: 4px 6px; color: #087550; background: #eaf8f3; border-radius: 5px; font-size: .45rem; font-weight: 800; }
.account-table-head, .account-table-row { padding: 8px 11px; display: grid; grid-template-columns: 1.25fr .8fr .8fr 1fr .6fr; align-items: center; gap: 7px; }
.account-table-head { color: #8a96a7; background: #fbfcfe; border-bottom: 1px solid var(--bk-border); font-size: .42rem; font-weight: 850; letter-spacing: .08em; }
.account-table-row { color: #5a687b; font-size: .48rem; }
.account-table-row > span:first-child { display: flex; align-items: center; gap: 6px; color: var(--bk-ink); }
.account-table-row i { width: 24px; height: 24px; display: grid; place-items: center; color: var(--bk-primary); background: #edf5ff; border-radius: 6px; font-style: normal; }
.account-table-row em { padding: 4px 6px; color: #087550; background: #eaf8f3; border-radius: 5px; font-style: normal; font-weight: 800; }
.account-rollout { padding: 22px 0; background: #edf5ff; border-block: 1px solid #d4e4fa; }
.account-rollout .container-site { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: center; gap: 15px; }
.account-rollout .container-site > span { width: 44px; height: 44px; display: grid; place-items: center; color: var(--bk-primary); background: #fff; border-radius: 11px; font-size: 1.05rem; }
.account-rollout p { margin: 3px 0 0; color: #596980; font-size: .88rem; }
.account-rollout a { color: var(--bk-primary); font-weight: 800; text-decoration: none; white-space: nowrap; }
.account-boundary-heading { margin-bottom: 42px; }
.account-boundaries { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.account-boundaries article { position: relative; min-height: 250px; padding: 30px; display: grid; grid-template-columns: 52px 1fr; align-content: start; gap: 18px; background: #fff; border: 1px solid var(--bk-border); border-radius: var(--bk-radius); box-shadow: var(--bk-shadow-soft); }
.account-boundaries article > span { position: absolute; right: 20px; top: 13px; color: #edf1f6; font-size: 3.5rem; font-weight: 850; line-height: 1; }
.account-boundaries article > i { width: 50px; height: 50px; display: grid; place-items: center; color: var(--bk-primary); background: #edf5ff; border-radius: 13px; font-size: 1.25rem; }
.account-boundaries article > div { position: relative; z-index: 1; }
.account-boundaries small { color: var(--bk-primary); font-size: .66rem; font-weight: 850; letter-spacing: .08em; }
.account-boundaries h3 { margin: 8px 0; font-size: 1.2rem; }
.account-boundaries p { margin: 0; color: var(--bk-muted); font-size: .88rem; line-height: 1.65; }
.account-boundary-note { max-width: 780px; margin: 24px auto 0; color: var(--bk-muted); font-size: .82rem; text-align: center; }

.paid-claim-section { padding: 72px 0; background: radial-gradient(circle at 14% 18%, rgba(23,105,224,.1), transparent 30%), #f5f8fc; border-block: 1px solid var(--bk-border); scroll-margin-top: 80px; }
.paid-claim-shell { display: grid; grid-template-columns: minmax(330px, .8fr) minmax(0, 1.2fr); overflow: hidden; background: #fff; border: 1px solid #d7e0ec; border-radius: 20px; box-shadow: 0 26px 72px rgba(19,39,66,.13); }
.paid-claim-context { min-width: 0; padding: 46px; color: #fff; background: linear-gradient(145deg, #102746 0%, #163c6e 100%); }
.paid-claim-brand { margin-bottom: 62px; display: flex; align-items: center; gap: 13px; }
.paid-claim-brand img { width: 42px; height: 42px; padding: 5px; object-fit: contain; background: #fff; border-radius: 10px; }
.paid-claim-brand > span { display: flex; flex-direction: column; }
.paid-claim-brand strong { font-size: .92rem; }
.paid-claim-brand small { color: #b9cce5; font-size: .72rem; }
.paid-claim-context .eyebrow { margin-bottom: 13px; color: #8ec0ff; }
.paid-claim-context h2 { margin: 0 0 20px; color: #fff; font-size: clamp(2.15rem, 3vw, 3.2rem); line-height: 1.06; letter-spacing: -.045em; }
.paid-claim-context > p { margin: 0; color: #cfdaea; font-size: .93rem; line-height: 1.75; }
.paid-claim-context ul { margin: 30px 0 0; padding: 0; display: grid; gap: 13px; list-style: none; }
.paid-claim-context li { display: flex; align-items: center; gap: 10px; color: #e7eef8; font-size: .82rem; font-weight: 700; }
.paid-claim-context li i { width: 26px; height: 26px; flex: 0 0 auto; display: grid; place-items: center; color: #5be0af; background: rgba(91,224,175,.1); border-radius: 7px; }
.paid-claim-security-note { margin-top: 34px; padding: 15px 16px; display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 9px; color: #cbd9ea; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); border-radius: 11px; font-size: .75rem; line-height: 1.55; }
.paid-claim-security-note i { color: #8ec0ff; }
.paid-claim-workspace { min-width: 0; padding: 46px; }
.paid-claim-workspace-head { padding-bottom: 24px; display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--bk-border); }
.paid-claim-workspace-head > div { display: flex; flex-direction: column; }
.paid-claim-workspace-head .eyebrow { margin: 0 0 4px; font-size: .67rem; }
.paid-claim-workspace-head strong { font-size: 1.08rem; }
.paid-claim-state { padding: 7px 10px; display: inline-flex; align-items: center; gap: 6px; color: #086b4a; background: #eaf8f3; border: 1px solid #cbeade; border-radius: 8px; font-size: .7rem; font-weight: 800; white-space: nowrap; }
.paid-claim-start, .paid-claim-reveal { padding: 34px 0 28px; display: grid; grid-template-columns: 42px minmax(0, 1fr); align-items: start; gap: 16px; }
.paid-claim-start > .btn, .paid-claim-reveal > .btn { grid-column: 2; justify-self: start; margin-top: 3px; }
.paid-claim-start > .btn + .btn { margin-top: -3px; }
.paid-claim-step { width: 40px; height: 40px; display: grid; place-items: center; color: var(--bk-primary); background: #eaf3ff; border: 1px solid #d0e2fb; border-radius: 10px; font-size: .82rem; font-weight: 850; }
.paid-claim-start h3, .paid-claim-reveal h3 { margin: 2px 0 7px; font-size: 1.35rem; letter-spacing: -.025em; }
.paid-claim-start p, .paid-claim-reveal p { max-width: 660px; margin: 0; color: var(--bk-muted); font-size: .88rem; line-height: 1.65; }
.paid-claim-reveal small { margin-top: 11px; display: block; color: #52637b; font-size: .75rem; font-weight: 750; }
.paid-claim-status { min-height: 46px; margin: 0; padding: 13px 15px 13px 39px; position: relative; color: #455873; background: #f6f8fb; border: 1px solid var(--bk-border); border-radius: 10px; font-size: .78rem; line-height: 1.55; outline: 0; }
.paid-claim-status::before { position: absolute; left: 16px; top: 18px; width: 9px; height: 9px; content: ""; background: #8795a9; border-radius: 50%; box-shadow: 0 0 0 4px rgba(135,149,169,.12); }
.paid-claim-status.ready { color: #315c4e; background: #f0faf6; border-color: #cde9df; }
.paid-claim-status.ready::before { background: #0a9b6d; box-shadow: 0 0 0 4px rgba(10,155,109,.12); }
.paid-claim-status.error { color: #80451e; background: #fff8ef; border-color: #efd6b4; }
.paid-claim-status.error::before { background: #d17a1d; box-shadow: 0 0 0 4px rgba(209,122,29,.12); }
.paid-claim-status:focus { box-shadow: 0 0 0 3px rgba(23,105,224,.16); }
.paid-claim-key { margin-top: 24px; overflow: hidden; border: 1px solid var(--bk-border); border-radius: 14px; }
.paid-claim-key > header { padding: 17px 18px; display: flex; align-items: center; justify-content: space-between; gap: 18px; background: #f8fafc; border-bottom: 1px solid var(--bk-border); }
.paid-claim-key > header > div { display: flex; align-items: center; gap: 12px; }
.paid-claim-key > header span:last-child { display: flex; flex-direction: column; }
.paid-claim-key > header small { color: var(--bk-primary); font-size: .62rem; font-weight: 850; letter-spacing: .1em; }
.paid-claim-key > header strong { margin-top: 2px; font-size: 1rem; }
.paid-claim-key > header em { padding: 6px 8px; color: #8a4d10; background: #fff3e3; border: 1px solid #f1d3ad; border-radius: 7px; font-size: .66rem; font-style: normal; font-weight: 800; white-space: nowrap; }
.paid-claim-secret { padding: 18px; color: #dce8f8; background: #12223a; }
.paid-claim-secret > span { display: block; margin-bottom: 9px; color: #90a8c7; font-size: .63rem; font-weight: 850; letter-spacing: .1em; }
.paid-claim-secret code { min-height: 44px; display: block; overflow-wrap: anywhere; color: #fff; font-size: .88rem; line-height: 1.6; user-select: all; }
.paid-claim-key-actions { padding: 13px 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; background: #f7f9fc; border-bottom: 1px solid var(--bk-border); }
.paid-claim-key dl { margin: 0; padding: 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.paid-claim-key dl > div { min-width: 0; padding: 12px 13px; background: var(--bk-canvas); border-radius: 9px; }
.paid-claim-key dt { color: var(--bk-muted); font-size: .68rem; }
.paid-claim-key dd { overflow-wrap: anywhere; margin: 3px 0 0; font-size: .8rem; font-weight: 800; }
.paid-claim-confirm { margin: 0 18px 16px; padding: 15px; display: grid; grid-template-columns: 20px minmax(0, 1fr); align-items: start; gap: 11px; color: #344860; background: #eef5ff; border: 1px solid #d3e4fb; border-radius: 10px; cursor: pointer; }
.paid-claim-confirm input { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--bk-primary); }
.paid-claim-confirm span { display: flex; flex-direction: column; }
.paid-claim-confirm strong { font-size: .79rem; }
.paid-claim-confirm small { margin-top: 3px; color: var(--bk-muted); font-size: .7rem; line-height: 1.45; }
.paid-claim-acknowledge, [data-paid-claim-acknowledge] { width: calc(100% - 36px); margin: 0 18px 18px; }
.paid-claim-complete { margin-top: 26px; padding: 25px; display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 16px; color: #264f42; background: #edfaf5; border: 1px solid #c8e9dc; border-radius: 13px; outline: 0; }
.paid-claim-complete > span { width: 50px; height: 50px; display: grid; place-items: center; color: #087550; background: #fff; border-radius: 13px; font-size: 1.3rem; }
.paid-claim-complete small { color: #087550; font-size: .65rem; font-weight: 850; letter-spacing: .1em; }
.paid-claim-complete h3 { margin: 4px 0 7px; font-size: 1.35rem; }
.paid-claim-complete p { margin: 0 0 16px; color: #486b60; font-size: .82rem; line-height: 1.6; }

.checkout-trust { margin-top: 30px; padding: 14px 16px; display: flex; align-items: flex-start; gap: 10px; color: #c6d2e2; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); border-radius: 11px; font-size: .8rem; line-height: 1.55; }
.checkout-trust i { margin-top: 2px; color: #56d8aa; }
.cluster-control { margin-top: 32px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px 16px; }
.cluster-control label { color: #415069; font-size: .83rem; font-weight: 750; }
.cluster-stepper { display: grid; grid-template-columns: 42px 68px 42px; align-items: center; overflow: hidden; border: 1px solid #cbd5e2; border-radius: 10px; }
.cluster-stepper button { min-height: 44px; display: grid; place-items: center; color: var(--bk-primary); background: #f5f9ff; border: 0; font-size: 1.1rem; font-weight: 800; }
.cluster-stepper button:hover { background: #eaf3ff; }
.cluster-control input[type="number"] { width: 68px; min-height: 44px; padding: 8px 5px; color: var(--bk-ink); background: #fff; border: 0; border-inline: 1px solid #dce3ec; border-radius: 0; font-weight: 800; text-align: center; }
.cluster-control input[type="range"] { grid-column: 1 / -1; width: 100%; margin: 8px 0 0; accent-color: var(--bk-primary); }
.checkout-button { width: 100%; margin-top: 22px; display: flex; align-items: center; justify-content: center; gap: 8px; }
.checkout-button.checkout-disabled { color: #66758a; background: #e5eaf0; border-color: #e5eaf0; box-shadow: none; cursor: not-allowed; }
.checkout-status { min-height: 38px; margin: 10px 0 0 !important; padding-left: 18px; position: relative; }
.checkout-status::before { position: absolute; left: 0; top: .28em; width: 8px; height: 8px; content: ""; background: var(--bk-warning); border-radius: 50%; }
.checkout-status.ready::before { background: var(--bk-success); }
.purchase-steps { margin-top: 20px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.purchase-steps article { min-height: 142px; padding: 22px; display: flex; align-items: flex-start; gap: 14px; background: #fff; border: 1px solid var(--bk-border); border-radius: 13px; }
.purchase-steps article > span { width: 30px; height: 30px; flex: 0 0 auto; display: grid; place-items: center; color: var(--bk-primary); background: #edf5ff; border-radius: 50%; font-size: .72rem; font-weight: 850; }
.purchase-steps strong { display: block; margin: 3px 0 5px; }
.purchase-steps p { margin: 0; color: var(--bk-muted); font-size: .82rem; line-height: 1.55; }
.purchase-trust-grid { margin-top: 14px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.purchase-trust-grid article { padding: 20px; display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px; background: #fff; border: 1px solid var(--bk-border); border-radius: 12px; }
.purchase-trust-grid article > i { width: 32px; height: 32px; display: grid; place-items: center; color: var(--bk-primary); background: #edf5ff; border-radius: 8px; }
.purchase-trust-grid strong, .purchase-trust-grid span { display: block; }
.purchase-trust-grid span { margin-top: 4px; color: var(--bk-muted); font-size: .78rem; line-height: 1.55; }
.purchase-trust-grid a { color: var(--bk-primary); font-weight: 750; }

.checkout-page { background: var(--bk-canvas); }
.checkout-intro { padding: 60px 0 42px; background: #fff; border-bottom: 1px solid var(--bk-border); }
.checkout-intro .container-site { position: relative; }
.checkout-back { width: fit-content; margin-bottom: 38px; display: inline-flex; align-items: center; gap: 7px; color: var(--bk-muted); font-size: .82rem; font-weight: 750; text-decoration: none; }
.checkout-back i { transform: rotate(180deg); }
.checkout-back:hover { color: var(--bk-primary); }
.checkout-intro .eyebrow { display: block; }
.checkout-intro h1 { max-width: 820px; margin: 10px 0 15px; font-size: clamp(2.75rem, 5vw, 4.7rem); line-height: 1.02; letter-spacing: -.055em; }
.checkout-intro > .container-site > p { max-width: 740px; margin: 0; color: var(--bk-muted); font-size: 1.05rem; line-height: 1.7; }
.checkout-progress { max-width: 760px; margin: 38px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); list-style: none; }
.checkout-progress li { position: relative; display: flex; align-items: center; gap: 9px; color: #586579; font-size: .76rem; }
.checkout-progress li:not(:last-child)::after { height: 1px; content: ""; flex: 1; margin-right: 10px; background: #dce3ec; }
.checkout-progress li > span { width: 27px; height: 27px; flex: 0 0 auto; display: grid; place-items: center; background: #eef1f5; border-radius: 50%; font-size: .68rem; font-weight: 850; }
.checkout-progress li.active { color: var(--bk-primary); }
.checkout-progress li.active > span { color: #fff; background: var(--bk-primary); box-shadow: 0 5px 14px rgba(23,105,224,.2); }
.checkout-section { padding: 42px 0 94px; }
.checkout-layout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(370px, .85fr); align-items: start; gap: 22px; }
.checkout-config { min-width: 0; display: grid; gap: 16px; }
.checkout-card, .checkout-summary { background: #fff; border: 1px solid var(--bk-border); border-radius: 16px; box-shadow: 0 8px 30px rgba(19,39,66,.055); }
.checkout-card { padding: 30px; }
.checkout-card > header { display: grid; grid-template-columns: 54px minmax(0, 1fr); align-items: center; gap: 16px; }
.checkout-card > header .feature-icon { margin: 0; }
.checkout-card h2, .checkout-summary h2 { margin: 4px 0; font-size: 1.35rem; letter-spacing: -.025em; }
.checkout-card header p { margin: 0; color: var(--bk-muted); font-size: .86rem; }
.checkout-included-grid { margin-top: 26px; padding-top: 22px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px 18px; border-top: 1px solid var(--bk-border); }
.checkout-included-grid span { display: flex; align-items: center; gap: 9px; color: #435168; font-size: .82rem; font-weight: 650; }
.checkout-included-grid i { color: var(--bk-success); }
.checkout-section-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.checkout-section-head > span { color: var(--bk-muted); font-size: .76rem; font-weight: 700; }
.checkout-section-head output { width: 54px; height: 48px; display: grid; place-items: center; color: var(--bk-primary); background: #eef5ff; border: 1px solid #d8e7fb; border-radius: 11px; font-size: 1.2rem; font-weight: 850; }
.checkout-billing { width: 100%; margin: 24px 0 0; display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.checkout-billing button { min-height: 68px; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; text-align: left; }
.checkout-billing button strong, .checkout-billing button small { display: block; }
.checkout-billing button small { margin-top: 3px; color: var(--bk-muted); font-size: .68rem; font-weight: 600; }
.checkout-capacity-copy { max-width: 650px; margin: 18px 0 0; color: var(--bk-muted); font-size: .83rem; line-height: 1.6; }
.checkout-cluster-control { margin-top: 25px; }
.checkout-help { margin: 12px 0 0; color: var(--bk-muted); font-size: .75rem; }
.checkout-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.checkout-facts article { min-height: 150px; padding: 21px; display: grid; grid-template-columns: 34px minmax(0, 1fr); align-content: start; gap: 11px; background: #fff; border: 1px solid var(--bk-border); border-radius: 13px; }
.checkout-facts article > i { width: 33px; height: 33px; display: grid; place-items: center; color: var(--bk-primary); background: #eef5ff; border-radius: 8px; }
.checkout-facts strong { font-size: .81rem; }
.checkout-facts p { margin: 5px 0 0; color: var(--bk-muted); font-size: .72rem; line-height: 1.55; }
.checkout-summary { position: sticky; top: 92px; overflow: hidden; padding: 30px; }
.checkout-summary-title { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.checkout-summary dl { margin: 24px 0 0; border-top: 1px solid var(--bk-border); }
.checkout-summary dl > div { padding: 14px 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; border-bottom: 1px solid var(--bk-border); }
.checkout-summary dt { color: #415069; font-size: .82rem; font-weight: 700; }
.checkout-summary dt small { display: block; margin-top: 3px; color: var(--bk-muted); font-size: .67rem; font-weight: 550; }
.checkout-summary dd { margin: 0; color: var(--bk-ink); font-size: .82rem; font-weight: 800; text-align: right; }
.checkout-summary .checkout-total { padding: 20px 0; align-items: center; border-bottom: 0; }
.checkout-summary .checkout-total dd { color: var(--bk-primary); font-size: 1.3rem; letter-spacing: -.025em; }
.checkout-create { padding-top: 5px; }
.checkout-consent { display: grid; grid-template-columns: 19px minmax(0, 1fr); align-items: start; gap: 10px; color: #536176; font-size: .73rem; line-height: 1.55; cursor: pointer; }
.checkout-consent input { width: 17px; height: 17px; margin: 2px 0 0; accent-color: var(--bk-primary); }
.checkout-consent a { color: var(--bk-primary); font-weight: 750; }
.checkout-create .btn { width: 100%; margin-top: 18px; }
.checkout-create .btn:disabled { color: #69768a; background: #e4e9ef; border-color: #e4e9ef; box-shadow: none; cursor: not-allowed; transform: none; }
.checkout-create-status { min-height: 36px; margin: 10px 0 0; padding-left: 17px; position: relative; color: var(--bk-muted); font-size: .71rem; line-height: 1.5; }
.checkout-create-status::before { position: absolute; left: 0; top: .35em; width: 7px; height: 7px; content: ""; background: var(--bk-warning); border-radius: 50%; }
.checkout-create-status.ready::before { background: var(--bk-success); }
.checkout-provider-note { margin-top: 18px; padding: 12px; display: flex; align-items: flex-start; gap: 9px; color: #536176; background: #f4f8fd; border: 1px solid #dbe8f8; border-radius: 9px; font-size: .7rem; line-height: 1.5; }
.checkout-provider-note i { margin-top: 2px; color: var(--bk-primary); }
.checkout-summary address { margin: 20px -30px -30px; padding: 18px 30px; display: flex; flex-direction: column; color: #627086; background: #f8fafc; border-top: 1px solid var(--bk-border); font-size: .68rem; font-style: normal; line-height: 1.55; }
.checkout-summary address strong { margin-bottom: 3px; color: #415069; }
.checkout-summary address a { width: fit-content; color: var(--bk-primary); }
.checkout-payment-state, .checkout-complete { background: #fff; border-top: 1px solid var(--bk-border); }
.checkout-payment-state > .container-site, .checkout-complete > .container-site { padding-top: 32px; padding-bottom: 32px; display: grid; grid-template-columns: 54px minmax(0, 1fr) auto; align-items: center; gap: 18px; }
.checkout-payment-state .feature-icon { margin: 0; }
.checkout-payment-state h2, .checkout-complete h2 { margin: 4px 0; font-size: 1.35rem; }
.checkout-payment-state p, .checkout-complete p { margin: 0; color: var(--bk-muted); font-size: .83rem; }
.checkout-complete { background: #edfaf5; border-color: #c8eadc; }
.checkout-complete > .container-site > span { width: 52px; height: 52px; display: grid; place-items: center; color: #087550; background: #fff; border-radius: 13px; font-size: 1.4rem; }

.trial-facts { background: #fff; border-block: 1px solid var(--bk-border); }
.trial-facts .container-site { min-height: 92px; display: grid; grid-template-columns: repeat(4, 1fr); }
.trial-facts article { padding: 18px 26px; display: flex; align-items: center; justify-content: center; gap: 13px; border-right: 1px solid var(--bk-border); }
.trial-facts article:last-child { border-right: 0; }
.trial-facts article > span { width: 38px; height: 38px; flex: 0 0 auto; display: grid; place-items: center; color: var(--bk-primary); background: #edf5ff; border-radius: 10px; }
.trial-facts article div { display: flex; flex-direction: column; }
.trial-facts small { color: var(--bk-muted); font-size: .72rem; }
.trial-section { background: radial-gradient(circle at 85% 15%, rgba(23, 105, 224, .08), transparent 30%), #fff; }
.trial-layout { display: grid; grid-template-columns: minmax(0, .8fr) minmax(520px, 1fr); align-items: start; gap: 84px; }
.trial-explainer h2 { max-width: 570px; margin: 0 0 36px; font-size: clamp(2.3rem, 3.5vw, 3.7rem); line-height: 1.08; letter-spacing: -.045em; }
.trial-explainer ol { margin: 0; padding: 0; display: grid; gap: 10px; list-style: none; }
.trial-explainer li { padding: 18px; display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 14px; background: var(--bk-canvas); border: 1px solid var(--bk-border); border-radius: 12px; }
.trial-explainer li > span { width: 36px; height: 36px; display: grid; place-items: center; color: #fff; background: var(--bk-primary); border-radius: 50%; font-size: .75rem; font-weight: 850; }
.trial-explainer li strong { display: block; margin: 1px 0 4px; }
.trial-explainer li p { margin: 0; color: var(--bk-muted); font-size: .86rem; line-height: 1.6; }
.trial-policy-note { margin-top: 16px; padding: 18px; display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px; color: #315a4c; background: #edf9f5; border: 1px solid #ccece1; border-radius: 12px; }
.trial-policy-note > i { font-size: 1.15rem; }
.trial-policy-note p { margin: 4px 0 0; color: #4c6c62; font-size: .8rem; line-height: 1.6; }
.trial-action-card { min-width: 0; padding: 42px; background: #fff; border: 1px solid var(--bk-border); border-radius: 18px; box-shadow: 0 24px 60px rgba(19, 39, 66, .11); }
.trial-action-card h2 { margin: 7px 0 9px; font-size: 2rem; letter-spacing: -.035em; }
.trial-action-card > form > p, .trial-verify-panel > p, .trial-claim-panel > p { margin: 0 0 25px; color: var(--bk-muted); line-height: 1.65; }
.trial-action-card form > label:not(.trial-consent) { margin: 18px 0 7px; display: block; color: #40516a; font-size: .82rem; font-weight: 750; }
.trial-action-card form > label span { color: var(--bk-muted); font-weight: 600; }
.trial-action-card input[type="email"], .trial-action-card input[type="text"] { width: 100%; min-height: 50px; padding: 11px 13px; color: var(--bk-ink); background: #fff; border: 1px solid #cbd5e2; border-radius: 9px; outline: 0; }
.trial-action-card input:focus { border-color: var(--bk-primary); box-shadow: 0 0 0 3px rgba(23, 105, 224, .13); }
.trial-consent { margin: 22px 0; display: grid; grid-template-columns: 20px minmax(0, 1fr); align-items: start; gap: 10px; color: var(--bk-muted); font-size: .82rem; line-height: 1.55; }
.trial-consent input { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--bk-primary); }
.trial-consent a { color: var(--bk-primary); font-weight: 750; }
.trial-action-card .btn-primary { width: 100%; }
.trial-honeypot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }
.trial-status { min-height: 24px; margin: 14px 0 0 !important; color: #40516a !important; font-size: .82rem; }
.trial-verify-panel, .trial-claim-panel { text-align: center; }
.trial-verify-panel .feature-icon, .trial-claim-panel .feature-icon { margin-inline: auto; }
.trial-verify-panel .btn-outline-secondary { width: 100%; margin-top: 10px; }
.trial-key { margin-top: 24px; text-align: left; }
.trial-key > div:first-child { padding: 13px 15px; display: flex; align-items: center; justify-content: space-between; gap: 16px; color: #9fb0c8; background: #18283d; border-radius: 11px 11px 0 0; font-size: .65rem; font-weight: 800; letter-spacing: .08em; }
.trial-key > code { min-height: 94px; padding: 22px; display: block; overflow-wrap: anywhere; color: #e7f0ff; background: #121e2f; font-size: .82rem; line-height: 1.6; }
.trial-key-actions { padding: 12px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; background: #f7f9fc; border: 1px solid var(--bk-border); border-top: 0; }
.trial-key dl { margin: 14px 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.trial-key dl > div { padding: 13px; background: var(--bk-canvas); border-radius: 9px; }
.trial-key dt { color: var(--bk-muted); font-size: .7rem; }
.trial-key dd { margin: 3px 0 0; font-size: .82rem; font-weight: 800; }
.trial-saved-button { width: 100%; min-height: 42px; color: var(--bk-muted); background: transparent; border: 0; text-decoration: underline; }
.trial-next .split-copy { align-items: center; }
.trial-ready-card { padding: 34px; background: #fff; border: 1px solid var(--bk-border); border-radius: var(--bk-radius); box-shadow: var(--bk-shadow-soft); }
.trial-ready-card h3 { margin: 0 0 10px; font-size: 1.35rem; }
.trial-ready-card p { color: var(--bk-muted); line-height: 1.7; }
.trial-ready-card small { margin-top: 18px; display: block; color: var(--bk-muted); line-height: 1.55; }

.legal-identity { padding: 20px 22px; display: flex; flex-direction: column; gap: 4px; background: var(--bk-canvas); border: 1px solid var(--bk-border); border-radius: 11px; }
.legal-identity span { color: var(--bk-muted); }
.legal-identity a { color: var(--bk-primary); font-weight: 750; }
.refund-summary { margin: 28px 0 8px; padding: 26px; display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 18px; color: #315a4c; background: #edf9f5; border: 1px solid #ccece1; border-radius: 13px; }
.refund-summary > span { width: 46px; height: 46px; display: grid; place-items: center; background: #fff; border-radius: 12px; font-size: 1.2rem; }
.refund-summary p { margin: 5px 0 0; color: #4c6c62; font-size: .88rem; line-height: 1.6; }
.support-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 24px; }
.support-primary { padding: 42px; background: linear-gradient(145deg, #10213a, #172f51); border-radius: var(--bk-radius); color: #fff; }
.support-primary .eyebrow { display: block; color: #8dbcf9; }
.support-primary h2 { margin: 6px 0 16px; overflow-wrap: anywhere; font-size: clamp(1.6rem, 3vw, 2.6rem); }
.support-primary p { color: #c6d2e2; line-height: 1.75; }
.support-primary .btn { margin-top: 18px; }
.support-contact-disclosure { padding: 0 0 80px; }
.support-contact-disclosure .legal-identity { max-width: 680px; }
.support-topics { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.support-topics article { padding: 24px; display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 13px; background: #fff; border: 1px solid var(--bk-border); border-radius: 12px; }
.support-topics article > span { width: 40px; height: 40px; display: grid; place-items: center; color: var(--bk-primary); background: #edf5ff; border-radius: 10px; }
.support-topics h3 { margin: 1px 0 6px; font-size: 1rem; }
.support-topics p { margin: 0; color: var(--bk-muted); font-size: .82rem; line-height: 1.62; }
.support-topics a { color: var(--bk-primary); font-weight: 750; }

.intent-intro-grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); align-items: start; gap: 72px; }
.intent-intro-grid .section-heading { margin: 0; }
.intent-intro-grid .section-heading p { color: var(--bk-muted); line-height: 1.75; }
.intent-card-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.intent-card-grid article { min-height: 250px; padding: 26px; background: #fff; border: 1px solid var(--bk-border); border-radius: 14px; box-shadow: var(--bk-shadow-soft); }
.intent-card-grid h3 { margin: 0 0 9px; font-size: 1.18rem; }
.intent-card-grid p { margin: 0; color: var(--bk-muted); font-size: .9rem; line-height: 1.68; }
.workflow-steps { margin-top: 38px; }
.related-guides { max-width: 960px; margin: 28px auto 0; padding: 20px 24px; display: flex; align-items: center; gap: 18px 28px; background: var(--bk-canvas); border: 1px solid var(--bk-border); border-radius: 12px; }
.related-guides strong { margin-right: auto; }
.related-guides a { color: var(--bk-primary); font-size: .86rem; font-weight: 800; text-decoration: none; }
.install-steps { margin: 28px 0 0; padding: 0; display: grid; gap: 16px; list-style: none; counter-reset: install; }
.install-steps li { padding: 18px 20px; display: grid; grid-template-columns: 1fr; gap: 3px; background: var(--bk-canvas); border: 1px solid var(--bk-border); border-radius: 11px; }
.install-steps span { color: var(--bk-muted); font-size: .88rem; line-height: 1.6; }

.evaluation-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.evaluation-grid article { min-height: 220px; padding: 25px; background: var(--bk-canvas); border: 1px solid var(--bk-border); border-radius: 14px; }
.evaluation-grid article > span { color: var(--bk-primary); font-size: .72rem; font-weight: 850; letter-spacing: .1em; }
.evaluation-grid h3 { margin: 28px 0 9px; font-size: 1.16rem; }
.evaluation-grid p { margin: 0; color: var(--bk-muted); font-size: .88rem; line-height: 1.65; }
.alternative-cards { margin-top: 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.alternative-cards article { padding: 32px; background: #fff; border: 1px solid var(--bk-border); border-radius: 15px; box-shadow: var(--bk-shadow-soft); }
.alternative-cards h2 { margin: 0 0 10px; font-size: 1.4rem; }
.alternative-cards p { color: var(--bk-muted); line-height: 1.7; }
.alternative-cards a, .source-note-block a { color: var(--bk-primary); font-weight: 800; text-decoration: none; }
.comparison-table-wrap { overflow-x: auto; border: 1px solid var(--bk-border); border-radius: 15px; box-shadow: var(--bk-shadow-soft); }
.comparison-table { width: 100%; min-width: 840px; border-collapse: collapse; background: #fff; }
.comparison-table th, .comparison-table td { padding: 20px 22px; vertical-align: top; border-bottom: 1px solid var(--bk-border); text-align: left; line-height: 1.62; }
.comparison-table thead th { color: #40516a; background: var(--bk-canvas); font-size: .76rem; letter-spacing: .04em; text-transform: uppercase; }
.comparison-table tbody th { width: 19%; color: var(--bk-ink); font-size: .9rem; }
.comparison-table td { width: 40.5%; color: var(--bk-muted); font-size: .88rem; }
.comparison-table tbody tr:last-child > * { border-bottom: 0; }
.source-note-block { margin-top: 16px; padding: 18px 20px; display: flex; align-items: center; flex-wrap: wrap; gap: 14px 24px; background: #eef5ff; border-radius: 11px; }
.source-note-block strong { margin-right: auto; }
.source-note-block a { font-size: .82rem; }

.license-journey { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.license-journey article { min-height: 230px; padding: 28px; background: #fff; border: 1px solid var(--bk-border); border-radius: 14px; box-shadow: var(--bk-shadow-soft); }
.license-journey article > span { width: 34px; height: 34px; display: grid; place-items: center; color: #fff; background: var(--bk-primary); border-radius: 50%; font-size: .75rem; font-weight: 850; }
.license-journey h3 { margin: 42px 0 10px; font-size: 1.15rem; }
.license-journey p { margin: 0; color: var(--bk-muted); font-size: .88rem; line-height: 1.65; }
.legal-copy { max-width: 840px; }
.legal-copy h2 { margin: 50px 0 12px; font-size: 1.6rem; }
.legal-copy p { color: var(--bk-muted); font-size: 1rem; line-height: 1.8; }
.legal-updated { padding-bottom: 18px; border-bottom: 1px solid var(--bk-border); font-size: .82rem !important; font-weight: 700; }

@media (max-width: 1280px) {
  .hero-grid, .page-hero-grid { grid-template-columns: 1fr; gap: 48px; }
  .hero-copy, .page-hero-copy { max-width: 820px; }
  .page-hero-copy h1 { font-size: clamp(3.1rem, 5vw, 4.6rem); }
  .message-group { display: none !important; }
  .message-toolbar { grid-template-columns: .8fr 1.2fr; }
  .hero-copy h1 { font-size: clamp(3.2rem, 5vw, 4.6rem); }
  .capability-grid { grid-template-columns: repeat(2, 1fr); }
  .split-section { grid-template-columns: 1fr; }
  .split-section .section-heading { max-width: 820px; }
  .evidence-grid { grid-template-columns: repeat(2, 1fr); }
  .docs-layout > .container-site { grid-template-columns: 220px minmax(0, 1fr); gap: 44px; }
  .handoff-flow { flex-wrap: wrap; }
}

@media (max-width: 980px) {
  .header-inner { grid-template-columns: 1fr auto auto; gap: 14px; }
  .nav-toggle { display: block; grid-column: 2; }
  .site-nav { position: fixed; left: 24px; right: 24px; top: 86px; padding: 18px; display: none; flex-direction: column; align-items: stretch; gap: 6px; background: #fff; border: 1px solid var(--bk-border); border-radius: 14px; box-shadow: var(--bk-shadow); }
  .site-nav.open { display: flex; }
  .site-nav-link { padding: 11px 12px; }
  .site-nav-link::after { display: none; }
  .header-actions { grid-column: 3; }.header-actions .sign-in { display: none; }
  .hero { padding-top: 64px; }
  .hero-grid { grid-template-columns: 1fr; }
  .page-hero { padding-top: 64px; }
  .page-hero-grid { grid-template-columns: 1fr; }
  .page-hero-copy { max-width: 780px; }
  .hero-copy { max-width: 760px; }
  .hero-product { min-width: 0; }
  .trust-strip .container-site { grid-template-columns: repeat(2, 1fr); padding-block: 10px; }
  .trust-strip span:nth-child(2) { border-right: 0; }
  .trust-strip span { padding: 11px; }
  .workflow-grid { grid-template-columns: 1fr; }
  .workflow-grid article { min-height: 210px; }
  .feature-matrix, .feature-grid-three, .story-steps, .provider-grid, .pricing-grid, .portal-grid { grid-template-columns: 1fr; }
  .story-steps article, .price-card, .portal-grid article { min-height: 0; }
  .price-card > p, .portal-grid p { min-height: 0; }
  .pricing-slab { grid-template-columns: 1fr; }
  .checkout-layout { grid-template-columns: 1fr; }
  .checkout-summary { position: static; }
  .paid-claim-shell { grid-template-columns: 1fr; }
  .paid-claim-context { padding: 38px 42px; }
  .paid-claim-brand { margin-bottom: 34px; }
  .paid-claim-context h2 { max-width: 640px; }
  .paid-claim-context > p { max-width: 720px; }
  .paid-claim-context ul { grid-template-columns: repeat(3, 1fr); }
  .paid-claim-security-note { max-width: 720px; }
  .trial-layout { grid-template-columns: 1fr; gap: 44px; }
  .trial-explainer { max-width: 760px; }
  .trial-facts .container-site { grid-template-columns: 1fr 1fr; }
  .trial-facts article:nth-child(2) { border-right: 0; }
  .trial-facts article:nth-child(-n+2) { border-bottom: 1px solid var(--bk-border); }
  .support-grid { grid-template-columns: 1fr; }
  .purchase-steps, .evaluation-grid, .license-journey { grid-template-columns: 1fr 1fr; }
  .intent-intro-grid { grid-template-columns: 1fr; gap: 44px; }
  .related-guides { align-items: flex-start; flex-direction: column; gap: 12px; }
  .related-guides strong { margin-right: 0; }
  .procurement-panel { grid-template-columns: 54px minmax(0, 1fr); }
  .procurement-panel > .btn { grid-column: 2; justify-self: start; }
  .split-copy, .contact-grid { grid-template-columns: 1fr; gap: 48px; }
  .governance-grid, .security-principles, .auth-compare, .integration-detail-grid { grid-template-columns: 1fr; }
  .docs-layout > .container-site { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .docs-nav, .docs-content { min-width: 0; }
  .docs-nav { position: static; display: grid; grid-template-columns: repeat(3, 1fr); }
  .docs-nav strong { grid-column: 1 / -1; }
  .cta-band .container-site { align-items: flex-start; flex-direction: column; }
  .cta-band .container-site > div:last-child { justify-content: flex-start; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-grid > div:last-child { grid-column: auto; }
}

@media (max-width: 900px) {
  .console-topbar-actions .console-command, .console-topbar-actions .console-cluster, .console-topbar-actions > button { display: none; }
  .console-layout { min-height: 0; grid-template-columns: 1fr; }
  .console-sidebar { display: none; }
  .console-workspace { grid-template-columns: 1fr; }
  .console-search-panel { display: none; }
  .account-preview-layout { grid-template-columns: 1fr; }
  .account-preview-layout > aside { display: none; }
}

@media (max-width: 720px) {
  .container-site { width: min(calc(100% - 30px), var(--bk-container)); }
  .section-pad { padding: 72px 0; }
  .site-header { height: 70px; }
  .site-nav { top: 78px; max-height: calc(100vh - 94px); overflow-y: auto; }
  .site-logo { width: 142px; }
  .header-actions .btn { display: none; }
  .site-nav .mobile-nav-buy { margin-top: 7px; display: inline-flex; }
  .hero { padding-top: 50px; padding-bottom: 58px; }
  .page-hero { padding-top: 50px; padding-bottom: 58px; }
  .page-hero-compact { padding-top: 44px; padding-bottom: 48px; }
  .hero-grid { gap: 44px; }
  .page-hero-grid { gap: 42px; }
  .hero-copy h1 { font-size: clamp(2.75rem, 13vw, 4rem); }
  .page-hero-copy h1 { font-size: clamp(2.75rem, 13vw, 4rem); }
  .hero-copy > p { font-size: 1.05rem; }
  .page-hero-copy > p { font-size: 1.05rem; }
  .hero-actions { flex-direction: column; }.hero-actions .btn { width: 100%; }
  .console-topbar-actions > :not(.console-health) { display: none; }
  .console-layout { min-height: 0; grid-template-columns: 1fr; }
  .console-sidebar { display: none; }
  .console-main { padding: 10px; }
  .console-page-head p, .console-page-head .console-ghost { display: none; }
  .console-workspace { grid-template-columns: 1fr; }
  .console-search-panel { display: none; }
  .console-metrics { grid-template-columns: 1fr 1fr; }
  .console-chart-row { grid-template-columns: 1fr; }
  .console-partition-chart { display: none; }
  .console-record-toolbar { overflow-x: auto; }
  .console-record-row { grid-template-columns: 16px 38px minmax(100px, 1fr) auto; }
  .console-record-row > :nth-child(3), .console-record-row > :nth-child(4), .console-record-row > :nth-child(6) { display: none; }
  .console-record-detail { grid-template-columns: 1fr; }
  .console-record-detail > div:first-child { grid-template-columns: 44px 1fr; }
  .console-record-detail pre { max-height: 102px; }
  .install-command code { font-size: .7rem; }
  .trust-strip .container-site { grid-template-columns: 1fr; }
  .trust-strip span { justify-content: flex-start; border-right: 0; border-bottom: 1px solid var(--bk-border); }
  .trust-strip span:last-child { border-bottom: 0; }
  .capability-grid { grid-template-columns: 1fr; }
  .feature-card { min-height: 0; }
  .platform-capability-list article { grid-template-columns: 1fr; }
  .fleet-preview, .governance-preview, .integrations-preview, .flight-preview { width: 100%; max-width: 100%; overflow: hidden; }
  .fleet-preview > *, .governance-preview > *, .integrations-preview > *, .flight-preview > * { min-width: 0; }
  .fleet-kpis { grid-template-columns: 1fr 1fr; }
  .fleet-table { min-width: 620px; }
  .fleet-detail-grid, .integration-status-grid, .security-checklist { grid-template-columns: 1fr; }
  .governance-flow article { padding-left: 40px; grid-template-columns: 34px minmax(0, 1fr); }
  .governance-flow .flow-state { display: none; }
  .license-flow article { grid-template-columns: 1fr; text-align: center; }.license-flow article > i { transform: rotate(90deg); }
  .form-grid { grid-template-columns: 1fr; }
  .requirement-grid { grid-template-columns: 1fr; }
  .docs-nav { grid-template-columns: 1fr 1fr; }
  .docs-content h1 { font-size: 2.65rem; }
  .telemetry-foot { align-items: flex-start; flex-direction: column; }
  .handoff-flow { display: grid; grid-template-columns: 1fr; }.handoff-flow article { width: 100%; }.handoff-flow > i { justify-self: center; transform: rotate(90deg); }
  .account-summary-grid, .account-boundaries { grid-template-columns: 1fr; }
  .account-rollout .container-site { grid-template-columns: 44px minmax(0, 1fr); }
  .account-rollout a { grid-column: 2; justify-self: start; }
  .account-table-head { display: none; }
  .account-table-row { grid-template-columns: 1fr auto; }
  .account-table-row > span:nth-child(2), .account-table-row > span:nth-child(3), .account-table-row > span:nth-child(4) { display: none; }
  .account-boundaries article { min-height: 0; }
  .flight-head { padding-inline: 14px; grid-template-columns: 1fr 1fr; }
  .flight-head span:first-child { display: none; }
  .flight-head span:nth-child(2) { text-align: left; }
  .flight-map { min-height: 350px; padding: 12px 14px 18px; grid-template-columns: 1fr 1fr; gap: 10px; }
  .flight-lines, .flight-column.apps { display: none; }
  .flight-column article { min-width: 0; padding: 9px; gap: 7px; }
  .section-heading h2 { font-size: 2.5rem; }
  .pricing-plan, .pricing-estimator { padding: 30px 24px; }
  .checkout-intro { padding: 44px 0 32px; }
  .checkout-intro h1 { font-size: clamp(2.55rem, 12vw, 3.8rem); }
  .checkout-progress { grid-template-columns: 1fr 1fr; gap: 13px 20px; }
  .checkout-progress li::after { display: none; }
  .checkout-section { padding: 28px 0 70px; }
  .checkout-included-grid, .checkout-facts { grid-template-columns: 1fr; }
  .checkout-facts article { min-height: 0; }
  .checkout-payment-state > .container-site, .checkout-complete > .container-site { grid-template-columns: 50px minmax(0, 1fr); }
  .checkout-payment-state .btn { grid-column: 2; justify-self: start; }
  .paid-claim-section { padding: 48px 0; }
  .paid-claim-context, .paid-claim-workspace { padding: 30px 26px; }
  .paid-claim-context ul { grid-template-columns: 1fr; }
  .paid-claim-start > .btn, .paid-claim-reveal > .btn { width: 100%; justify-self: stretch; }
  .paid-claim-key dl { grid-template-columns: 1fr; }
  .start-choice-grid, .purchase-trust-grid { grid-template-columns: 1fr; }
  .start-choice-card { min-height: 0; padding: 26px; }
  .start-choice-card ul { grid-template-columns: 1fr; }
  .start-choice-card .btn { width: 100%; }
  .pricing-product-frame { margin-inline: -15px; border-radius: 0; }
  .trial-facts .container-site { grid-template-columns: 1fr; }
  .trial-facts article { justify-content: flex-start; border-right: 0; border-bottom: 1px solid var(--bk-border); }
  .trial-facts article:last-child { border-bottom: 0; }
  .trial-action-card { padding: 28px 22px; }
  .trial-key > div:first-child { align-items: flex-start; flex-direction: column; gap: 4px; }
  .support-topics { grid-template-columns: 1fr; }
  .pricing-plan ul { grid-template-columns: 1fr; }
  .pricing-amount { align-items: flex-start; flex-direction: column; gap: 12px; }
  .purchase-steps, .evaluation-grid, .license-journey, .intent-card-grid, .alternative-cards { grid-template-columns: 1fr; }
  .purchase-steps article, .evaluation-grid article, .license-journey article, .intent-card-grid article { min-height: 0; }
  .cluster-control { grid-template-columns: 1fr; }
  .cluster-stepper { justify-self: stretch; grid-template-columns: 48px minmax(68px, 1fr) 48px; }
  .cluster-control input[type="number"] { width: 100%; }
  .source-note-block { align-items: flex-start; flex-direction: column; }
  .comparison-table th, .comparison-table td { padding: 16px; }
  .procurement-panel { padding: 24px; grid-template-columns: 1fr; }
  .procurement-panel > .btn { grid-column: 1; width: 100%; }
  .cta-band .btn { width: 100%; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 36px 24px; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-grid > div:last-child { grid-column: auto; }
  .footer-bottom { align-items: flex-start; flex-direction: column; gap: 8px; }
}

@media (max-width: 520px) {
  .footer-grid { grid-template-columns: 1fr; }
  .footer-brand { grid-column: 1; }
  .checkout-card, .checkout-summary { padding: 23px 20px; }
  .checkout-card > header { grid-template-columns: 1fr; }
  .checkout-billing { grid-template-columns: 1fr; }
  .checkout-section-head { align-items: flex-start; }
  .checkout-summary address { margin: 20px -20px -23px; padding-inline: 20px; }
  .checkout-payment-state > .container-site, .checkout-complete > .container-site { grid-template-columns: 1fr; }
  .checkout-payment-state .btn { grid-column: 1; width: 100%; }
  .paid-claim-context, .paid-claim-workspace { padding: 25px 20px; }
  .paid-claim-brand { margin-bottom: 28px; }
  .paid-claim-workspace-head, .paid-claim-key > header { align-items: flex-start; flex-direction: column; }
  .paid-claim-start, .paid-claim-reveal { grid-template-columns: 1fr; }
  .paid-claim-start > .btn, .paid-claim-reveal > .btn { grid-column: 1; }
  .paid-claim-key-actions { grid-template-columns: 1fr; }
  .paid-claim-confirm { margin-inline: 13px; }
  [data-paid-claim-acknowledge] { width: calc(100% - 26px); margin-inline: 13px; }
  .account-preview-bar { align-items: flex-start; flex-direction: column; }
  .account-preview-main > header { align-items: flex-start; flex-direction: column; }
  .account-summary-primary > .badge-soft-success { position: static; margin-top: 8px; display: inline-block; }
  .account-summary-primary dl { grid-template-columns: 1fr; }
  .account-boundaries article { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

@media (forced-colors: active) {
  .demo-label > span, .status-live > span { border: 1px solid currentColor; }
}