@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Saira:wght@500;600;700;800&display=swap');

/* Shared visual language for every public page except the homepage. */
:root {
  --platform-white: #fff;
  --platform-beige: #f5f5f0;
  --platform-heading: #1b1b18;
  --platform-copy: #52627a;
  --platform-line: #e1e5e8;
}

html { background: var(--platform-white); }
body {
  background: var(--platform-white);
  color: var(--platform-copy);
  font-family: 'Inter', 'Plus Jakarta Sans', system-ui, sans-serif;
}

main { background: var(--platform-white); }
main > section { background-color: var(--platform-white); }
main > section:nth-of-type(even) { background-color: var(--platform-beige); }

main h1:not([style*="color:#fff"]):not([style*="color: #fff"]),
main h2:not([style*="color:#fff"]):not([style*="color: #fff"]),
main h3:not([style*="color:#fff"]):not([style*="color: #fff"]),
main h4:not([style*="color:#fff"]):not([style*="color: #fff"]),
main h5:not([style*="color:#fff"]):not([style*="color: #fff"]),
main h6:not([style*="color:#fff"]):not([style*="color: #fff"]) {
  color: var(--platform-heading) !important;
  font-family: 'Saira', 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700;
}

main p,
main li,
main label,
main input,
main select,
main textarea,
main button {
  font-family: 'Inter', 'Plus Jakarta Sans', system-ui, sans-serif !important;
}

main p:not([style*="color:#fff"]):not([style*="color: #fff"]),
main li:not([style*="color:#fff"]):not([style*="color: #fff"]) {
  color: var(--platform-copy);
}

main [style*="background:#fff"],
main [style*="background: #fff"] { background-color: var(--platform-white) !important; }

main [style*="background:#FAF9F5"],
main [style*="background: #FAF9F5"],
main [style*="background:#F8FAFD"],
main [style*="background: #F8FAFD"] { background-color: var(--platform-beige) !important; }

main [style*="border-color"],
main [style*="border:"] { border-color: var(--platform-line); }

@media (max-width: 720px) {
  main > section { background-color: var(--platform-white); }
  main > section:nth-of-type(even) { background-color: var(--platform-beige); }
}

.platform-final-cta {
  position: relative;
  display: grid;
  min-height: 400px;
  place-items: center;
  overflow: hidden;
  padding: clamp(64px, 8vw, 104px) var(--site-gutter, 40px);
  background:
    linear-gradient(rgba(2, 20, 52, .86), rgba(2, 20, 52, .86)),
    url('/assets/03_arriving_in_australia.webp') center / cover no-repeat !important;
  text-align: center;
}
.platform-final-cta__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 760px;
  gap: 16px;
}
main section.platform-final-cta[data-platform-final-cta] .platform-final-cta__content > h2 {
  margin: 0;
  color: #ffffff !important;
  font-family: 'Saira', 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(28px, 3.6vw, 40px);
  font-weight: 700;
  letter-spacing: -.02em;
  line-height: 1.12;
}
main .platform-final-cta p {
  margin: 0;
  color: rgba(255, 255, 255, .92) !important;
  font-size: 16px;
  line-height: 1.6;
}
.platform-final-cta__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 4px;
}
.platform-final-cta__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 28px;
  border-radius: 12px;
  background: #fff;
  color: #022a61;
  font-family: 'Inter', 'Plus Jakarta Sans', sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}
.platform-final-cta__action:hover {
  background: #f5f5f0;
  color: #022a61;
  text-decoration: none;
}
.platform-final-cta__action--secondary {
  border: 1px solid rgba(255, 255, 255, .68);
  background: transparent;
  color: #fff;
}
.platform-final-cta__action--secondary:hover {
  border-color: #fff;
  background: rgba(255, 255, 255, .12);
  color: #fff;
}
.platform-final-cta__content > span {
  color: rgba(255, 255, 255, .84);
  font-size: 13px;
  line-height: 1.45;
}
@media (max-width: 520px) {
  .platform-final-cta__actions {
    width: 100%;
  }
  .platform-final-cta__action {
    width: 100%;
  }
}
