.company-band{overflow:hidden}
.company-scroller{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#bccce4 transparent;margin:24px 0 18px;padding:4px 2px 12px;direction:ltr}
.company-scroller:focus-visible{outline:2px solid #1669db;outline-offset:3px}
.company-scroller .company-logo-wall{display:flex;gap:12px;width:max-content;margin:0}
.company-logo-group{display:flex;gap:12px;flex:none}
.company-scroller .company-logo-tile{width:172px;min-height:76px;flex:none;box-sizing:border-box}
.company-scroller .company-logo-tile:hover{border-color:#639de2;background:#f6faff}
.company-scroll-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.company-scroll-control{border:1px solid #b9cbe4;background:#fff;color:#163963;border-radius:99px;padding:11px 17px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;min-height:44px}
.company-scroll-control:hover{background:#eaf2ff}
.typography-panel{max-width:900px}
.typography-panel select{max-width:480px}
.typography-preview{padding:28px;border:1px solid #c9d9f0;border-radius:18px;background:linear-gradient(125deg,#edf8ff,#f4edff);color:#143358}
.typography-preview h2{font-size:clamp(23px,3vw,34px);margin:14px 0}
.typography-samples{display:grid;gap:12px;overflow-wrap:anywhere;margin-top:24px}
.typography-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
@media(max-width:600px){.company-scroller .company-logo-tile{width:150px;min-height:68px}.company-scroll-footer{align-items:flex-start}.typography-preview{padding:20px}}