/*
 * AI Expert Onebeat / DS v0.6 + Surface Grammar 1 adoption.
 * Scope: #page-onebeat.onebeat-v2 only. Shared header/footer stay untouched.
 */
#page-onebeat.onebeat-v2 {
  --onebeat-ink:#0D1926;
  --onebeat-navy:#1A314B;
  --onebeat-teal:#1F6C6D;
  --onebeat-coral:#FD604A;
  --onebeat-lilac:#E8BFE6;
  --onebeat-body:#494A4A;
  --onebeat-muted:#626263;
  --onebeat-cool:#ECF0F4;
  --onebeat-lit:linear-gradient(212.5deg in srgb,#101E2F 43.91%,#354E6A 97.43%);
  --onebeat-warm:linear-gradient(161.15deg in srgb,#FF9974 8.73%,#FF5212 88.52%);
  --onebeat-plum:linear-gradient(202.3deg in srgb,#E8BFE6 8.44%,#D394D3 99.29%);
  --onebeat-teal-lit:linear-gradient(190.05deg in srgb,#206C6D 21.26%,#2D8C8E 94.64%);
  --onebeat-rule:linear-gradient(90deg in srgb,#E8BFE6,#FD604A 55%,#B3CCD4);
  --onebeat-rim:linear-gradient(135deg in srgb,rgba(232,191,230,.70),rgba(253,96,74,.30) 50%,rgba(179,204,212,.52));
  color:var(--onebeat-body);
  background:#fff;
  overflow-x:clip;
}
#page-onebeat.onebeat-v2 > section { position:relative; }
#page-onebeat.onebeat-v2 .wrap { width:min(calc(100% - 48px),1240px); max-width:1240px; padding-inline:0; }
#page-onebeat.onebeat-v2 section.block { padding:clamp(76px,8vw,112px) 0; }
#page-onebeat.onebeat-v2 .ob-section-head { min-width:0; max-width:none; margin:0; text-align:left; }
#page-onebeat.onebeat-v2 .ob-atom { display:inline-block; white-space:nowrap; }
#page-onebeat.onebeat-v2 .ob-section-head .eyebrow,
#page-onebeat.onebeat-v2 .ob-book__body > .eyebrow {
  display:flex; align-items:center; gap:10px; margin:0 0 14px;
  color:var(--onebeat-muted); font-family:var(--ob-font-latin); font-size:12px; font-weight:500; letter-spacing:.14em;
}
#page-onebeat.onebeat-v2 .ob-section-head .eyebrow::before,
#page-onebeat.onebeat-v2 .ob-book__body > .eyebrow::before {
  content:""; width:var(--ob-shell-section-marker-width); height:var(--ob-shell-marker-height); border-radius:2px; background:var(--onebeat-coral);
}
#page-onebeat.onebeat-v2 .ob-section-head h2,
#page-onebeat.onebeat-v2 .ob-book__title {
  margin:0 0 16px; color:var(--onebeat-navy); font-size:var(--ob-shell-section-title); font-weight:500; line-height:1.42; letter-spacing:-.02em; text-wrap:balance;
}
#page-onebeat.onebeat-v2 .ob-section-head p,
#page-onebeat.onebeat-v2 .ob-book__prose { max-width:45em; color:var(--onebeat-body); font-size:17px; line-height:1.85; text-wrap:pretty; }

/* Hero / Primary Narrative */
#page-onebeat.onebeat-v2 .ob-hero {
  position:relative; isolation:isolate; overflow:hidden; padding:var(--ob-shell-hero-pad-top) 0 var(--ob-shell-hero-pad-bottom);
  color:#fff; text-align:left; background-color:#101e2f; background-image:var(--onebeat-lit);
}
#page-onebeat.onebeat-v2 .ob-hero::before {
  content:""; position:absolute; right:-95px; top:-110px; width:420px; height:420px; z-index:-1; pointer-events:none;
  background:radial-gradient(circle,rgba(232,191,230,.22) 1px,transparent 1.5px) 0 0/16px 16px;
  -webkit-mask-image:radial-gradient(circle,#000 12%,transparent 72%); mask-image:radial-gradient(circle,#000 12%,transparent 72%);
}
#page-onebeat.onebeat-v2 .ob-hero::after {
  content:""; position:absolute; left:-140px; bottom:-190px; width:520px; height:380px; z-index:-1; pointer-events:none;
  background:radial-gradient(ellipse,rgba(253,96,74,.18),transparent 66%);
}
#page-onebeat.onebeat-v2 .ob-hero .tag { display:flex; align-items:center; gap:11px; margin:0 0 22px; color:rgba(255,255,255,.78); font-size:12px; font-weight:500; letter-spacing:.14em; }
#page-onebeat.onebeat-v2 .ob-hero .tag::before { content:""; width:var(--ob-shell-hero-marker-width); height:var(--ob-shell-marker-height); border-radius:2px; background:var(--onebeat-coral); }
#page-onebeat.onebeat-v2 .ob-hero h1 { width:min(100%,980px); margin:0; color:#fff; font-size:clamp(42px,4.8vw,66px); font-weight:500; line-height:1.32; letter-spacing:-.035em; text-wrap:balance; }
#page-onebeat.onebeat-v2 .ob-hero h1 .ob-atom:first-of-type { color:var(--onebeat-lilac); }
#page-onebeat.onebeat-v2 .ob-hero__lead { width:min(100%,760px); margin:28px 0 0; color:rgba(255,255,255,.88); font-size:var(--ob-shell-hero-lead); line-height:1.8; }

