/* "See how AI answers your customers": the ten-model grid and its contact
   link. Shared by the homepage and the free check, so both draw it the same. */
.axis-models { max-width:1152px; padding:64px 48px; margin:auto; color:#e2e4f6; scroll-margin-top:120px; text-align:center; }
.axis-models h2 { font:600 clamp(30px,3.5vw,44px)/1.15 'Space Grotesk',sans-serif; letter-spacing:-.025em; }
.axis-models a { color:#6dddff; text-decoration:underline; text-underline-offset:4px; }
.axis-models a:focus-visible { outline:2px solid #6dddff; outline-offset:4px; }
.axis-models > p { font-size:17px; color:#b7bdce; line-height:1.75; margin:18px auto 30px; max-width:780px; }
.model-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; }
.model-item { display:flex; align-items:center; justify-content:center; flex-direction:column; gap:13px; min-height:122px; border:1px solid #293a4e; border-radius:14px; background:#111b29; }
.model-item img { width:34px; height:34px; object-fit:contain; }
.model-item .model-mono { filter:invert(1); }
.model-item span { color:#dce3ef; font:500 16px 'Space Grotesk',sans-serif; }
.axis-models .model-extra { font-size:14px; margin:-12px auto 30px; max-width:800px; }
.model-extra a { font-weight:700; white-space:nowrap; }
.model-scroll-hint { display:none; }
@media(max-width:767px) {
 .axis-models { padding:44px 24px; }
 .model-scroll { overflow-x:auto; padding-bottom:12px; scrollbar-width:thin; scrollbar-color:#4b6a83 #141d2a; }
 .model-grid { min-width:690px; gap:12px; }
 .model-item { min-height:106px; }
 .model-item span { font-size:14px; }
 .model-scroll-hint { display:block; color:#aebacd; font-size:12px; margin:0 0 12px; text-align:left; }
 .axis-models > p { font-size:16px; }
}
