.promo{display:grid;gap:1rem;margin:0;padding:0;list-style:none}
@media (min-width:750px){.promo--2,.promo--4{grid-template-columns:1fr 1fr}.promo--3{grid-template-columns:repeat(3,1fr)}}
.promo__tile{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--c-surface)}
.promo__media{aspect-ratio:16/9}
.promo__media img,.promo__media svg{width:100%;height:100%;object-fit:cover}
.promo__title{position:absolute;left:0;right:0;bottom:0;margin:0;padding:2.5rem 1rem 1rem;background:linear-gradient(transparent,rgba(5,5,10,.85));color:#fff;font-weight:700;font-size:1.1rem}
.promo__title a{color:#fff;text-decoration:none}
.promo__title a::after{content:"";position:absolute;inset:0}
.promo__tile:has(a:focus-visible){outline:2px solid var(--c-link);outline-offset:2px}
.promo__title a:focus-visible{outline:0}
.brands{display:grid;grid-auto-flow:column;grid-auto-columns:140px;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;margin:0;padding:0 0 .5rem;list-style:none}
.brands li{scroll-snap-align:start}
.brands a,.brands span{display:grid;place-items:center;height:80px;padding:.5rem;border-radius:var(--radius);background:#fff;color:#15141F;text-decoration:none;font-weight:700;text-align:center}
.brands img{width:120px;height:60px;object-fit:contain}
.guide{display:grid;gap:1rem;margin:0;padding:0;list-style:none;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.guide__item{position:relative;padding:1.25rem;border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-surface)}
.guide__icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:.75rem;border-radius:50%;background:var(--c-bg);color:var(--c-link)}
.guide__item h3{margin-bottom:.35rem}
.guide__item p{color:var(--c-muted);font-size:.92rem}
.guide__help{margin-top:1.25rem}