@font-face { font-family: Geometria; src: url('/fonts/Geometria.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: Geometria; src: url('/fonts/Geometria-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; }

* { box-sizing: border-box; }
html { min-height: 100%; }
body { margin: 0; min-height: 100vh; background: #384554 url('/assets/BG.png') center top / cover no-repeat fixed; color: #d4dce7; font: 16px/1.6 Geometria, system-ui, sans-serif; }
main { display: flow-root; width: min(100%, 1120px); margin-inline: auto; padding: 64px 32px 32px; }
.top { display: grid; grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 24px; text-align: center; }
.hi { max-width: 100%; margin: 0; color: #fff; font-size: clamp(32px, 4vw, 58px); line-height: 1.15; font-weight: 700; overflow-wrap: anywhere; }
.os { max-width: 100%; margin: 0; color: #c1cad7; font-size: clamp(18px, 2vw, 26px); line-height: 1.45; }
.download { display: flex; justify-content: center; width: 100%; margin: 4px 0 0; }
.btn, .btn-gray { display: inline-flex; align-items: center; justify-content: center; flex-wrap: wrap; column-gap: .35em; max-width: 100%; min-height: 55px; padding: 12px 18px; color: #151b25; font: inherit; font-size: 15px; line-height: 1.4; text-align: center; text-decoration: none; background: url('/assets/BTN.png') center / 100% 100% no-repeat; }
.btn { width: 386px; font-weight: 700; }
.btn-gray { width: 244px; background-image: url('/assets/BTN2.png'); }
.button-label { min-width: 0; overflow-wrap: anywhere; }
.container { display: grid; grid-template-columns: minmax(0, 1fr) 244px; align-items: start; gap: 48px; width: min(100%, 920px); margin: 56px auto 0; }
.one, .two { min-width: 0; }
.file-details { width: 100%; }
.file-details h2 { margin: 0 0 16px; color: #fff; font-size: 20px; line-height: 1.4; }
.file-details p { margin: 0 0 14px; }
.file-name { overflow-wrap: anywhere; }
.text-blue { color: #c1cad7; }
.two { display: grid; gap: 16px; justify-items: stretch; }
.two p { display: flex; justify-content: center; margin: 0; }
.two .btn-gray { width: 100%; }
a { color: #91d4ff; text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus-visible, summary:focus-visible { outline: 3px solid #ffd263; outline-offset: 4px; }
.btn:hover, .btn-gray:hover { text-decoration: none; filter: brightness(1.05); }
.providers { font-size: 12px; color: #bac5d4; }
.languages { width: min(100%, 920px); margin: 32px auto 0; padding-top: 20px; border-top: 1px solid #ffffff30; color: #c1cad7; font-size: 14px; clear: both; }
.languages summary { cursor: pointer; width: fit-content; }
.language-links { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(140px, 100%), 1fr)); gap: 8px; padding-top: 16px; }
.language-links a { min-width: 0; padding: 8px; overflow-wrap: anywhere; }
.language-links [aria-current=page] { color: #ffd263; font-weight: 700; }
.platform-downloads { margin: 0 0 16px; padding-inline-start: 1.25rem; overflow-wrap: anywhere; }
@media (max-width: 760px) {
    main { padding: 40px 20px 24px; }
    .top { gap: 20px; }
    .container { grid-template-columns: 1fr; gap: 24px; margin-top: 36px; }
    .two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
    main { padding-inline: 16px; }
    .two { grid-template-columns: 1fr; }
    .two p { justify-content: start; }
    .two .btn-gray { max-width: 100%; }
}