/* Additions used by the V2 drafts only. Loaded after the page's own stylesheet. */

/* Two-up service cards: same card component as v1, but the row can flip the visual to the left */
.service-detail-card.flip .sdc-visual { order: -1; }

/* Small mono tag, e.g. CONSULT / AGENT / FOR PEOPLE */
.tag {
  display: inline-block;
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
  font-size: 10px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #2dd4bf;
  border: 1px solid rgba(45, 212, 191, 0.35);
  border-radius: 9999px;
  padding: 3px 9px;
  vertical-align: middle;
}
.tag.warm { color: #fb923c; border-color: rgba(251, 146, 60, 0.4); }
.tag.purple { color: #a78bfa; border-color: rgba(167, 139, 250, 0.4); }

/* "Where to start" rows: a quote on the left, the answer on the right */
.start-list { max-width: 960px; margin: 0 auto; border-top: 1px solid rgba(255, 255, 255, 0.08); }
.start-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  padding: 30px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.start-q {
  font-family: var(--font-head, 'Space Grotesk', sans-serif);
  font-weight: 700;
  font-size: 22px;
  line-height: 1.3;
  color: #f7f8f8;
}
.start-q .q-prefix { color: #2dd4bf; font-family: var(--font-mono, 'JetBrains Mono', monospace); font-weight: 400; margin-right: 10px; }
.start-a { color: #8a8f98; font-size: 15.5px; font-weight: 300; line-height: 1.65; }
.start-a strong { color: #f7f8f8; font-weight: 600; }
.start-a .tag { margin-right: 8px; }

/* Plain list with the > prefix, outside a card */
.v2-list { list-style: none; margin: 0; padding: 0; }
.v2-list li { display: flex; gap: 12px; color: #8a8f98; font-size: 15px; font-weight: 300; line-height: 1.6; margin: 8px 0; }
.v2-list .b-prefix { color: #2dd4bf; font-family: var(--font-mono, 'JetBrains Mono', monospace); flex-shrink: 0; }

/* Three-column plain text blocks (no card chrome) */
.v2-cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.v2-col h3 { font-family: var(--font-head, 'Space Grotesk', sans-serif); font-weight: 700; font-size: 21px; color: #f7f8f8; margin: 0 0 8px; }
.v2-col p { color: #8a8f98; font-size: 15px; font-weight: 300; line-height: 1.6; margin: 0; }
.v2-col .tag { margin-bottom: 12px; }

@media (max-width: 768px) {
  .start-row { grid-template-columns: 1fr; gap: 12px; padding: 22px 0; }
  .start-q { font-size: 19px; }
  .v2-cols { grid-template-columns: 1fr; }
  .service-detail-card.flip .sdc-visual { order: 0; }
}

/* Two-up industry grid (Who We Help V2) */
.industries-grid.two { grid-template-columns: repeat(2, 1fr); margin-bottom: 0; }
.industries-section .section-centered { margin-bottom: 48px; }
@media (max-width: 768px) { .industries-grid.two { grid-template-columns: 1fr; } }

/* Three-up component cards (Pricing V2 consulting formats) */
.components-grid.three { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 960px) { .components-grid.three { grid-template-columns: 1fr; } }

/* Two-column plain text (V3) */
.v2-cols.two { grid-template-columns: repeat(2, 1fr); gap: 48px; }
.v2-col ul { margin-top: 14px; }
.v2-col .start { margin-top: 18px; font-size: 14px; color: #62666d; }
.v2-col .start strong { color: #2dd4bf; font-weight: 500; }
.v2-cols.two .v2-col h3 { font-size: 26px; }
.v2-cols.two .v2-col p { font-size: 16px; }
.v2-narrow { max-width: 760px; margin: 0 auto; }
.v2-lines { list-style: none; margin: 0; padding: 0; max-width: 760px; margin: 0 auto; }
.v2-lines li { display: flex; gap: 14px; align-items: flex-start; padding: 16px 0; border-bottom: 1px solid rgba(255,255,255,0.06); color: #f7f8f8; font-size: 17px; line-height: 1.5; }
.v2-lines li:first-child { border-top: 1px solid rgba(255,255,255,0.06); }
.v2-lines .b-prefix { color: #2dd4bf; font-family: var(--font-mono, 'JetBrains Mono', monospace); padding-top: 2px; }
.v2-lines .tag { margin-left: auto; flex-shrink: 0; align-self: center; }
.v2-lines .sub { display: block; color: #8a8f98; font-size: 14.5px; font-weight: 300; margin-top: 3px; }
.v2-prose { max-width: 720px; margin: 0 auto; }
.v2-prose p { color: #8a8f98; font-size: 17px; font-weight: 300; line-height: 1.7; margin: 0 0 18px; }
.v2-prose p strong { color: #f7f8f8; font-weight: 600; }
.v2-center { text-align: center; }
.v2-price-list { list-style: none; margin: 0 auto; padding: 0; max-width: 820px; }
.v2-price-list li { display: grid; grid-template-columns: 170px 1fr auto; gap: 20px; align-items: baseline; padding: 16px 0; border-bottom: 1px solid rgba(255,255,255,0.06); }
.v2-price-list li:first-child { border-top: 1px solid rgba(255,255,255,0.06); }
.v2-price-list .name { font-family: var(--font-head, 'Space Grotesk', sans-serif); font-weight: 700; font-size: 18px; color: #f7f8f8; }
.v2-price-list .what { color: #8a8f98; font-size: 15px; font-weight: 300; line-height: 1.55; }
.v2-price-list .how { font-family: var(--font-mono, 'JetBrains Mono', monospace); font-size: 12px; color: #2dd4bf; white-space: nowrap; }
.v2-price-list .group { display: block; padding: 34px 0 10px; border: none; font-family: var(--font-mono, 'JetBrains Mono', monospace); font-size: 12px; letter-spacing: 1px; color: #62666d; }
.v2-price-list li.group + li { border-top: 1px solid rgba(255,255,255,0.06); }
@media (max-width: 768px) {
  .v2-cols.two { grid-template-columns: 1fr; }
  .v2-price-list li { grid-template-columns: 1fr; gap: 6px; }
  .v2-lines .tag { margin-left: 0; }
  .v2-lines li { flex-wrap: wrap; }
}
.v2-note { max-width: 600px; margin: 40px auto 0; text-align: center; color: #8a8f98; font-size: 16px; font-weight: 300; }