/* Copy demo v2: inherit the existing visual system. */
.xnode-demo-label{font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:clamp(26px,3vw,42px);font-weight:600;margin:32px 0 0;line-height:1.15}
#agents>.kicker{margin-bottom:24px}
#agents .agent-intro{font-family:inherit;font-size:clamp(16px,1.25vw,19px);line-height:1.65;max-width:850px;margin:20px 0;color:inherit}
#agents .contrast__grid{margin-top:40px}

/* Copy demo v3 overrides */
.contrast__col li::before{content:"•";left:0.05rem;font-weight:700}
#contact .section__lede{margin-inline:auto;text-align:center}
.marquee .marquee__group i{font-size:18px;line-height:1;vertical-align:middle}
.xnode-feature--nsfw{grid-column:1 / -1;border-color:var(--accent)}
.xnode-feature--nsfw .xnode-feature__tag{color:var(--accent)}
.xnode-feature--nsfw h3{font-size:1.05rem}
@media(min-width:900px){
  #agile .agile__copy{align-self:stretch;justify-content:center}
}

/* Copy demo v4 overrides */
.agent-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4vw,64px);margin-top:clamp(32px,5vw,64px)}
@media(min-width:900px){.agent-capabilities{grid-column:1 / -1}}
@media(max-width:699px){.agent-capabilities{grid-template-columns:1fr}}

/* v5: visible marquee separator dot (was too subtle as a glyph) */
.marquee .marquee__group i{width:8px;height:8px;border-radius:50%;background:#123c4b;transform:translateY(-3px);font-size:0;line-height:0;align-self:center;flex:0 0 auto;color:transparent;vertical-align:middle}
@media(max-width:600px){.marquee .marquee__group i{width:7px;height:7px}}


/* v8: denser agents/agile body copy aligned to the board */
#agile .agile__copy{gap:clamp(18px,2vw,28px)}
#agile .agile__flow-copy{display:grid;gap:14px;margin:2px 0 0}
#agile .agile__flow-item{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:16px;row-gap:4px;padding-top:14px;border-top:1px solid rgba(18,60,75,.24)}
#agile .agile__flow-item span{grid-row:1 / 3;font-family:var(--font-body);font-size:12px;letter-spacing:.08em;color:#123c4b;font-weight:700;padding-top:3px}
#agile .agile__flow-item strong{font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:clamp(18px,1.45vw,24px);line-height:1.1;color:#11191d;font-weight:500}
#agile .agile__flow-item p{margin:0;color:#3f4a44;line-height:1.5}
#agile .agile__note{margin:0;padding-top:16px;border-top:1px solid rgba(18,60,75,.24);color:#2e3d37;font-weight:500}
@media(min-width:900px){#agile .agile__copy{justify-content:space-between}}
@media(max-width:699px){#agile .agile__flow-item{grid-template-columns:34px minmax(0,1fr);column-gap:12px}}

/* v9: mobile-only tightening for preview review */
@media(max-width:699px){
  .marquee .marquee__group{align-items:center}
  .marquee .marquee__group i{width:7px;height:7px;transform:translateY(0)}

  #xnode .section__head{margin-bottom:clamp(28px,8vw,44px)}
  #xnode .xnode-method{margin-bottom:1.5rem}
  #xnode .xnode-switcher{gap:1rem}
  #xnode .xnode-tabs{padding-bottom:.35rem}
  #xnode .xnode-features{
    display:flex;
    grid-template-columns:none;
    gap:12px;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    margin-inline:-20px;
    padding:2px 0 12px;
    scroll-padding-inline:28px;
    -webkit-mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 calc(100% - 72px),transparent 100%);
    mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 calc(100% - 72px),transparent 100%);
  }
  #xnode .xnode-features::before,
  #xnode .xnode-features::after{content:"";flex:0 0 28px}
  #xnode .xnode-features::-webkit-scrollbar{display:none}
  #xnode .xnode-feature,
  #xnode .xnode-feature--nsfw{
    grid-column:auto;
    flex:0 0 min(82vw,340px);
    scroll-snap-align:start;
    min-height:210px;
  }
  #xnode .xnode-closing{margin-top:1rem}

  #journey .timeline{
    display:flex;
    grid-template-columns:none;
    gap:14px;
    margin-left:0;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    padding:2px 0 12px;
    margin-inline:-20px;
    scroll-padding-inline:28px;
    -webkit-mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 calc(100% - 72px),transparent 100%);
    mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 calc(100% - 72px),transparent 100%);
  }
  #journey .timeline::before,
  #journey .timeline::after{content:"";position:static;display:block;flex:0 0 28px;width:auto;height:auto;background:none;transform:none;transition:none}
  #journey .timeline::-webkit-scrollbar{display:none}
  #journey .journey-act{
    flex:0 0 calc(100vw - 48px);
    scroll-snap-align:start;
  }
  #journey .journey-act::before{display:none}
  #journey .journey-act__connector{position:absolute;inset:0;z-index:2;pointer-events:none}
  #journey .journey-node{top:18px;left:14px;width:24px;height:24px;border-radius:5px;transform:scale(1)}
  #journey .journey-stub{display:none}
  #journey .journey-via{display:none}
  #journey .stage{min-height:260px;padding-top:3.4rem}
  #journey .journey-closing{margin-left:0}
}