/* ===== Keviro download page ===== */
.dl-page{background:radial-gradient(ellipse 70% 50% at 88% 0,#0a2f31 0,transparent 60%),radial-gradient(ellipse 60% 45% at 5% 92%,#07241f 0,transparent 62%),var(--bg)}

/* header */

.header nav a.active{color:var(--g)}

/* layout */
.dl-wrap{max-width:1240px;margin:auto;padding:44px 24px 70px}
.dl-hero{display:grid;grid-template-columns:1fr 1.06fr;gap:58px;align-items:start}

/* left column */
.chip-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border:1px solid #1d7f68;border-radius:999px;background:#071a14;color:var(--g);font-size:11px;letter-spacing:1.6px;font-weight:800}
.dl-intro h1{font-size:62px;line-height:1.02;letter-spacing:-2px;margin:20px 0 0}
.dl-intro h1 span{color:var(--g)}
.dl-sub{color:var(--g);font-size:25px;font-weight:700;margin:14px 0 18px}
.dl-intro p{font-size:16px;max-width:560px}
.dl-feats{list-style:none;padding:0;margin:34px 0 0;display:grid;gap:18px}
.dl-feats li{display:flex;align-items:center;gap:16px}
.fi{width:56px;height:56px;flex:none;display:grid;place-items:center;border:1px solid #1c6b57;border-radius:13px;background:#071a14}
.fi img{width:27px}
.dl-feats b{display:block;font-size:16.5px}
.dl-feats small{display:block;color:var(--muted);font-size:13px;margin-top:2px}

/* download card */
.dl-card{border:1px solid #174a3d;border-radius:18px;background:linear-gradient(180deg,#081c16,#05120e);padding:32px;box-shadow:0 30px 70px -32px #000c,0 0 90px -50px #18e1b655}
.dl-card h2{font-size:29px;margin:0 0 6px}
.dl-card .muted{margin:0 0 22px;font-size:14.5px}
.os-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.os{display:flex;flex-direction:column;align-items:center;gap:7px;padding:22px 10px;border:1px solid #1a4638;border-radius:13px;background:#071812;color:#cfe3dd;cursor:pointer;font:inherit;transition:border-color .18s,background .18s,transform .18s}
.os:hover{border-color:#2a8a70;transform:translateY(-2px)}
.os b{font-size:16px}
.os small{font-size:11.5px;color:var(--muted)}
.os.is-on{border-color:var(--g);background:#08241c;box-shadow:0 0 0 1px #18e1b640,0 0 34px -12px #18e1b6aa}
.os.is-on b{color:#fff}
.os[data-ready="0"]{opacity:.62}
.os[data-ready="0"]:hover{transform:none;border-color:#1a4638;cursor:not-allowed}

.dl-main{width:100%;justify-content:center;margin:20px 0 0;padding:17px;font-size:16.5px;border-radius:12px}
.countdown{margin-top:18px;padding:16px 14px;border:1px solid #1d5847;border-radius:13px;background:linear-gradient(180deg,#07211a,#04120e);text-align:center}.countdown[hidden]{display:none}.cd-label{color:var(--g);font-size:10px;letter-spacing:2.4px;font-weight:800;margin-bottom:11px}.cd-clock{display:flex;align-items:flex-start;justify-content:center;gap:6px}.cd-clock>div{min-width:58px}.cd-clock b{display:block;font-size:30px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;color:#eafff9;text-shadow:0 0 22px #18e1b655}.cd-clock span{display:block;margin-top:6px;font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted)}.cd-clock i{font-style:normal;font-size:22px;line-height:1;color:#2a7a65;padding-top:3px}.dl-main.is-locked{background:#0c2a22;color:#6f8d84;border:1px solid #1a4e3f;cursor:not-allowed;box-shadow:none}.dl-main.is-locked svg{opacity:.5}
.dl-count{text-align:center;color:var(--g);font-size:13px;font-weight:700;margin-top:13px}
.dl-count[hidden]{display:none}
.ghstats[hidden]{display:none}
.dl-meta{text-align:center;color:var(--muted);font-size:13px;margin:13px 0 20px}
.dl-links{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ghost{justify-content:center;border:1px solid #1a4e3f;background:#06150f;color:#d6e8e2;font-weight:700;font-size:14px;padding:14px;border-radius:11px}
.ghost:hover{border-color:#2a8a70;color:#fff}
.ext{opacity:.6;font-size:11px}
.dl-foot{text-align:center;color:var(--muted);font-size:13.5px;margin-top:20px}

/* info cards */
.dl-info{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px}
.ic{border:1px solid #143f34;border-radius:15px;background:#06140f;padding:24px}
.ic h3{display:flex;align-items:center;gap:11px;margin:0 0 14px;font-size:18px}
.ic h3 img{width:24px}
.ic h3 svg{color:var(--g)}
.sm{font-size:13.5px}
.specs{margin:0}
.specs>div{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:7px 0;font-size:13.5px}
.specs dt{color:var(--muted)}
.specs dd{margin:0}
.hashrow{display:flex;align-items:center;gap:8px;border:1px solid #16463a;border-radius:9px;background:#04100c;padding:10px 11px;margin:14px 0}
.hashrow code{font-size:11px;word-break:break-all;color:#b6cdc6;line-height:1.5}
.copy{flex:none;border:0;background:transparent;color:var(--muted);cursor:pointer;padding:3px;border-radius:5px}
.copy:hover{color:var(--g)}
.ticks{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:9px}
.ticks li{position:relative;padding-left:26px;font-size:13.5px;color:#cfe0da}
.ticks li:before{content:"✓";position:absolute;left:0;top:-1px;width:17px;height:17px;border-radius:50%;background:var(--g);color:#00120d;font-size:11px;font-weight:900;display:grid;place-items:center}
.learn{color:var(--g);font-size:13.5px;border-bottom:1px solid #18e1b655;padding-bottom:2px}
.wide{width:100%;margin:16px 0 14px}
.ghstats{display:flex;gap:20px;color:var(--muted);font-size:13px}

/* footer */

/* ===== verify modal ===== */
.modal-back{position:fixed;inset:0;z-index:60;background:#010604d9;backdrop-filter:blur(7px);display:grid;place-items:center;padding:26px;overflow:auto}
.modal-back[hidden]{display:none}
.modal{width:min(660px,100%);border:1px solid #1d5847;border-radius:17px;background:linear-gradient(180deg,#0a1f18,#05120e);box-shadow:0 40px 90px -30px #000e,0 0 110px -50px #18e1b666;animation:vmIn .26s cubic-bezier(.2,.8,.3,1)}
@keyframes vmIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
.vm-head{display:flex;gap:14px;align-items:flex-start;padding:22px 24px 16px;border-bottom:1px solid #123b31}
.vm-head>div{flex:1}
.vm-head h3{flex:1}
.vm-head h3{margin:0 0 7px;font-size:21px}
.vm-lead{margin:0;font-size:13px;line-height:1.6;color:#9fb8b0}
.vm-lead b{color:var(--g)}
.x{flex:none;border:1px solid #1a4a3c;background:#06150f;color:#9fb8b0;width:32px;height:32px;border-radius:9px;cursor:pointer;font-size:13px}
.x:hover{color:#fff;border-color:#2a8a70}
.vm-body{padding:20px 24px;max-height:min(58vh,520px);overflow:auto}
.vm-rel{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid #16463a;border-radius:10px;background:#04100c;margin-bottom:20px;font-size:14px}
.os-tag{font-size:10px;letter-spacing:1.4px;font-weight:800;color:#00120d;background:var(--g);padding:4px 9px;border-radius:5px}
.vm-size{margin-left:auto;color:var(--muted);font-size:12.5px}
.vm-view{display:block}
.vm-view[hidden]{display:none}
.back{flex:none;border:1px solid #1a4a3c;background:#06150f;color:#9fb8b0;width:32px;height:32px;border-radius:9px;cursor:pointer;font-size:14px}
.back:hover{color:var(--g);border-color:#2a8a70}

/* simple view */
.vm-simple{padding:22px 24px 24px}
.prod{padding:15px 16px;border:1px solid #16463a;border-radius:11px;background:#04100c;margin-bottom:18px}
.prod b{display:block;font-size:16.5px;margin-bottom:4px}
.prod span{color:var(--muted);font-size:13px}
.assure{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:11px}
.assure li{position:relative;padding-left:27px;font-size:14px;color:#cfe0da}
.assure li:before{content:"✓";position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;background:#0d3a2f;border:1px solid #1e6f59;color:var(--g);font-size:10px;font-weight:900;display:grid;place-items:center}
.vm-cta{width:100%;justify-content:center;padding:16px;border-radius:11px;font-size:16px}
.vm-more{display:block;width:100%;margin-top:14px;border:0;background:transparent;color:var(--g);font:inherit;font-size:13.5px;cursor:pointer;padding:6px}
.vm-more:hover{text-decoration:underline}

/* detail view */
.vfact{padding:16px 0;border-top:1px solid #10352c}
.vfact:first-of-type{border-top:0;padding-top:4px}
.vfact h4{display:flex;align-items:center;gap:10px;margin:0 0 7px;font-size:14.5px}
.vfact em{margin-left:auto;font-style:normal;font-size:9.5px;letter-spacing:1.2px;font-weight:800;color:var(--muted);border:1px solid #1a4a3c;padding:3px 8px;border-radius:999px}
.vfact em.auto{color:var(--g);border-color:#1e6f59}
.vfact p{margin:0 0 10px;font-size:13px;line-height:1.62;color:#9fb8b0}
.vm-rule{margin:18px 0 0;padding:12px 14px;border:1px solid #1e6f59;border-radius:10px;background:#07231b;color:#bfe9dd;font-size:12.5px;text-align:center}
.vm-learn{margin-top:14px;border:1px solid #143f34;border-radius:10px;background:#04100c;padding:12px 14px}
.vm-learn summary{cursor:pointer;color:var(--g);font-size:13px;list-style:none}
.vm-learn summary::-webkit-details-marker{display:none}
.vm-learn summary:before{content:"› ";font-weight:800}
.vm-learn[open] summary:before{content:"‹ "}
.vm-learn p{margin:11px 0 0;font-size:12.5px;line-height:1.65;color:#9fb8b0}
.vm-learn p b{color:#d7ebe5}
.kv{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--muted)}
.kv code{color:var(--g);font-size:12.5px}
.cmdrow{display:flex;align-items:center;gap:9px;border:1px solid #16463a;border-radius:9px;background:#04100c;padding:9px 11px;margin-bottom:9px}
.cmdrow code{flex:1;font-size:11px;word-break:break-all;color:#b6cdc6;line-height:1.55}
.cmdrow button{flex:none;border:1px solid #1d5545;background:#08201a;color:#b9d6ce;font-size:10.5px;font-weight:800;padding:5px 10px;border-radius:6px;cursor:pointer;letter-spacing:.6px}
.cmdrow button:hover{border-color:var(--g);color:var(--g)}
.chainbox{border:1px solid #16463a;border-radius:10px;background:#04100c;padding:13px}
.chainbox .row{display:flex;align-items:center;gap:9px;font-size:12.5px}
.chainbox .row+.row{margin-top:9px}
.chainbox .lbl{color:var(--muted);min-width:78px}
.chainbox code{color:#b6cdc6;font-size:11.5px;word-break:break-all}
.chainbox a{color:var(--g);border-bottom:1px solid #18e1b655}
.dot{width:8px;height:8px;border-radius:50%;flex:none}
.dot.ok{background:var(--g);box-shadow:0 0 9px #18e1b6}
.dot.wait{background:#c9a227;box-shadow:0 0 9px #c9a22799}
.dot.off{background:#5c7169}
.vm-foot{display:flex;align-items:center;gap:16px;padding:18px 24px;border-top:1px solid #123b31}
.vm-foot .btn{flex:1;justify-content:center;padding:15px;border-radius:11px;font-size:15px}
.vm-note{font-size:11.5px;color:var(--muted);text-align:right;line-height:1.5}
.toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%) translateY(16px);background:#0a2a22;border:1px solid #1e6f59;color:#d9fff4;padding:11px 20px;border-radius:10px;font-size:13px;z-index:80;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}
.toast.on{opacity:1;transform:translateX(-50%)}

/* responsive */
@media(max-width:1180px){
  .dl-hero{grid-template-columns:1fr;gap:38px}
  .dl-intro h1{font-size:52px}
  .dl-info{grid-template-columns:1fr}
}
@media(max-width:760px){
  .dl-wrap{padding:28px 18px 50px}
  .dl-intro h1{font-size:38px;letter-spacing:-1.2px}
  .dl-sub{font-size:19px}
  .dl-card{padding:20px}
  .os-grid{grid-template-columns:1fr}
  .os{flex-direction:row;justify-content:flex-start;gap:14px;padding:15px}
  .os b,.os small{text-align:left}
  .dl-links{grid-template-columns:1fr}
  .vm-foot{flex-direction:column;align-items:stretch}
  .vm-note{text-align:center}
}
