@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("/journey-assets/fonts/plus-jakarta-sans-latin-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
}

:root {
  --navy: #17303a;
  --blue: #0d735b;
  --blue-press: #095f4b;
  --blue-bright: #138267;
  --indigo: #0d735b;
  --ground: #17303a;
  --success: #138267;
  --success-bg: #e7f5ef;
  --success-ink: #0a5947;
  --text: #344d55;
  --text-soft: #607178;
  --text-faint: #849096;
  --hair: #dfe8e3;
  --hair-2: #edf2ef;
  --paper: #fffdf8;
  --board: #edf5f0;
  --app-bg: #f7faf7;
  --sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
}

body.proofreg-journey-v1 {
  color: var(--navy);
  overflow-x: hidden;
  background:
    radial-gradient(circle at 92% 8%, rgba(247, 205, 77, .14), transparent 24rem),
    linear-gradient(180deg, #fffdf8 0, #f7faf7 42rem, #fff 100%);
}

.proofreg-journey-v1 .topbar {
  background: rgba(255, 253, 248, .94);
  border-bottom: 1px solid rgba(13, 115, 91, .16);
  box-shadow: 0 10px 30px rgba(23, 48, 58, .06);
}

.proofreg-journey-v1 .nav-links a,
.proofreg-journey-v1 .language-menu summary {
  color: #40565d;
}

.proofreg-journey-v1 .nav-links a:hover,
.proofreg-journey-v1 .nav-links > a.is-current {
  color: #0d735b;
}

.proofreg-journey-v1 .nav-links > a.is-current {
  text-decoration-color: #f2c94c;
}

.proofreg-journey-v1 .language-menu summary,
.proofreg-journey-v1 .nav-burger {
  color: #17303a;
  background: #fff;
  border-color: #d7e5de;
}

.proofreg-journey-v1 .language-panel {
  border-color: #d7e5de;
  box-shadow: 0 18px 42px rgba(23, 48, 58, .14);
}

.proofreg-journey-v1 .language-option.is-current {
  color: #0d735b;
  background: #edf8f3;
}

.proofreg-journey-v1 .nav-links .credit-pill {
  color: #4b3b08 !important;
  background: #f8d86d;
  border-color: #e9c850;
}

.proofreg-journey-v1 .nav-links .login-button {
  color: #fff !important;
  background: #0d735b;
  border-color: #0d735b;
}

.proofreg-journey-v1 .eyebrow,
.proofreg-journey-v1 .eyebrow::before,
.proofreg-journey-v1 .eyebrow .rule {
  color: #0d735b;
}

.proofreg-journey-v1 .eyebrow::before,
.proofreg-journey-v1 .eyebrow .rule {
  background: #f2c94c;
}

.proofreg-journey-v1 .section-heading h2,
.proofreg-journey-v1 .heading h1 {
  color: #17303a;
}

.proofreg-journey-v1 .panel,
.proofreg-journey-v1 .bulk,
.proofreg-journey-v1 .dashboard,
.proofreg-journey-v1 .support-card,
.proofreg-journey-v1 .credit-product {
  background: rgba(255, 255, 255, .94);
  border-color: #dfe8e3;
  box-shadow: 0 20px 60px rgba(23, 48, 58, .07);
}

.proofreg-journey-v1 .mode-tabs {
  background: #edf5f0;
  border-color: #d9e7df;
}

.proofreg-journey-v1 .mode-tabs a.is-current,
.proofreg-journey-v1 button:not(.secondary),
.proofreg-journey-v1 .primary-link {
  color: #fff;
  background: #0d735b;
  border-color: #0d735b;
}

.proofreg-journey-v1 button:not(.secondary):hover,
.proofreg-journey-v1 .primary-link:hover {
  background: #095f4b;
}

.proofreg-journey-v1 .dropzone {
  background: #fbfdfb;
  border-color: #b9d6c8;
}

.proofreg-journey-v1 .dropzone:hover,
.proofreg-journey-v1 .dropzone:focus-within {
  background: #f0f8f4;
  border-color: #0d735b;
}

.proofreg-journey-v1 .dropzone span::before,
.proofreg-journey-v1 a,
.proofreg-journey-v1 .card__heading a:hover {
  color: #0d735b;
}

.proofreg-journey-v1 input:focus,
.proofreg-journey-v1 button:focus,
.proofreg-journey-v1 .dropzone:focus-within,
.proofreg-journey-v1 a:focus-visible {
  outline: 3px solid rgba(242, 201, 76, .72);
  outline-offset: 3px;
}

.proofreg-journey-v1 .certificate-mark,
.proofreg-journey-v1 img[src*="proofreg-mark-blue"] {
  filter: grayscale(1) sepia(1) saturate(4) hue-rotate(102deg) brightness(.68);
}

.proofreg-journey-v1 .site-footer {
  color: #40565d;
  background: linear-gradient(135deg, #eaf6f0 0%, #fff3c4 100%);
  border-top: 1px solid #dce8e2;
}

.proofreg-journey-v1 .site-footer .footer-row {
  border-bottom-color: rgba(13, 115, 91, .17);
}

.proofreg-journey-v1 .site-footer .footer-triad,
.proofreg-journey-v1 .site-footer .footer-links a,
.proofreg-journey-v1 .site-footer p {
  color: #50656c;
}

.proofreg-journey-v1 .site-footer .footer-links a:hover {
  color: #0d735b;
}

@media (max-width: 760px) {
  .proofreg-journey-v1 .brand-home,
  .proofreg-journey-v1 .footer-brand {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }

  .proofreg-journey-v1 .site-footer .footer-links a {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
  }

  .proofreg-journey-v1 .nav-links {
    background: #fffdf8;
    border-color: #d7e5de;
    box-shadow: 0 18px 42px rgba(23, 48, 58, .18);
  }
}

@media (max-width: 720px) {
  .proofreg-journey-v1 .workbench,
  .proofreg-journey-v1 .heading,
  .proofreg-journey-v1 .grid,
  .proofreg-journey-v1 #verifyForm,
  .proofreg-journey-v1 .result-panel {
    width: min(calc(100% - 28px), 640px);
    max-width: min(calc(100% - 28px), 640px);
  }
}

@media print {
  body.proofreg-journey-v1 { background: #fff; }
}