/* ============================================================
   LIPIKA — download.css (COMPLETE REVISION)
   ============================================================ */

.dl-hero{
  position:relative;
  padding:calc(var(--nav-h) + 72px) 0 80px;
  background:var(--grad-soft);overflow:hidden;text-align:center;
}
/* Uses translate property so nothing fights the chakra spin */
.dl-hero .konark{
  width:min(620px,80vw);left:50%;top:46%;
  translate:-50% -50%;opacity:.045;
}
.dl-hero h1{font-size:clamp(2rem,4.6vw,3.4rem)}
.dl-hero .sub{max-width:540px;margin:16px auto 40px;font-size:1.08rem}

/* Download card */
.dl-card{
  position:relative;z-index:2;max-width:560px;margin:0 auto;
  background:var(--surface);border:1px solid var(--border-strong);
  border-radius:var(--radius-l);padding:38px;
  box-shadow:var(--shadow-lg);text-align:center;overflow:hidden;
}
.dl-card::before{
  content:"";position:absolute;top:0;left:0;right:0;height:4px;
  background:repeating-linear-gradient(90deg,var(--accent) 0 14px,var(--gold) 14px 28px,var(--ink) 28px 35px,var(--accent-2) 35px 49px);
  opacity:.7;
}
.dl-card .ver-big{font-size:2rem;font-weight:800;letter-spacing:-.02em;margin:8px 0 2px}
.dl-card .ver-name{font-family:var(--font-odia);color:var(--gold);font-size:1.05rem}
.dl-card .dl-meta{
  display:flex;justify-content:center;gap:14px 24px;flex-wrap:wrap;
  margin:20px 0 28px;font-size:.83rem;color:var(--text-faint);
}
.dl-card .dl-meta span{display:flex;align-items:center;gap:6px}
.dl-card .dl-meta svg{width:15px;height:15px;color:var(--accent);flex-shrink:0}
.sha-row{
  margin-top:22px;display:flex;align-items:center;gap:8px;
  background:var(--code-bg);border:1px solid var(--border);border-radius:10px;
  padding:9px 12px;font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);
}
.sha-row code{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.sha-row button{
  flex:none;display:flex;align-items:center;gap:5px;
  font-size:.72rem;font-weight:600;color:var(--accent);
  padding:4px 8px;border-radius:6px;transition:background .2s;white-space:nowrap;
}
.sha-row button:hover{background:var(--accent-soft)}
.sha-row svg{width:13px;height:13px}

/* System requirements */
.req-list{max-width:640px;margin:56px auto 0;display:flex;flex-direction:column;gap:10px}
.req-row{
  display:flex;align-items:center;gap:16px;
  background:var(--surface);border:1px solid var(--border);border-radius:12px;
  padding:14px 20px;font-size:.92rem;
  transition:border-color .25s,transform .25s var(--ease);
}
.req-row:hover{border-color:var(--border-strong);transform:translateX(4px)}
.req-row svg{width:19px;height:19px;color:var(--gold);flex:none}
.req-row b{min-width:130px;text-align:left;font-weight:600}
.req-row span{color:var(--text-muted)}

/* Installation steps */
.install-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:48px}
.install-step{position:relative}
.install-step .is-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.install-step .is-num{
  width:40px;height:40px;border-radius:50%;flex:none;
  display:flex;align-items:center;justify-content:center;
  font-weight:700;background:var(--grad-accent);color:#FFF8F0;
  box-shadow:var(--shadow-accent);
}
.install-step h3{font-size:1.08rem}
.install-step p{font-size:.9rem;margin-top:2px}
.shot-frame{
  border-radius:14px;overflow:hidden;cursor:zoom-in;
  border:1px solid var(--border-strong);background:var(--surface);
  box-shadow:var(--shadow-sm);
  transition:transform .35s var(--ease),box-shadow .35s;
}
.shot-frame:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-lg)}
.shot-frame .sf-bar{display:flex;gap:6px;padding:9px 12px;background:var(--surface-2);border-bottom:1px solid var(--border)}
.shot-frame .sf-bar i{width:9px;height:9px;border-radius:50%;background:var(--border-strong)}
.shot-frame img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.install-connect::before{
  content:"";position:absolute;left:20px;right:20px;top:-14px;
  border-top:2px dashed var(--border-strong);
}

/* License cards */
.license-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
.license-card{text-align:center;padding:30px 24px}
.license-card .lc-num{
  width:46px;height:46px;margin:0 auto 16px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-odia);font-weight:700;font-size:1.15rem;
  background:var(--gold-soft);color:var(--gold);
  border:1.5px dashed var(--gold);
}
.license-card h3{font-size:1.02rem;margin-bottom:7px}
.license-card p{font-size:.88rem}

/* Release notes & versions */
.release-notes{max-width:680px;margin:44px auto 0}
.rn-item{display:flex;gap:14px;padding:12px 0;border-bottom:1px dashed var(--border);font-size:.94rem;color:var(--text-muted)}
.rn-item:last-child{border-bottom:none}
.rn-tag{
  flex:none;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  padding:3px 9px;border-radius:6px;height:fit-content;margin-top:2px;
}
.rn-new{background:var(--accent-soft);color:var(--accent)}
.rn-fix{background:var(--gold-soft);color:var(--gold)}
.rn-improve{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}
.version-table-wrap{max-width:760px;margin:40px auto 0;overflow-x:auto;border:1px solid var(--border);border-radius:14px;background:var(--surface)}