/* =====================================================
   NUZN.MVC - Downloads page styles
   ===================================================== */

.dl .eyebrow{letter-spacing:2px;font-size:13px;font-weight:700;text-transform:uppercase;color:var(--brand);margin-bottom:12px;}
.dl h1,.dl h2,.dl h3,.dl h4{font-family:'Newsreader',Georgia,serif;font-weight:600;color:var(--ink);}
.dl .dot{color:var(--orange);}
.dl .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.2,.6,.2,1),transform .8s cubic-bezier(.2,.6,.2,1);}
.dl .reveal.in{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){.dl .reveal{opacity:1;transform:none;transition:none;}.dl .blob{animation:none!important;}}

.dl .wrap{max-width:1080px;margin:0 auto;}
.grad-a{background:linear-gradient(135deg,#1769ff,#3f8cff);}
.grad-b{background:linear-gradient(135deg,#ff6b00,#ff9d3c);}
.grad-c{background:linear-gradient(135deg,#00b3a8,#19e0b6);}

.dl .shead{text-align:center;max-width:720px;margin:0 auto 44px;}
.dl .shead h2{font-size:clamp(28px,4vw,44px);line-height:1.1;}

@keyframes dl-floaty{0%,100%{transform:translateY(0);}50%{transform:translateY(-20px);}}

/* ---- Hero ---- */
.dl-hero{position:relative;overflow:hidden;text-align:center;padding:110px 24px 88px;
  background:linear-gradient(180deg,#e6eeff 0%,#eaf2ff 42%,#f4f8ff 100%);}
.dl-hero::before{content:"";position:absolute;inset:0;z-index:0;
  background-image:radial-gradient(#c9dcf6 1.1px,transparent 1.1px);background-size:26px 26px;
  -webkit-mask:radial-gradient(1100px 520px at 50% -6%,#000 0%,transparent 68%);mask:radial-gradient(1100px 520px at 50% -6%,#000 0%,transparent 68%);opacity:.55;}
.dl-hero .blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.6;z-index:0;animation:dl-floaty 8s ease-in-out infinite;}
.dl-hero .blob.b1{width:340px;height:340px;background:rgba(23,105,255,.34);top:-80px;left:6%;}
.dl-hero .blob.b2{width:300px;height:300px;background:rgba(0,179,168,.22);top:40px;right:8%;animation-delay:1.5s;}
.dl-hero .blob.b3{width:260px;height:260px;background:rgba(255,107,0,.16);bottom:-90px;left:44%;animation-delay:3s;}
.dl-hero-inner{position:relative;z-index:1;max-width:760px;margin:0 auto;}
.dl-hero h1{font-size:clamp(32px,5vw,54px);line-height:1.06;margin-bottom:16px;}
.dl-hero .sub{color:#52607a;font-size:18px;line-height:1.6;max-width:620px;margin:0 auto;}

/* pill badge above title */
.dl-pill{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:7px 16px 7px 8px;border-radius:999px;
  font-family:'Lexend Deca',sans-serif;font-weight:700;font-size:13px;color:var(--brand-dark);background:#fff;border:1px solid #dbe7fb;
  box-shadow:0 12px 28px -18px rgba(23,105,255,.5);}
.dl-pill i{font-style:normal;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#1769ff,#3f8cff);font-size:13px;}

/* floating icon tiles */
.dl-floats{position:absolute;inset:0;z-index:0;pointer-events:none;}
.dlf{position:absolute;display:grid;place-items:center;width:56px;height:56px;border-radius:16px;font-size:24px;
  background:#fff;border:1px solid #e6edff;box-shadow:0 18px 38px -20px rgba(10,23,51,.4);animation:dl-floaty 7s ease-in-out infinite;}
.dlf.f1{top:20%;left:11%;animation-delay:0s;}
.dlf.f2{top:54%;left:6%;animation-delay:1.1s;}
.dlf.f3{bottom:16%;left:17%;animation-delay:2.2s;}
.dlf.f4{top:16%;right:12%;animation-delay:.6s;}
.dlf.f5{top:52%;right:7%;animation-delay:1.7s;}
.dlf.f6{bottom:18%;right:17%;animation-delay:2.6s;}

/* quick fact chips */
.dl-facts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px;}
.dl-facts span{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #e6edff;border-radius:999px;
  padding:9px 18px;font-family:'Lexend Deca',sans-serif;font-size:13.5px;color:#52607a;box-shadow:0 10px 24px -18px rgba(10,23,51,.4);}
.dl-facts b{font-family:'Newsreader',Georgia,serif;color:var(--ink);font-weight:700;font-size:15px;}

@media(max-width:820px){.dlf{display:none;}}

/* ---- Download cards ---- */
.dl-files{padding:20px 24px 40px;background:#fff;}
.dl-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.dl-card{background:#fff;border:1px solid #e6edff;border-radius:20px;padding:30px 28px;box-shadow:0 18px 44px -26px rgba(10,23,51,.4);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;display:flex;flex-direction:column;}
.dl-card:hover{transform:translateY(-6px);box-shadow:0 26px 54px -26px rgba(23,105,255,.4);border-color:#cfe0fb;}
.dl-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.dl-ico{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;font-size:28px;color:#fff;box-shadow:0 14px 28px -12px rgba(23,105,255,.6);}
.dl-badge{font-family:'Lexend Deca',sans-serif;font-weight:700;font-size:11.5px;letter-spacing:.4px;color:var(--brand);background:#eef4ff;border:1px solid #dbe7fb;border-radius:999px;padding:6px 12px;}
.dl-badge.alt{color:var(--orange);background:#fff3ea;border-color:#ffe0c7;}
.dl-card h3{font-size:23px;margin-bottom:6px;}
.dl-file{font-family:'Lexend Deca',monospace;font-size:13px;color:#8090ac;word-break:break-all;margin-bottom:14px;}
.dl-desc{color:#52607a;font-size:15px;line-height:1.6;margin-bottom:20px;}
.dl-meta{list-style:none;display:flex;gap:10px;margin:0 0 22px;padding:0;flex-wrap:wrap;}
.dl-meta li{flex:1;min-width:90px;background:#f6f9ff;border:1px solid #e6edff;border-radius:12px;padding:12px 14px;}
.dl-meta li b{display:block;font-family:'Lexend Deca',sans-serif;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#8090ac;font-weight:700;margin-bottom:4px;}
.dl-meta li span{font-family:'Newsreader',Georgia,serif;font-size:17px;font-weight:600;color:var(--ink);}
.dl-btn{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:12px;
  font-family:'Lexend Deca',sans-serif;font-weight:700;font-size:15px;text-decoration:none;color:#fff;
  background:linear-gradient(135deg,#1769ff,#3f8cff);box-shadow:0 12px 28px -10px rgba(23,105,255,.6);transition:transform .15s,box-shadow .2s;}
.dl-btn:hover{transform:translateY(-2px);box-shadow:0 18px 36px -10px rgba(23,105,255,.7);}

/* ---- Info grid ---- */
.dl-info{padding:64px 24px;background:linear-gradient(180deg,#fff 0%,#f7faff 100%);}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.info-card{background:#fff;border:1px solid #e6edff;border-radius:16px;padding:26px 24px;transition:transform .25s ease,box-shadow .25s ease;}
.info-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px -26px rgba(23,105,255,.4);}
.info-card .ic{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;font-size:24px;color:#fff;margin-bottom:16px;}
.info-card h4{font-size:19px;margin-bottom:8px;}
.info-card p{color:#52607a;font-size:15px;line-height:1.6;}
.info-card code{background:#eef2fb;border:1px solid #e2e8f5;border-radius:6px;padding:1px 6px;font-size:13px;color:var(--brand-dark);}

/* ---- Steps ---- */
.dl-steps{padding:64px 24px;background:#fff;}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.step{background:#f6f9ff;border:1px solid #e6edff;border-radius:16px;padding:26px 24px;position:relative;}
.step .num{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;font-family:'Newsreader',Georgia,serif;font-weight:700;font-size:18px;color:#fff;background:linear-gradient(135deg,#1769ff,#3f8cff);margin-bottom:14px;}
.step h4{font-size:18px;margin-bottom:6px;}
.step p{color:#52607a;font-size:15px;line-height:1.55;}
.step code{background:#eef2fb;border:1px solid #e2e8f5;border-radius:6px;padding:1px 6px;font-size:13px;color:var(--brand-dark);}

/* ---- CTA ---- */
.dl-cta{position:relative;overflow:hidden;text-align:center;padding:86px 24px;background:radial-gradient(900px 420px at 50% 120%,#e9f1ff 0%,#fff 60%);}
.dl-cta .blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;z-index:0;animation:dl-floaty 9s ease-in-out infinite;}
.dl-cta .blob.b1{width:260px;height:260px;background:rgba(23,105,255,.24);top:-40px;left:14%;}
.dl-cta .blob.b2{width:220px;height:220px;background:rgba(255,107,0,.16);bottom:-50px;right:16%;animation-delay:2s;}
.dl-cta>div{position:relative;z-index:1;max-width:640px;margin:0 auto;}
.dl-cta h2{font-size:clamp(26px,4vw,42px);margin-bottom:12px;}
.dl-cta p{color:#52607a;font-size:17px;margin-bottom:26px;}
.dl-cta .btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.dl-cta .btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 26px;border-radius:11px;font-family:'Lexend Deca',sans-serif;font-weight:700;font-size:15px;text-decoration:none;border:2px solid transparent;transition:transform .15s,box-shadow .18s,background .2s,color .2s;}
.dl-cta .btn.b1{background:linear-gradient(135deg,#1769ff,#3f8cff);color:#fff;box-shadow:0 12px 26px rgba(23,105,255,.34);}
.dl-cta .btn.b1:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(23,105,255,.45);}
.dl-cta .btn.b2{background:#fff;color:var(--ink);border-color:#dbe3f0;}
.dl-cta .btn.b2:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-2px);}

@media(max-width:820px){
  .dl-grid{grid-template-columns:1fr;}
  .info-grid{grid-template-columns:1fr;}
  .steps{grid-template-columns:1fr;}
}

/* ---- Comparison table ---- */
.dl-compare{padding:64px 24px;background:#fff;}
.dl-table{max-width:880px;margin:0 auto;border:1px solid #e6edff;border-radius:16px;overflow:hidden;box-shadow:0 18px 44px -28px rgba(10,23,51,.4);}
.dl-trow{display:grid;grid-template-columns:1.7fr 1fr 1fr;align-items:center;}
.dl-trow>div{padding:15px 20px;font-family:'Lexend Deca',sans-serif;font-size:14.5px;color:#42506c;border-top:1px solid #eef2fb;}
.dl-trow>div:not(:first-child){text-align:center;border-left:1px solid #eef2fb;}
.dl-trow.head>div{background:#f6f9ff;font-family:'Newsreader',Georgia,serif;font-weight:700;font-size:15px;color:var(--ink);border-top:none;}
.dl-trow .y{color:#1a9e5f;font-weight:800;}
.dl-trow .n{color:#c0504e;font-weight:800;}
.dl-trow:nth-child(even):not(.head){background:#fbfcff;}

/* ---- System requirements ---- */
.dl-req{padding:64px 24px;background:linear-gradient(180deg,#fff,#f7faff);}
.req-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.req-card{background:#fff;border:1px solid #e6edff;border-radius:16px;padding:24px 22px;text-align:center;transition:transform .25s,box-shadow .25s;}
.req-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px -26px rgba(23,105,255,.4);}
.req-card .ri{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:14px;font-size:26px;background:#eef4ff;border:1px solid #dbe7fb;margin-bottom:14px;}
.req-card h4{font-size:17px;margin-bottom:6px;}
.req-card p{color:#52607a;font-size:14px;line-height:1.55;}

/* ---- Verify terminal ---- */
.dl-verify{padding:64px 24px;background:#fff;}
.dl-term{max-width:760px;margin:0 auto;background:#0d1730;border-radius:16px;overflow:hidden;box-shadow:0 28px 56px -28px rgba(10,23,51,.7);}
.dl-term .term-top{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#0a1224;border-bottom:1px solid rgba(255,255,255,.06);}
.dl-term .term-top span{width:11px;height:11px;border-radius:50%;background:#33415c;}
.dl-term .term-top span:nth-child(1){background:#ff5f57;}
.dl-term .term-top span:nth-child(2){background:#febc2e;}
.dl-term .term-top span:nth-child(3){background:#28c840;}
.dl-term .term-top em{margin-left:auto;font-style:normal;color:#8ea1c8;font-family:'Lexend Deca',sans-serif;font-size:12.5px;}
.dl-term .term-body{padding:20px 22px;font-family:'Consolas','Courier New',monospace;font-size:13.5px;line-height:1.95;color:#dbe4f5;overflow-x:auto;}
.dl-term .tl{margin:0;white-space:nowrap;}
.dl-term .tl b{color:#3f8cff;font-weight:700;margin-right:8px;}
.dl-term .tl.ok{color:#57d38c;}

/* ---- Deployment ---- */
.dl-deploy{padding:64px 24px;background:linear-gradient(180deg,#f7faff,#fff);}

/* ---- Troubleshooting FAQ ---- */
.dl-faq{padding:64px 24px;background:#fff;}
.dl-faq .faqwrap{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px;}
.dl-faq .faq{background:#fff;border:1px solid #e6edff;border-radius:14px;overflow:hidden;transition:border-color .25s,box-shadow .25s;}
.dl-faq .faq[open]{border-color:#cfe0fb;box-shadow:0 18px 40px -28px rgba(23,105,255,.4);}
.dl-faq summary{list-style:none;cursor:pointer;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:14px;font-family:'Newsreader',Georgia,serif;font-size:17.5px;font-weight:600;color:var(--ink);}
.dl-faq summary::-webkit-details-marker{display:none;}
.dl-faq .chev{transition:transform .25s;color:var(--brand);}
.dl-faq .faq[open] .chev{transform:rotate(180deg);color:var(--orange);}
.dl-faq .faq p{margin:0;padding:0 20px 20px;color:#52607a;font-size:15px;line-height:1.6;}
.dl-faq code{background:#eef2fb;border:1px solid #e2e8f5;border-radius:6px;padding:1px 6px;font-size:13px;color:var(--brand-dark);}

/* ---- Helpful links ---- */
.dl-links{padding:56px 24px 24px;background:linear-gradient(180deg,#fff,#f7faff);}
.dl-linkchips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}
.dl-linkchips a{font-family:'Lexend Deca',sans-serif;font-weight:600;font-size:14.5px;color:var(--ink);text-decoration:none;background:#f4f7ff;border:1px solid #e4ecfb;border-radius:999px;padding:11px 20px;transition:transform .2s,color .2s,border-color .2s;}
.dl-linkchips a:hover{transform:translateY(-3px);color:var(--brand);border-color:var(--brand);}

@media(max-width:820px){
  .req-grid{grid-template-columns:1fr 1fr;}
  .dl-trow{grid-template-columns:1.4fr 1fr 1fr;}
  .dl-trow>div{padding:12px 12px;font-size:13px;}
}
