/* V4.4: prevent the AI glyph from colliding with neighbouring letters. */
.hat-logo{display:inline-flex;align-items:baseline;justify-content:center;white-space:nowrap;letter-spacing:0;line-height:1.15;font-weight:800;font-family:Arial,Helvetica,sans-serif;max-width:100%;}
.hat-logo .hat-human,.hat-logo .hat-trust{color:#f2f4f7;letter-spacing:-.045em;}
.hat-logo .hat-ai{color:#edc15c;letter-spacing:-.02em;padding:0 .055em;flex:none;}
.hat-logo-block{display:flex;flex-direction:column;align-items:center;gap:5px;max-width:100%;}
.hat-logo-block .hat-tag{color:#eac36c;text-transform:uppercase;letter-spacing:.21em;font-weight:600;font-size:clamp(9px,1.1vw,13px);text-align:center;}
.brandcard .hat-logo{font-size:clamp(26px,3.15vw,46px);}
.brandcard .hat-logo-block{align-items:flex-start;margin:5px 0 12px;}
.brandcard .hat-tag{letter-spacing:.18em;}
.platform-logo-banner{display:flex;justify-content:center;align-items:center;padding:17px 24px;border:1px solid #38475d;border-radius:17px;background:linear-gradient(100deg,#07142a,#10233d 60%,#07142a);margin-bottom:28px;}
.platform-logo-banner .hat-logo{font-size:clamp(36px,6vw,78px);}
.platform-logo-banner .hat-tag{font-size:clamp(10px,1.5vw,17px);}
@media(max-width:520px){.brandcard .hat-logo{font-size:clamp(25px,7vw,42px)}.platform-logo-banner{padding:18px 9px}.platform-logo-banner .hat-logo{font-size:clamp(30px,8vw,50px)}}