.references-page { padding-top: 64px; }
.references-heading { margin-bottom: 36px; }
.references-heading h1 { margin: 0; color: #10233d; font-family: Manrope, sans-serif; font-size: clamp(2.25rem, 5vw, 3.6rem); line-height: 1.08; letter-spacing: -.045em; }
.reference-logo-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin: 30px 0 44px; }
.reference-logo-card { min-width: 0; min-height: 170px; padding: 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; background: #fff; border: 1px solid #e0e9f1; border-radius: 18px; box-shadow: 0 12px 32px rgba(12, 35, 61, .045); transition: transform .2s ease, box-shadow .2s ease; }
.reference-logo-card:hover { transform: translateY(-3px); box-shadow: 0 18px 38px rgba(12, 35, 61, .09); }
.reference-logo-link { width: 100%; min-height: 96px; display: flex; align-items: center; justify-content: center; }
.reference-logo-card img { display: block; max-width: 100%; width: auto; height: auto; max-height: 100px; object-fit: contain; }
.reference-logo-card h2 { margin: 0; color: #23364d; font-size: 14px; font-weight: 600; text-align: center; overflow-wrap: anywhere; }
.reference-empty { margin: 24px 0 44px; padding: 32px; border: 1px dashed #cbd9e7; border-radius: 18px; background: #f7fafc; }
.reference-empty h2 { margin: 0 0 10px; color: #10233d; font-size: 20px; }
.reference-empty p { margin: 0; color: #60738a; line-height: 1.7; }
@media (max-width: 900px) { .reference-logo-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 620px) { .references-page { padding-top: 40px; } .reference-logo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 24px; } .reference-logo-card { min-height: 140px; padding: 16px 12px; border-radius: 14px; } .reference-logo-link { min-height: 80px; } .reference-logo-card img { max-height: 80px; } .reference-empty { padding: 22px; } }