/* Byond Boundrys AI capability area — compact, premium and shared across /ai/. */
:root {
  --ai-ink: #0b2b4a;
  --ai-ink-2: #153d60;
  --ai-text: #506a80;
  --ai-muted: #7d8f9e;
  --ai-line: #e5e8eb;
  --ai-cream: #fffaf4;
  --ai-orange: #f97316;
  --ai-violet: #7c3aed;
  --ai-green: #0f9f79;
  --ai-max: 1400px;
}
.bb-ai-page { background: #fff; color: var(--ai-ink); overflow: clip; }
.bb-ai-shell { width: min(calc(100% - 32px), var(--ai-max)); margin: 0 auto; }
.bb-ai-hero { position: relative; background: linear-gradient(116deg, #fffaf4 0%, #fff 56%, #f8f5ff 100%); border-bottom: 1px solid var(--ai-line); }
.bb-ai-hero::before { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .5; background-image: radial-gradient(rgba(124,58,237,.14) 1px, transparent 1px); background-size: 22px 22px; mask-image: linear-gradient(120deg, #000 0%, transparent 54%); }
.bb-ai-hero .bb-ai-shell { position: relative; z-index: 1; }
.bb-ai-breadcrumb { display: flex; align-items: center; gap: .5rem; padding: .9rem 0 .65rem; color: var(--ai-muted); font-size: .72rem; }
.bb-ai-breadcrumb a { color: var(--ai-text); text-decoration: none; }
.bb-ai-breadcrumb a:hover { color: var(--ai-orange); }
.bb-ai-hero-grid { display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(430px, .92fr); align-items: center; gap: clamp(1.8rem, 3.4vw, 3.8rem); min-height: 348px; padding: .35rem 0 1.35rem; }
.bb-ai-hero-copy { max-width: 780px; }
.bb-ai-eyebrow { display: flex; align-items: center; gap: .55rem; margin: 0 0 1rem; color: var(--ai-orange); font: 600 .68rem/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .16em; text-transform: uppercase; }
.bb-ai-eyebrow > span { width: 28px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, var(--ai-orange), var(--ai-violet)); }
.bb-ai-hero h1 { max-width: 780px; margin: 0; color: var(--ai-ink); font: 700 clamp(2.15rem, 3.55vw, 3.8rem)/1 'Space Grotesk', sans-serif; letter-spacing: -.06em; }
.bb-ai-detail-hero h1 { max-width: 760px; }
.bb-ai-hero-focus { max-width: 700px; margin: .72rem 0 0; color: var(--ai-orange); font: 700 clamp(.94rem, 1.22vw, 1.12rem)/1.3 'Space Grotesk', sans-serif; letter-spacing: -.02em; }
.bb-ai-lead { max-width: 720px; margin: .72rem 0 0; color: var(--ai-text); font-size: clamp(.88rem, 1.1vw, 1rem); line-height: 1.5; }
.bb-ai-actions { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1.1rem; }
.bb-ai-button { display: inline-flex; align-items: center; justify-content: center; gap: .55rem; min-height: 44px; padding: .72rem 1rem; border-radius: .62rem; font: 700 .8rem/1 'Space Grotesk', sans-serif; text-decoration: none; transition: transform .16s ease, box-shadow .16s ease, background .16s ease; }
.bb-ai-button:hover { transform: translateY(-2px); }
.bb-ai-button-primary { background: var(--ai-orange); color: #fff; box-shadow: 0 10px 22px rgba(249,115,22,.2); }
.bb-ai-button-primary:hover { background: #e85d08; box-shadow: 0 14px 26px rgba(249,115,22,.28); }
.bb-ai-button-secondary { border: 1px solid #d7dfe6; background: rgba(255,255,255,.7); color: var(--ai-ink); }
.bb-ai-button-secondary:hover { border-color: var(--ai-violet); background: #fff; }
.bb-ai-button-light { border: 1px solid rgba(255,255,255,.32); background: #fff; color: var(--ai-ink); }
.bb-ai-proof-row { display: flex; flex-wrap: wrap; gap: .35rem .75rem; margin-top: .75rem; padding-top: .6rem; border-top: 1px solid rgba(11,43,74,.12); }
.bb-ai-proof-row span { display: inline-flex; align-items: center; gap: .3rem; color: var(--ai-text); font-size: .74rem; font-weight: 600; }
.bb-ai-proof-row i { color: var(--ai-green); font-size: 1rem; }
.bb-ai-hero-visual { position: relative; width: 100%; max-width: 620px; justify-self: end; perspective: 1000px; }
.bb-ai-visual-image { position: relative; height: clamp(220px, 22vw, 285px); overflow: hidden; border: 7px solid rgba(255,255,255,.9); border-radius: 1.15rem; background: #e8edf2; box-shadow: 0 20px 44px rgba(11,43,74,.14); transition: transform .24s ease, box-shadow .24s ease; }
.bb-ai-hero-visual:hover .bb-ai-visual-image { transform: translateY(-4px) rotateX(1deg) rotateY(-1deg); box-shadow: 0 26px 52px rgba(11,43,74,.2); }
.bb-ai-visual-image img { width: 100%; height: 100%; display: block; object-fit: cover; }
.bb-ai-image-shade { position: absolute; inset: 35% 0 0; background: linear-gradient(180deg, transparent, rgba(11,43,74,.7)); }
.bb-ai-visual-caption { position: absolute; right: 1rem; bottom: 1rem; left: 1rem; display: flex; align-items: end; justify-content: space-between; gap: 1rem; color: #fff; }
.bb-ai-visual-caption span { font: 600 .59rem/1 'JetBrains Mono', monospace; letter-spacing: .16em; }
.bb-ai-visual-caption strong { font: 700 1.1rem/1 'Space Grotesk', sans-serif; }
.bb-ai-visual-panel { display: flex; align-items: center; gap: .65rem; width: calc(100% - 1.25rem); margin: -.78rem auto 0; position: relative; z-index: 2; padding: .56rem .72rem; border: 1px solid rgba(11,43,74,.1); border-radius: .72rem; background: rgba(255,255,255,.96); box-shadow: 0 12px 26px rgba(11,43,74,.11); transition: transform .2s ease, box-shadow .2s ease; }
.bb-ai-visual-panel:hover { transform: translateY(-2px); box-shadow: 0 16px 30px rgba(11,43,74,.16); }
.bb-ai-visual-icon { display: inline-flex; width: 38px; height: 38px; align-items: center; justify-content: center; border-radius: .7rem; background: linear-gradient(135deg, rgba(249,115,22,.16), rgba(124,58,237,.16)); color: var(--ai-orange); font-size: 1.2rem; }
.bb-ai-visual-panel div { display: grid; gap: .2rem; min-width: 0; }
.bb-ai-visual-panel small { color: var(--ai-muted); font-size: .64rem; }
.bb-ai-visual-panel strong { overflow: hidden; color: var(--ai-ink); font: 700 .86rem/1.1 'Space Grotesk', sans-serif; text-overflow: ellipsis; white-space: nowrap; }
.bb-ai-panel-arrow { margin-left: auto; color: var(--ai-violet); }
.bb-ai-hero-metrics { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: .4rem; margin-top: .45rem; }
.bb-ai-hero-metrics span { display: grid; gap: .15rem; padding: .45rem .55rem; border: 1px solid rgba(11,43,74,.09); border-radius: .58rem; background: rgba(255,255,255,.74); transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.bb-ai-hero-metrics span:hover { transform: translateY(-2px); border-color: rgba(124,58,237,.28); background: #fff; }
.bb-ai-hero-metrics strong { color: var(--ai-ink); font: 700 .98rem/1 'Space Grotesk',sans-serif; }
.bb-ai-hero-metrics small { color: var(--ai-muted); font-size: .61rem; line-height: 1.1; }
.bb-ai-sticky-nav { position: sticky; top: 76px; z-index: 20; border-bottom: 1px solid var(--ai-line); background: rgba(255,255,255,.91); backdrop-filter: blur(12px); }
.bb-ai-sticky-nav .bb-ai-shell { display: flex; align-items: center; gap: .25rem; min-height: 52px; overflow-x: auto; scrollbar-width: none; }
.bb-ai-sticky-nav .bb-ai-shell::-webkit-scrollbar { display: none; }
.bb-ai-sticky-nav span { margin-right: .65rem; color: var(--ai-muted); font: 600 .65rem/1 'JetBrains Mono', monospace; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.bb-ai-sticky-nav a { padding: .5rem .65rem; border-radius: .5rem; color: var(--ai-text); font-size: .76rem; font-weight: 650; text-decoration: none; white-space: nowrap; }
.bb-ai-sticky-nav a:hover { background: var(--ai-cream); color: var(--ai-orange); }
.bb-ai-section { padding: clamp(3.4rem, 6vw, 6rem) 0; }
.bb-ai-section:nth-of-type(even) { background: #fbfcfd; }
.bb-ai-section-head { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; }
.bb-ai-section-head > div { max-width: 680px; }
.bb-ai-section-head > p { max-width: 370px; margin: 0 0 .25rem; color: var(--ai-text); font-size: .92rem; line-height: 1.55; }
.bb-ai-section h2 { margin: 0; color: var(--ai-ink); font: 700 clamp(2rem, 3.4vw, 3.35rem)/1.02 'Space Grotesk', sans-serif; letter-spacing: -.055em; }
.bb-ai-fit-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(320px, .75fr); gap: clamp(2rem, 7vw, 8rem); align-items: start; }
.bb-ai-section-copy { max-width: 690px; }
.bb-ai-section-copy > p:last-child { max-width: 640px; margin: 1.25rem 0 0; color: var(--ai-text); font-size: 1.05rem; line-height: 1.7; }
.bb-ai-fit-card { padding: 1.3rem; border: 1px solid #dfe5e9; border-radius: 1rem; background: #fff; box-shadow: 0 13px 32px rgba(11,43,74,.06); }
.bb-ai-card-label { margin: 0 0 .9rem; color: var(--ai-orange); font: 600 .68rem/1 'JetBrains Mono', monospace; letter-spacing: .14em; text-transform: uppercase; }
.bb-ai-fit-card ul { display: grid; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.bb-ai-fit-card li { display: flex; gap: .5rem; align-items: start; padding: .65rem .7rem; border-radius: .65rem; background: #fbfcfd; color: var(--ai-ink-2); font-size: .83rem; line-height: 1.35; }
.bb-ai-fit-card li i { flex: 0 0 auto; color: var(--ai-violet); }
.bb-ai-capability-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; }
.bb-ai-capability-card { position: relative; min-height: 220px; padding: 1.15rem; overflow: hidden; border: 1px solid #e1e7eb; border-radius: .9rem; background: #fff; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.bb-ai-capability-card:hover { transform: translateY(-4px); border-color: rgba(124,58,237,.34); box-shadow: 0 18px 34px rgba(11,43,74,.1); }
.bb-ai-card-top { display: flex; align-items: center; justify-content: space-between; color: #9aaaB7; font: 600 .65rem/1 'JetBrains Mono', monospace; }
.bb-ai-card-icon { display: inline-flex; width: 38px; height: 38px; align-items: center; justify-content: center; border-radius: .65rem; background: rgba(249,115,22,.11); color: var(--ai-orange); font-size: 1.15rem; }
.bb-ai-capability-card h3 { margin: 1.3rem 0 .55rem; color: var(--ai-ink); font: 700 1.05rem/1.2 'Space Grotesk', sans-serif; letter-spacing: -.02em; }
.bb-ai-capability-card p { max-width: 250px; margin: 0; color: var(--ai-text); font-size: .82rem; line-height: 1.55; }
.bb-ai-card-corner { position: absolute; right: 1rem; bottom: 1rem; color: #b6c2cb; }
.bb-ai-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .6rem; margin: 0; padding: 0; list-style: none; }
.bb-ai-flow li { position: relative; min-height: 155px; padding: 1rem; border: 1px solid #dfe5e9; border-radius: .85rem; background: #fff; }
.bb-ai-flow li > span { display: block; margin-bottom: 1.7rem; color: var(--ai-orange); font: 600 .67rem/1 'JetBrains Mono', monospace; }
.bb-ai-flow li strong { display: block; color: var(--ai-ink); font: 700 .9rem/1.25 'Space Grotesk', sans-serif; }
.bb-ai-flow li p { margin: .5rem 0 0; color: var(--ai-text); font-size: .75rem; line-height: 1.45; }
.bb-ai-flow li > i { position: absolute; top: 1rem; right: .8rem; color: #bbc6ce; }
.bb-ai-flow-detail { display: flex; align-items: baseline; gap: .8rem; margin-top: .95rem; padding: .8rem .95rem; border-left: 3px solid var(--ai-orange); border-radius: 0 .6rem .6rem 0; background: rgba(249,115,22,.07); }
.bb-ai-flow-detail span { flex: 0 0 auto; color: var(--ai-orange); font: 600 .63rem/1 'JetBrains Mono',monospace; letter-spacing: .1em; text-transform: uppercase; }
.bb-ai-flow-detail strong { color: var(--ai-ink-2); font-size: .73rem; line-height: 1.45; }
.bb-ai-architecture { background: #f7f9fb; }
.bb-ai-architecture-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,.68fr); align-items: start; gap: clamp(2rem, 8vw, 8rem); }
.bb-ai-architecture h2 { max-width: 670px; margin: 0; color: var(--ai-ink); font: 700 clamp(2rem,3.4vw,3.3rem)/1.03 'Space Grotesk',sans-serif; letter-spacing: -.055em; }
.bb-ai-principle-list { display: grid; gap: 0; margin-top: 1.5rem; border-top: 1px solid #dfe5e9; }
.bb-ai-principle-list div { display: grid; grid-template-columns: 38px 1fr; gap: .7rem; align-items: center; min-height: 54px; border-bottom: 1px solid #dfe5e9; }
.bb-ai-principle-list span { color: var(--ai-orange); font: 600 .65rem/1 'JetBrains Mono',monospace; }
.bb-ai-principle-list strong { color: var(--ai-ink-2); font: 600 .83rem/1.3 'Space Grotesk',sans-serif; }
.bb-ai-control-card { padding: 1.25rem; border: 1px solid #dfe5e9; border-radius: 1rem; background: #fff; box-shadow: 0 15px 34px rgba(11,43,74,.07); }
.bb-ai-control-card-head { display: flex; align-items: center; gap: .7rem; }
.bb-ai-control-card h3 { margin: .25rem 0 0; color: var(--ai-ink); font: 700 1.35rem/1 'Space Grotesk',sans-serif; }
.bb-ai-control-card > p { margin: 1rem 0; color: var(--ai-text); font-size: .82rem; line-height: 1.55; }
.bb-ai-control-card ul { display: grid; gap: .4rem; margin: 0; padding: .8rem 0 0; border-top: 1px solid #e4e9ed; list-style: none; }
.bb-ai-control-card li { display: flex; gap: .45rem; color: var(--ai-ink-2); font-size: .75rem; line-height: 1.35; }
.bb-ai-control-card li i { color: var(--ai-green); }
.bb-ai-output-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1fr); gap: clamp(2rem, 8vw, 9rem); align-items: start; }
.bb-ai-output-grid > div:first-child > p:last-child { margin: 1rem 0 0; color: var(--ai-text); line-height: 1.6; }
.bb-ai-output-list { border-top: 1px solid #dfe5e9; }
.bb-ai-output-list > div { display: grid; grid-template-columns: 32px minmax(0,1fr) 20px; align-items: center; gap: .7rem; min-height: 52px; border-bottom: 1px solid #dfe5e9; }
.bb-ai-output-list span { color: var(--ai-orange); font: 600 .66rem/1 'JetBrains Mono', monospace; }
.bb-ai-output-list strong { color: var(--ai-ink-2); font: 600 .88rem/1.25 'Space Grotesk', sans-serif; }
.bb-ai-output-list i { color: var(--ai-green); }
.bb-ai-tech-grid { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: .65rem; }
.bb-ai-tech-grid article { display: flex; align-items: center; gap: .55rem; min-height: 62px; padding: .65rem .75rem; border: 1px solid #e2e8eb; border-radius: .75rem; background: #fff; }
.bb-ai-tech-grid article > span { display: inline-flex; width: 30px; height: 30px; align-items: center; justify-content: center; flex: 0 0 auto; border-radius: .5rem; background: #f3f6f8; }
.bb-ai-tech-grid img { max-width: 21px; max-height: 21px; object-fit: contain; }
.bb-ai-tech-grid article > span > i { color: var(--ai-violet); font-size: 1rem; }
.bb-ai-tech-grid strong { color: var(--ai-ink-2); font-size: .76rem; line-height: 1.2; }
.bb-ai-cta { padding: 3.2rem 0; background: var(--ai-ink); color: #fff; }
.bb-ai-cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
.bb-ai-cta .bb-ai-eyebrow { color: #ffad74; }
.bb-ai-cta h2 { margin: 0; color: #fff; font: 700 clamp(1.8rem, 3vw, 3rem)/1 'Space Grotesk', sans-serif; letter-spacing: -.045em; }
.bb-ai-cta p:not(.bb-ai-eyebrow) { max-width: 560px; margin: .75rem 0 0; color: #c8d5df; font-size: .92rem; line-height: 1.55; }
.bb-ai-hub-hero { min-height: 430px; }
.bb-ai-hub-hero-grid { grid-template-columns: minmax(0, 1.18fr) minmax(390px, .82fr); align-items: center; min-height: 430px; }
.bb-ai-hub-hero h1 { max-width: 700px; }
.bb-ai-hub-proof { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1.35rem; }
.bb-ai-hub-proof span { display: grid; gap: .18rem; min-width: 118px; padding: .58rem .7rem; border: 1px solid rgba(11,43,74,.1); border-radius: .65rem; background: rgba(255,255,255,.68); }
.bb-ai-hub-proof strong { color: var(--ai-ink); font: 700 1.05rem/1 'Space Grotesk',sans-serif; }
.bb-ai-hub-proof small { color: var(--ai-muted); font-size: .61rem; line-height: 1.1; }
.bb-ai-hub-signal { position: relative; width: min(360px, 100%); aspect-ratio: 1; align-self: center; justify-self: end; border: 1px solid rgba(124,58,237,.16); border-radius: 50%; background: radial-gradient(circle at center, rgba(255,255,255,.95) 0 17%, rgba(124,58,237,.08) 18% 31%, transparent 32%), radial-gradient(circle, rgba(249,115,22,.12) 0 1px, transparent 1px); background-size: auto, 18px 18px; box-shadow: inset 0 0 0 26px rgba(255,255,255,.38), 0 25px 75px rgba(124,58,237,.1); }
.bb-ai-hub-signal::before, .bb-ai-hub-signal::after { content: ''; position: absolute; inset: 13%; border: 1px dashed rgba(124,58,237,.28); border-radius: 50%; }
.bb-ai-hub-signal::after { inset: 29%; border-color: rgba(249,115,22,.3); }
.bb-ai-hub-signal-core { position: absolute; inset: 35%; display: grid; place-content: center; justify-items: center; gap: .18rem; border-radius: 50%; background: linear-gradient(135deg, var(--ai-orange), var(--ai-violet)); color: #fff; box-shadow: 0 15px 35px rgba(124,58,237,.23); text-align: center; }
.bb-ai-hub-signal-core i { font-size: 2rem; }
.bb-ai-hub-signal-core strong { font: 700 .95rem/1 'Space Grotesk',sans-serif; }
.bb-ai-hub-signal-core small { font-size: .55rem; opacity: .83; }
.bb-ai-hub-signal-pill { position: absolute; display: inline-flex; align-items: center; min-height: 30px; padding: .35rem .65rem; border: 1px solid rgba(11,43,74,.1); border-radius: 999px; background: #fff; box-shadow: 0 8px 18px rgba(11,43,74,.1); color: var(--ai-ink-2); font: 700 .65rem/1 'Space Grotesk',sans-serif; }
.pill-one { top: 16%; left: 8%; }.pill-two { top: 20%; right: 3%; }.pill-three { right: 8%; bottom: 16%; }.pill-four { bottom: 18%; left: 5%; }
.bb-ai-hub-intro { padding: clamp(3.8rem, 6vw, 6rem) 0; background: #fff; }
.bb-ai-hub-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .75rem; }
.bb-ai-hub-card { display: grid; grid-template-columns: 34px 44px minmax(0,1fr) 20px; align-items: center; gap: .75rem; min-height: 112px; padding: .85rem; border: 1px solid #e1e7eb; border-radius: .85rem; background: #fff; color: inherit; text-decoration: none; transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease; }
.bb-ai-hub-card:hover { transform: translateY(-3px); border-color: rgba(249,115,22,.42); box-shadow: 0 15px 30px rgba(11,43,74,.09); }
.bb-ai-hub-card-number { color: #a1b0bc; font: 600 .64rem/1 'JetBrains Mono',monospace; }
.bb-ai-hub-card-icon { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; border-radius: .7rem; background: linear-gradient(135deg,rgba(249,115,22,.12),rgba(124,58,237,.12)); color: var(--ai-orange); font-size: 1.2rem; }
.bb-ai-hub-card p { margin: 0 0 .25rem; color: var(--ai-orange); font: 600 .62rem/1 'JetBrains Mono',monospace; letter-spacing: .08em; text-transform: uppercase; }
.bb-ai-hub-card h3 { margin: 0; color: var(--ai-ink); font: 700 1rem/1.15 'Space Grotesk',sans-serif; }
.bb-ai-hub-card span:not(.bb-ai-hub-card-number):not(.bb-ai-hub-card-icon) { display: block; margin-top: .35rem; overflow: hidden; color: var(--ai-text); font-size: .74rem; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.bb-ai-hub-card-arrow { color: #a8b5bf; }
.bb-ai-hub .bb-ai-section-head { margin-bottom: 1.5rem; }
.bb-ai-related { padding: clamp(3.2rem,5vw,5rem) 0; background: #fbfcfd; border-top: 1px solid var(--ai-line); }
.bb-ai-related-head { display: flex; align-items: end; justify-content: space-between; gap: 1.5rem; margin-bottom: 1.35rem; }
.bb-ai-related-head h2 { margin: 0; color: var(--ai-ink); font: 700 clamp(1.8rem,3vw,2.7rem)/1.05 'Space Grotesk',sans-serif; letter-spacing: -.05em; }
.bb-ai-related-head > a { display: inline-flex; align-items: center; gap: .35rem; flex: 0 0 auto; color: var(--ai-orange); font: 700 .75rem/1 'Space Grotesk',sans-serif; text-decoration: none; }
.bb-ai-related-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .7rem; }
.bb-ai-related-grid > a { display: grid; grid-template-columns: 42px minmax(0,1fr) 18px; align-items: center; gap: .7rem; padding: .85rem; border: 1px solid #e1e7eb; border-radius: .8rem; background: #fff; text-decoration: none; transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease; }
.bb-ai-related-grid > a:hover { transform: translateY(-2px); border-color: rgba(249,115,22,.38); box-shadow: 0 13px 24px rgba(11,43,74,.08); }
.bb-ai-related-icon { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: .65rem; background: rgba(249,115,22,.11); color: var(--ai-orange); font-size: 1.1rem; }
.bb-ai-related-grid small { display: block; margin-bottom: .22rem; color: var(--ai-orange); font: 600 .6rem/1 'JetBrains Mono',monospace; text-transform: uppercase; }
.bb-ai-related-grid strong { display: block; color: var(--ai-ink); font: 700 .88rem/1.15 'Space Grotesk',sans-serif; }
.bb-ai-related-grid > a > i { color: #9aaab5; }
@media (max-width: 1050px) {
  .bb-ai-hero-grid, .bb-ai-hub-hero-grid { grid-template-columns: minmax(0,1.08fr) minmax(330px,.82fr); gap: 1.65rem; }
  .bb-ai-hero h1 { font-size: clamp(2.1rem, 4vw, 3.3rem); }
  .bb-ai-hero-visual { max-width: 560px; }
  .bb-ai-capability-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .bb-ai-tech-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .bb-ai-shell { width: min(calc(100% - 28px), var(--ai-max)); }
  .bb-ai-hero-grid, .bb-ai-hub-hero-grid, .bb-ai-fit-grid, .bb-ai-output-grid { grid-template-columns: 1fr; }
  .bb-ai-hero-grid, .bb-ai-hub-hero-grid { min-height: 0; gap: 1.15rem; padding: .8rem 0 1.65rem; }
  .bb-ai-hero h1 { max-width: 680px; font-size: clamp(2.05rem, 8.5vw, 3.15rem); }
  .bb-ai-hero-focus { margin-top: .6rem; }
  .bb-ai-lead { margin-top: .6rem; }
  .bb-ai-actions { margin-top: .9rem; }
  .bb-ai-hero-visual, .bb-ai-hub-signal { justify-self: start; max-width: 620px; }
  .bb-ai-hub-signal { width: min(380px, 100%); margin: .5rem auto 0; }
  .bb-ai-section-head, .bb-ai-cta-inner { display: grid; align-items: start; }
  .bb-ai-section-head > p { max-width: 600px; }
  .bb-ai-flow { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .bb-ai-tech-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .bb-ai-sticky-nav { top: 64px; }
  .bb-ai-sticky-nav .bb-ai-shell { min-height: 46px; }
  .bb-ai-sticky-nav span { display: none; }
  .bb-ai-hub-grid { grid-template-columns: 1fr; }
  .bb-ai-architecture-grid { grid-template-columns: 1fr; }
  .bb-ai-related-head { display: grid; align-items: start; }
  .bb-ai-related-grid { grid-template-columns: 1fr; }
}
@media (max-width: 430px) {
  .bb-ai-actions { display: grid; }
  .bb-ai-button { width: 100%; }
  .bb-ai-capability-grid { grid-template-columns: 1fr; }
  .bb-ai-flow { grid-template-columns: 1fr; }
  .bb-ai-flow li { min-height: 0; }
  .bb-ai-flow-detail { display: grid; gap: .35rem; }
  .bb-ai-tech-grid { grid-template-columns: 1fr; }
  .bb-ai-hub-card { grid-template-columns: 28px 38px minmax(0,1fr) 16px; gap: .5rem; }
  .bb-ai-hub-card-icon { width: 36px; height: 36px; font-size: 1rem; }
}
@media (prefers-reduced-motion: reduce) {
  .bb-ai-page *, .bb-ai-page *::before, .bb-ai-page *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}