:root {
  --obi-navy: #061b34;
  --obi-blue: #0d63c9;
  --obi-blue-dark: #0b4f9b;
  --obi-gold: #efb545;
  --obi-ink: #0b2445;
  --obi-copy: #344b61;
  --obi-muted: #66798b;
  --obi-pale: #f3f7fb;
  --obi-cream: #fffaf1;
  --obi-line: #d8e2ec;
  --obi-serif: Georgia, "Times New Roman", serif;
  --obi-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body:not(.page-id-253) {
  background: var(--obi-pale);
  color: var(--obi-copy);
  font-family: var(--obi-sans);
}

body:not(.page-id-253) #masthead {
  position: relative;
  z-index: 20;
  border-bottom: 1px solid rgba(11, 36, 69, 0.09);
  box-shadow: 0 8px 30px rgba(6, 27, 52, 0.045);
}

body:not(.page-id-253) .site-main-header-inner-wrap {
  min-height: 76px;
}

body:not(.page-id-253) .site-branding .site-title,
body:not(.page-id-253) .site-branding .site-title a {
  color: var(--obi-navy);
  font: 700 26px/1 var(--obi-serif);
  letter-spacing: -0.025em;
}

body:not(.page-id-253) .main-navigation .primary-menu-container > ul > li.menu-item > a {
  color: #42586d;
  font-size: 14px;
  font-weight: 600;
}

body:not(.page-id-253) .main-navigation .primary-menu-container > ul > li.menu-item > a:hover,
body:not(.page-id-253) .main-navigation .primary-menu-container > ul > li.current-menu-item > a {
  color: var(--obi-blue);
}

body:not(.page-id-253) .content-area {
  margin-top: clamp(42px, 6vw, 88px);
  margin-bottom: clamp(56px, 8vw, 112px);
}

body:not(.page-id-253) .content-container.site-container {
  width: min(calc(100% - 64px), 1180px);
  max-width: none;
  padding: 0;
}

body:not(.page-id-253) article.single-entry,
body:not(.page-id-253) .loop-entry {
  overflow: hidden;
  border: 1px solid rgba(11, 36, 69, 0.1);
  border-top: 3px solid var(--obi-gold);
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 26px 70px rgba(6, 27, 52, 0.075);
}

body:not(.page-id-253) article.single-entry .entry-content-wrap {
  padding: clamp(38px, 6.25vw, 88px);
}

body:not(.page-id-253) .entry-content.single-content {
  max-width: 850px;
  margin-inline: auto;
}

body:not(.page-id-253) .entry-content :is(h1, h2, h3, h4),
body:not(.page-id-253) .entry-title,
body:not(.page-id-253) .archive-title {
  color: var(--obi-ink);
  font-family: var(--obi-serif);
  letter-spacing: -0.025em;
}

body:not(.page-id-253) .entry-content h1,
body:not(.page-id-253) .entry-title,
body:not(.page-id-253) .archive-title {
  max-width: 800px;
  margin: 0 0 26px;
  font-size: clamp(38px, 4.5vw, 62px);
  font-weight: 400;
  line-height: 1.06;
}

body:not(.page-id-253) .entry-content h2 {
  margin-top: clamp(42px, 6vw, 68px);
  margin-bottom: 16px;
  font-size: clamp(28px, 3vw, 38px);
  font-weight: 400;
  line-height: 1.14;
}

body:not(.page-id-253) .entry-content h3 {
  margin-top: 34px;
  margin-bottom: 12px;
  font-size: 23px;
  line-height: 1.2;
}

body:not(.page-id-253) .entry-content p,
body:not(.page-id-253) .entry-content li {
  color: var(--obi-copy);
  font-size: 17px;
  line-height: 1.72;
}

body:not(.page-id-253) .entry-content h1 + p,
body:not(.page-id-253) .entry-content .has-large-font-size {
  max-width: 760px;
  color: #283f55;
  font-size: clamp(19px, 2vw, 23px) !important;
  line-height: 1.58;
}

body:not(.page-id-253) .entry-content a:not(.wp-block-button__link):not(.obp-button) {
  color: var(--obi-blue-dark);
  text-decoration-color: rgba(13, 99, 201, 0.35);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.16em;
}

