/* ==============================================
   LOGO SIZE CLASSES
   
   Each logo scrolling in the bar uses one of these classes.
   
   HOW IT WORKS:
   - The CONTAINER size is fixed in the HTML (w-[180px] h-[70px])
     and will NOT change when you edit these classes.
   - These classes control ONLY the logo image size WITHIN its container.
   - Change max-height to make a logo bigger or smaller.
   - The logo will always stay centered in its fixed-size box.
   
   HOW TO EDIT:
   1. Find the logo class below (e.g. .logo-chatgpt)
   2. Change the max-height value (e.g. 28px → 36px)
   3. Save this file
   4. Refresh browser
   
   Recommended range: 18px to 40px
   ============================================== */

.logo-chatgpt    { max-height: 90px; width: auto; height: auto; object-fit: contain; filter: brightness(0); }
.logo-claude     { max-height: 18px; width: auto; height: auto; object-fit: contain; filter: brightness(0); }
.logo-gemini     { max-height: 18px; width: auto; height: auto; object-fit: contain; filter: brightness(0); }
.logo-perplexity { max-height: 24px; width: auto; height: auto; object-fit: contain; filter: brightness(0); }
.logo-n8n        { max-height: 32px; width: auto; height: auto; object-fit: contain; filter: brightness(0); }
.logo-cursor     { max-height: 20px; width: auto; height: auto; object-fit: contain; filter: brightness(0); }
.logo-notebooklm { max-height: 12px; width: auto; height: auto; object-fit: contain; filter: brightness(0); }
.logo-zapier     { max-height: 24px; width: auto; height: auto; object-fit: contain; filter: brightness(0); }
.logo-hubspot    { max-height: 20px; width: auto; height: auto; object-fit: contain; filter: brightness(0); }