/* Supply Chain / Explanatory media */
#page-onebeat.onebeat-v2 .ob-system { background:#fff; }
#page-onebeat.onebeat-v2 .ob-system > .wrap { display:grid; grid-template-columns:minmax(420px,1.05fr) minmax(0,1fr); gap:clamp(38px,5vw,68px); align-items:center; }
#page-onebeat.onebeat-v2 .ob-system .ob-section-head { max-width:600px; }
#page-onebeat.onebeat-v2 .ob-system__heading-line { display:block; }
@media(min-width:1280px) { #page-onebeat.onebeat-v2 .ob-system__heading-line--join { display:inline; } }
#page-onebeat.onebeat-v2 .ob-system__figure,
#page-onebeat.onebeat-v2 .ob-solution__figure {
  min-width:0; max-width:none; margin:0; padding:18px; overflow:hidden; border:3px solid transparent; border-radius:20px;
  background-color:#fff; background-image:linear-gradient(#fff,#fff),var(--onebeat-rim); background-origin:padding-box,border-box; background-clip:padding-box,border-box;
  box-shadow:0 18px 46px rgba(13,25,38,.07);
}
#page-onebeat.onebeat-v2 .diagram-scroll { min-width:0; max-width:100%; overflow:hidden; border-radius:12px; background:#fff; }
#page-onebeat.onebeat-v2 .diagram-scroll:focus-visible { outline:3px solid var(--onebeat-teal); outline-offset:4px; }
#page-onebeat.onebeat-v2 .diagram-scroll img { display:block; width:100%; max-width:100%; height:auto; margin:0; border:0; border-radius:9px; box-shadow:none; }

