/* Supporting pages use the current Black Bag Security v2 chrome and theme. */

.supporting-v2-body .site-main {
  color: var(--bbs-ink, #e6edf5);
  background: linear-gradient(180deg, #0b0f14 0%, #0f1622 48%, #0b0f14 100%);
}

.supporting-v2-body .section {
  position: relative;
  margin: 0;
  padding: 56px 0;
  border-bottom: 1px solid rgba(148,163,184,.16);
  background: transparent;
}

.supporting-v2-body .section:first-child {
  padding-top: 68px;
  background:
    linear-gradient(rgba(148,163,184,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148,163,184,.02) 1px, transparent 1px),
    radial-gradient(circle at 80% 20%, rgba(77,225,255,.075), transparent 25%),
    linear-gradient(145deg, #081018 0%, #0f1622 62%, #0b0f14 100%);
  background-size: 58px 58px, 58px 58px, auto, auto;
}

.supporting-v2-body .section:nth-of-type(even) {
  background: linear-gradient(180deg, #0f1622 0%, #0b0f14 100%);
}

.supporting-v2-body .section__head {
  max-width: 820px;
  margin: 0 0 30px;
}

.supporting-v2-body .section__head h1,
.supporting-v2-body .section__head h2 {
  margin: 0;
  color: var(--bbs-ink, #e6edf5);
  font-weight: 500;
  line-height: 1.02;
  text-transform: none !important;
}

.supporting-v2-body .section__head h1 {
  font-size: clamp(48px, 6vw, 72px);
  letter-spacing: -.055em !important;
}
.supporting-v2-body .section__head h2 {
  font-size: clamp(30px, 3.5vw, 42px);
  letter-spacing: -.04em !important;
}

.supporting-v2-body .section__head p {
  max-width: 70ch;
  margin: 18px 0 0;
  color: var(--bbs-muted-readable, #aeb9c5);
  font-size: 14px;
  line-height: 1.7;
}

.supporting-v2-body .split,
.supporting-v2-body .cap-grid,
.supporting-v2-body .model-grid,
.supporting-v2-body .contact {
  display: grid;
  gap: 12px;
}
.supporting-v2-body .split,
.supporting-v2-body .cap-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.supporting-v2-body .model-grid,
.supporting-v2-body .contact { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.supporting-v2-body .stack,
.supporting-v2-body .cap-card,
.supporting-v2-body .model-card,
.supporting-v2-body .contact__card {
  position: relative;
  overflow: hidden;
  min-width: 0;
  padding: 26px 24px;
  color: var(--bbs-ink, #e6edf5);
  border: 1px solid rgba(148,163,184,.20);
  border-radius: 0;
  background: linear-gradient(145deg, #131e2b 0%, #0b0f14 100%);
  box-shadow: 0 18px 42px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.035);
}

.supporting-v2-body .stack::before,
.supporting-v2-body .cap-card::before,
.supporting-v2-body .model-card::before,
.supporting-v2-body .contact__card::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, rgba(77,225,255,.62), rgba(77,225,255,0) 72%);
  opacity: .42;
}

.supporting-v2-body .stack h3,
.supporting-v2-body .cap-card h3,
.supporting-v2-body .model-card h3,
.supporting-v2-body .contact__card h3 {
  margin: 0 0 12px;
  color: var(--bbs-ink, #e6edf5);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
}

.supporting-v2-body .stack p,
.supporting-v2-body .cap-card p,
.supporting-v2-body .model-card p,
.supporting-v2-body .contact__card p,
.supporting-v2-body .outcomes li {
  color: var(--bbs-muted-readable, #aeb9c5);
  font-size: 12px;
  line-height: 1.62;
}

.supporting-v2-body .stack p + p { margin-top: 14px; }

.supporting-v2-body .outcomes {
  margin: 0;
  padding: 0;
  list-style: none;
}

.supporting-v2-body .outcomes li {
  position: relative;
  margin: 0;
  padding: 9px 0 9px 18px;
  border-top: 1px solid rgba(148,163,184,.10);
}
.supporting-v2-body .outcomes li:first-child { border-top: 0; }
.supporting-v2-body .outcomes li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.2em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(182,255,59,.82);
}

.supporting-v2-body .pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.supporting-v2-body .pill,
.supporting-v2-body .cap-tag {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 7px 11px;
  color: rgba(77,225,255,.90);
  border: 1px solid rgba(77,225,255,.24);
  border-radius: 0;
  background: rgba(16,25,35,.76);
  font-size: 10px;
  font-weight: 650;
  letter-spacing: .025em;
  text-transform: uppercase;
}

.supporting-v2-body a { color: rgba(77,225,255,.92); }
.supporting-v2-body .mono { color: var(--bbs-muted-readable, #aeb9c5); font-size: 11px; }
.supporting-v2-body .mono a { display: inline-flex; align-items: center; gap: 6px; }

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .supporting-v2-body .stack,
  .supporting-v2-body .cap-card,
  .supporting-v2-body .model-card,
  .supporting-v2-body .contact__card {
    transition: transform 190ms cubic-bezier(.2,.8,.2,1), border-color 190ms ease, background 190ms ease, box-shadow 190ms ease;
  }
  .supporting-v2-body .stack:hover,
  .supporting-v2-body .cap-card:hover,
  .supporting-v2-body .model-card:hover,
  .supporting-v2-body .contact__card:hover {
    transform: translateY(-3px);
    border-color: rgba(77,225,255,.34);
    background: linear-gradient(145deg, #172536 0%, #0f1823 100%);
    box-shadow: 0 22px 46px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.045);
  }
}

@media (max-width: 900px) {
  .supporting-v2-body .model-grid,
  .supporting-v2-body .contact { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .supporting-v2-body .section { padding: 44px 0; }
  .supporting-v2-body .section:first-child { padding-top: 48px; }
  .supporting-v2-body .split,
  .supporting-v2-body .cap-grid { grid-template-columns: 1fr; }
  .supporting-v2-body .stack,
  .supporting-v2-body .cap-card,
  .supporting-v2-body .model-card,
  .supporting-v2-body .contact__card { padding: 22px 20px; }
}