#downloads { scroll-margin-top: 100px }
.desktop-preview { margin: 0 0 3rem; scroll-margin-top: 100px }
.desktop-preview a { display: block; border: 1px solid #34343b; border-radius: 12px; overflow: hidden }
.desktop-preview a:focus-visible { outline: 2px solid white; outline-offset: 4px }
.desktop-preview img { display: block; width: 100%; height: auto }
.desktop-preview figcaption { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; justify-content: space-between; margin-top: 1rem; font-size: .8125rem; line-height: 1.6; color: #cac3d2 }
.desktop-preview figcaption strong { color: #fff }
.tool-page .phero .btn-fill { margin-top: .75rem }
.download-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 1.5rem 0 }
.download-card { padding: 1.5rem; background: #111214; border: 1px solid #34343b; display: flex; flex-direction: column; align-items: flex-start; gap: .85rem }
.download-card h3 { font-size: 1.5rem; margin: 0 }
.download-card p, .download-intro, .release-note { color: #cac3d2; font-size: .9375rem; line-height: 1.65; margin: 0 }
.download-card .btn-fill { margin-top: .5rem; font-size: .875rem; padding: .85rem 1rem; letter-spacing: 0; text-transform: none }
.download-card > a:not(.btn-fill), .release-note a { font-size: .8125rem; text-decoration: underline; text-underline-offset: 3px }
.release-note { margin: 1rem 0; max-width: 90ch }
.download-intro { margin-top: .75rem }
.tool-page .download-card .download-meta { font-size: .8125rem }
.slider:focus-visible { outline: 2px solid white; outline-offset: 4px }
@media (max-width: 900px) { .download-grid { grid-template-columns: 1fr } }
.rudra-hero-actions { display: flex; flex-wrap: wrap; align-items: stretch; gap: 1rem; margin-top: 1.5rem }
.tool-page .rudra-hero-actions .btn-fill { margin-top: 0; display: inline-flex; align-items: center; justify-content: center }
.rudra-guide-button { display: flex; flex-direction: column; justify-content: center; gap: .25rem; min-width: 260px; padding: 1rem 1.4rem; border: 2px solid #d3baff; border-radius: 6px; background: #281e3b; color: #fff; text-decoration: none }
.rudra-guide-button strong { display: flex; justify-content: space-between; gap: 1.5rem; font-size: 1.125rem; line-height: 1.4 }
.rudra-guide-button > span { color: #e0d6ef; font-size: .8125rem; line-height: 1.5 }
.rudra-guide-button:hover { background: #3c2a55; border-color: #fff }
.rudra-guide-button:focus-visible { outline: 3px solid #fff; outline-offset: 4px }
@media (max-width: 540px) { .rudra-hero-actions { flex-direction: column } .rudra-guide-button { min-width: 0 } }