:root { --tt-text-body: rgba(255, 255, 255, 0.70); --tt-space-2xs: 8px; --tt-space-xs: 10px; --tt-space-sm: 16px; --tt-space-md: 24px; --tt-space-lg: 32px; --tt-space-xl: 60px; --tt-space-2xl: 80px; --tt-radius-sm: 8px; --tt-radius-md: 16px; --tt-radius-lg: 24px; --tt-radius-xl: 40px; --tt-radius-pill: 999px; --tt-shadow-cta: 4px 35px 48px rgba(35, 39, 46, 0.16); --tt-content-max: 1360px; --tt-page-margin: 150px; --tt-page-max: 1660px; --tt-canvas-bg: #000000; --tt-page-bg: linear-gradient(105.06deg, #05214E 1.01%, #2A3B5A 97.37%); --tt-page-radius: 30px; --tt-page-top: 34px; --tt-accent-hover: #E0940F; --tt-accent-glow: rgba(245, 166, 35, 0.28); } html { background-color: var(--tt-canvas-bg); } body, .brx-body { position: relative; background-color: transparent; background-image: none; } body::before { content: ""; position: absolute; top: var(--tt-page-top); bottom: 0; left: 50%; transform: translateX(-50%); width: min(var(--tt-page-max), 100%); background-image: var(--tt-page-bg); border-radius: var(--tt-page-radius) var(--tt-page-radius) 0 0; z-index: -1; pointer-events: none; } @media (max-width: 767px) { body::before { top: 0; border-radius: 0; } } .tt-btn { transition: background-color .2s ease, box-shadow .2s ease, transform .2s ease; } @media (hover: hover) { .tt-btn:hover { background-color: var(--tt-accent-hover, #E0940F) !important; box-shadow: 0 6px 18px var(--tt-accent-glow, rgba(245, 166, 35, .28)); transform: translateY(-1px); } } .tt-btn:active { transform: translateY(0); box-shadow: none; } .tt-btn:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }  #brx-header { position: absolute; top: 53px; left: 0; right: 0; width: 100%; max-width: var(--tt-page-max, 1660px); margin-left: auto; margin-right: auto; z-index: 10; padding: 0; } @media (max-width: 991px) { #brx-header { padding-left: var(--tt-space-lg, 32px); padding-right: var(--tt-space-lg, 32px); } } @media (max-width: 767px) { #brx-header { top: 14px; padding-left: var(--tt-space-md, 24px); padding-right: var(--tt-space-md, 24px); } } @media (max-width: 478px) { #brx-header { top: 8px; padding-left: var(--tt-space-sm, 16px); padding-right: var(--tt-space-sm, 16px); } }  #brx-footer { position: relative; display: block; max-width: var(--tt-page-max, 1660px); margin-inline: auto; overflow: hidden; background-color: var(--tt-surface, #0F264D); } #brx-footer::before { content: ""; position: absolute; display: block; z-index: 0; pointer-events: none; left: -79.04%; top: -810px; width: 155.06%; max-width: none; aspect-ratio: 1 / 1; border-radius: 50%; background: radial-gradient(circle closest-side, rgba(67,95,147,.558) 0%, rgba(67,95,147,.52) 19%, rgba(67,95,147,.31) 42%, rgba(67,95,147,.088) 61%, rgba(67,95,147,.013) 81%, rgba(67,95,147,0) 100%); -webkit-mask-image: linear-gradient(to bottom, transparent 31.5%, #000 46%); mask-image: linear-gradient(to bottom, transparent 31.5%, #000 46%); } #brx-footer::after { content: "Get in touch"; position: absolute; display: block; z-index: 0; pointer-events: none; user-select: none; left: -1.2048%; bottom: -126px; width: 102.41%; max-width: none; font-family: "PP Mori", sans-serif; font-weight: 600; font-size: min(19.23vw, 319.216px); line-height: 1.1; letter-spacing: -.04em; color: #364152; opacity: .18; text-align: center; white-space: nowrap; } .tt-site-footer__inner { position: relative; z-index: 1; display: block; width: 100%; padding: 0 150px 188px; } .tt-foot-rule { width: 100%; height: 1px; margin: 0 0 40px; background-color: #364152; } .tt-foot-cols { display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between; gap: 40px; width: 100%; margin: 0 0 40px; } .tt-nl { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; flex: 0 0 auto; width: 400px; max-width: 100%; } .tt-nl__title { margin: 0; font-family: "PP Mori", sans-serif; font-weight: 600; font-size: 22px; line-height: 30px; color: var(--tt-text-strong, #FFFFFF); } .tt-nl__sub { margin: 0; width: 320px; max-width: 100%; font-family: "Circular", sans-serif; font-weight: 500; font-size: 16px; line-height: 24px; color: var(--tt-text-strong, #FFFFFF); } .tt-nl__form { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 8px; width: 100%; margin-top: 8px; } .tt-nl__form .form-group { display: block; flex: 1 1 auto; min-width: 0; margin: 0; padding: 0; } .tt-nl__form .form-group.submit-button-wrapper { flex: 0 0 auto; width: auto; } .tt-nl__form label, .tt-nl__form .bricks-button .text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; } .tt-nl__form input[type="email"] { box-sizing: border-box; width: 100%; min-width: 0; padding: 16px 24px; border: 1.25px solid #3D5480; border-radius: 999px; background-color: transparent; color: var(--tt-text-strong, #FFFFFF); font-family: "Circular", sans-serif; font-weight: 500; font-size: 16px; line-height: 24px; } .tt-nl__form input[type="email"]::placeholder { color: var(--tt-text-strong, #FFFFFF); opacity: 1; } .tt-nl__form input[type="email"]:focus-visible { outline: 2px solid var(--tt-accent, #F5A623); outline-offset: 2px; } .tt-nl__form .bricks-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 56px; height: 56px; padding: 0; border: 0; border-radius: 999px; background-color: var(--tt-accent, #F5A623); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M2.01 21L23 12 2.01 3 2 10l15 2-15 2z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 22px 22px; color: #FFFFFF; cursor: pointer; transition: background-color .2s ease, transform .2s ease; } .tt-nl__form .bricks-button .loading svg { width: 20px; height: 20px; } @media (hover: hover) { .tt-nl__form .bricks-button:hover { background-color: var(--tt-accent-hover, #E0940F); transform: translateY(-1px); } } .tt-nl__form .bricks-button:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 2px; } .tt-social { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; flex: 0 0 auto; width: 152px; } .tt-social__title { margin: 0; font-family: "PP Mori", sans-serif; font-weight: 600; font-size: 18px; line-height: 26px; color: var(--tt-text-strong, #FFFFFF); } .tt-social__row { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tt-social__row .bricks-link-wrapper { display: inline-flex; text-decoration: none; } .tt-social__icon { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 8px; background-color: var(--tt-accent, #F5A623); color: #FFFFFF; font-size: 16px; line-height: 1; text-decoration: none; transition: background-color .2s ease, transform .2s ease; } @media (hover: hover) { .tt-social__icon:hover { background-color: var(--tt-accent-hover, #E0940F); transform: translateY(-1px); } } .tt-social__row .bricks-link-wrapper:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 2px; border-radius: 8px; } .tt-legal { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 24px; width: 100%; } .tt-legal__copy { margin: 0; font-family: "Circular", sans-serif; font-weight: 500; font-size: 14px; line-height: 22px; color: var(--tt-text-strong, #FFFFFF); } .tt-legal__links { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 40px; } .tt-legal__links a { font-family: "Circular", sans-serif; font-weight: 500; font-size: 14px; line-height: 22px; color: var(--tt-text-strong, #FFFFFF); text-decoration: none; white-space: nowrap; transition: color .2s ease; } @media (hover: hover) { .tt-legal__links a:hover { color: var(--tt-accent, #F5A623); } } @media (max-width: 1439px) { .tt-site-footer__inner { padding: 0 32px 140px; } } @media (max-width: 991px) { .tt-foot-cols { flex-direction: column; align-items: flex-start; gap: 40px; } .tt-nl { width: 100%; max-width: 420px; } .tt-social { width: auto; } .tt-site-footer__inner { padding-bottom: 110px; } #brx-footer::after { bottom: -60px; } } @media (max-width: 767px) { .tt-site-footer__inner { padding: 0 24px 80px; } .tt-legal { flex-direction: column; align-items: flex-start; gap: 16px; } .tt-legal__links { justify-content: flex-start; gap: 24px; } #brx-footer::after { bottom: -40px; } #brx-footer::before { display: none; } } @media (max-width: 478px) { .tt-site-footer__inner { padding-left: 16px; padding-right: 16px; } }