:root {
  --brand-forest: #153d36;
  --brand-forest-deep: #0d302b;
  --brand-ivory: #f8f6f0;
  --brand-sage: #7c9188;
  --brand-mist: #e8efeb;
  --brand-eucalyptus: #3f756b;
  --brand-mineral: #557c89;
  --brand-amber: #be8a43;
  --brand-coral: #bd6758;
  --brand-denied-not-owed: #9aa9a2;
  --ink: #17302e;
  --muted: #657873;
  --line: #dbe5df;
  --blue: var(--brand-forest);
  --blue-dark: var(--brand-forest-deep);
  --blue-soft: var(--brand-mist);
  --blue-pale: #f2f6f3;
  --navy: #082b28;
  --navy-soft: #123934;
  --ice: #f2f6f3;
  --teal: var(--brand-eucalyptus);
  --gold: var(--brand-amber);
  --red: var(--brand-coral);
}

html,
body,
.splash {
  background: var(--brand-ivory);
}

.site-nav {
  border-bottom-color: rgb(21 61 54 / 8%);
}

.brand {
  gap: 11px;
  color: var(--brand-forest-deep);
}

.brand > span {
  display: none;
}

.brand-symbol {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  overflow: visible;
}

.brand-embrace {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-width: 6.5;
}

.brand-person,
.brand-swoop {
  fill: currentColor;
}

.brand strong {
  font-family: var(--display);
  font-size: 21px;
  font-weight: 500;
  letter-spacing: 0;
}

.sign-in {
  color: var(--brand-forest);
}

.message {
  position: relative;
}

.message::before {
  width: 100vw;
  height: auto;
  position: absolute;
  top: 0;
  right: auto;
  bottom: -32px;
  left: 50%;
  z-index: -2;
  background: linear-gradient(120deg, var(--brand-ivory) 0%, #f3f6f1 62%, #fff 100%);
  content: "";
  transform: translateX(-50%);
}

.message h1 {
  color: #102d2a;
}

.lede {
  color: #526963;
}

.paper-sheet {
  fill: #fffefa;
  stroke: #d4e0da;
}

.paper-fold {
  stroke: #d4e0da;
}

.paper-lines {
  stroke: #aabbb3;
}

.paper-title {
  fill: #17302e;
}

.paper-routes .route-blue {
  stroke: #6f9099;
}

.paper-routes .route-teal {
  stroke: #6f9a90;
}

.paper-routes .route-gold {
  stroke: #c09a5f;
}

.paper-routes .route-coral {
  stroke: #c98173;
}

.paper-claim {
  filter: drop-shadow(0 8px 14px rgb(13 48 43 / 8%));
}

.paper-claim.tone-blue {
  color: var(--brand-mineral);
}

.paper-claim.tone-teal {
  color: var(--brand-eucalyptus);
}

.paper-claim.tone-gold {
  color: var(--brand-amber);
}

.paper-claim.tone-coral {
  color: var(--brand-coral);
}

.product-proof::before {
  background: #f2f6f3;
}

.flow-view::after {
  background: linear-gradient(180deg, #f7f8f4 0%, #edf3ef 54%, #f3f6f2 100%);
}

.flow-current-bridge .current-trace,
.hero-current .current-traces path {
  stroke: #78978f;
}

.hero-thread {
  background: linear-gradient(
    180deg,
    rgb(238 243 239 / 0%) 0%,
    rgb(169 190 182 / 42%) 54%,
    rgb(85 124 137 / 84%) 100%
  );
}

.flow-current-bridge .current-pulse,
.hero-current .current-pulse {
  stroke: #f1fbf5;
}

.proof-heading p {
  color: #39746b;
}

.proof-heading h2,
.proof-heading h3 {
  color: #102d2a;
}

.sankey-shell,
.timeline-chart,
.inbox-list {
  border-color: #d8e3dd;
}

#billed-funnel-desktop stop:nth-child(1) {
  stop-color: #eef3ef;
}

#billed-funnel-desktop stop:nth-child(2) {
  stop-color: #a9beb6;
}

#billed-funnel-desktop stop:nth-child(3) {
  stop-color: #6f9099;
}

.link-total {
  stroke: #91aaa3;
}

.link-reduced {
  stroke: #7fa69b;
}

.link-paid {
  stroke: #7799a4;
}

.link-family {
  stroke: #c39a58;
}

.node-total {
  fill: var(--brand-forest);
}

.node-reduced {
  fill: var(--brand-eucalyptus);
}

.node-paid {
  fill: var(--brand-mineral);
}

.node-family {
  fill: var(--brand-amber);
}

.sankey-labels text {
  fill: #4d645e;
}

.sankey-labels .amount {
  fill: #17302e;
}

