:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#171713;color:#f1eee5}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 90% 5%,#5c5030 0,transparent 34%),#171713;min-height:100vh}
a{color:inherit}
.shell{max-width:1240px;margin:auto;padding:32px clamp(20px,5vw,72px) 30px}
.intro{border-bottom:1px solid #ffffff30;padding:24px 0 58px}
.eyebrow{display:flex;align-items:center;gap:10px;letter-spacing:.24em;color:#e8cd68;font-weight:800;font-size:12px}
.eyebrow-mark{width:8px;height:8px;border-radius:50%;background:#e8cd68;box-shadow:0 0 14px #e8cd68}
h1{margin:24px 0 20px;font-size:clamp(54px,9vw,110px);line-height:.94;letter-spacing:-.08em;text-transform:uppercase;font-weight:900}
h1 em{font-style:normal;color:#e8cd68}
.intro p{max-width:620px;margin:0;color:#c6c2b7;font-size:clamp(16px,2vw,19px);line-height:1.5}
.versions{padding-top:30px}
.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:22px;color:#e8cd68}
h2{font-size:20px;text-transform:uppercase;letter-spacing:.08em;margin:0}
.section-heading span{font-size:12px;font-weight:800;letter-spacing:.2em}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.card{min-height:250px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;border:1px solid #ffffff38;background:linear-gradient(155deg,#38362d,#25251f 55%,#1c1c18);transition:transform .18s,border-color .18s,background .18s}
.card:nth-child(2){background:linear-gradient(155deg,#3b403a,#292e2a 55%,#1c211e)}
.card:nth-child(3){background:linear-gradient(155deg,#4e442e,#302b21 55%,#201d19)}
.card:nth-child(4){background:linear-gradient(155deg,#40353b,#2b2429 55%,#1d191b)}
.card:nth-child(5){background:linear-gradient(155deg,#3c414a,#272b32 55%,#1b1d22)}
.card:hover,.card:focus-visible{transform:translateY(-4px);border-color:#e8cd68;outline:none}
.card-top,.card-bottom{display:flex;justify-content:space-between}
.card-top{align-items:flex-start}
.number{font-size:clamp(66px,8vw,112px);font-weight:900;line-height:.9;letter-spacing:-.09em;color:#f1eee5}
.arrow{font-size:26px;color:#e8cd68}
.card-bottom{flex-direction:column;gap:6px}
.card-bottom strong{font-size:22px;letter-spacing:-.025em}
.card-bottom span{font-size:14px;color:#c6c2b7}
footer{display:flex;justify-content:space-between;gap:20px;padding-top:70px;color:#aba798;font-size:11px;letter-spacing:.16em;font-weight:800}
@media(max-width:760px){.shell{padding-top:20px}.intro{padding-bottom:38px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card{min-height:190px;padding:16px}.card-bottom strong{font-size:17px}.card-bottom span{font-size:12px}footer{padding-top:44px}}
@media(max-width:440px){.cards{gap:9px}.card{min-height:170px}.number{font-size:64px}h1{font-size:52px}.eyebrow{font-size:10px}}