.hero-bottom-row {
display: flex;
            flex-wrap: wrap;
            align-items: flex-end;
            gap: 30px;
}

.hero-logo {
width: 300px;
            height: auto;
            flex-shrink: 0;
}

.info-box {
flex: 1;
            min-width: 300px;
}

100% {
opacity: 1;
                transform: translateY(0);
                max-height: 5000px;
}

.buy-grid {
display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
}

.link-group {
display: flex;
            flex-direction: column;
            gap: 10px;
}

.link-list {
display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px;
}