.trust{position:relative;min-height:100vh;overflow:hidden;display:grid;place-items:center;background:var(--color-bg);padding:var(--space-12) var(--gutter);text-align:center}
.trust__label{position:absolute;left:var(--space-6);top:var(--space-4);z-index:3;font:600 18px/1 system-ui,sans-serif;color:var(--color-white);opacity:.8}
.trust__dots{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.trust__inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--space-12)}
.trust__line{margin:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 .35em;font-family:"Neucha",var(--font-body);font-weight:400;font-size:clamp(2.25rem,4.2vw,3.75rem);line-height:1.1}
.trust__line--small{font-size:clamp(1.5rem,2.2vw,2rem)}
.trust__tag{display:inline-block;padding:0 .3em;background:var(--color-tag);transform:rotate(-2.5deg)}
.trust__brush{display:inline-block;height:1.5em;width:auto;overflow:visible;vertical-align:middle}
.trust__brush--big{height:clamp(6rem,12vw,10rem)}

.trust__facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,4vw,4rem);max-width:68rem;width:100%}
.trust__fact{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}
.trust__num{display:inline-block;padding:.05em .3em;background:var(--color-tag);transform:rotate(-2.5deg);font-family:var(--font-body);font-weight:700;font-size:clamp(3rem,6vw,5rem);line-height:1}
.trust__fact:nth-child(2) .trust__num{transform:rotate(2deg)}
.trust__cap{font-family:var(--font-body);font-weight:700;font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.15}

.brush__ink{fill:none;stroke:var(--color-white);stroke-width:19;stroke-linecap:round;stroke-linejoin:round}
.brush__shadow{fill:none;stroke:var(--color-peach-500);stroke-width:19;stroke-linecap:round;stroke-linejoin:round}

.trust .reveal{opacity:0}
.trust--play .reveal{animation:trust-pop .45s var(--ease-soft) var(--d,0s) forwards}
.trust--play .reveal--fade{animation:trust-fade .3s ease-out var(--d,0s) forwards}
.trust .reveal--pop{display:inline-block;transform-origin:50% 100%}
@keyframes trust-pop{0%{opacity:0;transform:scale(.7)}30%{opacity:1}100%{opacity:1;transform:none}}
@keyframes trust-fade{0%{opacity:0}100%{opacity:1}}
.trust__tag.reveal,.trust__num.reveal{animation-name:trust-tag}
.trust--play .trust__tag.reveal,.trust--play .trust__num.reveal{animation:trust-tag .45s var(--ease-soft) var(--d,0s) forwards}
@keyframes trust-tag{0%{opacity:0;transform:rotate(-2.5deg) scale(.7)}35%{opacity:1}100%{opacity:1;transform:rotate(-2.5deg)}}

@media (prefers-reduced-motion:reduce){
  .trust .reveal{opacity:1}
  .trust--play .reveal{animation:none}
}