/* Book evidence / Surface Grammar 1: open-field + editorial split */
#page-onebeat.onebeat-v2 .ob-book { background:#f7f8fa; }
#page-onebeat.onebeat-v2 .ob-book > .wrap { width:min(calc(100% - 48px),1240px); max-width:1240px; }
#page-onebeat.onebeat-v2 .ob-book__grid {
  display:grid; grid-template-columns:minmax(0,1.34fr) minmax(230px,.52fr); gap:clamp(42px,7vw,84px); align-items:center;
  padding:0; border:0; border-radius:0; background:transparent; box-shadow:none;
}
#page-onebeat.onebeat-v2 .ob-book__body { min-width:0; padding-block:clamp(6px,1vw,14px); }
#page-onebeat.onebeat-v2 .ob-book__prose p { margin:0 0 16px; }
#page-onebeat.onebeat-v2 .ob-book__prose p:last-child { margin-bottom:0; }
#page-onebeat.onebeat-v2 .ob-book__cover { display:flex; align-items:center; justify-content:flex-end; min-width:0; }
#page-onebeat.onebeat-v2 .ob-book__cover img { display:block; width:min(100%,300px); height:auto; margin:0 0 0 auto; border-radius:10px; box-shadow:0 16px 34px rgba(13,25,38,.14); }
#page-onebeat.onebeat-v2 .ob-book__actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
#page-onebeat.onebeat-v2 .ob-book__crosslink { margin-top:20px; }
#page-onebeat.onebeat-v2 .ob-topics { margin-top:clamp(34px,4vw,48px); padding:26px 0 0; border:0; border-top:1px solid #d7e0e7; border-radius:0; background:transparent; }
#page-onebeat.onebeat-v2 .ob-topics__title { margin:0 0 16px; color:var(--onebeat-navy); font-size:20px; font-weight:500; }
#page-onebeat.onebeat-v2 .book-topics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 32px; margin:0; padding:0; list-style:none; }
#page-onebeat.onebeat-v2 .book-topics li { position:relative; margin:0; padding:10px 0 10px 18px; border-bottom:1px solid #e4e9ee; font-size:14px; line-height:1.7; }
#page-onebeat.onebeat-v2 .book-topics li::before { content:""; position:absolute; left:0; top:1.25em; width:6px; height:6px; border-radius:50%; background:var(--onebeat-teal); }

/* AI × People / Primary Narrative */
#page-onebeat.onebeat-v2 .ob-concept { position:relative; isolation:isolate; overflow:hidden; background-color:var(--onebeat-teal); background-image:var(--onebeat-teal-lit); }
#page-onebeat.onebeat-v2 .ob-concept::before { content:""; position:absolute; right:-70px; top:-80px; width:330px; height:330px; z-index:-1; background:radial-gradient(circle,rgba(255,255,255,.18) 1px,transparent 1.5px) 0 0/16px 16px; -webkit-mask-image:radial-gradient(circle,#000 12%,transparent 72%); mask-image:radial-gradient(circle,#000 12%,transparent 72%); }
#page-onebeat.onebeat-v2 .ob-concept .wrap { display:grid; grid-template-columns:minmax(0,.92fr) minmax(320px,1.08fr); grid-template-areas:"head media" "shift media" "note media"; gap:24px clamp(36px,5vw,62px); align-items:start; }
#page-onebeat.onebeat-v2 .ob-concept .ob-section-head { grid-area:head; }
#page-onebeat.onebeat-v2 .ob-concept .ob-section-head .eyebrow,
#page-onebeat.onebeat-v2 .ob-concept .ob-section-head h2,
#page-onebeat.onebeat-v2 .ob-concept .ob-section-head p { color:#fff; }
#page-onebeat.onebeat-v2 .ob-concept .ob-section-head .eyebrow { color:rgba(255,255,255,.76); }
#page-onebeat.onebeat-v2 .ob-concept .ob-section-head .eyebrow::before { background:#FF9974; }
#page-onebeat.onebeat-v2 .ob-concept .ob-section-head p { color:rgba(255,255,255,.88); }
#page-onebeat.onebeat-v2 .ob-shift { grid-area:shift; display:grid; grid-template-columns:1fr; gap:10px; margin:0; padding:0; list-style:none; }
#page-onebeat.onebeat-v2 .ob-shift li { min-width:0; padding:18px 20px; border:1px solid rgba(255,255,255,.24); border-radius:14px; background:rgba(255,255,255,.10); }
#page-onebeat.onebeat-v2 .ob-shift .before { margin-bottom:8px; color:rgba(255,255,255,.68); font-size:14px; line-height:1.65; }
#page-onebeat.onebeat-v2 .ob-shift .after { color:#fff; font-size:16px; line-height:1.7; }
#page-onebeat.onebeat-v2 .ob-shift__axis { display:inline-block; min-width:3em; color:#FFD4C4; font-weight:500; }
#page-onebeat.onebeat-v2 .ai-employee-note { grid-area:note; margin:0; color:#fff; font-size:17px; font-weight:500; }
#page-onebeat.onebeat-v2 .ob-concept__media { grid-area:media; align-self:stretch; display:flex; align-items:center; }
#page-onebeat.onebeat-v2 .ob-concept__media img { display:block; width:100%; height:auto; margin:0; border:3px solid rgba(255,255,255,.24); border-radius:20px; box-shadow:0 20px 46px rgba(13,25,38,.18); }
#page-onebeat.onebeat-v2 .ob-video-pair {
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  align-self:start;
}
#page-onebeat.onebeat-v2 .ob-video-card {
  min-width:0;
  padding:14px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:var(--ob-shell-panel-radius);
  background:rgba(255,255,255,.10);
  box-shadow:0 20px 46px rgba(13,25,38,.14);
}
#page-onebeat.onebeat-v2 .ob-video-card__frame {
  overflow:hidden;
  aspect-ratio:16 / 9;
  border-radius:12px;
  background:#0d1926;
}
#page-onebeat.onebeat-v2 .ob-video-card__frame iframe {
  display:block;
  width:100%;
  height:100%;
  border:0;
}
#page-onebeat.onebeat-v2 .ob-video-card h3 {
  margin:14px 4px 6px;
  color:#fff;
  font-size:18px;
  font-weight:500;
  line-height:1.55;
}
#page-onebeat.onebeat-v2 .ob-video-card p {
  margin:0 4px 3px;
  color:rgba(255,255,255,.78);
  font-size:14px;
  line-height:1.75;
}
@media(max-width:1080px) and (min-width:681px) {
  #page-onebeat.onebeat-v2 .ob-video-pair {
    grid-template-columns:repeat(2,minmax(0,1fr));
    max-width:none;
  }
}
@media(max-width:680px) {
  #page-onebeat.onebeat-v2 .ob-video-card { padding:10px; border-radius:16px; }
  #page-onebeat.onebeat-v2 .ob-video-card h3 { font-size:17px; }
}

