/* Full certificate collection: scrolling titles and a persistent preview. */
#awards { padding-top: clamp(120px, 9vw, 180px) !important; }
#awards h2 { font-size: clamp(46px, 3.7vw, 70px) !important; line-height: 1.08 !important; }
#awards .awards-list { padding-bottom: 8vw; }
#awards .certificate-row { position: relative; min-height: 160px; padding: 42px 0 36px; cursor: pointer; }
#awards .certificate-row h3 { font-size: clamp(23px, 1.85vw, 36px); line-height: 1.2; font-weight: 400; max-width: 95%; transition: color .3s ease; }
#awards .certificate-row p { margin-top: 14px; color: #858985; font-size: clamp(13px, 1.05vw, 20px); line-height: 1.35; letter-spacing: .02em; }
#awards .image-container { margin-top: clamp(130px, 10vw, 200px) !important; }
#awards .image-container > div { aspect-ratio: 1.42 !important; }
#awards .image-container img { display: block; width: 100%; height: 100%; object-fit: contain !important; }
#awards .certificate-open { display: none !important; }
#awards .mobile-certificates figcaption strong,
#awards .mobile-certificates figcaption span { display: block; }
#awards .mobile-certificates figcaption span { margin-top: 8px; color: #9ab0a5; font-size: .72em; line-height: 1.35; }

/* The headline stays in front; technology names form a quiet moving backdrop. */
#clientblur { isolation: isolate; overflow: clip; }
#clientblur > .sticky:first-child { z-index: 3 !important; pointer-events: none; }
#clientblur > .sticky:first-child > div { width: min(82vw, 1450px) !important; }
#clientblur > .sticky:first-child h3 { font-size: clamp(54px, 5.3vw, 102px) !important; line-height: 1.09 !important; letter-spacing: -.04em; text-shadow: 0 2px 24px rgba(0,0,0,.75); }
#clientblur > .sticky:nth-child(2) { z-index: 1 !important; pointer-events: none; }
#clientblur .grid__item { border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; }
#clientblur .tech-wordmark { display: block; color: #8c9c91; font-size: clamp(16px, 1.6vw, 30px); font-weight: 600; letter-spacing: -.03em; white-space: nowrap; opacity: .22; filter: blur(2.2px); text-shadow: 0 0 24px #658a72; }
#clientblur .grid__item:nth-child(3n) .tech-wordmark { opacity: .12; filter: blur(4px); }
#clientblur .grid__item:nth-child(4n) .tech-wordmark { opacity: .29; filter: blur(1.6px); }

/* Saved GSAP copy wrappers sometimes remain at opacity zero after hydration. */
#clientblur [data-copy-wrapper],
#testimonials [data-copy-wrapper],
#faq [data-copy-wrapper] { opacity: 1 !important; }
#testimonials .testimonial-fade { opacity: 1 !important; }
#testimonials .testimonial-fade > div:first-child { opacity: 1 !important; transform: none !important; }
#testimonials button[aria-current='true'] { opacity: 1 !important; outline: 2px solid #7ee1a8; outline-offset: 4px; }
#testimonials button[aria-current='false'] { opacity: .55 !important; outline: none; }
#faq .w-full.mx-auto > .opacity-0 { opacity: 1 !important; }
#faq [role='button'], #faq [role='button']:hover { background: transparent !important; }
#faq [role='button'] .relative.shrink-0 { transition: border-color .3s ease, box-shadow .3s ease; }
#faq [role='button']:hover .relative.shrink-0,
#faq [role='button']:focus-visible .relative.shrink-0 { border-color: #64d99b !important; box-shadow: 0 0 0 3px rgba(52,211,153,.13); }
#faq [role='region'] { transition: height .38s cubic-bezier(.2,.8,.2,1), opacity .26s ease; }
#faq [role='button'][aria-expanded='false'] .relative.shrink-0 > span:nth-child(2) { transform: rotate(90deg) !important; }
#faq [role='button'][aria-expanded='true'] .relative.shrink-0 > span:nth-child(2) { transform: rotate(0deg) !important; }
#faq [role='button'][aria-expanded='true'] .relative.shrink-0 > div:last-child { transform: scale(1) !important; }
#faq [role='button'][aria-expanded='false']:not(:hover):not(:focus-visible) .relative.shrink-0 > div:last-child { transform: scale(0) !important; }
#faq [role='button'] .relative.shrink-0 > span { visibility: hidden; }
#faq [role='button'] .relative.shrink-0::after { content: '+'; position: relative; z-index: 3; color: #fff; font-size: 29px; font-weight: 300; line-height: 1; }
#faq [role='button'][aria-expanded='true'] .relative.shrink-0::after { content: '\2212'; }

@media (max-width: 1025px) {
  #awards .awards-list { display: none; }
  #awards .mobile-certificates { gap: 22px; }
  #clientblur > .sticky:first-child > div { width: 88vw !important; }
  #clientblur .tech-wordmark { font-size: clamp(13px, 2.2vw, 22px); }
}
@media (max-width: 700px) {
  #awards { padding-top: 104px !important; }
  #awards h2 { font-size: clamp(40px, 10vw, 62px) !important; }
  #awards .mobile-certificates { padding-top: 35px !important; }
  #clientblur { height: 145vh !important; }
  #clientblur > .sticky:first-child h3 { font-size: clamp(36px, 8vw, 58px) !important; }
  #clientblur .tech-wordmark { white-space: normal; }
}