.new-homepage .which-model{--motion-fast:.15s;--motion-slide:.32s;--motion-enter:.5s;--ease-out-soft:cubic-bezier(.22,1,.36,1);flex-direction:column;gap:16px;padding-bottom:24px;display:flex}@keyframes which-model-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.new-homepage .which-model-hero{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:112px 64px 24px;display:flex}.new-homepage .which-model-hero>*{animation:which-model-rise var(--motion-enter) var(--ease-out-soft) both}.new-homepage .which-model-hero>:nth-child(2){animation-delay:60ms}.new-homepage .which-model-hero>:nth-child(3){animation-delay:.12s}.new-homepage .which-model-hero>:nth-child(4){animation-delay:.15s}.new-homepage .which-model-hero h1{max-width:18ch}.new-homepage .which-model-lede{max-width:56ch;color:var(--color-text-secondary);font:var(--type-copy-18-font);letter-spacing:var(--type-copy-18-tracking);margin-top:16px}.new-homepage .which-model-platforms{background:var(--color-surface-subtle);box-shadow:inset 0 0 0 1px var(--color-border-subtle);border-radius:99px;gap:4px;margin-top:24px;padding:4px;display:inline-flex}.new-homepage .which-model-platforms a{height:40px;color:var(--color-text-secondary);transition:background-color var(--motion-fast),color var(--motion-fast);font:var(--type-label-14-strong-font);letter-spacing:var(--type-label-14-strong-tracking);border-radius:99px;align-items:center;gap:8px;padding:0 20px;text-decoration:none;display:inline-flex}.new-homepage .which-model-platforms a:hover{color:var(--color-text-primary)}.new-homepage .which-model-platforms a[aria-current=page]{background:var(--color-surface-inverse);color:var(--color-text-inverse)}.new-homepage .which-model-platforms a:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.new-homepage .which-model-platforms .apple-mark{width:16px;height:16px}.new-homepage .which-model-panel{background:var(--color-surface-subtle);text-align:center;animation:which-model-rise var(--motion-enter) var(--ease-out-soft) .18s both;border-radius:16px;flex-direction:column;align-items:center;gap:24px;padding:40px 48px;display:flex}.new-homepage .which-model-panel h2{font:var(--type-heading-24-font);letter-spacing:var(--type-heading-24-tracking)}.new-homepage .which-model-pickers{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;max-width:560px;display:grid}.new-homepage .which-model-pickers--three{grid-template-columns:repeat(3,minmax(0,1fr));max-width:720px}.new-homepage .which-model-panel-note{max-width:56ch;color:var(--color-text-secondary)}.new-homepage .which-model-field{flex-direction:column;gap:6px;min-width:0;display:flex}.new-homepage .which-model-field>span{color:var(--color-text-secondary);font:var(--type-label-13-strong-font);letter-spacing:var(--type-label-13-strong-tracking)}.new-homepage .which-model-field select{background:var(--surfaceoverlay) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2366635F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;width:100%;min-height:48px;box-shadow:inset 0 0 0 1px var(--color-border-default);color:var(--color-text-primary);appearance:none;cursor:pointer;transition:box-shadow var(--motion-fast);font:var(--type-copy-16-font);letter-spacing:var(--type-copy-16-tracking);border:0;border-radius:10px;padding:10px 40px 10px 14px}.new-homepage .which-model-field select:focus-visible{box-shadow:inset 0 0 0 2px var(--color-focus-ring);outline:0}.new-homepage .which-model-summary{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;display:flex}.new-homepage .which-model-summary .small{margin-left:4px}.new-homepage .verdict{white-space:nowrap;height:26px;font:var(--type-label-13-strong-font);letter-spacing:var(--type-label-13-strong-tracking);font-variant-numeric:tabular-nums;border-radius:99px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.new-homepage .verdict svg{flex-shrink:0}.new-homepage .verdict.runs-well{background:var(--color-surface-inverse);color:var(--color-text-inverse)}.new-homepage .verdict.tight-fit{background:var(--color-surface-accent-secondary);color:var(--color-text-primary)}.new-homepage .verdict.too-large{background:var(--surfacemuted);color:var(--color-text-muted)}.new-homepage .verdict.picked{background:var(--llime50);color:var(--color-text-on-accent-secondary);box-shadow:0 2px 8px #0000003d}.new-homepage .verdict.neutral{background:var(--color-surface-subtle);color:var(--color-text-secondary)}.new-homepage .verdict.made-by{background:var(--color-surface-inverse);color:var(--color-text-inverse)}.new-homepage .model-made-by{color:var(--color-accent-primary-hover);font:var(--type-copy-14-strong-font);letter-spacing:var(--type-copy-14-strong-tracking)}.new-homepage .which-model-catalog{flex-direction:column;gap:32px;padding-top:48px;display:flex}.new-homepage .which-model-filter{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.new-homepage .which-model-filter button{background:var(--surfaceoverlay);height:40px;box-shadow:inset 0 0 0 1px var(--color-border-default);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--motion-fast),color var(--motion-fast),box-shadow var(--motion-fast);font:var(--type-label-14-strong-font);letter-spacing:var(--type-label-14-strong-tracking);border:0;border-radius:99px;padding:0 18px}.new-homepage .which-model-filter button:hover{color:var(--color-text-primary);box-shadow:inset 0 0 0 1px var(--color-border-strong)}.new-homepage .which-model-filter button[aria-pressed=true]{background:var(--color-surface-inverse);color:var(--color-text-inverse);box-shadow:none}.new-homepage .which-model-filter button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.new-homepage .which-model-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%;max-width:1200px;margin-inline:auto;display:grid}.new-homepage .model-card-wrap{cursor:pointer;border-radius:20px;display:flex}.new-homepage .model-card-wrap:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}.new-homepage .model-card{background:var(--surfaceoverlay);min-width:0;box-shadow:inset 0 0 0 1px var(--color-border-subtle);transition:transform var(--motion-slide) var(--ease-out-soft),box-shadow var(--motion-slide) var(--ease-out-soft),opacity var(--motion-slide);border-radius:20px;flex-direction:column;flex:1;gap:12px;padding:28px 24px 24px;display:flex;position:relative}.new-homepage .model-card.picked{box-shadow:inset 0 0 0 2px var(--llime100),0 20px 40px -28px #00000052}.new-homepage .model-card.too-large{opacity:.5}@media (hover:hover){.new-homepage .model-card-wrap:hover .model-card{box-shadow:inset 0 0 0 1px var(--color-border-default),0 20px 40px -28px #00000052;transform:translateY(-4px)}.new-homepage .model-card-wrap:hover .model-card.picked{box-shadow:inset 0 0 0 2px var(--llime200),0 24px 48px -28px #0006}.new-homepage .model-card-wrap:hover .model-card.too-large{opacity:.8}}.new-homepage .model-card-picked{position:absolute;top:-13px;left:24px}.new-homepage .model-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.new-homepage .model-card h3{overflow-wrap:anywhere;font:var(--type-copy-20-strong-font);letter-spacing:var(--type-copy-20-strong-tracking)}.new-homepage .model-card-meta{color:var(--color-text-muted);font:var(--type-copy-14-font);letter-spacing:var(--type-copy-14-tracking)}.new-homepage .model-card-body{color:var(--color-text-secondary);font:var(--type-copy-16-font);letter-spacing:var(--type-copy-16-tracking);flex:1}.new-homepage .model-card-stats{border-top:1px solid var(--color-border-subtle);color:var(--color-text-secondary);font:var(--type-copy-14-font);letter-spacing:var(--type-copy-14-tracking);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:6px 16px;padding-top:14px;display:flex}.new-homepage .model-card-stats span{align-items:center;gap:6px;display:inline-flex}.new-homepage .model-card-stats svg{color:var(--color-accent-primary-hover)}.new-homepage .which-model-note{text-align:center;max-width:64ch;margin-inline:auto}.new-homepage .model-detail{z-index:200;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.new-homepage .model-detail-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11100f73;position:absolute;inset:0}.new-homepage .model-detail-panel{background:var(--surfaceoverlay);width:100%;max-width:576px;max-height:calc(100dvh - 32px);color:var(--color-text-primary);border-radius:20px;position:relative;overflow:hidden auto;box-shadow:0 32px 72px -24px #00000080}.new-homepage .model-detail-panel.picked{box-shadow:inset 0 0 0 2px var(--llime100),0 32px 72px -24px #00000080}.new-homepage .model-detail-badges{flex-wrap:wrap;align-items:center;gap:8px;padding:32px 64px 0 32px;display:flex}.new-homepage .model-detail-body{flex-direction:column;gap:20px;padding:16px 32px 32px;display:flex}.new-homepage .model-detail-close{background:var(--color-surface-subtle);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--motion-fast),color var(--motion-fast);border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:16px;right:16px}.new-homepage .model-detail-close:hover{background:var(--surfacemuted);color:var(--color-text-primary)}.new-homepage .model-detail-close:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.new-homepage .model-detail h3{font:var(--type-heading-24-font);letter-spacing:var(--type-heading-24-tracking)}.new-homepage .model-detail-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.new-homepage .model-detail-stats div{background:var(--surfacecanvas);box-shadow:inset 0 0 0 1px var(--color-border-subtle);border-radius:12px;flex-direction:column;gap:2px;padding:14px 16px;display:flex}.new-homepage .model-detail-stats dt{color:var(--color-text-muted);font:var(--type-copy-13-font);letter-spacing:var(--type-copy-13-tracking)}.new-homepage .model-detail-stats dd{font:var(--type-copy-16-strong-font);letter-spacing:var(--type-copy-16-strong-tracking);font-variant-numeric:tabular-nums;margin:0}.new-homepage .model-detail-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.new-homepage .model-detail-actions .osaurus-button{gap:8px;width:100%}@media (max-width:1200px){.new-homepage .which-model-hero{padding:96px 40px 16px}.new-homepage .which-model-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media (max-width:760px){.new-homepage .which-model-hero{padding:72px 24px 8px}.new-homepage .which-model-lede{font:var(--type-copy-16-font);letter-spacing:var(--type-copy-16-tracking)}.new-homepage .which-model-panel{gap:20px;padding:32px 20px}.new-homepage .which-model-pickers,.new-homepage .which-model-pickers--three{grid-template-columns:1fr}.new-homepage .which-model-catalog{gap:24px;padding-top:32px}.new-homepage .which-model-grid{grid-template-columns:1fr}.new-homepage .model-detail-badges{padding:24px 60px 0 20px}.new-homepage .model-detail-body{padding:12px 20px 24px}.new-homepage .model-detail-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.new-homepage .which-model *,.new-homepage .which-model :before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}.new-homepage .model-card-wrap:hover .model-card{transform:none}}
