/* v2-tours.css — /tours page styles only.
   Ported from team-july2026-multipager/tours.html's inline <style>.
   Shared foundation (tokens, typography, buttons, .reveal, page ground)
   is v2-base.css, which loads first.
   Any rule below prefixed `body.v2` targets an element that also carries
   .container; global.css's `.container{padding:0 1.5rem}` (bundled later,
   equal specificity) would otherwise zero its padding-top.
*/
/* ═══════════════════════════════════════════════════════════════
     Tours — take the rollout to the road. Story: the campaign becomes a
     run of shows → one workspace for the whole run (signature: the tour
     board) → every side of touring → the same brain, now on the road →
     free. Product-UI panels dark-locked (.ui-dark).
     ═══════════════════════════════════════════════════════════════ */
  .phero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:7rem;padding-bottom:3rem}
  .phero .h1{font-size:clamp(2.9rem,7vw,5.8rem)}
  .phero__free{margin-top:1.4rem;display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-mono);font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
  .phero__free i{width:6px;height:6px;border-radius:50%;background:var(--lime);flex:none}

  .rw{border:1px solid var(--line);border-radius:20px;background:var(--ink-2);overflow:clip;box-shadow:0 34px 80px var(--shadow)}
  .rw__bar{display:flex;align-items:center;gap:.55rem;padding:.85rem 1.15rem;border-bottom:1px solid var(--line-2);font-family:var(--font-mono);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--bone-dim)}
  .rw__bar .mk{width:20px;height:20px;border-radius:6px;background:var(--ink-3);border:1px solid var(--line);display:grid;place-items:center;flex:none}
  .rw__bar .mk img{width:11px}
  .rw__bar i{font-style:normal;color:var(--bone-faint)}
  .rw__bar .pl{margin-left:auto;display:inline-flex;align-items:center;gap:.4em;color:var(--signal)}
  .rw__bar .pl b{width:6px;height:6px;border-radius:50%;background:var(--signal);display:inline-block}

  .split{display:grid;gap:clamp(2rem,5vw,5rem);align-items:center;grid-template-columns:1fr}
  @media(min-width:900px){.split{grid-template-columns:1.02fr 1fr}}
  .split--rev .split__copy{order:2}
  .split__copy h2{margin-bottom:1.1rem}

  /* ═══ SIGNATURE — the tour board ═══ */
  .board{display:grid;gap:clamp(2rem,5vw,4rem);align-items:start;grid-template-columns:1fr}
  @media(min-width:960px){.board{grid-template-columns:.82fr 1.18fr}}
  .board__copy{position:sticky;top:8rem}
  .board__copy h2{margin-bottom:1.1rem}
  .tour__head{padding:1.3rem 1.4rem 1.2rem;border-bottom:1px solid var(--line-2)}
  .tour__status{font-family:var(--font-mono);font-size:.56rem;letter-spacing:.16em;text-transform:uppercase;color:var(--signal);display:inline-flex;align-items:center;gap:.5em;margin-bottom:.6rem}
  .tour__status b{width:6px;height:6px;border-radius:50%;background:var(--signal);display:inline-block}
  .tour__title{font-family:var(--font-display);font-weight:330;letter-spacing:-.02em;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1;color:var(--bone)}
  .tour__title em{font-family:var(--font-serif);font-style:italic}
  .tour__dates{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.04em;color:var(--bone-dim);margin-top:.55rem}
  .tmetrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-2)}
  @media(min-width:560px){.tmetrics{grid-template-columns:repeat(6,1fr)}}
  .tmetric{padding:.95rem 1rem;border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
  .tmetric b{display:block;font-family:var(--font-display);font-weight:440;font-size:1.15rem;letter-spacing:-.02em;color:var(--bone);font-variant-numeric:tabular-nums}
  .tmetric b.acc{color:var(--accent)}
  .tmetric span{font-family:var(--font-mono);font-size:.5rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bone-faint)}
  .tbtns{display:flex;flex-wrap:wrap;gap:.55rem;padding:1.1rem 1.4rem}
  .tbtn{display:inline-flex;align-items:center;gap:.45rem;font-size:.78rem;font-weight:520;color:var(--bone-dim);border:1px solid var(--line);border-radius:99px;padding:.5rem .95rem}
  .tbtn.on{background:var(--bone);color:var(--ink);border-color:transparent;font-weight:600}
  .tbtn svg{width:.85rem;height:.85rem}
  .troute{padding:.4rem 1.4rem 1.3rem}
  .troute__lab{font-family:var(--font-mono);font-size:.54rem;letter-spacing:.16em;text-transform:uppercase;color:var(--bone-faint);padding:.6rem 0 .4rem}
  .trow{display:grid;grid-template-columns:auto 1fr auto;gap:.9rem;align-items:center;padding:.62rem 0;border-top:1px solid var(--line-2);
    opacity:0;transform:translateX(-10px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
  .trow.in{opacity:1;transform:none}
  .trow .d{font-family:var(--font-mono);font-size:.64rem;color:var(--bone-faint);white-space:nowrap}
  .trow .c{font-size:.88rem;color:var(--bone)}
  .trow .c u{text-decoration:none;color:var(--bone-faint);font-size:.82em;display:block}
  .trow .st{font-family:var(--font-mono);font-size:.54rem;letter-spacing:.12em;text-transform:uppercase;padding:.3em .7em;border-radius:99px;white-space:nowrap}
  .trow .st.c1{color:var(--accent);border:1px solid var(--line)}
  .trow .st.c2{color:var(--signal);border:1px solid rgba(245,96,2,.5)}
  .trow .st.c3{color:var(--bone-faint);border:1px solid var(--line-2)}

  /* facets */
  .facets{display:grid;gap:1rem;grid-template-columns:1fr}
  @media(min-width:640px){.facets{grid-template-columns:1fr 1fr}}
  @media(min-width:1000px){.facets{grid-template-columns:repeat(3,1fr)}}
  .facet{border:1px solid var(--line);border-radius:16px;background:var(--ink-2);padding:1.4rem 1.4rem 1.5rem;transition:transform .5s var(--ease),border-color .5s}
  .facet:hover{transform:translateY(-4px);border-color:var(--bone-faint)}
  .facet__ic{width:2.4rem;height:2.4rem;border-radius:11px;background:var(--ink-3);border:1px solid var(--line);display:grid;place-items:center;color:var(--accent);margin-bottom:1rem}
  .facet__ic svg{width:1.15rem;height:1.15rem}
  .facet h3{font-family:var(--font-display);font-weight:500;font-size:1.14rem;letter-spacing:-.01em;color:var(--bone);margin-bottom:.4rem}
  .facet p{color:var(--bone-dim);font-size:.9rem;line-height:1.55}

  /* ecosystem */
  .eco{border:1px solid var(--line);border-radius:24px;background:var(--ink-2);overflow:clip;position:relative}
  .eco::before{content:'';position:absolute;left:50%;top:-30%;width:120%;height:90%;transform:translateX(-50%);background:radial-gradient(ellipse 44% 60% at 50% 0%,var(--bloom),transparent 70%);pointer-events:none}
  .eco__in{position:relative;padding:clamp(2.2rem,5vw,3.6rem);display:grid;gap:clamp(1.8rem,4vw,3rem);grid-template-columns:1fr}
  @media(min-width:900px){.eco__in{grid-template-columns:1fr 1fr}}
  .eco__copy h2{margin-bottom:1.1rem}
  .eco__links{display:flex;flex-direction:column;gap:.7rem;align-self:center}
  .eco__link{display:flex;align-items:center;gap:1rem;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:14px;background:var(--ink);color:var(--bone);transition:border-color .3s,transform .3s}
  .eco__link:hover{border-color:var(--bone-faint);transform:translateX(4px)}
  .eco__link .ic{width:2.1rem;height:2.1rem;border-radius:9px;background:var(--ink-3);border:1px solid var(--line);display:grid;place-items:center;color:var(--accent);flex:none}
  .eco__link .ic svg{width:1.05rem;height:1.05rem}
  .eco__link b{font-weight:560;font-size:.98rem;display:block}
  .eco__link span{font-size:.82rem;color:var(--bone-dim)}
  .eco__link .arr{margin-left:auto;color:var(--bone-faint);transition:transform .3s,color .3s}
  .eco__link:hover .arr{transform:translateX(3px);color:var(--accent)}

  /* ── responsive: single column below the split breakpoint ── */
  @media(max-width:959px){
    .board__copy{position:static}                      /* no sticky overlap when stacked */
    .split--rev .split__copy{order:0}                  /* copy leads on mobile */
  }
  @media(max-width:400px){
    .tmetric b{font-size:1.02rem}
    .tmetric{padding:.8rem .7rem}
  }