:root {
--website-footer-navy: #02253d;
--website-footer-ink: #02253d;
--website-footer-white: #ffffff;
--website-footer-muted: rgba(255, 255, 255, 0.48);
--website-footer-gradient: linear-gradient(90deg, #02bcdd 0%, #06d1e5 22.09%, #64eda8 51.94%, #d0f88d 100%);
}

@font-face {
font-family: "Galano";
src: url("/-global-assets/fonts/GalanoGrotesque-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}

.website-footer {
position: relative;
width: 100%;
min-height: 690px;
margin-top: 90px;
color: var(--website-footer-white);
font-family: "Galano", Arial, sans-serif;
background-image: url("/-global-assets/navigation/footer-website/images/footer-background-i-smokestack.webp");
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
overflow: hidden;
}

.website-footer__inner {
position: relative;
width: min(1500px, 100%);
min-height: 720px;
margin: 0 auto;
padding: 150px clamp(32px, 10.5vw, 205px) 46px;
}

.website-footer__logo {
display: flex;
justify-content: center;
margin-bottom: 66px;
}

.website-footer__logo img {
display: block;
width: min(320px, 32vw);
height: auto;
}

.website-footer__nav {
position: relative;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: clamp(62px, 7.5vw, 115px);
align-items: start;
}

.website-footer__column {
position: relative;
min-width: 0;
z-index: 2;
}

.website-footer__heading {
margin: 0 0 28px;
color: var(--website-footer-white);
font-family: "Galano", Arial, sans-serif;
font-size: clamp(22px, 1.45vw, 28px);
font-weight: 500;
line-height: 1;
text-transform: uppercase;
letter-spacing: 0;
}

.website-footer__divider {
display: block;
width: 100%;
max-width: 425px;
height: 2px;
margin-bottom: 36px;
object-fit: fill;
opacity: 0.9;
}

.website-footer__links {
display: flex;
flex-direction: column;
gap: 18px;
margin: 0;
padding: 0;
list-style: none;
}

.website-footer__links a,
.website-footer__terms,
.website-footer__copyright,
.website-footer__copyright a {
color: var(--website-footer-muted);
font-family: "Galano", Arial, sans-serif;
text-decoration: none;
}

.website-footer__links a {
display: inline-block;
font-size: clamp(19px, 1.25vw, 25px);
line-height: 1.12;
transition: color 0.25s ease, background 0.25s ease;
}

.website-footer__links a:hover,
.website-footer__terms:hover,
.website-footer__copyright a:hover {
background: var(--website-footer-gradient);
background-clip: text;
color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.website-footer__column--startup {
min-height: 290px;
}

.website-footer__column--startup .website-footer__links a {
white-space: nowrap;
}

.website-footer__rocket {
position: absolute;
left: 73%;
top: 150px;
z-index: 3;
display: block;
width: 150vh;
height: auto;
pointer-events: none;
transform: translateX(-84%);
}

.website-footer__bottom {
position: absolute;
left: clamp(32px, 10.5vw, 205px);
right: clamp(32px, 10.5vw, 205px);
bottom: 42px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 28px;
}

.website-footer__terms,
.website-footer__copyright {
margin: 0;
font-size: 14px;
line-height: 1.2;
letter-spacing: 0;
}

.website-footer__social {
display: flex;
align-items: center;
gap: 20px;
}

.website-footer__social a {
display: flex;
width: 39px;
height: 39px;
align-items: center;
justify-content: center;
padding: 1px;
border: double 1px transparent;
border-radius: 50%;
background-image: linear-gradient(var(--website-footer-navy), var(--website-footer-navy)), linear-gradient(180deg, #000000, #01758a);
background-origin: border-box;
background-clip: content-box, border-box;
color: var(--website-footer-muted);
cursor: pointer;
font-size: 17px;
text-decoration: none;
transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;
}

.website-footer__social a:hover {
border: none;
background-image: var(--website-footer-gradient);
background-origin: border-box;
background-clip: border-box;
color: var(--website-footer-ink);
transform: translateY(-2px);
}

.website-footer__social a:hover i {
background: none;
color: var(--website-footer-ink);
-webkit-text-fill-color: var(--website-footer-ink);
}

.website-footer-sticky-copy {
display: none;
}

@media (max-width: 1200px) {
.website-footer {
min-height: 660px;
}

.website-footer__inner {
min-height: 660px;
padding-left: 7vw;
padding-right: 7vw;
}

.website-footer__bottom {
left: 70px;
right: 70px;
text-align: center;
}

.website-footer__nav {
column-gap: 46px;
}

.website-footer__rocket {
left: 73%;
width: 70vh;
}
}

@media (max-width: 900px) {
.website-footer {
min-height: 920px;
margin-top: 70px;
background-image: url("/-global-assets/navigation/footer-website/images/footer-mobile-background-i-smokestack.webp.webp");
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
}

.website-footer__inner {
min-height: 920px;
padding: 92px 22px 28px;
}

.website-footer__logo {
margin-bottom: 66px;
}

.website-footer__logo img {
width: 184px;
}

.website-footer__nav {
display: flex;
flex-direction: column;
align-items: center;
gap: 62px;
text-align: center;
}

.website-footer__column {
display: flex;
width: 100%;
min-height: auto;
flex-direction: column;
align-items: center;
text-align: center;
}

.website-footer__heading {
width: 100%;
margin: 0 0 22px;
font-size: 15px;
line-height: 1;
text-align: center;
}

.website-footer__divider {
display: block;
width: min(178px, 80%);
height: 1px;
margin: 0 auto 20px;
object-fit: fill;
opacity: 0.22;
}

.website-footer__links {
width: 100%;
align-items: center;
gap: 14px;
text-align: center;
}

.website-footer__links li {
width: 100%;
text-align: center;
}

.website-footer__links a {
display: inline-block;
font-size: 15px;
line-height: 1.1;
text-align: center;
}

.website-footer__column--startup .website-footer__links a {
white-space: normal;
}

.website-footer__rocket {
position: relative;
left: auto;
top: auto;
display: block;
width: 220px;
margin: 20px auto 54px;
transform: none;
}

.website-footer__bottom {
position: static;
display: flex;
flex-direction: column-reverse;
justify-content: center;
gap: 18px;
margin-top: 0;
text-align: center;
}

.website-footer__terms {
display: none;
}

.website-footer__copyright {
position: static;
margin: 0;
font-size: 10px;
line-height: 1.3;
white-space: normal;
transform: none;
}

.website-footer__social {
display: flex;
justify-content: center;
gap: 17px;
}

.website-footer__social a {
width: 22px;
height: 22px;
font-size: 10px;
}

.website-footer-sticky-copy {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 2000;
display: flex;
min-height: 50px;
align-items: center;
justify-content: center;
padding: 14px 18px;
background: #02253d;
box-shadow: 0 -5px 14px rgb(0 0 0 / 35%);
color: #ffffff;
font-family: "Galano", Arial, sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 1.2;
letter-spacing: 0.7px;
text-align: center;
transition: opacity 0.25s ease, visibility 0.25s ease;
}

.website-footer-sticky-copy.is-hidden {
visibility: hidden;
opacity: 0;
pointer-events: none;
}
}

@media (max-width: 520px) {
.website-footer {
min-height: 920px;
margin-top: 70px;
}

.website-footer__inner {
min-height: 920px;
padding: 92px 20px 28px;
}

.website-footer__logo {
margin-bottom: 66px;
}

.website-footer__logo img {
width: 184px;
}

.website-footer__nav {
gap: 62px;
}

.website-footer__heading {
font-size: 15px;
}

.website-footer__links a {
font-size: 15px;
}

.website-footer__rocket {
width: 220px;
margin: 20px auto 54px;
}

.website-footer__social {
gap: 17px;
}

.website-footer__copyright {
font-size: 10px;
}

.website-footer-sticky-copy {
min-height: 42px;
padding: 12px 14px;
font-size: 12px;
letter-spacing: 0.7px;
}
}