/* Quiet metric cards; detail is a deliberate click away on every device. */
.experience-proof { padding:25px 0 18px; }
.proof-heading { display:flex; justify-content:space-between; align-items:baseline; gap:12px; margin-bottom:24px; }
.proof-intro { font-size:14px; font-weight:550; color:var(--ink); }
.proof-hint,.proof-attribution { font-size:11px; color:var(--ink-soft); }
.experience-grid { gap:12px; }
button.experience-stat { position:relative; display:flex; flex-direction:column; align-items:flex-start; min-width:0; min-height:153px; padding:20px 22px; border:1px solid transparent; border-radius:18px; background:var(--bg-2); color:var(--ink); text-align:left; transition:background .2s,border-color .2s,transform .2s; }
button.experience-stat:last-child,button.experience-stat:nth-child(2) { border:1px solid transparent; }
button.experience-stat .experience-number { display:block; font-size:36px; font-variant-numeric:tabular-nums; }
button.experience-stat .experience-label { max-width:100%; padding-right:22px; color:var(--ink-dim); font-size:12px; line-height:1.5; }
/* Draw the plus geometrically so its center is independent of font metrics. */
.proof-plus { position:absolute; right:16px; bottom:16px; width:27px; height:27px; border-radius:50%; background:white; color:var(--ink-dim); transition:background .2s,color .2s,transform .2s; }
.proof-plus::before,.proof-plus::after { content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:1px; background:currentColor; }
.proof-plus::before { width:13px; height:1.5px; }
.proof-plus::after { width:1.5px; height:13px; }
.proof-attribution { margin-top:16px; }
@media (hover:hover) and (pointer:fine) {
  button.experience-stat:hover { background:#edf2ef; border-color:#d7e3dc; transform:translateY(-3px); }
  button.experience-stat:hover .proof-plus { background:var(--ink); color:white; transform:rotate(90deg); }
}
body.proof-open { overflow:hidden; }
.proof-dialog { position:fixed; inset:0; width:min(800px,calc(100% - 40px)); max-width:none; max-height:calc(100dvh - 64px); margin:auto; padding:0; border:1px solid #ffffff80; border-radius:28px; background:white; color:var(--ink); overscroll-behavior:contain; box-shadow:0 30px 100px #14251e26; }
.proof-dialog::backdrop { background:#15251c66; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); }
.proof-dialog[open] { animation:proof-appear .22s var(--ease); }
.proof-close { position:sticky; z-index:1; top:18px; display:grid; place-items:center; margin:18px 18px -54px auto; width:38px; height:38px; padding:0; border:0; border-radius:50%; background:#eef1ef; color:var(--ink); font-size:27px; line-height:1; }
.proof-close:hover { background:#dfe7e2; }
.proof-content { padding:48px; }
.proof-eyebrow { padding-right:35px; font-size:12px; letter-spacing:.04em; color:var(--accent); font-weight:600; margin-bottom:18px; }
.proof-dialog h2 { max-width:610px; font-size:clamp(30px,4vw,44px); line-height:1.08; letter-spacing:-.045em; }
.proof-lead { margin-top:20px; font-size:16px; line-height:1.65; }
.proof-facts { display:flex; flex-wrap:wrap; gap:8px; list-style:none; padding:0; margin:24px 0 30px; }
.proof-facts li { padding:7px 11px; background:var(--bg-2); border-radius:999px; color:var(--ink-dim); font-size:11px; }
.proof-blocks { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.proof-block { min-width:0; padding-top:18px; border-top:1px solid var(--line); }
.proof-block h3 { font-size:16px; line-height:1.35; letter-spacing:-.015em; margin-bottom:10px; }
.proof-block p { font-size:13px; line-height:1.75; }
.proof-note { margin-top:30px; padding-top:18px; border-top:1px solid var(--line); font-size:11px; line-height:1.7; color:var(--ink-soft); }
@keyframes proof-appear { from { opacity:0; transform:translateY(10px) scale(.99); } to { opacity:1; transform:none; } }
@media (max-width:600px) {
  .proof-heading { display:block; }
  .proof-hint { display:block; margin-top:5px; }
  .experience-grid { gap:10px; }
  button.experience-stat { padding:18px 16px; min-height:154px; border-radius:15px; }
  button.experience-stat .experience-number { font-size:30px; }
  button.experience-stat .experience-label { padding-right:0; padding-bottom:24px; font-size:11px; }
  .proof-plus { right:12px; bottom:12px; width:25px; height:25px; }
  .proof-attribution { max-width:290px; line-height:1.6; }
  .proof-dialog { width:calc(100% - 20px); max-height:calc(100dvh - 24px); border-radius:22px; }
  .proof-content { padding:32px 24px; }
  .proof-eyebrow { max-width:240px; font-size:11px; }
  .proof-lead { font-size:14px; }
  .proof-blocks { grid-template-columns:1fr; gap:22px; }
  .proof-facts { margin:22px 0; }
}
@media (prefers-reduced-motion:reduce) {
  .proof-dialog[open] { animation:none; }
  button.experience-stat,.proof-plus { transition:none; }
}