/* Preuves commerciales : elles restent sobres et pointent vers des surfaces vérifiables. */
.yk-proof-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  width: min(820px, calc(100% - 40px));
  margin: 22px auto 0;
}

.yk-proof-links a {
  display: grid;
  gap: 4px;
  min-height: 76px;
  padding: 13px 15px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 10px;
  background: #0d0d0d;
  color: #fff;
  text-align: left;
  text-decoration: none;
  transition: border-color 180ms cubic-bezier(.23,1,.32,1), background-color 180ms ease, transform 180ms cubic-bezier(.23,1,.32,1);
}

.yk-proof-links a:hover,
.yk-proof-links a:focus-visible {
  border-color: rgba(167,139,250,.7);
  background: rgba(124,58,237,.11);
  transform: translateY(-2px);
}

.yk-proof-links strong { font-size: .82rem; }
.yk-proof-links span { color: rgba(255,255,255,.6); font-size: .72rem; line-height: 1.45; }

.hero .cta-row .cta-btn:not(.primary) { background: rgba(255,255,255,.035); }
.hero .hero-desc { max-width: 700px; }

/* Le navigateur peut différer le rendu des sections hors écran sans retirer
   les animations, les textures ou les effets WebGL visibles. */
@supports (content-visibility: auto) {
  main > section:not(.hero),
  .content > section:not(.hero) {
    content-visibility: auto;
    contain-intrinsic-size: auto 820px;
  }
}

html[data-yk-theme="light"] .yk-proof-links a {
  border-color: rgba(0,0,0,.13);
  background: #fff;
  color: #17171a;
}
html[data-yk-theme="light"] .yk-proof-links a:hover,
html[data-yk-theme="light"] .yk-proof-links a:focus-visible { background: rgba(124,58,237,.08); }
html[data-yk-theme="light"] .yk-proof-links span { color: rgba(0,0,0,.62); }

@media (max-width: 720px) {
  .yk-proof-links { grid-template-columns: 1fr; width: 100%; }
  .yk-proof-links a { min-height: 68px; }
}

@media (prefers-reduced-motion: reduce) {
  .yk-proof-links a { transition: none; }
  .yk-proof-links a:hover,
  .yk-proof-links a:focus-visible { transform: none; }
}