/* AI Benchmark Index v1.2.1 — Dark Premium — Built by AmitSony */
.abi-wrap{
  --abi-bg:#08060f; --abi-hair:rgba(255,255,255,.08);
  --abi-violet:#a855f7; --abi-violet-deep:#7c3aed;
  --abi-bar:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.07));
  --abi-text:#f2f0fa; --abi-muted:#8d89a6; --abi-dim:#57536e;
  --abi-mono:'JetBrains Mono',monospace;
  position:relative;width:100%;max-width:none;
  padding:24px 0 20px;
  background:radial-gradient(ellipse 80% 60% at 50% -10%,#171130 0%,var(--abi-bg) 55%);
  color:var(--abi-text);font-family:'Plus Jakarta Sans',sans-serif;
  border-radius:0;overflow:hidden;
}
.abi-wrap *{margin:0;padding:0;box-sizing:border-box}
.abi-wrap .abi-inner{position:relative;max-width:1280px;margin-left:auto !important;margin-right:auto !important;padding:0 28px}
.abi-glow{position:absolute;top:-240px;left:50%;transform:translateX(-50%);width:1200px;height:520px;background:radial-gradient(ellipse,rgba(124,58,237,.16),transparent 65%);filter:blur(60px);pointer-events:none}

/* header — single compact row */
.abi-top{position:relative;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--abi-hair)}
.abi-brand{font-family:'Sora',sans-serif;font-weight:700;font-size:14px;letter-spacing:-.01em}
.abi-brand span{background:linear-gradient(90deg,var(--abi-violet),#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent}
.abi-meta{display:flex;gap:18px;font-family:var(--abi-mono);font-size:10px;color:var(--abi-muted);align-items:center}
.abi-live{display:flex;align-items:center;gap:7px;color:var(--abi-violet);font-weight:500}
.abi-live i{width:6px;height:6px;border-radius:50%;background:var(--abi-violet);animation:abi-p 2s infinite}
@keyframes abi-p{0%,100%{box-shadow:0 0 0 0 rgba(168,85,247,.5)}50%{box-shadow:0 0 0 6px rgba(168,85,247,0)}}

/* hero row — tight */
.abi-hero-row{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin:16px 0 0}
.abi-eyebrow{font-family:var(--abi-mono);font-size:9px;letter-spacing:.26em;color:var(--abi-violet);text-transform:uppercase}
.abi-h1{font-family:'Sora',sans-serif !important;font-size:clamp(18px,2.1vw,24px) !important;font-weight:800 !important;letter-spacing:-.02em;line-height:1.15 !important;margin-top:5px !important;color:var(--abi-text) !important}
.abi-h1 em{font-style:normal;background:linear-gradient(90deg,var(--abi-violet),#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent}

.abi-winner{display:flex;align-items:center;gap:12px;padding:10px 16px;border:1px solid rgba(168,85,247,.25);border-radius:12px;background:linear-gradient(90deg,rgba(124,58,237,.14),rgba(255,255,255,.03) 70%);backdrop-filter:blur(12px);box-shadow:0 4px 24px rgba(124,58,237,.15)}
.abi-wl{width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.95);border:1px solid var(--abi-hair);display:grid;place-items:center;flex:none}
.abi-wl img{width:22px;height:22px;object-fit:contain;display:block}
.abi-wk{font-family:var(--abi-mono);font-size:8.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--abi-violet)}
.abi-wn{font-family:'Sora',sans-serif;font-weight:700;font-size:15px;margin-top:2px;letter-spacing:-.01em}
.abi-ws{margin-left:8px;text-align:right;padding-left:14px;border-left:1px solid var(--abi-hair)}
.abi-wv{font-family:var(--abi-mono);font-weight:600;font-size:16px;color:#fff}
.abi-wc{font-family:var(--abi-mono);font-size:8.5px;color:var(--abi-muted);letter-spacing:.12em;text-transform:uppercase;margin-top:1px}

/* tabs */
.abi-tabs{position:relative;display:flex;gap:2px;flex-wrap:wrap;margin:16px 0 0;border-bottom:1px solid var(--abi-hair);overflow-x:auto}
.abi-tab{font-family:var(--abi-mono);font-size:11px;letter-spacing:.08em;color:var(--abi-muted);background:none;border:none;border-bottom:2px solid transparent;padding:9px 13px;cursor:pointer;transition:.2s;margin-bottom:-1px;white-space:nowrap;border-radius:0;box-shadow:none;outline:none}
.abi-tab:hover{color:var(--abi-text);background:none}
.abi-tab.on{color:#fff;border-bottom-color:var(--abi-violet);font-weight:600;text-shadow:0 0 20px rgba(168,85,247,.5)}

/* chart */
.abi-panel{position:relative;padding:14px 4px 0}
.abi-p-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px;padding:0 10px;margin-bottom:12px}
.abi-p-title{font-family:'Sora',sans-serif;font-size:16px;font-weight:700;letter-spacing:-.01em}
.abi-p-src{font-family:var(--abi-mono);font-size:9px;letter-spacing:.14em;color:var(--abi-dim);text-transform:uppercase}

.abi-chart-zone{position:relative;padding:0 10px}
.abi-plot{position:relative;height:clamp(240px,42vh,360px);padding-top:44px}
.abi-gridlines{position:absolute;inset:44px 0 0 0;display:flex;flex-direction:column;justify-content:space-between}
.abi-gl{display:flex;align-items:center;gap:10px}
.abi-gl b{font-family:var(--abi-mono);font-size:9px;color:var(--abi-dim);font-weight:400;width:32px;text-align:right;flex:none}
.abi-gl i{flex:1;height:1px;background:var(--abi-hair);display:block}
.abi-bars{position:absolute;inset:44px 0 0 44px;display:grid;grid-template-columns:repeat(10,1fr);gap:14px;align-items:end;padding:0 6px}
.abi-bcol{position:relative;height:100%;display:flex;align-items:flex-end;justify-content:center}
.abi-bar{width:100%;max-width:46px;background:var(--abi-bar);border:1px solid rgba(255,255,255,.10);border-bottom:none;backdrop-filter:blur(6px);border-radius:6px 6px 0 0;position:relative;height:0;transition:height 1.1s cubic-bezier(.25,.9,.3,1),background .2s}
.abi-sv{position:absolute;top:7px;left:50%;transform:translateX(-50%);font-family:var(--abi-mono);font-size:11px;font-weight:600;color:#fff;white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.abi-bcol.lead .abi-bar{background:linear-gradient(180deg,var(--abi-violet),var(--abi-violet-deep) 60%,rgba(124,58,237,.5));border-color:rgba(196,181,253,.5);box-shadow:0 0 32px rgba(139,92,246,.35),inset 0 1px 0 rgba(255,255,255,.4)}
.abi-bar:hover{background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,.10))}
.abi-bcol.lead .abi-bar:hover{filter:brightness(1.1)}

/* logo — bar ke sabse top pe float, bar ke saath uthta hai */
.abi-lg{position:absolute;top:-40px;left:50%;transform:translateX(-50%);width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;overflow:hidden;z-index:2;box-shadow:0 2px 10px rgba(0,0,0,.4)}
.abi-bcol.lead .abi-lg{box-shadow:0 0 18px rgba(168,85,247,.55)}
.abi-lg img{width:19px;height:19px;object-fit:contain;display:block}
.abi-fb{font-family:'Sora',sans-serif;font-weight:700;font-size:11px;color:#555}

/* names below baseline */
.abi-labels{display:grid;grid-template-columns:repeat(10,1fr);gap:14px;margin-left:44px;padding:0 6px;border-top:1.5px solid rgba(255,255,255,.18)}
.abi-lb{display:flex;flex-direction:column;align-items:center}
.abi-nm{margin-top:16px;font-family:var(--abi-mono);font-size:9.5px;color:var(--abi-muted);white-space:nowrap;transform:rotate(-40deg);transform-origin:top center;letter-spacing:.02em}
.abi-lb.lead .abi-nm{color:#fff;font-weight:600}
.abi-labels-space{height:64px}

.abi-footer{position:relative;margin-top:8px;padding-top:12px;border-top:1px solid var(--abi-hair);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-family:var(--abi-mono);font-size:9px;letter-spacing:.12em;color:var(--abi-dim);text-transform:uppercase}
.abi-footer b{color:var(--abi-violet);font-weight:600}

/* ---- Mobile ranked list (chart ki jagah) ---- */
.abi-mlist{display:none}
.abi-mrow{display:grid;grid-template-columns:30px 34px 1fr 58px;gap:10px;align-items:center;padding:10px 12px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035);border-radius:12px;margin-bottom:8px;opacity:0;transform:translateY(8px);animation:abi-in .4s forwards}
@keyframes abi-in{to{opacity:1;transform:none}}
.abi-mrank{font-family:var(--abi-mono);font-weight:700;font-size:12px;color:var(--abi-muted);text-align:center}
.abi-mrow.lead{border-color:rgba(168,85,247,.45);background:linear-gradient(90deg,rgba(124,58,237,.18),rgba(255,255,255,.03));box-shadow:0 0 20px rgba(124,58,237,.15)}
.abi-mrow.lead .abi-mrank{color:var(--abi-violet)}
.abi-mlg{width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.95);display:grid;place-items:center;overflow:hidden}
.abi-mlg img{width:20px;height:20px;object-fit:contain;display:block}
.abi-mname{font-weight:600;font-size:13px;line-height:1.2}
.abi-mbar{height:4px;border-radius:99px;background:rgba(255,255,255,.08);margin-top:6px;overflow:hidden}
.abi-mbar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--abi-violet),var(--abi-violet-deep));width:0;transition:width .8s cubic-bezier(.25,.9,.3,1)}
.abi-mscore{font-family:var(--abi-mono);font-weight:600;font-size:13px;text-align:right;color:#fff}

@media(max-width:820px){
  .abi-wrap{padding:16px 0 14px}
  .abi-wrap .abi-inner{padding:0 14px}
  .abi-hero-row{align-items:flex-start;gap:12px;margin:14px 0 0}
  .abi-winner{width:100%;justify-content:flex-start}
  .abi-ws{margin-left:auto}
  /* desktop chart hatao, ranked list dikhao */
  .abi-chart-zone .abi-plot,.abi-chart-zone .abi-labels,.abi-chart-zone .abi-labels-space{display:none}
  .abi-mlist{display:block;margin-top:4px}
  .abi-p-head{margin-bottom:14px}
}