.sankey-labels .detail {
  fill: #72827c;
}

.sankey-current .current-pulse-total,
.sankey-current .current-pulse-reduced {
  stroke: #effbf5;
}

.sankey-current .current-pulse-paid {
  stroke: #eef8fb;
}

.sankey-current .current-pulse-family {
  stroke: #fff3d9;
}

.current-node-glow {
  fill: #eff8f4;
}

.reconcile-bridge::before {
  background: linear-gradient(180deg, #f3f6f2 0%, #fff 100%);
}

.reconcile-bridge .bridge-reduced {
  stroke: var(--brand-eucalyptus);
}

.reconcile-bridge .bridge-paid {
  stroke: var(--brand-mineral);
}

.reconcile-bridge .bridge-family {
  stroke: var(--brand-amber);
}

.reconcile-bridge .bridge-time-axis {
  stroke: #cfddd6;
}

.bridge-claim-dot {
  --dot-color: var(--brand-mineral);
  --origin-color: var(--brand-mineral);
}

.bridge-claim-dot.dot-pending {
  --dot-color: var(--brand-amber);
}

.bridge-claim-dot.origin-family {
  --origin-color: var(--brand-amber);
}

.bridge-claim-dot.dot-denied {
  --dot-color: var(--brand-denied-not-owed);
}

.bridge-claim-dot.origin-reduced {
  --origin-color: var(--brand-eucalyptus);
}

.bridge-claim-dot.origin-paid {
  --origin-color: var(--brand-mineral);
}

@keyframes bridge-claim-settle {
  0% {
    fill: var(--dot-color);
    opacity: 0;
    transform: translate(var(--from-x), var(--from-y)) scale(0.28);
  }

  18% {
    fill: var(--dot-color);
    opacity: 0.92;
  }

  62% {
    fill: var(--dot-color);
    transform: translate(var(--mid-x), var(--mid-y)) scale(0.76);
  }

  100% {
    fill: var(--dot-color);
    opacity: 1;
    transform: translate(0, 0) scale(1);
  }
}

.timeline-view::after {
  background: #fff;
}

.timeline-legend,
.month-labels {
  color: #74857f;
}

.timeline-chart::before {
  border-color: #dce6e0;
  background: #f0f5f1;
}

.timeline-track {
  border-color: #d6e1db;
}

.claim {
  box-shadow: 0 3px 8px rgb(13 48 43 / 16%);
}

.processed {
  background: var(--brand-mineral);
}

.pending {
  background: var(--brand-amber);
}

.denied-not-owed {
  background: var(--brand-denied-not-owed);
}

.handoff-claim {
  outline-color: rgb(154 169 162 / 52%);
}

.timeline-handoff path,
.issue-bridge path {
  stroke: var(--brand-coral);
}

.issue-bridge::before {
  background: linear-gradient(180deg, #fff 0%, #eef2ee 44%, var(--brand-forest-deep) 100%);
}

.issue-bridge circle,
.inbox-count::before {
  fill: var(--brand-coral);
  background: var(--brand-coral);
}

.inbox-view::after,
.site-footer::before {
  background: var(--brand-forest-deep);
}

.inbox-view .proof-heading p {
  color: #aec0b8;
}

.inbox-view .proof-heading p::before {
  color: #84b1a5;
}

.inbox-count,
.inbox-view .urgent .issue-priority {
  color: #efa99c;
}

.inbox-count::before {
  box-shadow: 0 0 0 5px rgb(189 103 88 / 14%);
}

.inbox-item.urgent {
  background: linear-gradient(90deg, rgb(189 103 88 / 17%), rgb(189 103 88 / 0%) 68%);
  box-shadow: inset 3px 0 0 var(--brand-coral);
}

.inbox-view .issue-copy span,
.inbox-view .issue-amount span {
  color: #a6b8b1;
}

.inbox-view .review .issue-priority {
  color: #e0bd7c;
}

.inbox-view .tracking .issue-priority {
  color: #9ebfc5;
}

.flow-card,
.timeline-chart {
  background-color: rgb(255 255 255 / 88%);
}

.inbox-item:not(.urgent) {
  background: transparent;
}

.site-footer {
  background: var(--brand-forest-deep);
}

.footer-brand {
  color: #fffdf8;
}

.footer-brand .brand-symbol {
  color: #fffdf8;
}

.site-footer p {
  color: #a9bbb4;
}

@media (max-width: 700px) {
  .brand-symbol {
    width: 33px;
    height: 33px;
    flex-basis: 33px;
  }

  .brand strong {
    font-size: 19px;
  }

  .message::before {
    top: 0;
    right: auto;
    bottom: -20px;
    left: 50%;
  }
}