/* Solution chapters */
#page-onebeat.onebeat-v2 .ob-solution--retail { background:#fff; }
#page-onebeat.onebeat-v2 .ob-solution--manufacturing { background:#f7f8fa; }
#page-onebeat.onebeat-v2 .ob-solution > .wrap { display:grid; grid-template-columns:minmax(300px,.76fr) minmax(0,1.48fr); gap:clamp(36px,5vw,64px); align-items:start; }
#page-onebeat.onebeat-v2 .ob-solution .ob-section-head { max-width:430px; }
#page-onebeat.onebeat-v2 .ob-solution--retail .ob-section-head { padding-top:12px; }
#page-onebeat.onebeat-v2 .ob-solution--retail .ob-section-head .eyebrow::before { background:var(--onebeat-coral); }
#page-onebeat.onebeat-v2 .ob-solution--manufacturing .ob-section-head .eyebrow::before { background:var(--onebeat-teal); }
#page-onebeat.onebeat-v2 .ob-domains { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:4px; }
#page-onebeat.onebeat-v2 .ob-domain { position:relative; min-width:0; padding:26px 24px 28px; border:1px solid #dce3e9; border-radius:16px; background:#fff; }
#page-onebeat.onebeat-v2 .ob-domain::before { content:""; position:absolute; inset:0 0 auto; height:3px; border-radius:16px 16px 0 0; background:var(--onebeat-rule); }
#page-onebeat.onebeat-v2 .ob-domain h3 { margin:0 0 14px; color:var(--onebeat-navy); font-size:20px; font-weight:500; line-height:1.48; }
#page-onebeat.onebeat-v2 .ob-domain p { margin:0; font-size:15px; line-height:1.8; }

/* Features / Primary Proof */
#page-onebeat.onebeat-v2 .ob-features { background:#fff; }
#page-onebeat.onebeat-v2 .ob-features .ob-section-head { width:min(100%,860px); margin-bottom:34px; }
#page-onebeat.onebeat-v2 .ob-capabilities { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
#page-onebeat.onebeat-v2 .ob-capability { display:block; position:relative; min-width:0; padding:30px 28px 32px; border:1px solid #dbe3ea; border-radius:16px; background:#fff; box-shadow:0 10px 26px rgba(13,25,38,.045); }
#page-onebeat.onebeat-v2 .ob-capability::before { content:""; position:absolute; inset:0 0 auto; height:3px; border-radius:16px 16px 0 0; background:var(--onebeat-rule); }
#page-onebeat.onebeat-v2 .ob-capability h3 { margin:0 0 15px; color:var(--onebeat-navy); font-size:21px; font-weight:500; line-height:1.5; text-wrap:balance; }
#page-onebeat.onebeat-v2 .ob-capability p { display:block; width:100%; max-width:none; margin:0; color:var(--onebeat-body); font-size:15px; line-height:1.82; }

