/* UI3-LIVE-C1-B4 — Integrations + Technology composition authority */
.b4-page{--b4-paper:#f2efe7;--b4-ink:#10100f;--b4-muted:#66625a;--b4-line:rgba(16,16,15,.16);--b4-white:#fff;--b4-accent:#d8ff45;background:var(--b4-paper);color:var(--b4-ink)}
.b4-page main{overflow:hidden}.b4-rail{width:min(1320px,calc(100% - 88px));margin:0 auto}.b4-page h1,.b4-page h2,.b4-page p{margin-top:0}.b4-page h1{font-size:clamp(58px,6.2vw,96px);font-weight:430;letter-spacing:-.066em;line-height:.91;max-width:11.6ch;margin-bottom:30px}.b4-page h2{font-size:clamp(44px,4.4vw,70px);font-weight:430;letter-spacing:-.055em;line-height:.94;margin-bottom:26px}.b4-eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:720;margin:0 0 24px}.b4-lede,.b4-copy{font-size:clamp(18px,1.45vw,23px);line-height:1.48;letter-spacing:-.015em;max-width:680px;color:#383631}.b4-lede{margin-bottom:34px}.b4-text-link{display:inline-flex;align-items:center;gap:16px;color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding:0 0 8px;font-size:13px;font-weight:700;letter-spacing:.02em}.b4-text-link span{font-size:18px}.b4-int-hero,.b4-tech-hero{padding:112px 0 84px;min-height:720px;display:flex;align-items:center}.b4-int-hero__grid,.b4-tech-hero__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(460px,.92fr);gap:78px;align-items:center}.b4-boundary,.b4-product-boundary,.b4-answer,.b4-release,.b4-effect-flow{margin:0;border:1px solid var(--b4-line);background:rgba(255,255,255,.45)}
.b4-boundary figcaption,.b4-product-boundary figcaption,.b4-answer figcaption{padding:22px 24px;border-bottom:1px solid var(--b4-line);display:grid;gap:5px}.b4-boundary figcaption span,.b4-product-boundary figcaption span,.b4-answer figcaption span{text-transform:uppercase;letter-spacing:.11em;font-size:10px;font-weight:750}.b4-boundary figcaption strong,.b4-product-boundary figcaption strong,.b4-answer figcaption strong{font-size:18px;font-weight:520;letter-spacing:-.02em}.b4-boundary__track{padding:34px 22px;display:flex;align-items:center;gap:9px}.b4-boundary__track section{min-width:0;flex:1;min-height:118px;border:1px solid var(--b4-line);padding:14px 12px;display:flex;flex-direction:column}.b4-boundary__track section.is-core{background:var(--b4-ink);color:var(--b4-white)}.b4-boundary__track small{font-size:9px;opacity:.55}.b4-boundary__track span{text-transform:uppercase;letter-spacing:.09em;font-size:9px;margin-top:auto;margin-bottom:5px}.b4-boundary__track strong{font-size:12px;line-height:1.25}.b4-boundary__track i{font-style:normal;font-size:12px;opacity:.45}.b4-boundary footer{border-top:1px solid var(--b4-line);padding:17px 24px;font-size:12px;font-weight:650;letter-spacing:.02em}.b4-dark{background:var(--b4-ink);color:var(--b4-white)}.b4-dark .b4-copy{color:rgba(255,255,255,.68)}.b4-split{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:90px;align-items:center}.b4-split--reverse{grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr)}.b4-dark,.b4-systems,.b4-effects,.b4-invariant,.b4-models,.b4-consequence{padding:108px 0}.b4-four{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(255,255,255,.24);border-left:1px solid rgba(255,255,255,.24)}.b4-four article{min-height:190px;border-right:1px solid rgba(255,255,255,.24);border-bottom:1px solid rgba(255,255,255,.24);padding:24px;display:flex;flex-direction:column}.b4-four span,.b4-spine span,.b4-effect-flow span,.b4-release small{text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:750;opacity:.58}.b4-four strong{margin-top:auto;font-size:19px;line-height:1.12;letter-spacing:-.025em}.b4-four p{font-size:12px;color:rgba(255,255,255,.58);margin:10px 0 0;line-height:1.4}.b4-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);gap:90px;align-items:end;margin-bottom:62px}.b4-intro h2{margin-bottom:0}.b4-intro .b4-copy{margin:0}.b4-intro--dark .b4-copy{color:rgba(255,255,255,.68)}.b4-family-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--b4-line);border-left:1px solid var(--b4-line);margin-bottom:70px}.b4-family-grid span{min-height:74px;border-right:1px solid var(--b4-line);border-bottom:1px solid var(--b4-line);padding:18px;display:flex;align-items:flex-end;font-size:13px;font-weight:680}.b4-answer{display:grid;grid-template-columns:.78fr 1.22fr}.b4-answer figcaption{border-bottom:0;border-right:1px solid var(--b4-line);justify-content:end}.b4-answer>div{padding:26px}.b4-answer p{display:grid;gap:8px;padding-bottom:22px;border-bottom:1px solid var(--b4-line);margin-bottom:22px}.b4-answer small{text-transform:uppercase;letter-spacing:.09em;font-size:9px;font-weight:700;color:var(--b4-muted)}.b4-answer p strong{font-size:20px;line-height:1.25}.b4-answer blockquote{margin:0 0 20px;padding:0;display:grid;gap:7px}.b4-answer blockquote strong{font-size:23px;line-height:1.15}.b4-answer blockquote span{font-size:13px;line-height:1.45;color:var(--b4-muted)}.b4-answer ol{list-style:none;padding:0;margin:0;border-top:1px solid var(--b4-line)}.b4-answer li{display:flex;gap:16px;padding:13px 0;border-bottom:1px solid var(--b4-line)}.b4-answer li b{width:24px;height:24px;border:1px solid var(--b4-line);display:grid;place-items:center;font-size:10px}.b4-answer li span{display:grid;gap:2px;font-size:12px;font-weight:650}.b4-answer li.is-conflict{opacity:.6}.b4-effects{background:#e5e0d5}.b4-effect-flow{padding:26px}.b4-effect-flow div{padding:17px 20px;border:1px solid var(--b4-line);display:grid;gap:5px}.b4-effect-flow div.is-settle{background:var(--b4-ink);color:#fff}.b4-effect-flow strong{font-size:15px;line-height:1.35}.b4-effect-flow i{display:block;font-style:normal;text-align:center;line-height:28px;opacity:.45}.b4-note{border-left:2px solid var(--b4-ink);padding:3px 0 3px 18px;font-size:13px;line-height:1.5;margin-top:34px;max-width:580px}.b4-close{padding:98px 0}.b4-close>.b4-rail{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:100px}.b4-close h2{font-size:clamp(42px,4vw,62px)}.b4-close>div>div>p:last-child{color:rgba(255,255,255,.64);font-size:17px;line-height:1.5;max-width:620px}.b4-close nav{border-top:1px solid rgba(255,255,255,.25)}.b4-close nav a{display:grid;grid-template-columns:120px 1fr 20px;gap:20px;align-items:center;color:inherit;text-decoration:none;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.25)}.b4-close nav a span{text-transform:uppercase;font-size:9px;letter-spacing:.1em;opacity:.58}.b4-close nav a strong{font-size:14px;font-weight:550}.b4-close nav a i{font-style:normal;font-size:18px}
/* Technology */
.b4-product-boundary__stack section{display:grid;grid-template-columns:145px 1fr;column-gap:22px;align-items:center;padding:17px 22px;border-bottom:1px solid var(--b4-line);min-height:76px}.b4-product-boundary__stack section:last-child{border-bottom:0;background:rgba(16,16,15,.035)}.b4-product-boundary__stack span{text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:750;grid-row:1/3}.b4-product-boundary__stack strong{font-size:15px}.b4-product-boundary__stack small{font-size:11px;color:var(--b4-muted);margin-top:3px}.b4-invariant{background:#fff}.b4-spine{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--b4-line);border-left:1px solid var(--b4-line)}.b4-spine article{border-right:1px solid var(--b4-line);border-bottom:1px solid var(--b4-line);min-height:230px;padding:22px;display:flex;flex-direction:column}.b4-spine strong{margin-top:auto;font-size:24px;letter-spacing:-.03em}.b4-spine p{font-size:13px;line-height:1.45;color:var(--b4-muted);margin:11px 0 0}.b4-models{padding-bottom:116px}.b4-matrix-wrap{overflow-x:auto;border-top:1px solid rgba(255,255,255,.25);border-left:1px solid rgba(255,255,255,.25)}.b4-matrix{border-collapse:collapse;width:100%;min-width:980px;table-layout:fixed;font-size:11px}.b4-matrix th,.b4-matrix td{border-right:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);padding:15px 16px;text-align:left;vertical-align:top;line-height:1.38}.b4-matrix thead th{height:102px;vertical-align:bottom}.b4-matrix thead th:first-child{width:20%}.b4-matrix thead span{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:9px;opacity:.55;margin-bottom:7px}.b4-matrix thead strong{font-size:13px}.b4-matrix tbody th{font-size:11px;font-weight:700}.b4-matrix tbody td{color:rgba(255,255,255,.68)}.b4-model-law{margin:24px 0 0;font-size:13px;line-height:1.5;color:rgba(255,255,255,.65)}.b4-model-law strong{color:#fff}.b4-consequence{background:var(--b4-paper)}.b4-release{background:#fff}.b4-release header{height:60px;background:#151515;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.b4-release header span{text-transform:uppercase;letter-spacing:.08em;font-size:9px}.b4-release header strong{font-size:12px}.b4-release__body{padding:12px 20px 20px}.b4-release__body section{display:grid;grid-template-columns:125px 1fr;gap:5px 18px;padding:18px 0;border-bottom:1px solid var(--b4-line)}.b4-release__body section:last-child{border-bottom:0}.b4-release__body small{grid-row:1/3}.b4-release__body strong{font-size:14px}.b4-release__body span{font-size:11px;color:var(--b4-muted)}.b4-release__body .is-authority{border-left:3px solid #111;padding-left:16px}.b4-release__body .is-observed{background:#f0f3e8;margin:0 -8px;padding-left:8px;padding-right:8px}
@media(max-width:1100px){.b4-rail{width:min(100% - 56px,1120px)}.b4-page h1{font-size:clamp(52px,7vw,74px)}.b4-int-hero__grid,.b4-tech-hero__grid{grid-template-columns:1fr 1fr;gap:42px}.b4-split,.b4-split--reverse{gap:50px}.b4-family-grid{grid-template-columns:repeat(4,1fr)}.b4-close>.b4-rail{gap:60px}}
@media(max-width:820px){.b4-rail{width:calc(100% - 40px)}.b4-int-hero,.b4-tech-hero{padding:74px 0 58px;min-height:0}.b4-int-hero__grid,.b4-tech-hero__grid,.b4-split,.b4-split--reverse,.b4-intro,.b4-close>.b4-rail{grid-template-columns:1fr}.b4-int-hero__grid,.b4-tech-hero__grid{gap:38px}.b4-page h1{font-size:clamp(44px,9vw,64px);max-width:13ch}.b4-page h2{font-size:clamp(38px,7vw,52px)}.b4-dark,.b4-systems,.b4-effects,.b4-invariant,.b4-models,.b4-consequence{padding:78px 0}.b4-intro{gap:24px;margin-bottom:42px}.b4-family-grid{grid-template-columns:repeat(3,1fr)}.b4-answer{grid-template-columns:1fr}.b4-answer figcaption{border-right:0;border-bottom:1px solid var(--b4-line);justify-content:start}.b4-spine{grid-template-columns:repeat(2,1fr)}.b4-close nav a{grid-template-columns:100px 1fr 18px}.b4-split--reverse .b4-effect-flow{order:2}}
/* Mobile is deliberately authored rather than stacking the desktop diagram in full. */
@media(max-width:760px){.b4-int-hero,.b4-tech-hero{padding-bottom:46px}.b4-int-hero__grid,.b4-tech-hero__grid{gap:30px}.b4-page h1{font-size:clamp(38px,10.2vw,44px);line-height:.95;max-width:none}.b4-lede,.b4-copy{font-size:17px}.b4-int-hero .b4-boundary__track{display:none}.b4-int-hero .b4-boundary figcaption{padding:15px 18px}.b4-int-hero .b4-boundary footer{padding:13px 18px}.b4-tech-hero .b4-product-boundary figcaption{padding:14px 16px}.b4-tech-hero .b4-product-boundary__stack section{padding:11px 16px;grid-template-columns:92px 1fr;gap:12px;min-height:58px}.b4-tech-hero .b4-product-boundary__stack section small{display:none}.b4-tech-hero .b4-product-boundary__stack section strong{font-size:13px;line-height:1.28}.b4-four{grid-template-columns:1fr}.b4-four article{min-height:135px}.b4-family-grid{grid-template-columns:repeat(2,1fr)}.b4-family-grid span{min-height:62px;padding:14px}.b4-answer>div{padding:20px}.b4-spine{grid-template-columns:1fr}.b4-spine article{min-height:145px}.b4-close{padding:72px 0}.b4-close nav a{grid-template-columns:88px 1fr 14px;gap:12px}.b4-release__body section{grid-template-columns:94px 1fr}.b4-model-law{font-size:12px}}
@media(max-width:390px){.b4-page h1{font-size:38px}.b4-rail{width:calc(100% - 32px)}.b4-family-grid span{font-size:12px}.b4-close nav a strong{font-size:12px}}