.yd-proof { position: relative; z-index: 5; margin-top: 0; padding: 24px 0; background: var(--yd-warm); }
.yd-proof__grid { position: relative; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); overflow: hidden; background: transparent; border: 0; }
.yd-proof__grid::before { content: ""; position: absolute; z-index: 3; top: 0; left: 0; width: 100px; height: 2px; pointer-events: none; opacity: 0; background: linear-gradient(90deg, transparent, rgba(0,0,0,.28), transparent); transform: translateX(-110px); }
.yd-proof__item { position: relative; min-width: 0; display: grid; grid-template-columns: 42px minmax(0, 1fr); align-items: center; gap: 16px; min-height: 128px; padding: 28px 24px; border-right: 1px solid rgba(0,0,0,.12); background: #fff; transition: background-color .3s cubic-bezier(.22,1,.36,1); }
.yd-proof__item::before { content: ""; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 2px; background: #202020; transform: scaleX(0); transform-origin: left center; transition: transform .3s cubic-bezier(.22,1,.36,1); }
.yd-proof__item:last-child { border-right: 0; }
.yd-proof__item:first-child { grid-template-columns: 64px minmax(0, 1fr); }
.yd-proof__item:first-child .yd-proof__icon { width: 58px; }
.yd-proof__icon { position: relative; width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; color: #2c2c2c; transition: transform .3s cubic-bezier(.22,1,.36,1); }
.yd-proof__copy { transition: transform .3s cubic-bezier(.22,1,.36,1); }
.yd-proof__icon strong { position: relative; display: inline-flex; align-items: baseline; color: var(--yd-forest); font-size: 30px; line-height: 1; letter-spacing: -.06em; transition: transform .3s cubic-bezier(.22,1,.36,1); }
.yd-proof__suffix { opacity: 1; transition: opacity .28s ease 100ms; }
.yd-proof__icon strong.is-number-complete { animation: yd-proof-number-settle .34s cubic-bezier(.22,1,.36,1); }
.yd-proof__icon strong.is-number-complete .yd-proof__suffix { opacity: 1; }
.yd-proof__icon--experience::after { content: ""; position: absolute; left: 0; bottom: -8px; width: 30px; height: 2px; background: var(--yd-forest); transform: scaleX(0); transform-origin: left; transition: transform .3s cubic-bezier(.22,1,.36,1); }
.yd-proof__svg { width: 32px; height: 32px; overflow: visible; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: square; stroke-linejoin: miter; }
.yd-proof__grid-frame { stroke-dasharray: 88; stroke-dashoffset: 0; }
.yd-proof__grid-line, .yd-proof__custom { stroke-dasharray: 44; stroke-dashoffset: 0; }
.yd-proof__check { stroke-width: 2.6; stroke-linecap: square; stroke-dasharray: 35; stroke-dashoffset: 0; }
.yd-proof__supply-dot { fill: currentColor; stroke: none; opacity: 1; }
.yd-proof__supply-ring { transform-box: fill-box; transform-origin: center; transform: scale(1); opacity: 1; }
.yd-proof__supply-pulse { transform-box: fill-box; transform-origin: center; opacity: 0; }
.yd-proof h2 { margin: 0 0 4px; color: var(--yd-ink); font-size: 15px; line-height: 1.25; }
.yd-proof p { margin: 0; color: var(--yd-muted); font-family: var(--yd-sans); font-size: 15px; line-height: 1.45; }

.yd-proof-motion-ready .yd-proof__grid { opacity: 0; transition: opacity .42s ease; }
.yd-proof-motion-ready .yd-proof__item { opacity: 0; transform: translate3d(0,24px,0); transition: opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1), background-color .3s cubic-bezier(.22,1,.36,1); transition-delay: calc(var(--yd-order,0) * 90ms); }
.yd-proof-motion-ready .yd-proof__suffix { opacity: 0; }
.yd-proof-motion-ready .yd-proof:not(.is-proof-entered) .yd-proof__grid-frame { stroke-dashoffset: 88; }
.yd-proof-motion-ready .yd-proof:not(.is-proof-entered) .yd-proof__grid-line, .yd-proof-motion-ready .yd-proof:not(.is-proof-entered) .yd-proof__custom { stroke-dashoffset: 44; }
.yd-proof-motion-ready .yd-proof:not(.is-proof-entered) .yd-proof__check { stroke-dashoffset: 35; }
.yd-proof-motion-ready .yd-proof:not(.is-proof-entered) .yd-proof__supply-dot { opacity: 0; }
.yd-proof-motion-ready .yd-proof:not(.is-proof-entered) .yd-proof__supply-ring { opacity: 0; transform: scale(.4); }
.yd-proof-motion-ready .yd-proof.is-proof-entered .yd-proof__grid { opacity: 1; }
.yd-proof-motion-ready .yd-proof.is-proof-entered .yd-proof__item { opacity: 1; transform: translate3d(0,0,0); }
.yd-proof.is-proof-entered .yd-proof__grid::before { animation: yd-proof-scan 1.05s cubic-bezier(.22,1,.36,1) .08s both; }
.yd-proof.is-proof-entered .yd-proof__grid-frame { animation: yd-proof-draw .6s cubic-bezier(.22,1,.36,1) .18s forwards; }
.yd-proof.is-proof-entered .yd-proof__grid-line--h { animation: yd-proof-draw .44s cubic-bezier(.22,1,.36,1) .34s forwards; }
.yd-proof.is-proof-entered .yd-proof__grid-line--v { animation: yd-proof-draw .44s cubic-bezier(.22,1,.36,1) .46s forwards; }
.yd-proof.is-proof-entered .yd-proof__custom { animation: yd-proof-draw .52s cubic-bezier(.22,1,.36,1) .5s forwards; }
.yd-proof.is-proof-entered .yd-proof__check { animation: yd-proof-draw .52s cubic-bezier(.22,1,.36,1) .42s forwards, yd-proof-icon-settle .28s cubic-bezier(.22,1,.36,1) .92s; }
.yd-proof.is-proof-entered .yd-proof__supply-dot { animation: yd-proof-fade .24s ease .54s forwards; }
.yd-proof.is-proof-entered .yd-proof__supply-ring { animation: yd-proof-ring-in .48s cubic-bezier(.22,1,.36,1) .62s forwards; }
.yd-proof.is-proof-entered .yd-proof__supply-pulse { animation: yd-proof-ripple .65s ease-out 1.02s; }

@media (hover:hover) and (pointer:fine) {
  .yd-proof__item:hover { background: #ededeb; }
  .yd-proof__item:hover::before { transform: scaleX(1); }
  .yd-proof__item:hover .yd-proof__icon { transform: translateY(-3px) scale(1.08); }
  .yd-proof__item:hover .yd-proof__copy { transform: translateY(-2px); }
  .yd-proof__item:hover .yd-proof__icon strong { transform: scale(1.04); }
  .yd-proof__item:hover .yd-proof__icon--experience::after { transform: scaleX(1); }
  .yd-proof__item.is-hover-pulse .yd-proof__grid-line { animation: yd-proof-grid-hover .34s cubic-bezier(.22,1,.36,1); }
  .yd-proof__item.is-hover-pulse .yd-proof__check { animation: yd-proof-check-hover .38s cubic-bezier(.22,1,.36,1); }
  .yd-proof__item.is-hover-pulse .yd-proof__supply-pulse { animation: yd-proof-ripple .58s ease-out; }
}

@keyframes yd-proof-scan { 0% { opacity: 0; transform: translateX(-110px); } 15% { opacity: .35; } 85% { opacity: .35; } 100% { opacity: 0; transform: translateX(calc(100vw + 110px)); } }
@keyframes yd-proof-draw { to { stroke-dashoffset: 0; } }
@keyframes yd-proof-fade { to { opacity: 1; } }
@keyframes yd-proof-ring-in { 0% { opacity: 0; transform: scale(.4); } 100% { opacity: 1; transform: scale(1); } }
@keyframes yd-proof-ripple { 0% { opacity: .3; transform: scale(.65); } 100% { opacity: 0; transform: scale(1.65); } }
@keyframes yd-proof-number-settle { 0% { transform: scale(1); } 55% { transform: scale(1.05); } 100% { transform: scale(1); } }
@keyframes yd-proof-icon-settle { 0% { transform: scale(1); } 55% { transform: scale(1.08); } 100% { transform: scale(1); } }
@keyframes yd-proof-grid-hover { 0% { stroke-dashoffset: 0; opacity: 1; } 45% { stroke-dashoffset: -16; opacity: .35; } 100% { stroke-dashoffset: -44; opacity: 1; } }
@keyframes yd-proof-check-hover { 0% { stroke-dashoffset: 0; } 45% { stroke-dashoffset: 35; } 100% { stroke-dashoffset: 0; } }

@media (max-width:1100px) { .yd-proof__grid { grid-template-columns: repeat(3,1fr); } .yd-proof__item:nth-child(3n) { border-right: 0; } }
@media (max-width:900px) { .yd-proof { margin-top: 0; } .yd-proof__grid { grid-template-columns: repeat(2,1fr); border-width: 0 0 1px; } .yd-proof__item { border-bottom: 1px solid var(--yd-line); } .yd-proof__item:nth-child(3n) { border-right: 1px solid var(--yd-line); } .yd-proof__item:nth-child(2n) { border-right: 0; } }
@media (max-width:480px) { .yd-proof__grid { grid-template-columns: 1fr; } .yd-proof__item { min-height: 0; border-right: 0; } }
@media (prefers-reduced-motion:reduce) { .yd-proof-motion-ready .yd-proof__grid, .yd-proof-motion-ready .yd-proof__item { opacity: 1; transform: none; transition: opacity .2s ease; } .yd-proof__grid::before { display: none; } .yd-proof__grid-frame, .yd-proof__grid-line, .yd-proof__check { stroke-dashoffset: 0; animation: none !important; } .yd-proof__supply-dot, .yd-proof__supply-ring { opacity: 1; transform: none; animation: none !important; } .yd-proof__supply-pulse { display: none; } .yd-proof__suffix { opacity: 1; transition: none; } }
.block-editor-page .yd-proof__grid, .acf-block-preview .yd-proof__grid, .block-editor-page .yd-proof__item, .acf-block-preview .yd-proof__item { opacity: 1; transform: none; }
.block-editor-page .yd-proof__grid-frame, .block-editor-page .yd-proof__grid-line, .block-editor-page .yd-proof__custom, .block-editor-page .yd-proof__check, .acf-block-preview .yd-proof__grid-frame, .acf-block-preview .yd-proof__grid-line, .acf-block-preview .yd-proof__custom, .acf-block-preview .yd-proof__check { stroke-dashoffset: 0; }
.block-editor-page .yd-proof__supply-dot, .block-editor-page .yd-proof__supply-ring, .acf-block-preview .yd-proof__supply-dot, .acf-block-preview .yd-proof__supply-ring { opacity: 1; transform: none; }
.block-editor-page .yd-proof__suffix, .acf-block-preview .yd-proof__suffix { opacity: 1; }

/* Customer reference icon system: five large green industrial line drawings. */
.yd-proof__item { grid-template-columns: 1fr; grid-template-rows: 48px auto; align-content: start; justify-items: center; gap: 12px; min-height: 140px; padding: 8px 20px; text-align: center; background: transparent; }
.yd-proof__item:first-child { grid-template-columns: 1fr; }
.yd-proof__item:first-child .yd-proof__icon, .yd-proof__icon { width: 48px; height: 48px; color: var(--yd-forest); }
.yd-proof__art { display: block; width: 100%; height: 100%; overflow: visible; }
.yd-proof__custom-icon { display: block; width: 100%; height: 100%; object-fit: contain; }
.yd-proof__badge-bg { fill: none; stroke: none; }
.yd-proof__badge-soft { fill: none; opacity: .9; }
.yd-proof__badge-fill { fill: currentColor; stroke: none; }
.yd-proof__art-fill { fill: currentColor; stroke: none; }
.yd-proof__pin { fill: currentColor; stroke: var(--yd-white); stroke-width: 2.5; }
.yd-proof__factory-mark { fill: none; stroke: var(--yd-white); stroke-width: 2.3; stroke-linecap: round; stroke-linejoin: round; }
.yd-proof__icon--experience strong { position: absolute; inset: 18px 0 auto; width: 100%; height: 20px; display: flex; align-items: center; justify-content: center; color: var(--yd-ink); font-family: var(--yd-display); font-size: 12px; font-weight: 700; letter-spacing: -.06em; }
.yd-proof__icon--experience::after { display: none; }
.yd-proof h2 { margin-bottom: 6px; color: #202020; font-family: var(--yd-display); font-size: clamp(16px,1.15vw,18px); font-weight: 700; line-height: 1.15; }
.yd-proof p { color: #5e5e5e; font-family: var(--yd-sans); font-size: 14px; line-height: 1.4; }
.yd-proof-motion-ready .yd-proof:not(.is-proof-entered) .yd-proof__art-line { stroke-dasharray: 190; stroke-dashoffset: 190; }
.yd-proof.is-proof-entered .yd-proof__art-line { animation: yd-proof-reference-draw .82s cubic-bezier(.22,1,.36,1) forwards; }
.yd-proof.is-proof-entered .yd-proof__item:nth-child(2) .yd-proof__art-line { animation-delay: .09s; }
.yd-proof.is-proof-entered .yd-proof__item:nth-child(3) .yd-proof__art-line { animation-delay: .18s; }
.yd-proof.is-proof-entered .yd-proof__item:nth-child(4) .yd-proof__art-line { animation-delay: .27s; }
.yd-proof.is-proof-entered .yd-proof__item:nth-child(5) .yd-proof__art-line { animation-delay: .36s; }
@keyframes yd-proof-reference-draw { to { stroke-dashoffset: 0; } }
@media (max-width:1100px) { .yd-proof__item { min-height: 140px; } }
@media (max-width:600px) { .yd-proof__grid { grid-template-columns: 1fr; } .yd-proof__item, .yd-proof__item:first-child { grid-template-columns: 48px 1fr; grid-template-rows: auto; align-content: center; justify-items: start; min-height: 96px; padding: 20px 0; border-right: 0; text-align: left; } .yd-proof h2 { font-size: 18px; } }
@media (prefers-reduced-motion:reduce) { .yd-proof-motion-ready .yd-proof .yd-proof__art-line { stroke-dasharray: none; stroke-dashoffset: 0; animation: none; } }
.block-editor-page .yd-proof__art-line, .acf-block-preview .yd-proof__art-line { stroke-dasharray: none; stroke-dashoffset: 0; animation: none; }
/* Shared linear icon weight, independent of SVG viewBox size. */
.yd-proof__art :is(path,rect,circle,ellipse,polyline,line,polygon) { fill: none; stroke: currentColor; stroke-width: var(--yd-icon-stroke); stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.yd-proof__art .yd-proof__badge-bg { display: none; }