.ar-proof {
  --ar-proof-cyan: #00d4ff;
  --ar-proof-violet: #8b6cff;
  color: #f7f9ff;
  overflow: hidden;
  padding: clamp(72px, 9vw, 120px) 24px;
  position: relative;
}
.ar-proof::before {
  background: radial-gradient(circle at 20% 15%, rgba(96, 68, 214, .2), transparent 34%), radial-gradient(circle at 84% 60%, rgba(0, 212, 255, .11), transparent 30%);
  content: '';
  inset: 0;
  pointer-events: none;
  position: absolute;
}
.ar-proof__inner { margin: 0 auto; max-width: 1240px; position: relative; }
.ar-proof__intro { margin: 0 auto 28px; max-width: 780px; text-align: center; }
.ar-proof__eyebrow { color: var(--ar-proof-cyan); font-size: .72rem; font-weight: 800; letter-spacing: .16em; margin: 0 0 12px; text-transform: uppercase; }
.ar-proof h2 { color: #fff; font-size: clamp(2rem, 4vw, 3.45rem); letter-spacing: -.035em; line-height: 1.05; margin: 0; }
.ar-proof__lede { color: rgba(225,231,248,.74); font-size: clamp(1rem, 1.6vw, 1.15rem); line-height: 1.65; margin: 16px auto 0; max-width: 680px; }
.ar-proof__tabs { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin: 0 auto 18px; }
.ar-proof__tab {
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(144,160,205,.2);
  border-radius: 9px;
  color: rgba(231,236,250,.72);
  cursor: pointer;
  font: inherit;
  font-size: .82rem;
  font-weight: 700;
  min-height: 42px;
  padding: 9px 14px;
  transition: background .16s ease, border-color .16s ease, color .16s ease;
}
.ar-proof__tab:hover { border-color: rgba(0,212,255,.4); color: #fff; }
.ar-proof__tab[aria-selected="true"] { background: rgba(124,92,255,.15); border-color: var(--ar-proof-violet); box-shadow: inset 0 0 0 1px rgba(139,108,255,.12); color: #fff; }
.ar-proof__tab:focus-visible { outline: 3px solid rgba(0,212,255,.3); outline-offset: 3px; }
.ar-proof__media {
  background: linear-gradient(155deg, rgba(18,22,43,.96), rgba(7,10,22,.98));
  border: 1px solid rgba(132,151,201,.24);
  border-radius: 18px;
  box-shadow: 0 32px 100px rgba(0,0,0,.42), 0 0 60px rgba(65,44,151,.12);
  margin: 0;
  overflow: hidden;
}
.ar-proof__chrome { align-items: center; background: rgba(14,18,35,.98); border-bottom: 1px solid rgba(132,151,201,.18); display: flex; gap: 8px; padding: 12px 15px; }
.ar-proof__dots { display: flex; gap: 6px; }
.ar-proof__dots i { background: rgba(255,255,255,.18); border-radius: 50%; display: block; height: 7px; width: 7px; }
.ar-proof__chrome-label { color: rgba(210,220,244,.62); font-size: .72rem; font-weight: 650; margin-left: 4px; }
.ar-proof__picture { aspect-ratio: 16 / 9; background: #080b18; display: block; }
.ar-proof__picture img { display: block; height: 100%; object-fit: cover; width: 100%; }
.ar-proof figcaption { align-items: center; color: rgba(218,226,245,.72); display: flex; font-size: .8rem; gap: 9px; line-height: 1.5; padding: 13px 16px 14px; }
.ar-proof figcaption::before { background: #44dcb1; border-radius: 50%; box-shadow: 0 0 12px rgba(68,220,177,.5); content: ''; flex: 0 0 7px; height: 7px; width: 7px; }
@media (max-width: 700px) {
  .ar-proof { padding-inline: 16px; }
  .ar-proof__tab { flex: 1 1 140px; }
  .ar-proof__picture { aspect-ratio: 4 / 3; }
  .ar-proof__picture img { object-position: center top; }
}
@media (prefers-reduced-motion: reduce) { .ar-proof__tab { transition: none; } }