.container{width:100%;max-width:1400px;margin:0 auto;padding:40px 5vw}header{text-align:left;animation:.8s backwards fadeInDown}h1{font-family:var(--font-heading);letter-spacing:-1px;margin-bottom:10px;font-size:3.5rem;font-weight:800}.subtitle{color:var(--text-secondary);font-size:1.2rem;font-weight:300}.top-section{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px;display:flex}.home-header{flex:420px;max-width:550px}.home-simulator{flex:480px;margin:0}.controls{flex-wrap:wrap;gap:20px;margin-bottom:30px;animation:1s .2s backwards fadeIn;display:flex}.search-wrap{flex:1;min-width:300px}#searchInput{background:var(--card-bg);border:1px solid var(--card-border);width:100%;color:var(--foreground);font-size:1rem;font-family:var(--font-body);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:16px 24px;transition:all .3s}#searchInput:focus{border-color:var(--accent);box-shadow:0 0 15px var(--accent-glow);outline:none}.sort-wrap{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;align-items:center;gap:15px;padding:8px 20px;display:flex}select{color:var(--foreground);cursor:pointer;font-size:1rem;font-family:var(--font-body);background:0 0;border:none}select:focus{outline:none}select option{background:var(--background)}.controls-top-row{justify-content:space-between;align-items:center;gap:20px;width:100%;margin-bottom:20px;display:flex}.micro-stats{white-space:nowrap;background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;align-items:center;gap:20px;padding:6px 14px;display:flex}.micro-stat{color:var(--text-secondary);font-size:.85rem;font-family:var(--font-body);align-items:center;gap:6px;display:flex}.micro-stat i{color:var(--accent);font-size:1.1rem}.micro-stat span{color:var(--foreground);white-space:nowrap;font-weight:600}.grid-container{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;animation:1s .6s backwards fadeIn;display:grid}.model-card{perspective:1000px;flex-direction:column;transition:transform .3s;display:flex;position:relative}.model-card:hover{transform:translateY(-5px)}.card-inner{width:100%;height:100%;transform-style:preserve-3d;overflow-wrap:break-word;word-break:break-word;flex-direction:column;flex-grow:1;transition:transform .6s cubic-bezier(.4,.2,.2,1);display:flex;position:relative}.model-card.flipped .card-inner,.model-card.is-flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;transition:box-shadow .3s,border-color .3s;position:relative}.card-front{box-sizing:border-box;flex-direction:column;width:100%;display:flex}.card-back{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:30px;display:flex;position:absolute;top:0;left:0;transform:rotateY(180deg)}.model-card:hover .card-front,.model-card:hover .card-back{border-color:#fff3;box-shadow:0 10px 30px #0006}.card-front:before,.card-back:before{content:"";opacity:0;background:linear-gradient(90deg,#00e5ff,#7000ff);border-radius:16px 16px 0 0;width:100%;height:4px;transition:opacity .3s;position:absolute;top:0;left:0}.model-card:hover .card-front:before,.model-card:hover .card-back:before{opacity:1}.btn-flip-back{color:var(--foreground);cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;align-items:center;gap:8px;margin-top:auto;padding:8px 16px;font-size:.9rem;transition:all .2s;display:flex}.btn-flip-back:hover{background:#fff3}.hub-title{color:var(--foreground);align-items:center;gap:8px;margin-bottom:24px;font-size:1.2rem;font-weight:600;display:flex}.hub-links{flex-direction:column;gap:12px;width:100%;margin-bottom:32px;display:flex}.hub-link-btn{color:var(--foreground);box-sizing:border-box;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:.95rem;text-decoration:none;transition:all .2s;display:flex}.hub-link-btn:hover{border-color:var(--accent);background:#00e5ff1a}.btn-fallback-code{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00e5ff 0%,#7000ff 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:8px;padding:14px 20px;font-size:.95rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex}.btn-fallback-code:hover{transform:translateY(-2px);box-shadow:0 4px 15px #7000ff66}.model-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.model-title{color:var(--foreground);overflow-wrap:break-word;word-break:break-word;flex:1;margin-right:10px;font-size:1.35rem;font-weight:700;line-height:1.3}.badges-wrap{flex-shrink:0}.provider-badge{display:none}.model-desc{color:var(--text-secondary);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:24px;font-size:.95rem;line-height:1.5;display:-webkit-box;overflow:hidden}.specs{background:#0003;border-radius:12px;margin-bottom:20px;padding:16px}.spec-row{justify-content:space-between;margin-bottom:10px;font-size:.9rem;display:flex}.spec-row:last-child{margin-bottom:0}.spec-label{color:var(--text-secondary)}.spec-value{color:var(--foreground);text-align:right;font-weight:600}.pricing{border-top:1px solid var(--card-border);justify-content:space-between;padding-top:20px;display:flex}.price-item{text-align:center}.price-val{font-family:var(--font-heading);color:var(--accent);font-size:1.2rem;font-weight:700}.price-label{color:var(--text-secondary);text-transform:uppercase;margin-top:4px;font-size:.75rem}.loader{text-align:center;color:var(--text-secondary);grid-column:1/-1;padding:50px;font-size:1.2rem}.simulator-panel{border:1px solid var(--accent-glow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#00e5ff0d,#7000ff0d);border-radius:16px;flex-grow:1;max-width:800px;padding:24px 30px;animation:1s .1s backwards fadeIn}.simulator-header{margin-bottom:20px}.simulator-header h2{font-family:var(--font-heading);color:var(--accent);margin-bottom:5px;font-size:1.5rem}.simulator-header p{color:var(--text-secondary);font-size:.9rem}.simulator-controls{flex-wrap:wrap;gap:20px;display:flex}.input-group{flex:1;min-width:200px}.input-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.8rem;display:block}.input-group input{border:1px solid var(--card-border);width:100%;color:var(--foreground);font-size:1.1rem;font-family:var(--font-heading);background:#0000004d;border-radius:8px;padding:12px 16px;transition:all .3s}.input-group input:focus{border-color:var(--accent);outline:none}.simulated-cost{border:1px dashed var(--accent);text-align:center;background:#00e5ff1a;border-radius:8px;margin-top:15px;padding:12px}.sim-label{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.75rem}.sim-val{font-size:1.5rem;font-family:var(--font-heading);color:#fff;font-weight:800}.btn-alternatives{border:1px solid var(--card-border);width:100%;color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);background:0 0;border-radius:8px;margin-top:15px;padding:10px;font-size:.9rem;transition:all .3s}.btn-alternatives:hover{color:var(--foreground);background:#ffffff0d;border-color:#fff3}.health-badge{background:#4caf50;border-radius:50%;width:10px;height:10px;position:absolute;top:24px;right:24px;box-shadow:0 0 10px #4caf50}.health-badge.offline{background:#f44336;box-shadow:0 0 10px #f44336}.health-badge.unknown{box-shadow:none;background:#9e9e9e}.ttft{color:var(--text-secondary);align-items:center;gap:5px;margin-top:5px;font-size:.8rem;display:flex}.alternatives-container{background:#0000004d;border-radius:8px;margin-top:10px;padding:10px;display:none}.alternatives-container.active{animation:.3s fadeIn;display:block}.alt-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:8px 0;font-size:.85rem;display:flex}.alt-item:last-child{border-bottom:none}.alt-name{color:var(--foreground)}.alt-save{color:#00e5ff;font-weight:700}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.use-case-matrix{-ms-overflow-style:none;scrollbar-width:none;flex-wrap:nowrap;flex-grow:1;gap:10px;padding:4px 2px;display:flex;overflow-x:auto}.use-case-matrix::-webkit-scrollbar{display:none}.use-case-puck{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;border-radius:30px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;transition:all .3s;display:flex}.use-case-puck:hover{color:var(--foreground);background:#ffffff0d;border-color:#fff3;transform:translateY(-2px)}.use-case-puck.active{color:var(--accent);border-color:var(--accent);box-shadow:0 0 15px var(--accent-glow);background:#00e5ff1a}.use-case-puck i{font-size:1rem}.back-title{font-family:var(--font-heading);color:var(--accent);margin-bottom:20px;font-size:1.5rem}.btn-action{border:1px solid var(--accent);width:100%;color:var(--foreground);cursor:pointer;font-family:var(--font-body);background:#00e5ff1a;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-bottom:10px;padding:12px;font-size:.95rem;text-decoration:none;transition:all .3s;display:inline-flex}.btn-action:hover{box-shadow:0 0 15px var(--accent-glow);background:#00e5ff4d}.btn-action.secondary{border:1px solid var(--card-border);background:#ffffff0d}.btn-action.secondary:hover{box-shadow:none;background:#ffffff1a;border-color:#ffffff4d}@media (max-width:768px){h1{font-size:2.3rem}.subtitle{font-size:1.05rem}.home-header{flex:100%;max-width:100%}.top-section{flex-direction:column;align-items:stretch;gap:20px}.grid-container{grid-template-columns:1fr;gap:16px}.container{padding:20px 16px}.simulator-panel,.home-simulator{box-sizing:border-box;flex:100%;width:100%;margin:0;padding:20px 16px}.simulator-header{gap:15px;flex-direction:column!important;align-items:stretch!important}.simulator-header>div:last-child{justify-content:space-between;margin-left:0!important}.recharts-responsive-container{width:calc(100% + 32px)!important;margin-left:-16px!important}.controls-top-row{flex-direction:column;align-items:stretch;gap:12px}.micro-stats{flex-wrap:wrap;justify-content:center}.use-case-matrix{margin-right:-16px;padding-bottom:8px;padding-right:16px}.vs-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;margin-right:-16px;padding-right:16px;position:relative;overflow-x:auto}.vs-table{min-width:600px}.card-front,.card-back{padding:20px}}.surface-up-btn{opacity:0;border:1px solid var(--accent);color:var(--accent);font-size:1rem;font-family:var(--font-body);cursor:pointer;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#0d0f14d9;border-radius:30px;align-items:center;gap:8px;padding:12px 28px;font-weight:600;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 4px 20px #00e5ff33}.surface-up-btn.visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.surface-up-btn:hover{background:#00e5ff26;transform:translate(-50%)translateY(-4px);box-shadow:0 6px 25px #00e5ff66}.promo-card-wrapper{background:linear-gradient(135deg,#e6cb720d,#a876381a);border:1px solid #e6cb7266;animation:4s linear infinite goldShimmer;box-shadow:0 0 20px #e6cb7226}.promo-card-wrapper:hover{border-color:#e6cb72cc;transform:translateY(-5px);box-shadow:0 10px 30px #e6cb724d}@keyframes goldShimmer{0%{border-color:#e6cb724d;box-shadow:0 0 20px #e6cb721a}50%{border-color:#e6cb72b3;box-shadow:0 0 35px #e6cb7240}to{border-color:#e6cb724d;box-shadow:0 0 20px #e6cb721a}}.promo-inner{text-align:center;justify-content:center;padding:30px 20px}.promo-front{flex-direction:column;justify-content:space-between;align-items:center;height:100%;display:flex;box-shadow:none!important;background:0 0!important;border:none!important;padding:10px!important}.promo-card-wrapper:hover .promo-front:before{opacity:0}.promo-badge-container{margin-bottom:20px}.promo-badge{color:#1a1a1a;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(90deg,#d4af37,#f3e5ab);border-radius:20px;align-items:center;padding:6px 16px;font-size:.8rem;font-weight:700;display:inline-flex;box-shadow:0 2px 10px #d4af3766}.promo-content{flex-direction:column;flex-grow:1;justify-content:center;margin-bottom:25px;display:flex}.promo-title{font-size:1.8rem;font-family:var(--font-heading);background:linear-gradient(90deg,#f3e5ab,#d4af37);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px}.promo-desc{color:var(--text-secondary);max-width:90%;margin:0 auto;font-size:1.05rem;line-height:1.5}.promo-cta-container{width:100%}.promo-cta{justify-content:center;width:100%;color:#000!important;background:linear-gradient(90deg,#d4af37,#b58d22)!important;border:none!important;padding:12px 24px!important;font-weight:700!important;box-shadow:0 4px 15px #d4af374d!important}.promo-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4af3780!important}