.footer-iam {
background: #101113;
color: rgba(255, 255, 255, 0.7);
padding: 0;
}
.footer-iam__container {
padding-top: 52px;
padding-bottom: 24px;
}
.footer-iam__top {
display: grid;
gap: 32px;
grid-template-columns: minmax(240px, 320px) 1fr;
}
.footer-iam__brand,
.footer-iam__column,
.footer-iam__support {
min-width: 0;
}
.footer-iam__logo,
.footer-iam__column h2 {
color: #fff;
font-family: 'Archivo', sans-serif;
}
.footer-iam__logo {
display: inline-block;
font-size: 28px;
font-weight: 900;
letter-spacing: -0.03em;
margin-bottom: 16px;
}
.footer-iam__intro {
color: rgba(255, 255, 255, 0.58);
font-size: 14px;
line-height: 1.7;
margin: 0 0 18px;
}
.footer-iam__badges {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.footer-iam__badge {
border: 1px solid rgba(255, 255, 255, 0.14);
color: rgba(255, 255, 255, 0.82);
display: inline-flex;
font-size: 12px;
font-weight: 600;
min-height: 36px;
padding: 8px 12px;
}
.footer-iam__nav-grid {
display: grid;
gap: 24px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.footer-iam__column h2 {
font-size: 18px;
font-weight: 800;
margin: 0 0 16px;
}
.footer-iam__column ul {
list-style: none;
margin: 0;
padding: 0;
}
.footer-iam__column li + li {
margin-top: 10px;
}
.footer-iam__column a,
.footer-iam__legal a,
.footer-iam__social a,
.footer-iam__support a,
.footer-iam__popular-links a {
color: rgba(255, 255, 255, 0.62);
transition: color 0.14s ease;
}
.footer-iam__column a:hover,
.footer-iam__legal a:hover,
.footer-iam__social a:hover,
.footer-iam__support a:hover {
color: #fff;
}
.footer-iam__support {
border-top: 1px solid rgba(255, 255, 255, 0.08);
margin-top: 20px;
padding-top: 16px;
}
.footer-iam__support-label {
color: rgba(255, 255, 255, 0.42);
display: block;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.06em;
margin-bottom: 6px;
text-transform: uppercase;
}
.footer-iam__support-link {
display: inline-block;
margin-top: 8px;
}
.footer-iam__bottom {
align-items: center;
border-top: 1px solid rgba(255, 255, 255, 0.08);
display: flex;
flex-wrap: wrap;
gap: 16px;
justify-content: space-between;
margin-top: 32px;
padding-top: 18px;
}
.footer-iam__copyright {
color: rgba(255, 255, 255, 0.42);
font-size: 12px;
}
.footer-iam__legal,
.footer-iam__social {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.footer-iam__popular-shell {
background: #fff;
border-top: 1px solid #f0f0f0;
padding: 28px 0 20px;
}
.footer-iam__popular-shell h2 {
color: #ced4da;
font-family: 'Inter', sans-serif;
font-size: 9px;
font-weight: 700;
letter-spacing: 0.15em;
margin: 0 0 12px;
text-transform: uppercase;
}
.footer-iam__popular-links {
display: flex;
flex-wrap: wrap;
gap: 0;
}
.footer-iam__popular-links a {
color: #ced4da;
font-size: 12px;
text-decoration: none;
transition: color 0.14s ease;
white-space: nowrap;
}
.footer-iam__popular-links a::after {
color: #e9ecef;
content: " \00B7 ";
}
.footer-iam__popular-links a:last-child::after {
content: "";
}
.footer-iam__popular-links a:hover {
color: #868e96;
}
@media (max-width: 960px) {
.footer-iam__top {
grid-template-columns: 1fr;
}
.footer-iam__nav-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.footer-iam__nav-grid {
grid-template-columns: 1fr;
}
.footer-iam__bottom {
align-items: flex-start;
flex-direction: column;
}
}