/* Process / Supporting Narrative */
#page-onebeat.onebeat-v2 .ob-process { background:#f7f8fa; }
#page-onebeat.onebeat-v2 .ob-process .ob-section-head { margin-bottom:30px; }
#page-onebeat.onebeat-v2 .ob-journey { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; max-width:none; margin:0; }
#page-onebeat.onebeat-v2 .ob-journey .flow-item { position:relative; min-width:0; min-height:0; margin:0; padding:22px 24px 24px; border:1px solid #dce3e9; border-radius:14px; background:#fff; }
#page-onebeat.onebeat-v2 .ob-journey .flow-item h3 { margin:0 0 10px; color:var(--onebeat-navy); font-size:19px; font-weight:500; line-height:1.5; }
#page-onebeat.onebeat-v2 .ob-journey .flow-item p { margin:0; color:var(--onebeat-body); font-size:14px; line-height:1.8; }

/* CTA */
#page-onebeat.onebeat-v2 .ob-cta { background:#fff; padding:clamp(68px,7vw,96px) 0; }
#page-onebeat.onebeat-v2 .ob-cta > .wrap { width:min(calc(100% - 48px),1120px); max-width:1120px; }
#page-onebeat.onebeat-v2 .ob-cta .cta-band { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px 40px; align-items:center; padding:clamp(36px,5vw,56px); border-radius:20px; background-color:#101e2f; background-image:var(--onebeat-lit); color:#fff; text-align:left; overflow:hidden; }
#page-onebeat.onebeat-v2 .ob-cta .cta-band h2 { grid-column:1; margin:0; color:#fff; font-size:var(--ob-type-cta-title); font-weight:500; line-height:1.4; }
#page-onebeat.onebeat-v2 .ob-cta .cta-band p { grid-column:1; margin:0; color:rgba(255,255,255,.82); font-size:var(--ob-type-cta-body); line-height:1.75; }
#page-onebeat.onebeat-v2 .ob-cta .cta-band .btn { grid-column:2; grid-row:1/3; min-height:48px; align-self:center; font-size:var(--ob-type-cta-label); background-color:#FF9974; background-image:var(--onebeat-warm); color:var(--onebeat-ink); border-color:#cf633c; }
#page-onebeat.onebeat-v2 a:focus-visible,
#page-onebeat.onebeat-v2 .diagram-scroll:focus-visible { outline:3px solid var(--onebeat-teal); outline-offset:4px; }

