/* Blue palette overrides; layout and content intentionally unchanged. */
:root {
  --ink: #10243e;
  --ink-soft: #53657a;
  --forest: #163a66;
  --forest-deep: #0b2545;
  --lime: #78b7ff;
  --lime-bright: #a8d5ff;
  --blue: #3154d6;
  --blue-bright: #3154d6;
  --line: #10243e24;
  --shadow: 0 24px 80px #10243e1f;
}

body::before {
  background-image: linear-gradient(#10243e14 1px, #0000 1px), linear-gradient(90deg, #10243e14 1px, #0000 1px);
}

.site-header {
  border-color: #10243e1f;
  box-shadow: 0 10px 40px #10243e14;
}

.brand-mark {
  color: transparent;
  background: url('/symbol.svg') center / contain no-repeat;
}

.button-primary {
  box-shadow: 0 12px 32px #163a662e;
}

.button-primary:hover {
  box-shadow: 0 18px 36px #163a663d;
}

.button-secondary:hover {
  border-color: #10243e47;
}

.founder-avatar {
  border-color: #10243e24;
}

.membership-card::before {
  background: radial-gradient(circle at 80% 18%, #78b7ff24, #0000 28%), linear-gradient(#ffffff0e 1px, #0000 1px) 0 0 / 38px 38px, linear-gradient(90deg, #ffffff0e 1px, #0000 1px) 0 0 / 38px 38px;
}

.orbit-two {
  border-color: #78b7ff59;
}

.orbit-one::after,
.orbit-two::after {
  box-shadow: 0 0 20px #78b7ffb3;
}

.orbit-two::after {
  box-shadow: 0 0 20px #4169ffcc;
}

.question-card i {
  color: #10243e5c;
}

.included-copy::before {
  border-color: #78b7ff1f;
  box-shadow: 0 0 0 90px #78b7ff06, 0 0 0 180px #78b7ff05;
}

.about-tag {
  background: #0b2545d6;
}

.tag-two {
  background: var(--lime);
  color: var(--forest-deep);
}

.about-dot {
  box-shadow: 0 0 24px #78b7ffcc;
}

.limit-column {
  background: #10243e0b;
}

.limit-column li::before {
  background: #10243e52;
}

.final-cta .eyebrow span {
  box-shadow: 0 0 0 6px #78b7ff26;
}

.final-cta .final-cta-copy > p:not(.eyebrow) {
  color: #fff;
}

.office-skip {
  position: fixed;
  top: 8px;
  left: 8px;
  z-index: 1000;
  padding: 10px 14px;
  color: #fff;
  background: var(--forest-deep);
  border-radius: 8px;
  transform: translateY(-160%);
}

.office-skip:focus {
  transform: translateY(0);
}

.mobile-resource-nav {
  display: none;
}

@media (max-width: 980px) {
  .mobile-resource-nav {
    width: calc(100vw - 28px);
    margin: 8px auto 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    overflow: visible;
  }

  .mobile-resource-nav a {
    min-height: 42px;
    padding: 0 13px;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--ink);
    background: var(--paper-bright);
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
  }
}