:root{color-scheme:dark;--background:#0c1213;--surface:#111a1b;--border:#263738;--muted:#a8b9b7;--text:#edf7f5;--accent:#9ae9d9;font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(ellipse at 48% -18%,#203839 0,transparent 58%),var(--background)}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.shell{width:min(960px,calc(100% - 64px));margin-inline:auto}
.top{height:90px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand,.web{display:inline-flex;align-items:center;gap:10px}
.brand{font-weight:750;letter-spacing:.15em;font-size:14px}
.web{font-size:14px;color:var(--muted);border:1px solid var(--border);padding:8px 14px;border-radius:8px}
.web:hover{color:var(--text);border-color:#5d7774}
.intro{padding:74px 0 44px}
.kicker{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.19em;display:flex;align-items:center;gap:9px;margin:0}
.kicker span{width:6px;height:6px;background:var(--accent);border-radius:50%}
h1{font-size:clamp(2.75rem,8.4vw,5.25rem);line-height:1.02;letter-spacing:-.07em;margin:14px 0 20px;font-weight:740}
h1 em{font-style:normal;color:var(--accent)}
.lead{max-width:490px;margin:0;color:var(--muted);font-size:clamp(1rem,2.5vw,1.15rem)}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.card{background:linear-gradient(135deg,#182728,var(--surface) 58%);border:1px solid var(--border);border-radius:16px;padding:26px;display:flex;flex-direction:column}
.card-top,.release{display:flex;align-items:center;justify-content:space-between;gap:10px}
.icon{width:46px;height:46px;display:grid;place-items:center;background:#203537;border:1px solid #30494a;border-radius:10px;color:var(--accent)}
.icon svg{width:23px;height:23px;fill:currentColor}
.badge{font-size:11px;font-weight:650;color:#b5dad3;border:1px solid #395452;border-radius:100px;padding:4px 9px}
h2{font-size:1.85rem;line-height:1.2;letter-spacing:-.045em;margin:21px 0 8px}
.card p{color:var(--muted);margin:0 0 22px;max-width:320px}
.release{margin-top:auto;border-top:1px solid var(--border);padding:14px 0;color:var(--muted);font-size:12px;flex-wrap:wrap}
.version{font-variant-numeric:tabular-nums;color:#c8dbd7}
.download,.unavailable{width:100%;padding:12px 14px;border-radius:8px;font-weight:700;font-size:14px}
.download{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--accent);color:#122321}
.download:hover{background:#bcf5e9}
.download svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.unavailable{background:#243033;color:var(--muted)}
.note{margin:25px 0 45px;color:var(--muted);font-size:13px;padding:5px 14px;border-left:2px solid #3a5a56}
.note strong{color:#d4e7e2}.note p{margin:3px 0 0;max-width:680px}
.footer{border-top:1px solid var(--border);color:var(--muted);font-size:12px;display:flex;justify-content:space-between;padding-block:20px 28px}
@media(max-width:650px){.shell{width:calc(100% - 36px)}.top{height:72px}.intro{padding:52px 0 32px}.cards{grid-template-columns:1fr}.card{padding:21px}.note{margin-bottom:35px}}