@media(max-width:1080px) {
  #page-onebeat.onebeat-v2 .ob-system > .wrap,
  #page-onebeat.onebeat-v2 .ob-solution > .wrap { grid-template-columns:minmax(0,1fr); }
  #page-onebeat.onebeat-v2 .ob-system .ob-section-head,
  #page-onebeat.onebeat-v2 .ob-solution .ob-section-head { max-width:760px; }
  #page-onebeat.onebeat-v2 .ob-concept .wrap { grid-template-columns:1fr; grid-template-areas:"head" "shift" "media" "note"; }
  #page-onebeat.onebeat-v2 .ob-concept__media { max-width:760px; }
}
@media(max-width:900px) {
  #page-onebeat.onebeat-v2 .ob-book__grid { grid-template-columns:1fr; }
  #page-onebeat.onebeat-v2 .ob-book__cover { order:-1; justify-content:flex-start; }
  #page-onebeat.onebeat-v2 .ob-book__cover img { width:min(58vw,260px); margin-inline:0; }
  #page-onebeat.onebeat-v2 .ob-domains,
  #page-onebeat.onebeat-v2 .ob-capabilities { grid-template-columns:1fr; }
}
@media(max-width:760px) {
  #page-onebeat.onebeat-v2 .wrap { width:calc(100% - 32px); }
  #page-onebeat.onebeat-v2 section.block { padding:64px 0; }
  #page-onebeat.onebeat-v2 .ob-hero { padding:var(--ob-shell-hero-pad-top) 0 var(--ob-shell-hero-pad-bottom); }
  #page-onebeat.onebeat-v2 .ob-hero h1 { font-size:clamp(29px,9vw,48px); }
  #page-onebeat.onebeat-v2 .ob-hero__lead { font-size:var(--ob-shell-hero-lead); }
  #page-onebeat.onebeat-v2 .ob-system__figure,
  #page-onebeat.onebeat-v2 .ob-solution__figure {
    width:100vw;
    max-width:none;
    min-width:0;
    margin-left:calc(50% - 50vw);
    padding:0;
    overflow:hidden;
    border:0;
    border-radius:0;
    box-shadow:none;
  }
  #page-onebeat.onebeat-v2 .diagram-scroll {
    width:100%;
    max-width:none;
    overflow:visible;
    border-radius:0;
  }
  #page-onebeat.onebeat-v2 .ob-system__figure .diagram-scroll img,
  #page-onebeat.onebeat-v2 .ob-solution__figure .diagram-scroll img {
    width:100%;
    max-width:100%;
    height:auto;
    border-radius:0;
    cursor:zoom-in;
    touch-action:manipulation;
  }
  #page-onebeat.onebeat-v2 .ob-book > .wrap { width:calc(100% - 32px); }
  #page-onebeat.onebeat-v2 .ob-book__grid { padding:0; border-radius:0; }
  #page-onebeat.onebeat-v2 .book-topics { grid-template-columns:1fr; }
  #page-onebeat.onebeat-v2 .ob-shift li { padding:16px 18px; }
  #page-onebeat.onebeat-v2 .ob-journey { grid-template-columns:1fr; }
  #page-onebeat.onebeat-v2 .ob-cta > .wrap { width:calc(100% - 32px); }
  #page-onebeat.onebeat-v2 .ob-cta .cta-band { grid-template-columns:1fr; padding:30px 24px; }
  #page-onebeat.onebeat-v2 .ob-cta .cta-band h2,
  #page-onebeat.onebeat-v2 .ob-cta .cta-band p,
  #page-onebeat.onebeat-v2 .ob-cta .cta-band .btn { grid-column:1; grid-row:auto; }
  #page-onebeat.onebeat-v2 .ob-cta .cta-band .btn { margin-top:10px; width:fit-content; }
}
@media(max-width:560px) {
  #page-onebeat.onebeat-v2 .ob-section-head h2,
  #page-onebeat.onebeat-v2 .ob-book__title { font-size:clamp(24px,7.2vw,29px); }
  #page-onebeat.onebeat-v2 .ob-section-head p,
  #page-onebeat.onebeat-v2 .ob-book__prose { font-size:16px; }
  #page-onebeat.onebeat-v2 .ob-book__actions { flex-direction:column; align-items:flex-start; }
  #page-onebeat.onebeat-v2 .ob-book__actions .btn { width:100%; justify-content:center; }
  #page-onebeat.onebeat-v2 .ob-topics { padding:22px 0 0; }
  #page-onebeat.onebeat-v2 .ob-capability,
  #page-onebeat.onebeat-v2 .ob-domain { padding:24px 22px 26px; }
}
@media(forced-colors:active) {
  #page-onebeat.onebeat-v2 .ob-hero,
  #page-onebeat.onebeat-v2 .ob-concept,
  #page-onebeat.onebeat-v2 .ob-book__grid,
  #page-onebeat.onebeat-v2 .ob-capability,
  #page-onebeat.onebeat-v2 .ob-domain,
  #page-onebeat.onebeat-v2 .ob-journey .flow-item,
  #page-onebeat.onebeat-v2 .ob-cta .cta-band { background:Canvas; color:CanvasText; box-shadow:none; border-color:CanvasText; }
  #page-onebeat.onebeat-v2 .ob-hero h1,
  #page-onebeat.onebeat-v2 .ob-hero__lead,
  #page-onebeat.onebeat-v2 .ob-concept .ob-section-head h2,
  #page-onebeat.onebeat-v2 .ob-concept .ob-section-head p,
  #page-onebeat.onebeat-v2 .ob-concept .ob-section-head .eyebrow,
  #page-onebeat.onebeat-v2 .ob-cta .cta-band h2,
  #page-onebeat.onebeat-v2 .ob-cta .cta-band p { color:CanvasText; }
}

