:root {
    --mlb-blue: #265ca9;
    --mlb-blue-bright: #2f70b8;
    --mlb-deep: #174c91;
    --mlb-ink: #173f6d;
    --mlb-copy: #526b83;
    --mlb-green: #7ebb42;
    --mlb-pale: #f3f8fc;
    --mlb-line: #d7e4ef;
}

.wwk-mlb-body, .wwk-mlb-page { margin: 0; color: #263f59; background: #fff; font-family: Poppins, Arial, sans-serif; }
.wwk-mlb-page *, .wwk-mlb-page *::before, .wwk-mlb-page *::after { box-sizing: border-box; }
.wwk-mlb-shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.wwk-mlb-page [hidden] { display: none; }
.wwk-mlb-hero { display: flex; align-items: center; color: #fff; }
.wwk-mlb-hero-copy { width: min(600px, 56%); padding: 70px 0; }
.wwk-mlb-hero p { margin: 20px 0 27px; color: rgb(255 255 255 / 90%); font-size: 16px; line-height: 1.72; }
.wwk-mlb-hero a { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 22px; border: 0; border-radius: 5px; background: #4b96d1; color: #fff; font-size: 12px; font-weight: 700; line-height: 1.35; text-align: center; text-decoration: none; }
.wwk-mlb-story-copy a, .wwk-mlb-offer-grid footer > a, .wwk-mlb-contact > a { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 22px; border: 0; border-radius: 3px; background: var(--mlb-green); color: #fff; font-size: 12px; font-weight: 700; line-height: 1.35; text-align: center; text-decoration: none; }

.wwk-mlb-tabs { min-height: 58px; background: #205d9f; color: #fff; }
.wwk-mlb-tabs .wwk-mlb-shell { display: grid; min-height: 58px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.wwk-mlb-tabs button { position: relative; min-width: 0; min-height: 58px; padding: 10px 18px; border: 0; border-right: 1px solid rgb(255 255 255 / 16%); background: transparent; color: rgb(255 255 255 / 84%); font: 600 12px/1.4 Poppins, Arial, sans-serif; cursor: pointer; }
.wwk-mlb-tabs button:last-child { border-right: 0; }
.wwk-mlb-tabs button[aria-selected="true"] { background: rgb(9 48 91 / 18%); color: #fff; }
.wwk-mlb-tabs button[aria-selected="true"]::after { content: ""; position: absolute; right: 16%; bottom: 0; left: 16%; height: 4px; background: var(--mlb-green); }
.wwk-mlb-tabs button:focus-visible { outline: 2px solid #fff; outline-offset: -5px; }

.wwk-mlb-panel { padding-top: 72px; background: #fff; }
.wwk-mlb-story { display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(360px, .96fr); align-items: center; gap: 58px; margin-bottom: 64px; }
.wwk-mlb-panel[data-mlb-panel="separate-database"] .wwk-mlb-topology, .wwk-mlb-panel[data-mlb-panel="cloud"] .wwk-mlb-topology { grid-column: 2; }
.wwk-mlb-panel[data-mlb-panel="separate-database"] .wwk-mlb-story-copy, .wwk-mlb-panel[data-mlb-panel="cloud"] .wwk-mlb-story-copy { grid-row: 1; grid-column: 1; }
.wwk-mlb-story h2, .wwk-mlb-intro h2, .wwk-mlb-feature-heading h2, .wwk-mlb-guidance-intro h2 { margin: 0; color: var(--mlb-ink); font-size: clamp(28px, 2.6vw, 34px); font-weight: 600; line-height: 1.24; letter-spacing: -.025em; }
.wwk-mlb-story-copy p { margin: 16px 0 0; color: var(--mlb-copy); font-size: 14px; line-height: 1.78; }
.wwk-mlb-story-copy a { margin-top: 24px; background: var(--mlb-blue); }

.wwk-mlb-topology { min-width: 0; padding: 18px; border: 1px solid #c9ddeb; border-radius: 6px; background-color: #f8fbfe; background-image: linear-gradient(rgb(38 92 169 / 4%) 1px, transparent 1px), linear-gradient(90deg, rgb(38 92 169 / 4%) 1px, transparent 1px), linear-gradient(145deg, rgb(255 255 255 / 94%), rgb(232 243 251 / 88%)); background-size: 22px 22px, 22px 22px, 100% 100%; box-shadow: 0 16px 34px rgb(22 67 111 / 10%); }
.wwk-mlb-topology svg { display: block; width: 100%; height: auto; font-family: Poppins, Arial, sans-serif; }
.wwk-mlb-topology svg path, .wwk-mlb-topology svg rect, .wwk-mlb-topology svg circle, .wwk-mlb-topology svg ellipse { vector-effect: non-scaling-stroke; }
.wwk-mlb-topology marker path { fill: var(--mlb-blue); }
.wwk-mlb-topology .diagram-kicker { fill: #66829b; font-size: 11px; font-weight: 700; letter-spacing: 1.3px; }
.wwk-mlb-topology .diagram-link { fill: none; stroke: #9bbbd4; stroke-width: 2.4; }
.wwk-mlb-topology .diagram-link--active { stroke: var(--mlb-blue); stroke-width: 2.8; }
.wwk-mlb-topology .diagram-link--private { stroke: #376f9f; stroke-width: 2.8; }
.wwk-mlb-topology .diagram-link--standby { stroke: var(--mlb-green); stroke-dasharray: 7 5; }
.wwk-mlb-topology .diagram-link--heartbeat { stroke: #5d86aa; stroke-dasharray: 5 5; }
.wwk-mlb-topology .diagram-link--replication { stroke: var(--mlb-green); stroke-dasharray: 8 5; }
.wwk-mlb-topology .diagram-status { fill: #56728b; font-size: 10px; font-weight: 600; text-anchor: middle; }
.wwk-mlb-topology .diagram-clients rect, .wwk-mlb-topology .diagram-node rect, .wwk-mlb-topology .diagram-server-pool rect { fill: #fff; stroke: #4e8fc7; stroke-width: 1.7; }
.wwk-mlb-topology .diagram-clients path, .wwk-mlb-topology .diagram-node path, .wwk-mlb-topology .diagram-server-pool path { fill: none; stroke: #86a9c5; stroke-width: 1.5; }
.wwk-mlb-topology .diagram-clients circle, .wwk-mlb-topology .diagram-node circle, .wwk-mlb-topology .diagram-server-pool circle { fill: var(--mlb-green); }
.wwk-mlb-topology .diagram-clients text, .wwk-mlb-topology .diagram-server-pool text, .wwk-mlb-topology .diagram-node text, .wwk-mlb-topology .diagram-database text { fill: #294f73; font-size: 10px; font-weight: 600; text-anchor: middle; }
.wwk-mlb-topology .diagram-cloud path { fill: #fff; stroke: var(--mlb-blue); stroke-width: 2.4; }
.wwk-mlb-topology .diagram-cloud text { fill: var(--mlb-deep); font-size: 14px; font-weight: 700; text-anchor: middle; }
.wwk-mlb-topology .diagram-appliance > rect { fill: var(--mlb-deep); stroke: #0f3f79; stroke-width: 1.5; }
.wwk-mlb-topology .diagram-appliance .diagram-appliance-screen { fill: #2f78b7; stroke: #73abd5; }
.wwk-mlb-topology .diagram-appliance path { fill: none; stroke: #9ec6e5; stroke-width: 1.4; }
.wwk-mlb-topology .diagram-appliance circle { fill: #fff; }
.wwk-mlb-topology .diagram-appliance circle:last-child { fill: var(--mlb-green); }
.wwk-mlb-topology .diagram-appliance text { fill: #204d76; font-size: 11px; font-weight: 700; text-anchor: middle; }
.wwk-mlb-topology .diagram-user-group circle { fill: #dcecf8; stroke: var(--mlb-blue); stroke-width: 2; }
.wwk-mlb-topology .diagram-user-group path { fill: #fff; stroke: var(--mlb-blue); stroke-width: 2; }
.wwk-mlb-topology .diagram-user-group text { fill: #294f73; font-size: 10px; font-weight: 700; text-anchor: middle; }
.wwk-mlb-topology .diagram-zone > rect, .wwk-mlb-topology .diagram-cloud-zone > rect { fill: rgb(255 255 255 / 82%); stroke: #a8c6dc; stroke-width: 1.7; stroke-dasharray: 6 4; }
.wwk-mlb-topology .diagram-zone--private > rect, .wwk-mlb-topology .diagram-cloud-zone--private > rect { fill: rgb(231 242 250 / 92%); stroke: #5287b4; }
.wwk-mlb-topology .diagram-zone--active > rect { stroke: var(--mlb-blue); stroke-dasharray: none; }
.wwk-mlb-topology .diagram-zone--standby > rect { stroke: #7aa84b; stroke-dasharray: 7 4; }
.wwk-mlb-topology .diagram-zone-title { fill: #365d7e; font-size: 10px; font-weight: 800; letter-spacing: .65px; text-anchor: middle; }
.wwk-mlb-topology .diagram-private-link rect { fill: var(--mlb-deep); stroke: #0f3f79; }
.wwk-mlb-topology .diagram-private-link path { fill: none; stroke: #fff; stroke-width: 2; }
.wwk-mlb-topology .diagram-private-link text { fill: #355c7d; font-size: 8px; font-weight: 700; text-anchor: middle; }
.wwk-mlb-topology .diagram-database ellipse, .wwk-mlb-topology .diagram-database path { fill: #fff; stroke: #5287b4; stroke-width: 1.8; }
.wwk-mlb-topology .diagram-database circle { fill: var(--mlb-green); }
.wwk-mlb-topology .diagram-monitor rect { fill: #fff; stroke: var(--mlb-blue); stroke-width: 2; }
.wwk-mlb-topology .diagram-monitor path { fill: none; stroke: var(--mlb-green); stroke-width: 2.3; }
.wwk-mlb-topology .diagram-monitor text { fill: #31597d; font-size: 10px; font-weight: 700; text-anchor: middle; }
.wwk-mlb-topology .diagram-node--primary rect { stroke: var(--mlb-blue); stroke-width: 2; }
.wwk-mlb-topology .diagram-node--standby rect { stroke: #7aa84b; stroke-width: 2; }
.wwk-mlb-topology .diagram-heartbeat-label { fill: #fff; stroke: #6f99bb; }
.wwk-mlb-topology .diagram-heartbeat-text, .wwk-mlb-topology .diagram-replication-text { fill: #416787; font-size: 9px; font-weight: 700; text-anchor: middle; }
.wwk-mlb-topology .diagram-gateway > path:first-child { fill: #1f5c9e; stroke: #174c91; stroke-width: 1.8; }
.wwk-mlb-topology .diagram-gateway > path:nth-child(2) { fill: none; stroke: #fff; stroke-width: 3; }
.wwk-mlb-topology .diagram-gateway text { fill: #294f73; font-size: 9px; font-weight: 700; text-anchor: middle; }
.wwk-mlb-topology .diagram-control-plane rect { fill: #174c91; stroke: #0f3f79; stroke-width: 1.5; }
.wwk-mlb-topology .diagram-control-plane circle { fill: #2c78b8; stroke: #9bc4e3; }
.wwk-mlb-topology .diagram-control-plane path { fill: none; stroke: #d7ebf8; stroke-width: 1.6; }
.wwk-mlb-topology .diagram-control-plane text { fill: #294f73; font-size: 9px; font-weight: 700; text-anchor: middle; }
.wwk-mlb-topology .diagram-cloud-workload rect { fill: #fff; stroke: #4e8fc7; stroke-width: 1.7; }
.wwk-mlb-topology .diagram-cloud-workload text { fill: #245681; font-size: 11px; font-weight: 800; text-anchor: middle; }

.wwk-mlb-offer-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; margin-bottom: 72px; }
.wwk-mlb-offer-grid article { display: flex; min-width: 0; flex-direction: column; padding: 32px; border: 1px solid var(--mlb-line); border-top: 4px solid var(--mlb-blue); background: #fff; box-shadow: 0 15px 38px rgb(22 67 111 / 9%); }
.wwk-mlb-offer-grid header { display: flex; align-items: center; gap: 17px; min-height: 66px; }
.wwk-mlb-offer-mark { display: grid; width: 58px; height: 58px; flex: 0 0 58px; place-items: center; border: 1px solid #b9d4e8; background: var(--mlb-pale); }
.wwk-mlb-offer-mark svg { width: 34px; height: 34px; fill: none; stroke: var(--mlb-blue-bright); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
.wwk-mlb-offer-grid h3 { margin: 0; color: var(--mlb-ink); font-size: 19px; font-weight: 600; line-height: 1.35; }
.wwk-mlb-offer-grid header p { margin: 5px 0 0; color: #6a8094; font-size: 12px; }
.wwk-mlb-specs { margin: 26px 0 0; border-top: 1px solid var(--mlb-line); }
.wwk-mlb-specs div { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 16px; padding: 12px 0; border-bottom: 1px dotted #c6d5e1; }
.wwk-mlb-specs dt { color: #315e87; font-size: 11px; font-weight: 700; }
.wwk-mlb-specs dd { margin: 0; color: var(--mlb-copy); font-size: 11px; line-height: 1.55; }
.wwk-mlb-offer-grid ul { flex: 1; margin: 20px 0 28px; padding: 0; color: var(--mlb-copy); font-size: 11px; line-height: 1.6; list-style: none; }
.wwk-mlb-offer-grid li { position: relative; padding: 7px 0 7px 22px; border-bottom: 1px dotted #cedbe5; }
.wwk-mlb-offer-grid li::before, .wwk-mlb-feature-band li::before { content: ""; position: absolute; top: 13px; left: 2px; width: 7px; height: 7px; border-radius: 50%; background: var(--mlb-green); }
.wwk-mlb-offer-grid footer { display: flex; align-items: end; justify-content: space-between; gap: 20px; padding-top: 4px; }
.wwk-mlb-offer-grid footer > a { min-width: 156px; }
.wwk-mlb-offer-grid footer > div { text-align: right; }
.wwk-mlb-offer-grid footer small, .wwk-mlb-offer-grid footer em { display: block; color: #708598; font-size: 9px; font-style: normal; line-height: 1.5; }
.wwk-mlb-offer-grid footer strong { display: block; margin: 2px 0; color: var(--mlb-blue); font-size: 29px; line-height: 1.15; }
.wwk-mlb-offer-grid footer strong span { font-size: 13px; }

.wwk-mlb-cloud-guidance { margin: 0 0 72px; }
.wwk-mlb-guidance-intro { max-width: 760px; margin: 0 auto 34px; text-align: center; }
.wwk-mlb-guidance-intro p { margin: 13px 0 0; color: var(--mlb-copy); font-size: 13px; line-height: 1.7; }
.wwk-mlb-guidance-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--mlb-line); border-bottom: 1px solid var(--mlb-line); }
.wwk-mlb-guidance-grid article { padding: 34px 30px; border-right: 1px solid var(--mlb-line); text-align: center; }
.wwk-mlb-guidance-grid article:last-child { border-right: 0; }
.wwk-mlb-guidance-grid span { display: inline-grid; width: 58px; height: 58px; place-items: center; }
.wwk-mlb-guidance-grid svg { width: 48px; height: 48px; fill: none; stroke: var(--mlb-blue-bright); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
.wwk-mlb-guidance-grid h3 { margin: 14px 0 8px; color: var(--mlb-ink); font-size: 18px; font-weight: 600; }
.wwk-mlb-guidance-grid p { margin: 0; color: var(--mlb-copy); font-size: 12px; line-height: 1.7; }

.wwk-mlb-feature-band { padding: 56px 0 60px; color: #fff; background: #1d5b9e; }
.wwk-mlb-feature-heading { max-width: 820px; margin: 0 auto; text-align: center; }
.wwk-mlb-feature-heading h2 { color: #fff; font-size: 29px; }
.wwk-mlb-feature-heading p { margin: 13px 0 0; color: rgb(255 255 255 / 80%); font-size: 12px; line-height: 1.7; }
.wwk-mlb-feature-band ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 34px; margin: 32px 0 0; padding: 0; list-style: none; }
.wwk-mlb-feature-band li { position: relative; padding: 12px 6px 12px 27px; border-bottom: 1px dotted rgb(255 255 255 / 28%); color: rgb(255 255 255 / 90%); font-size: 11px; line-height: 1.55; }
.wwk-mlb-feature-band li::before { top: 17px; left: 1px; box-shadow: 0 0 0 5px rgb(126 187 66 / 16%); }

.wwk-mlb-intro { padding: 64px 0 68px; background: #fff; }
.wwk-mlb-intro .wwk-mlb-shell { max-width: 940px; }
.wwk-mlb-intro h2 { text-align: center; }
.wwk-mlb-intro p { margin: 17px 0 0; color: var(--mlb-copy); font-size: 14px; line-height: 1.82; }
.wwk-mlb-contact { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 46px; padding: 30px 34px; border-left: 4px solid var(--mlb-blue); background: #e4f1fb; }
.wwk-mlb-contact h3 { margin: 0; color: var(--mlb-ink); font-size: 20px; font-weight: 600; }
.wwk-mlb-contact p { margin: 7px 0 0; color: var(--mlb-copy); font-size: 11px; line-height: 1.65; }
.wwk-mlb-contact > a { min-width: 150px; background: var(--mlb-blue); }

@media (max-width: 1000px) {
    .wwk-mlb-story { grid-template-columns: 1fr; gap: 34px; }
    .wwk-mlb-panel[data-mlb-panel] .wwk-mlb-topology, .wwk-mlb-panel[data-mlb-panel] .wwk-mlb-story-copy { grid-row: auto; grid-column: auto; }
    .wwk-mlb-topology { width: min(100%, 660px); margin-inline: auto; }
    .wwk-mlb-story-copy { max-width: 760px; margin-inline: auto; }
}

@media (max-width: 767px) {
    .wwk-mlb-page .wwk-inner-top-shell.wwk-shared-hero-visual { min-height: 546.90625px; background-position: center, center; background-size: auto, cover; }
    .wwk-mlb-page .wwk-inner-top-shell.wwk-shared-hero-visual > .wwk-mlb-hero { display: block; min-height: 450.90625px; }
    .wwk-mlb-hero > .wwk-mlb-shell { width: calc(100% - 30px); min-height: 450.90625px; padding: 44px 0 190px; }
    .wwk-mlb-hero-copy { width: auto; max-width: 345px; padding: 0; text-align: left; }
    .wwk-mlb-hero h1 { min-height: 76.16px; margin: 0 0 12px; font-family: Arial, Helvetica, sans-serif; font-size: 34px; font-weight: 600; line-height: 1.12; text-align: left; }
    .wwk-mlb-hero p { max-width: 325px; margin: 0; color: #edf5fb; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 400; line-height: 1.55; text-align: left; }
    .wwk-mlb-hero a { display: inline-flex; height: 42px; min-height: 0; align-items: center; justify-content: normal; gap: 8px; margin-top: 17px; padding: 10px; border: 1px solid #fff; border-radius: 0; background: transparent; color: #fff; font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 700; line-height: normal; text-decoration: none; }
    .wwk-mlb-tabs { min-height: 0; overflow: visible; }
    .wwk-mlb-tabs .wwk-mlb-shell { display: grid; width: min(calc(100% - 30px), 620px); min-width: 0; min-height: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .wwk-mlb-tabs button { min-width: 0; min-height: 66px; padding: 10px 12px; border-bottom: 1px solid rgb(255 255 255 / 16%); font-size: 11px; }
    .wwk-mlb-panel { padding-top: 44px; }
    .wwk-mlb-story { gap: 30px; margin-bottom: 44px; }
    .wwk-mlb-story h2, .wwk-mlb-intro h2, .wwk-mlb-guidance-intro h2 { font-size: 27px; }
    .wwk-mlb-story-copy p, .wwk-mlb-intro p { font-size: 13px; line-height: 1.75; }
    .wwk-mlb-topology { padding: 10px; background-size: 18px 18px, 18px 18px, 100% 100%; }
    .wwk-mlb-topology svg { display: block; width: 100%; height: auto; }
    .wwk-mlb-offer-grid { grid-template-columns: 1fr; gap: 22px; margin-bottom: 50px; }
    .wwk-mlb-offer-grid article { padding: 24px 22px; }
    .wwk-mlb-offer-grid header { align-items: flex-start; }
    .wwk-mlb-offer-mark { width: 52px; height: 52px; flex-basis: 52px; }
    .wwk-mlb-specs div { grid-template-columns: 72px minmax(0, 1fr); gap: 12px; }
    .wwk-mlb-offer-grid footer { align-items: stretch; flex-direction: column-reverse; }
    .wwk-mlb-offer-grid footer > a { width: 100%; }
    .wwk-mlb-offer-grid footer > div { text-align: left; }
    .wwk-mlb-cloud-guidance { margin: 0 0 50px; }
    .wwk-mlb-guidance-intro { text-align: left; }
    .wwk-mlb-guidance-grid { grid-template-columns: 1fr; }
    .wwk-mlb-guidance-grid article { padding: 27px 12px; border-right: 0; border-bottom: 1px solid var(--mlb-line); text-align: left; }
    .wwk-mlb-guidance-grid article:last-child { border-bottom: 0; }
    .wwk-mlb-feature-band { padding: 45px 0 48px; }
    .wwk-mlb-feature-heading { text-align: left; }
    .wwk-mlb-feature-heading h2 { font-size: 26px; }
    .wwk-mlb-feature-band ul { grid-template-columns: 1fr; margin-top: 24px; }
    .wwk-mlb-feature-band li { font-size: 12px; }
    .wwk-mlb-intro { padding: 48px 0 52px; }
    .wwk-mlb-intro h2 { text-align: left; }
    .wwk-mlb-contact { align-items: flex-start; flex-direction: column; padding: 25px 23px; }
    .wwk-mlb-contact > a { width: 100%; }
}