body:not(.page-id-253) :is(.wp-block-button__link, input[type="submit"], button.button, .button) {
  min-height: 46px;
  border: 1px solid var(--obi-blue);
  border-radius: 2px;
  background: var(--obi-blue);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

body:not(.page-id-253) :is(.wp-block-button__link, input[type="submit"], button.button, .button):hover {
  border-color: var(--obi-blue-dark);
  background: var(--obi-blue-dark);
  transform: translateY(-1px);
}

body:not(.page-id-253) :is(a, button, input, select, textarea):focus-visible {
  outline: 3px solid var(--obi-gold);
  outline-offset: 3px;
}

body:not(.page-id-253) :is(input:not([type="submit"]):not([type="button"]), textarea, select) {
  min-height: 46px;
  border: 1px solid #aabccd;
  border-radius: 2px;
  background: #fff;
  color: var(--obi-ink);
}

body:not(.page-id-253) textarea {
  min-height: 132px;
}

body:not(.page-id-253) :is(input:not([type="submit"]):not([type="button"]), textarea, select):focus {
  border-color: var(--obi-blue);
  box-shadow: 0 0 0 3px rgba(13, 99, 201, 0.12);
}

body:not(.page-id-253) .site-footer {
  background: var(--obi-navy);
  color: #b9c9d8;
}

body:not(.page-id-253) .site-bottom-footer-wrap,
body:not(.page-id-253) .site-bottom-footer-row-container-inner,
body:not(.page-id-253) .site-bottom-footer-wrap .site-footer-row-container-inner {
  background: var(--obi-navy);
}

body:not(.page-id-253) .site-bottom-footer-inner-wrap {
  min-height: 112px;
  padding-top: 34px;
  padding-bottom: 34px;
}

body:not(.page-id-253) .site-footer p {
  color: #b9c9d8;
  font-size: 13px;
  line-height: 1.8;
}

body:not(.page-id-253) .site-footer a {
  color: #fff;
  text-decoration-color: rgba(255, 255, 255, 0.35);
  text-underline-offset: 0.2em;
}

body.blog .content-container.site-container,
body.archive .content-container.site-container {
  width: min(calc(100% - 64px), 1280px);
}

body.blog .loop-entry,
body.archive .loop-entry {
  margin: 0;
  border-top-width: 2px;
  box-shadow: 0 18px 46px rgba(6, 27, 52, 0.06);
}

body.blog .loop-entry .entry-content-wrap,
body.archive .loop-entry .entry-content-wrap {
  padding: 28px;
}

body.blog .loop-entry .entry-title,
body.archive .loop-entry .entry-title {
  font-size: 25px;
  line-height: 1.15;
}

.obp-plans {
  max-width: none;
}

.obp-intro {
  max-width: 820px;
  margin-bottom: 54px;
}

.obp-kicker,
.entry-content .obp-kicker {
  margin: 0 0 12px !important;
  color: var(--obi-muted) !important;
  font-size: 15px !important;
  font-weight: 700;
  line-height: 1.4 !important;
}

.entry-content .obp-lede {
  color: #2c4359;
  font-size: 20px;
  line-height: 1.62;
}

.obp-plan-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-inline: calc(clamp(38px, 6.25vw, 88px) * -0.58);
  border-top: 1px solid var(--obi-navy);
  border-bottom: 1px solid var(--obi-line);
}

.obp-plan {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 36px 28px 30px;
  border-right: 1px solid var(--obi-line);
  background: #fff;
}

.obp-plan:last-child {
  border-right: 0;
}

.obp-plan-featured {
  background: var(--obi-pale);
  box-shadow: inset 0 4px 0 var(--obi-blue);
}

.obp-plan header {
  min-height: 150px;
}

.entry-content .obp-plan h2 {
  margin: 0 0 12px;
  font-size: 28px;
  font-weight: 700;
}

.entry-content .obp-plan header p:not(.obp-plan-note) {
  margin: 0;
  color: #516679;
  font-size: 15px;
  line-height: 1.55;
}

.entry-content .obp-plan-note {
  margin: 0 0 10px;
  color: var(--obi-blue);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}

.entry-content .obp-price {
  display: flex;
  align-items: end;
  gap: 12px;
  margin: 0;
  padding: 24px 0 16px;
  border-top: 1px solid var(--obi-line);
}

.obp-price strong {
  color: var(--obi-ink);
  font: 400 43px/1 var(--obi-serif);
}

.obp-price span {
  padding-bottom: 3px;
  color: var(--obi-muted);
  font-size: 12px;
  line-height: 1.35;
}

