.yy-values-source { display: none !important; }
.yy-values { position: relative; z-index: 10; padding: 88px 24px 108px; color: var(--foreground); }
.yy-values-inner { max-width: 1152px; margin: 0 auto; }
.yy-values-label { margin: 0 0 42px; font-size: 13px; color: var(--muted-foreground); letter-spacing: .08em; text-align: center; }
.yy-values-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 48px; }
.yy-value { text-align: center; }
.yy-value-circle { width: 220px; height: 220px; margin: 0 auto 30px; border-radius: 50%; background: color-mix(in oklab, var(--muted) 45%, var(--background)); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; }
.yy-value-circle svg { color: var(--muted-foreground); }
.yy-value h2 { margin: 0; font-size: clamp(30px,2.7vw,40px); line-height: 1.2; letter-spacing: -.03em; font-weight: 700; }
.yy-value h3 { margin: 0 0 12px; font-size: 17px; line-height: 1.5; font-weight: 600; }
.yy-value p { max-width: 320px; margin: 0 auto; font-size: 15px; line-height: 1.9; color: var(--muted-foreground); }
@media(max-width:767px) {
  .yy-values { padding: 56px 24px 68px; }
  .yy-values-grid { grid-template-columns: 1fr; gap: 52px; }
  .yy-value-circle { width: 200px; height: 200px; margin-bottom: 24px; }
}