/* /models: public live model catalog. Shares the landing palette. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.models-page{padding:72px 0 40px}
.models-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:34px}
.models-hero .eyebrow{font-size:10px;letter-spacing:1.6px;color:#979b90;margin:0 0 19px}
.models-hero h1{font-size:clamp(36px,4.4vw,58px);line-height:1.05;letter-spacing:-2.4px;font-weight:490;margin:0;color:#f1f1ec}
.models-lede{max-width:560px;font-size:13px;line-height:1.8;color:var(--price-muted);margin:18px 0 0}
.models-card{border:1px solid var(--price-line);background:linear-gradient(145deg,#1a1c17,#12140f);border-radius:23px;padding:24px 0 20px;overflow:hidden}
.models-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 24px;flex-wrap:wrap}
.models-filters{margin:0}
.models-filters span{color:#7e8a6c;margin-left:4px;font-variant-numeric:tabular-nums}
.models-filters button[aria-pressed=true] span{color:#b9c99c}
.models-search{display:flex;align-items:center;gap:8px;border:1px solid #393c34;border-radius:10px;background:#14170f;padding:0 11px;min-width:220px}
.models-search svg{width:15px;height:15px;fill:none;stroke:#8b9580;stroke-width:1.6;stroke-linecap:round}
.models-search input{background:none;border:0;outline:0;color:#e4ebd9;font:inherit;font-size:12px;padding:10px 0;width:100%;user-select:text;-webkit-user-select:text}
.models-search:focus-within{border-color:#68775a}
.models-basis{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:14px 24px 16px;border-bottom:1px solid #2b3223}
.models-basis-label{font-size:10px;color:#8b9580;margin-right:4px}
.models-basis button{font-family:inherit;font-size:10px;padding:6px 10px;color:#939b86;background:transparent;border:1px solid #333a2a;border-radius:999px;cursor:pointer;transition:color .15s,background .15s,border-color .15s}
.models-basis button[aria-pressed=true]{color:#26301e;background:#cbd8b3;border-color:#cbd8b3}
.models-basis button:hover{color:#e5ead9}.models-basis button[aria-pressed=true]:hover{color:#26301e}
.models-table-wrap{overflow-x:auto;padding:0 10px;scrollbar-width:thin;scrollbar-color:#4b5340 transparent}
.models-table{border-collapse:separate;border-spacing:0;width:100%;font-size:12px;text-align:left;font-variant-numeric:tabular-nums;color:#dbe2cf}
.models-table th{font-weight:400;font-size:9px;letter-spacing:.3px;color:#8b9580;padding:14px;border-bottom:1px solid #333a2a;white-space:nowrap}
.models-table th:not(:first-child),.models-table td:not(:first-child){text-align:right}
.models-table td{padding:15px 14px;border-bottom:1px solid #2b3223;white-space:nowrap}
.models-table tr:nth-child(even) td{background:#23291b3d}.models-table tr:last-child td{border-bottom:0}
.models-name{font-size:13px;color:#eef2e6;margin-right:9px}
.models-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;color:#8f9a80}
.models-tag{margin-left:8px;font-size:8px;letter-spacing:.6px;text-transform:uppercase;color:#b9c99c;border:1px solid #3f4a33;border-radius:999px;padding:3px 6px;vertical-align:1px}
.models-multiplier{display:inline-block;color:#e4ebd9;background:#232a1c;border:1px solid #3a442e;border-radius:6px;padding:3px 7px;font-size:11px}
.models-table .models-state,.models-page>noscript .models-state{text-align:center;padding:50px 15px;white-space:normal;color:#a1aa93;font-size:12px}
.models-state button{border:0;background:none;color:#d4dec6;text-decoration:underline;text-underline-offset:3px;font:inherit;padding:3px;cursor:pointer}
.models-foot{padding:0 24px;margin:16px 0 0;font-size:10px;line-height:1.6;color:#8c977e}
.models-cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px}
.models-cta .button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}
.models-cta-link{font-size:12px;color:#c7d0b5;text-decoration:none;border-bottom:1px solid #4b5a3d;padding-bottom:2px}
@media(max-width:800px){.models-page{padding-top:48px}.models-search{min-width:0;flex:1 1 220px}}
@media(max-width:640px){
  .models-hero{display:block;margin-bottom:24px}.models-hero .price-currency{margin-top:20px;width:max-content}
  .models-hero h1{font-size:38px;letter-spacing:-1.7px}.models-lede{font-size:12px}
  .models-card{padding:18px 0 16px;border-radius:19px}.models-toolbar{padding:0 16px}.models-filters{gap:2px}.models-filters button{padding:7px 9px}
  .models-search{flex-basis:100%}.models-basis{padding:12px 16px 14px}
  .models-table-wrap{padding:0 12px}.models-table thead{display:none}
  .models-table,.models-table tbody,.models-table tr,.models-table td{display:block;width:100%}
  .models-table tr{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;padding:14px 4px;border-bottom:1px solid #2b3223}
  .models-table tr:nth-child(even) td{background:none}.models-table tr:last-child{border-bottom:0}
  .models-table td{padding:0;border:0;text-align:left!important;white-space:normal;font-size:12px}
  .models-table td:first-child{grid-column:1/-1}
  .models-table td:not(:first-child):before{content:attr(data-label);display:block;font-size:9px;color:#8b9580;margin-bottom:2px}
  .models-table td.models-state{grid-column:1/-1;text-align:center!important}
  .models-name{display:block;margin:0 0 3px}.models-foot{padding:0 16px}
}