/* 2026-09 Global-site alignment polish / Process.
 * PROCESS is not a current Global information-type label. The legacy vertical
 * connector and inherited 3-column grid are reset into quiet open rows.
 */
@media (forced-colors: none) {
  #page-onebeat.onebeat-v2 .ob-process .ob-section-head .eyebrow {
    display:none;
  }
  #page-onebeat.onebeat-v2 .ob-process .ob-section-head {
    margin-bottom:30px;
  }
  #page-onebeat.onebeat-v2 .ob-journey {
    counter-reset:flow;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0 32px;
    max-width:none;
    margin:0;
    border:0;
  }
  #page-onebeat.onebeat-v2 .ob-journey .flow-item {
    counter-increment:flow;
    display:grid;
    grid-template-columns:38px minmax(120px,.72fr) minmax(0,1.55fr);
    gap:20px;
    align-items:start;
    min-width:0;
    min-height:0;
    margin:0;
    padding:24px 0 26px;
    border:0;
    border-top:1px solid #d8e1e8;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  #page-onebeat.onebeat-v2 .ob-journey .flow-item::before {
    position:static;
    z-index:auto;
    width:auto;
    height:auto;
    padding-top:6px;
    border:0;
    border-radius:0;
    background:transparent;
    color:var(--onebeat-teal);
    content:counter(flow,decimal-leading-zero);
    font-family:var(--ob-font-latin);
    font-size:12px;
    font-weight:600;
    line-height:1.4;
    letter-spacing:.08em;
    display:block;
  }
  #page-onebeat.onebeat-v2 .ob-journey .flow-item::after {
    content:none;
    display:none;
  }
  #page-onebeat.onebeat-v2 .ob-journey .flow-item h3 {
    margin:0;
    padding:0;
    color:var(--onebeat-navy);
    font-size:18px;
    font-weight:500;
    line-height:1.55;
  }
  #page-onebeat.onebeat-v2 .ob-journey .flow-item p {
    margin:0;
    padding:0;
    color:var(--onebeat-body);
    font-size:14px;
    line-height:1.8;
  }
}
@media (max-width:760px) and (forced-colors: none) {
  #page-onebeat.onebeat-v2 .ob-journey {
    grid-template-columns:1fr;
    gap:0;
  }
  #page-onebeat.onebeat-v2 .ob-journey .flow-item {
    grid-template-columns:32px minmax(0,1fr);
    row-gap:6px;
    column-gap:14px;
    padding:20px 0 22px;
  }
  #page-onebeat.onebeat-v2 .ob-journey .flow-item::before {
    grid-column:1;
    grid-row:1 / span 2;
    padding-top:4px;
  }
  #page-onebeat.onebeat-v2 .ob-journey .flow-item h3,
  #page-onebeat.onebeat-v2 .ob-journey .flow-item p {
    grid-column:2;
  }
}

/* DS v0.7 / Governance 2 Page Grammar.
 * Keep Hero and AI × PEOPLE as the two High-salience narrative peaks. Evidence
 * media and peer mechanisms use quieter local structure so their containers do
 * not compete with the information they explain.
 */
#page-onebeat.onebeat-v2 .ob-system__figure,
#page-onebeat.onebeat-v2 .ob-solution__figure {
  padding:14px;
  border:1px solid #d8e0e7;
  border-radius:14px;
  background:#fff;
  background-image:none;
  box-shadow:none;
}
#page-onebeat.onebeat-v2 .ob-system__figure .diagram-scroll,
#page-onebeat.onebeat-v2 .ob-solution__figure .diagram-scroll,
#page-onebeat.onebeat-v2 .ob-system__figure .diagram-scroll img,
#page-onebeat.onebeat-v2 .ob-solution__figure .diagram-scroll img {
  border-radius:8px;
}

