:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #251c24; background: #faf7f8; }
* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; }
a { color: inherit; }
.shell { width: min(100% - 40px, 620px); margin: 0 auto; padding: 36px 0 52px; }
header, footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.brand-logo { display: block; width: 128px; height: auto; }
.language { min-height: 44px; padding: 11px 15px; border: 1px solid #e9dfe4; border-radius: 12px; background: #fff; color: #9d164e; font-size: 13px; font-weight: 700; text-decoration: none; }
.language:hover { background: #fff0f5; }
.eyebrow { margin-top: clamp(72px, 13vh, 126px); color: #a81753; font-size: 12px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
h1 { margin: 16px 0 10px; font-size: clamp(34px, 6vw, 52px); line-height: 1.07; letter-spacing: -.055em; }
.intro { max-width: 470px; margin: 0; color: #6a6069; font-size: 16px; line-height: 1.6; }
.downloads { display: grid; gap: 12px; margin-top: 32px; }
.download { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 88px; padding: 18px 20px; border: 1px solid #ece2e6; border-radius: 18px; background: #fff; box-shadow: 0 7px 28px rgba(55, 29, 41, .045); text-decoration: none; transition: border-color .15s ease, transform .15s ease; }
.download:hover { border-color: #dc9db9; transform: translateY(-2px); }
.download > span:first-child { display: grid; gap: 4px; }
.download strong { font-size: 17px; }
.download small { color: #766b74; font-size: 12px; }
.download__action { flex-shrink: 0; color: #ad1452; font-size: 13px; font-weight: 800; }
.download__action span { margin-inline-start: 5px; font-size: 19px; }
.note { margin: 22px 2px 0; color: #726873; font-size: 12px; line-height: 1.6; }
details { margin: 10px 2px 0; color: #726873; font-size: 12px; line-height: 1.6; }
summary { width: fit-content; color: #9d164e; font-weight: 750; cursor: pointer; }
details p { max-width: 540px; margin: 8px 0 0; }
footer { margin-top: 60px; padding-top: 18px; border-top: 1px solid #e8dfe4; color: #817780; font-size: 12px; }
footer a { color: #9d164e; }
a:focus-visible { outline: 3px solid #dc8bad; outline-offset: 3px; }
html[dir='rtl'] .eyebrow { letter-spacing: 0; }
html[dir='rtl'] h1 { letter-spacing: 0; }
@media (max-width: 480px) { .shell { width: min(100% - 32px, 620px); padding-top: 18px; } .eyebrow { margin-top: 70px; } .download { min-height: 80px; padding: 16px; } .download__action { font-size: 12px; } }
@media (prefers-reduced-motion: reduce) { .download { transition: none; } }