@layer components{.available-models-modal{color:#f2f7ff;overscroll-behavior:contain;background:radial-gradient(at 50% 0,#17376c 0,#0000 55%),#091323;border:1px solid #395b8c;border-radius:26px;width:min(1080px,100vw - 28px);max-width:none;max-height:min(92dvh,960px);margin:auto;padding:clamp(20px,4vw,38px);position:fixed;inset:0;overflow:auto;box-shadow:0 25px 100px #000b,0 0 60px #398bff20}.available-models-modal::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030915db}.available-models-close{z-index:2;color:#eef6ff;cursor:pointer;background:#122442;border:1px solid #42608a;border-radius:12px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:15px;right:15px}.available-models-header{text-align:center;max-width:790px;margin:0 auto 26px}.available-models-emblem{color:#b9d7ff;background:#468cff21;border:1px solid #75aaff;border-radius:16px;place-items:center;width:47px;height:47px;margin:0 auto 12px;display:grid;box-shadow:0 0 24px #498fff3a}.available-models-eyebrow{color:#9ac4ff;letter-spacing:1.5px;margin:0;font-size:10px;font-weight:850}.available-models-header h2{letter-spacing:-.8px;margin:11px 0 12px;font-size:clamp(25px,4vw,38px);line-height:1.12}.available-models-promise{color:#c4d3e9;margin:0;font-size:13px;line-height:1.75}.available-models-benefits{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.available-models-benefits span{color:#d6e7ff;background:#102441;border:1px solid #4772a844;border-radius:30px;align-items:center;gap:7px;padding:8px 11px;font-size:10px;font-weight:700;display:flex}.available-models-benefits svg{color:#80b8ff}.available-models-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.available-model-card{background:linear-gradient(145deg,#132640,#0d192b 75%);border:1px solid #294263;border-radius:16px;gap:12px;min-width:0;padding:14px;transition:border-color .2s,transform .2s;display:flex}.available-model-card:hover{border-color:#588bd0;transform:translateY(-2px)}.available-model-icon{color:#172744;background:#f8fbff;border:1px solid #40628d;border-radius:13px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.available-model-icon img{object-fit:contain;width:27px;height:27px}.available-model-copy{min-width:0}.available-model-copy h3{margin:0 0 3px;font-size:13px;line-height:1.35}.available-model-category{color:#8ebeff;letter-spacing:.3px;text-transform:uppercase;font-size:9px;font-weight:800}.available-model-copy p{color:#aebfd6;min-height:32px;margin:6px 0 9px;font-size:10px;line-height:1.55}.available-model-included{color:#8de0bd;align-items:center;gap:4px;font-size:9px;font-weight:800;display:inline-flex}.available-models-loading,.available-models-error{color:#bfd1e9;grid-column:1/-1;justify-content:center;align-items:center;gap:10px;min-height:130px;font-size:13px;display:flex}.available-models-error{color:#ffb2b2}.available-models-footer{background:linear-gradient(110deg,#102747,#14294a);border:1px solid #345581;border-radius:17px;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding:17px 18px;display:flex}.available-models-footer div{gap:4px;display:grid}.available-models-footer strong{font-size:14px}.available-models-footer span{color:#b5c8e1;font-size:11px}.available-models-footer a{color:#061326;white-space:nowrap;background:linear-gradient(120deg,#4c8bff,#60bfff);border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:11px;font-weight:850;text-decoration:none;display:flex}.available-models-modal :focus-visible{outline-offset:3px;outline:2px solid #9bc7ff}@media (max-width:800px){.available-models-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.available-models-modal{padding:21px 14px}.available-models-header{padding:0 8px}.available-models-benefits{gap:6px}.available-models-benefits span{font-size:9px}.available-models-grid{grid-template-columns:1fr}.available-model-card{padding:12px}.available-model-copy p{min-height:0}.available-models-footer{flex-direction:column;align-items:stretch}.available-models-footer a{min-height:45px}}@media (prefers-reduced-motion:reduce){.available-models-modal *{scroll-behavior:auto;transition:none}}}