/* Manufacturing domains are equal mechanisms, not three generic cards. */
#page-onebeat.onebeat-v2 .ob-domains {
  gap:0;
  border-top:1px solid #d5dde4;
}
#page-onebeat.onebeat-v2 .ob-domain {
  padding:28px 30px 4px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
#page-onebeat.onebeat-v2 .ob-domain:not(:first-child) {
  border-left:1px solid #d5dde4;
}
#page-onebeat.onebeat-v2 .ob-domain::before {
  content:none;
  display:none;
}
#page-onebeat.onebeat-v2 .ob-domain h3 {
  color:var(--onebeat-teal);
}

/* Features are supporting proof peers. Comparison comes from alignment and
 * dividers rather than repeated rounded white shells. */
#page-onebeat.onebeat-v2 .ob-capabilities {
  gap:0;
  border-top:1px solid #d5dde4;
}
#page-onebeat.onebeat-v2 .ob-capability {
  padding:30px 30px 4px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
#page-onebeat.onebeat-v2 .ob-capability:not(:first-child) {
  border-left:1px solid #d5dde4;
}
#page-onebeat.onebeat-v2 .ob-capability::before {
  content:none;
  display:none;
}

@media(max-width:900px) {
  #page-onebeat.onebeat-v2 .ob-domain,
  #page-onebeat.onebeat-v2 .ob-capability {
    padding:24px 0;
  }
  #page-onebeat.onebeat-v2 .ob-domain:not(:first-child),
  #page-onebeat.onebeat-v2 .ob-capability:not(:first-child) {
    border-left:0;
    border-top:1px solid #d5dde4;
  }
}
@media(max-width:760px) {
  #page-onebeat.onebeat-v2 .ob-system__figure,
  #page-onebeat.onebeat-v2 .ob-solution__figure {
    padding:12px;
    border-radius:12px;
  }
}
@media(forced-colors:active) {
  #page-onebeat.onebeat-v2 .ob-system__figure,
  #page-onebeat.onebeat-v2 .ob-solution__figure,
  #page-onebeat.onebeat-v2 .ob-domains,
  #page-onebeat.onebeat-v2 .ob-domain,
  #page-onebeat.onebeat-v2 .ob-capabilities,
  #page-onebeat.onebeat-v2 .ob-capability {
    background:Canvas;
    color:CanvasText;
    box-shadow:none;
    border-color:CanvasText;
  }
}

/* Brand cohesion: section H2 remains on the shared Block scale at every width. */
#page-onebeat.onebeat-v2 .ob-section-head h2 {
  font-size:var(--ob-shell-section-title);
}


/* Mobile diagram lightbox */
#page-onebeat.onebeat-v2 .diagram-scroll img[role="button"]:focus-visible {
  outline:3px solid var(--onebeat-teal);
  outline-offset:4px;
}
.ob-image-lightbox {
  width:100vw;
  height:100dvh;
  max-width:none;
  max-height:none;
  margin:0;
  padding:0;
  border:0;
  background:rgba(8,16,25,.96);
  overflow:hidden;
}
.ob-image-lightbox::backdrop { background:rgba(8,16,25,.96); }
.ob-image-lightbox__stage {
  width:100%;
  height:100%;
  overflow:auto;
  padding:68px 18px 28px;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  touch-action:pan-x pan-y pinch-zoom;
}
.ob-image-lightbox__image {
  display:block;
  width:min(1200px,240vw);
  max-width:none;
  height:auto;
  margin:0 auto;
  border-radius:8px;
  background:#fff;
}
.ob-image-lightbox__close {
  position:fixed;
  z-index:2;
  top:max(14px,env(safe-area-inset-top));
  right:14px;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  padding:0;
  border:1px solid rgba(255,255,255,.48);
  border-radius:999px;
  background:rgba(13,25,38,.78);
  color:#fff;
  font:500 26px/1 system-ui,sans-serif;
  cursor:pointer;
}
.ob-image-lightbox__close:focus-visible {
  outline:3px solid #fff;
  outline-offset:3px;
}