/* Trust / "work we've produced" components */
.gup-trust { background: #fff; padding: 64px 20px; font-family: Lato, Roboto, Arial, sans-serif; color: #222; }
.gup-trust__inner { max-width: 1180px; margin: 0 auto; text-align: center; }
.gup-trust__eyebrow { display: inline-block; padding: 5px 14px; border-radius: 999px; background: #fdeeee; color: #CA3A3A; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.gup-trust h2 { margin: 14px auto 10px; max-width: 900px; font-size: clamp(1.7rem, 3.4vw, 2.5rem); line-height: 1.2; color: #3E516F; }
.gup-trust__lead { max-width: 820px; margin: 0 auto 22px; color: #556; font-size: 1.06rem; line-height: 1.7; }
.gup-trust__cats { list-style: none; margin: 0 auto 28px; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.gup-trust__cats li { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border: 1px solid #dfe5f0; border-radius: 999px; background: #f8fafc; color: #3E516F; font-weight: 700; font-size: .92rem; }
.gup-trust__cats svg { color: #CA3A3A; }
.gup-trust__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.gup-trust__item { margin: 0; background: #f4f6f8; border: 1px solid #e5e9ee; border-radius: 16px; padding: 14px 14px 12px; transition: transform .18s ease, box-shadow .18s ease; }
.gup-trust__item:hover { transform: translateY(-3px); box-shadow: 0 10px 26px rgba(62, 81, 111, .14); }
.gup-trust__item img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: contain; background: #fff; border-radius: 10px; padding: 10px; }
.gup-trust__item figcaption { margin-top: 10px; font-size: .85rem; font-weight: 700; color: #3E516F; }
.gup-trust__actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin: 28px 0 14px; }
.gup-trust .gup-btn-red, .gup-trust .gup-btn-ghost { display: inline-block; padding: 13px 26px; border-radius: 999px; font-weight: 700; text-decoration: none !important; }
.gup-trust .gup-btn-red { background: #CA3A3A; color: #fff !important; }
.gup-trust .gup-btn-ghost--dark { color: #3E516F !important; border: 1px solid #cfd8ec; background: #fff; }

.gup-ribbon { background: #f4f6f8; border-top: 1px solid #e5e9ee; border-bottom: 1px solid #e5e9ee; font-family: Lato, Roboto, Arial, sans-serif; }
.gup-ribbon__inner { max-width: 1180px; margin: 0 auto; padding: 14px 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; }
.gup-ribbon__text { display: flex; flex-direction: column; gap: 2px; color: #3E516F; }
.gup-ribbon__text strong { font-size: 1rem; }
.gup-ribbon__text a { color: #CA3A3A; font-weight: 700; font-size: .9rem; text-decoration: none; }
.gup-ribbon__thumbs { display: flex; gap: 10px; flex-wrap: wrap; }
.gup-ribbon__thumbs img { width: 64px; height: 64px; object-fit: contain; background: #fff; border: 1px solid #e5e9ee; border-radius: 12px; padding: 5px; }
.gup-article .gup-ribbon { margin: 8px 0 28px; border: 1px solid #e5e9ee; border-radius: 14px; }
.gup-article .gup-ribbon__inner { padding: 14px 18px; }

@media (max-width: 960px) { .gup-trust__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .gup-trust { padding: 44px 16px; } .gup-ribbon__thumbs img { width: 52px; height: 52px; } }