/* The download page: one poster at the top, then everything someone needs before pressing the button
   and after it. The facts come from the same file the app updates itself from. */
.dl{--a:min(1vw,20px);background:var(--bg);color:var(--ink)}
.dl-in{max-width:1240px;margin:0 auto;padding:0 clamp(16px,4vw,32px)}

.dl-hero{position:relative;overflow:hidden;background:#ffd43b;color:#0b0b0f}
.dl-hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:clamp(24px,4vw,64px);align-items:center;max-width:1400px;margin:0 auto;padding:clamp(34px,4.4vw,70px) clamp(16px,4vw,48px) clamp(46px,5vw,84px)}
.dl-hello{display:inline-block;margin:0 0 14px;padding:8px 14px;border-radius:7px;background:#0b0b0f;color:#fff;font-size:15px;font-weight:600}
.dl-kicker{margin:0 0 clamp(14px,1.6vw,24px);color:#0b0b0f;font-size:13px}
.dl-word{margin:6px 0 0 -.03em;font-size:clamp(84px,calc(var(--a) * 17),250px);font-weight:800;line-height:.96;letter-spacing:-.02em;color:#0b0b0f;--d:#c98f0a;text-shadow:0.004em 0.004em 0 var(--d),0.008em 0.008em 0 var(--d),0.012em 0.012em 0 var(--d),0.016em 0.016em 0 var(--d),0.020em 0.020em 0 var(--d),0.024em 0.024em 0 var(--d),0.028em 0.028em 0 var(--d),0.032em 0.032em 0 var(--d),0.036em 0.036em 0 var(--d),0.040em 0.040em 0 var(--d),0.044em 0.044em 0 var(--d),0.048em 0.048em 0 var(--d),0.052em 0.052em 0 var(--d),0.056em 0.056em 0 var(--d),0.060em 0.060em 0 var(--d)}
.dl-lede{max-width:520px;margin:clamp(14px,1.4vw,22px) 0 0;font-size:clamp(17px,1.4vw,20px);line-height:1.45;text-wrap:pretty}
.dl-go{display:inline-flex;align-items:center;gap:12px;height:62px;margin-top:clamp(20px,2vw,30px);padding:0 30px;border-radius:8px;background:#0b0b0f;color:#fff;font:700 18px/1 'Bricolage Grotesque','Segoe UI',system-ui,sans-serif;transition:background-color .15s}
.dl-go:hover,.dl-go:focus-visible{background:#6d3df2;outline:0}
.dl-meta{margin:12px 0 0;font-size:15px;font-weight:600}
.dl-sent{max-width:460px;margin:12px 0 0;padding:10px 14px;border-radius:7px;background:rgba(11,11,15,.1);font-size:15px;font-weight:500}
.dl-acc{margin:14px 0 0;font-size:15px}
.dl-acc a{font-weight:700;text-decoration:underline;text-underline-offset:3px}
.dl-why{max-width:440px;margin:10px 0 0;font-size:14px;line-height:1.5;opacity:.72}
/* DOWNLOAD, СКАЧАТЬ: the other languages' word is longer than İNDİR */
html:not([lang=tr]) .dl-word{font-size:clamp(56px,calc(var(--a) * 8.4),130px)}
.dl-right{position:relative;min-width:0}
.dl-win{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 0 0 clamp(3px,.32vw,5px) #fff,calc(var(--a) * .9) calc(var(--a) * .9) 0 clamp(3px,.32vw,5px) #c98f0a;transform:rotate(1.6deg)}

.dl-steps{padding:clamp(70px,8vw,120px) 0 clamp(60px,7vw,100px)}
.dl-steps h2,.dl-block h2,.dl-qs h2{margin:0;font-size:clamp(32px,4vw,56px);font-weight:700;line-height:1.08}
.dl-rail{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:clamp(18px,2.4vw,34px);margin-top:clamp(34px,4vw,54px)}
.dl-rail::before{content:"";position:absolute;left:0;right:0;top:6px;height:2px;background:var(--line2)}
.dl-rail span{position:relative;width:14px;height:14px;border-radius:50%;background:#ffd43b;box-shadow:0 0 0 4px var(--bg)}
.dl-steps ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.4vw,34px);margin:22px 0 0;padding:0;list-style:none}
.dl-steps li{min-width:0}
.dl-steps li img,.dl-note{display:block;width:100%;aspect-ratio:640 / 436;height:auto;border-radius:10px;box-shadow:0 0 0 1px var(--line2);object-fit:cover;object-position:50% 0}
.dl-note{display:flex;flex-wrap:wrap;align-content:center;align-items:center;gap:8px;padding:clamp(14px,1.6vw,24px);background:var(--tile);box-sizing:border-box}
.dl-note b{flex:1 1 100%;font:600 15px/1.3 Inter,'Segoe UI',system-ui,sans-serif}
.dl-note span{padding:7px 11px;border-radius:5px;background:var(--tile2);box-shadow:0 0 0 1px var(--line2);font:600 13.5px/1.2 Inter,'Segoe UI',system-ui,sans-serif;white-space:nowrap}
.dl-note i{font-style:normal;color:var(--muted)}
.dl-steps h3{margin:18px 0 0;font-size:clamp(20px,1.7vw,24px);font-weight:700;letter-spacing:-.015em;line-height:1.2}
.dl-steps li p{margin:7px 0 0;font-size:15.5px;line-height:1.5;color:var(--muted);text-wrap:pretty}

.dl-facts{padding:clamp(50px,6vw,84px) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.dl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(30px,4vw,60px)}
.dl-block h2{font-size:clamp(24px,2.2vw,32px)}
.dl-block dl{margin:16px 0 0}
.dl-block dl div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid var(--line)}
.dl-block dt{flex:none;color:var(--muted);font-size:15px}
.dl-block dd{margin:0;font-size:15px;font-weight:500;text-align:right;text-wrap:pretty}
.dl-block dd.dl-on{color:var(--accent-ink);font-weight:600}

.dl-qs{padding:clamp(60px,7vw,100px) 0 clamp(70px,8vw,120px)}
.dl-qgrid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,5vw,80px)}
.dl-qs details{border-top:1px solid var(--line2)}
.dl-qs details:last-child{border-bottom:1px solid var(--line2)}
.dl-qs summary{padding:17px 0;font:600 clamp(17px,1.4vw,20px)/1.3 'Bricolage Grotesque','Segoe UI',system-ui,sans-serif;cursor:pointer}
.dl-qs details p{margin:0 0 18px;max-width:600px;font-size:16px;line-height:1.55;color:var(--muted);text-wrap:pretty}
.dl-qs details a{color:var(--accent-ink);text-decoration:underline;text-underline-offset:3px}

@media (max-width:1000px){
.dl-hero-in{grid-template-columns:minmax(0,1fr)}
.dl-word{font-size:calc(92vw / 3.1)}
html:not([lang=tr]) .dl-word{font-size:calc(92vw / 5.9)}
.dl-right{max-width:620px}
.dl-steps ol{grid-template-columns:repeat(2,minmax(0,1fr))}
.dl-rail{display:none}
.dl-grid{grid-template-columns:minmax(0,1fr)}
.dl-qgrid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
.dl-steps ol{grid-template-columns:minmax(0,1fr)}
.dl-go{width:100%;justify-content:center}
}