.entry-content .obp-founding {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 0 0 22px;
  padding: 10px 12px;
  border-left: 2px solid var(--obi-gold);
  background: var(--obi-cream);
  font-size: 12px;
  line-height: 1.35;
}

.obp-founding strong {
  color: var(--obi-ink);
  font-family: var(--obi-serif);
  font-size: 14px;
}

.obp-plan ul {
  flex: 1;
  margin: 0 0 28px;
  padding: 0;
  list-style: none;
}

.entry-content .obp-plan li {
  position: relative;
  margin-bottom: 11px;
  padding-left: 21px;
  color: #324a60;
  font-size: 14px;
  line-height: 1.5;
}

.obp-plan li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #b27713;
  font-weight: 700;
}

.obp-button {
  display: block;
  min-height: 46px;
  padding: 13px 16px;
  border: 1px solid var(--obi-blue);
  border-radius: 2px;
  background: var(--obi-blue);
  color: #fff !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
  text-decoration: none;
}

.obp-button:hover {
  border-color: var(--obi-blue-dark);
  background: var(--obi-blue-dark);
}

.entry-content .obp-disclosure {
  max-width: 900px;
  margin: 28px auto 0;
  color: var(--obi-muted);
  font-size: 13px;
  line-height: 1.6;
  text-align: center;
}

.obp-why {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 72px;
  margin: clamp(64px, 8vw, 104px) calc(clamp(38px, 6.25vw, 88px) * -0.58) 0;
  padding: clamp(42px, 6vw, 72px);
  background: var(--obi-navy);
}

body:not(.page-id-253) .entry-content .obp-why h2 {
  margin: 0;
  color: #fff;
}

.entry-content .obp-why p:not(.obp-kicker) {
  margin-top: 0;
  color: #bed0df;
  font-size: 16px;
  line-height: 1.65;
}

.entry-content .obp-why .obp-kicker {
  color: #9fb6c9 !important;
}

.entry-content .obp-text-link {
  display: inline-block;
  margin-top: 10px;
  color: #fff !important;
  font-weight: 700;
  text-decoration-color: var(--obi-gold) !important;
}

@media (max-width: 1024px) {
  .obp-plan-grid {
    grid-template-columns: 1fr 1fr;
  }

  .obp-plan:nth-child(2) {
    border-right: 0;
  }

  .obp-plan:last-child {
    grid-column: 1 / -1;
    border-top: 1px solid var(--obi-line);
  }

  .obp-plan:last-child header {
    min-height: 0;
  }
}

@media (max-width: 767px) {
  body:not(.page-id-253) .content-container.site-container,
  body.blog .content-container.site-container,
  body.archive .content-container.site-container {
    width: min(calc(100% - 32px), 1180px);
  }

  body:not(.page-id-253) .content-area {
    margin-top: 30px;
    margin-bottom: 52px;
  }

  body:not(.page-id-253) article.single-entry .entry-content-wrap {
    padding: 30px 22px 36px;
  }

  body:not(.page-id-253) .entry-content h1,
  body:not(.page-id-253) .entry-title,
  body:not(.page-id-253) .archive-title {
    margin-bottom: 20px;
    font-size: 36px;
    line-height: 1.07;
  }

  body:not(.page-id-253) .entry-content h2 {
    margin-top: 42px;
    font-size: 29px;
  }

  body:not(.page-id-253) .entry-content p,
  body:not(.page-id-253) .entry-content li {
    font-size: 16px;
    line-height: 1.68;
  }

  .obp-plan-grid,
  .obp-why {
    display: block;
  }

  body.blog .loop-entry,
  body.archive .loop-entry {
    margin-bottom: 20px;
  }

  .obp-intro {
    margin-bottom: 38px;
  }

  .entry-content .obp-lede {
    font-size: 18px;
  }

  .obp-plan-grid,
  .obp-why {
    margin-inline: 0;
  }

  .obp-plan {
    padding: 30px 22px;
    border-right: 0;
    border-bottom: 1px solid var(--obi-line);
  }

  .obp-plan:last-child {
    border-bottom: 0;
  }

  .obp-plan header {
    min-height: 0;
    margin-bottom: 20px;
  }

  .obp-why {
    padding: 38px 24px;
  }

  .entry-content .obp-why h2 {
    margin-bottom: 30px;
  }

  body:not(.page-id-253) .site-footer p {
    text-align: left;
  }
}

@media (prefers-reduced-motion: reduce) {
  body:not(.page-id-253) *,
  body:not(.page-id-253) *::before,
  body:not(.page-id-253) *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}