/* MACEDONIA (MSV) — Download page styles. Reuses tokens/components from styles.css */

/* Page hero */
.dl-hero{position:relative;overflow:hidden;background:#070708;border-bottom:1px solid #1d1d21}
.dl-hero-bg{position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(7,7,8,.45),rgba(7,7,8,.32) 45%,rgba(7,7,8,.82)),radial-gradient(circle at 80% 28%,rgba(232,0,22,.18),transparent 44%),linear-gradient(90deg,rgba(7,7,8,.95),rgba(7,7,8,.84) 50%,rgba(7,7,8,.76)),url('assets/hero-main.webp');background-size:auto,auto,auto,cover;background-position:center 22%;background-repeat:no-repeat;filter:saturate(.9);z-index:0}
/* ultra-wide: cap the hero image at native width (centered) so it never over-enlarges */
@media(min-width:1984px){.dl-hero-bg{background-size:auto,auto,auto,1983px auto}}
.dl-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 45%,rgba(0,0,0,.75));z-index:0}
.dl-hero-inner{position:relative;z-index:1;padding:70px 0 60px}
.dl-hero h1{font-size:clamp(34px,5vw,58px);line-height:1.05;margin:6px 0 16px;font-weight:900;letter-spacing:-.035em}
.dl-hero h1 em{font-style:normal;color:#ff3346;text-shadow:0 0 26px rgba(232,0,22,.26)}
.dl-hero .dl-hero-desc{font-size:16px;color:#c9c9cf;line-height:1.8;max-width:620px;margin:0 0 22px}
.dl-hero-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.dl-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #34343c;background:rgba(12,12,15,.6);font:12px 'Oswald',sans-serif;letter-spacing:.12em;color:#cfcfd6}
.dl-chip b{color:#ff5d6c;font-weight:700}

/* Download options */
.dl-options{padding:70px 0 30px}
.dl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:26px}
.dl-card{position:relative;display:flex;flex-direction:column;gap:0;padding:26px;border:1px solid #29292f;background:linear-gradient(180deg,#151519,#111114);transition:.2s}
.dl-card:hover{border-color:#5b5b65}
.dl-card-top{display:flex;align-items:flex-start;gap:16px}
.dl-card .icon{flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;border:1px solid #44444c;color:#ff4a59;font-size:24px;background:#0d0d10}
.dl-card h3{font:600 19px 'Oswald',sans-serif;letter-spacing:.05em;margin:2px 0 6px}
.dl-card p{margin:0;color:#a9a9b2;font-size:13px;line-height:1.6}
.dl-card .dl-meta{margin-top:14px;padding-top:14px;border-top:1px solid #24242a;display:flex;align-items:center;justify-content:space-between;gap:12px}
.dl-card .dl-size{font:12px 'Oswald',sans-serif;letter-spacing:.06em;color:#7f7f89}
.dl-card .btn{min-height:42px;padding:0 20px;font-size:14px}
.dl-card.primary{border-color:#7a1420;box-shadow:0 0 0 1px rgba(232,0,22,.10),0 12px 30px rgba(0,0,0,.35)}
.dl-card.primary:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 12%,rgba(232,0,22,.16),transparent 40%);pointer-events:none}
.badge{position:absolute;top:14px;right:14px;padding:4px 8px;font:10px 'Oswald',sans-serif;letter-spacing:.14em;border:1px solid #3a3a42;color:#c9c9d0;background:#15151a}
.badge.soon{color:#ffd27a;border-color:#5a4a20;background:#241d0f}
.badge.ready{color:#7be0a0;border-color:#22503a;background:#0f2418}

/* System requirements */
.dl-spec{padding:60px 0;border-top:1px solid #1d1d21;background:#0d0d10}
.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:26px}
.spec-col{border:1px solid #29292f;background:#111115;padding:26px}
.spec-col.rec{border-color:#3a2a2e}
.spec-col h3{font:600 16px 'Oswald',sans-serif;letter-spacing:.1em;margin:0 0 16px;display:flex;align-items:center;gap:10px}
.spec-col.rec h3{color:#ff5d6c}
.spec-col h3 .dot{width:8px;height:8px;background:#6b6b76;transform:rotate(45deg)}
.spec-col.rec h3 .dot{background:var(--red)}
.spec-row{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid #24242a;font-size:13px}
.spec-row:last-child{border-bottom:0}
.spec-row .k{color:#85858e;font:12px 'Oswald',sans-serif;letter-spacing:.08em}
.spec-row .v{color:#dcdce2}

/* Install steps */
.dl-install{padding:60px 0;border-top:1px solid #1d1d21}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}
.step{border:1px solid #29292f;background:#111115;padding:24px 22px;position:relative}
.step .n{font:700 30px 'Oswald',sans-serif;color:#3a1116;line-height:1}
.step b{display:block;margin:12px 0 6px;font:600 15px 'Oswald',sans-serif;letter-spacing:.04em;color:#f0f0f2}
.step p{margin:0;color:#98989f;font-size:12px;line-height:1.6}

/* Help band */
.dl-help{border-top:1px solid #9b1421;background:linear-gradient(90deg,#7e0010,#2a080b 45%,#0b0b0d)}
.dl-help-inner{min-height:150px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px 0}
.dl-help h2{font-size:26px;margin:0 0 6px}
.dl-help p{margin:0;color:#d8c6c8;font-size:14px}
.dl-help .btn{white-space:nowrap}

@media (max-width:860px){
  .dl-grid,.spec-grid{grid-template-columns:1fr}
  .steps{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .steps{grid-template-columns:1fr}
  .dl-help-inner{flex-direction:column;align-items:flex-start}
  .dl-card .dl-meta{flex-direction:column;align-items:flex-start;gap:10px}
  .dl-card .btn{width:100%}
}