.ocg-journey-eyebrow { margin: 0 0 18px; color: #7186a2; font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.ocg-visitor { padding-block: 64px 0; background: #fff; color: #062447; }
.ocg-visitor h2, .ocg-first-options h2, .ocg-first-process h2 { margin: 0; color: #062447; font-size: clamp(30px, 3.4vw, 48px); line-height: 1.25; letter-spacing: -.025em; }
.ocg-visitor__intro { margin: 10px 0 34px; color: #415771; font-size: 22px; }
.ocg-visitor__choices { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-bottom: 1px solid #dce5ee; }
.ocg-visitor__choices a { display: flex; align-items: center; justify-content: center; min-height: 64px; padding: 14px 12px; border-bottom: 4px solid transparent; color: #526887; font-size: 17px; font-weight: 600; text-align: center; text-decoration: none; }
.ocg-visitor__choices a:hover, .ocg-visitor__choices a[aria-selected="true"] { color: #0066d9; border-bottom-color: #0066d9; }
.ocg-visitor a:focus-visible, .ocg-first-options a:focus-visible, .ocg-first-enquiry a:focus-visible { outline: 3px solid #0066d9; outline-offset: 4px; }
.ocg-visitor__panel { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 48px; align-items: center; min-height: 300px; padding: 36px 24px; border-bottom: 1px solid #dce5ee; scroll-margin-top: 130px; }
.ocg-visitor__panel[hidden] { display: none; }
.ocg-visitor__illustration { display: block; width: 270px; height: auto; }
.ocg-visitor__content h3 { margin: 0 0 10px; color: #062447; font-size: 28px; line-height: 1.3; }
.ocg-visitor__content > p { max-width: 650px; margin: 0 0 22px; color: #415771; font-size: 20px; line-height: 1.5; }
.ocg-visitor__actions { display: flex; flex-wrap: wrap; gap: 18px; }
.ocg-visitor__actions .ocg-commerce-button { min-height: 56px; font-size: 17px; }
.ocg-commerce-button--outline { color: #0066d9; background: #fff; border-color: #0066d9; }
.ocg-commerce-button--outline img { filter: none; }
.ocg-commerce-button--outline:hover, .ocg-commerce-button--outline:focus-visible { color: #0058bd; background: #eff6ff; }
.ocg-visitor__content .ocg-visitor__note { margin: 22px 0 0; font-size: 16px; }
.ocg-commerce-services__teaser { display: grid; grid-template-columns: 1.5fr 1fr; align-items: center; gap: 64px; }
.ocg-commerce-services__teaser > img { width: 100%; aspect-ratio: 1.5; object-fit: cover; border-radius: 4px; }
.ocg-commerce-services__teaser > div > p:not(.ocg-journey-eyebrow) { max-width: 650px; color: #415771; font-size: 18px; }
.ocg-commerce-services__teaser a { display: inline-flex; align-items: center; gap: 14px; min-height: 44px; text-decoration: underline; text-underline-offset: 4px; color: #0066d9; }
.ocg-first-hero { position: relative; isolation: isolate; display: grid; align-items: center; min-height: 620px; background: #062447; color: #fff; }
.ocg-first-hero__image { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: 65% center; }
.ocg-first-hero::before { position: absolute; content: ""; inset: 0; z-index: -1; background: linear-gradient(90deg, #062447 0%, rgb(6 36 71 / 96%) 24%, rgb(6 36 71 / 60%) 54%, rgb(6 36 71 / 10%) 100%); }
.ocg-first-hero__content { max-width: 670px; padding-block: 70px; }
.ocg-first-hero .ocg-journey-eyebrow { color: #e0eaf5; font-size: 14px; }
.ocg-first-hero h1 { margin: 0; color: #fff; font-size: clamp(38px, 4.2vw, 60px); line-height: 1.2; letter-spacing: -.025em; text-wrap: balance; }
.ocg-first-hero__intro { max-width: 620px; margin: 28px 0 36px; font-size: 22px; line-height: 1.5; }
.ocg-first-hero a:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.ocg-first-options { padding-block: 64px; background: #fff; }
.ocg-first-options__grid { display: grid; grid-template-columns: 1fr 1fr; margin-top: 44px; }
.ocg-first-options article { padding-right: 70px; scroll-margin-top: 150px; }
.ocg-first-options article + article { padding-left: 70px; padding-right: 0; border-left: 1px solid #dce5ee; }
.ocg-first-options__icon { display: grid; place-items: center; width: 96px; height: 96px; background: #eff6ff; border-radius: 50%; }
.ocg-first-options h3 { margin: 16px 0 14px; font-size: 27px; line-height: 1.3; color: #062447; }
.ocg-first-options article p { max-width: 420px; margin: 0 0 16px; font-size: 20px; line-height: 1.6; color: #415771; }
.ocg-first-options article a { display: inline-flex; gap: 14px; align-items: center; min-height: 44px; font-size: 18px; color: #0066d9; }
.ocg-first-process { padding-block: 48px; background: #f1f6fa; }
.ocg-first-process ol { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 0; margin: 40px 0 0; list-style: none; }
.ocg-first-process li { position: relative; padding-inline: 18px; text-align: center; }
.ocg-first-process li::before { content: ""; position: absolute; top: 24px; left: 0; right: 0; border-top: 1px solid #bad4ef; }
.ocg-first-process li:first-child::before { left: 50%; }
.ocg-first-process li:last-child::before { right: 50%; }
.ocg-first-process__number { position: relative; display: grid; place-items: center; width: 48px; height: 48px; margin: 0 auto 16px; border-radius: 50%; border: 1px solid #0066d9; background: #0066d9; color: #fff; font-size: 22px; }
.ocg-first-process li:last-child .ocg-first-process__number { background: #fff; color: #0066d9; }
.ocg-first-process h3 { margin: 0 0 8px; font-size: 18px; color: #062447; }
.ocg-first-process li p { margin: 0 auto; max-width: 220px; font-size: 16px; color: #415771; line-height: 1.5; }
.ocg-first-reassurance { padding-block: 40px; background: #edf6ff; }
.ocg-first-reassurance__layout { display: grid; grid-template-columns: 150px minmax(0, 1fr); align-items: center; gap: 40px; }
.ocg-first-reassurance__layout > img { margin-inline: auto; }
.ocg-first-reassurance__layout > div { padding-left: 40px; border-left: 1px solid #73a7e1; }
.ocg-first-reassurance h2 { margin: 0 0 10px; color: #062447; font-size: 24px; line-height: 1.4; }
.ocg-first-reassurance p { margin: 0; max-width: 850px; color: #415771; font-size: 17px; line-height: 1.6; }
.ocg-first-enquiry { margin-top: 26px; padding-top: 20px; border-top: 1px solid #d4e5f4; }
.ocg-first-enquiry a { display: inline-flex; min-height: 44px; align-items: center; color: #0066d9; text-decoration: underline; }
.ocg-first-enquiry p { font-size: 14px; }
@media (max-width: 1023px) {
  .ocg-visitor__panel { grid-template-columns: 200px minmax(0, 1fr); gap: 28px; padding-inline: 0; }
  .ocg-visitor__illustration { width: 200px; }
  .ocg-visitor__choices a { font-size: 15px; }
  .ocg-first-hero__content { max-width: 58%; }
  .ocg-first-options article { padding-right: 36px; }
  .ocg-first-options article + article { padding-left: 36px; }
}
@media (max-width: 767px) {
  .ocg-visitor, .ocg-first-options { padding-top: 36px; }
  .ocg-journey-eyebrow { font-size: 11px; margin-bottom: 14px; }
  .ocg-visitor__intro { font-size: 17px; margin-bottom: 24px; }
  .ocg-visitor__choices { grid-template-columns: 1fr 1fr; }
  .ocg-visitor__choices a { padding: 12px 8px; min-height: 56px; font-size: 14px; }
  .ocg-visitor__panel { grid-template-columns: 1fr; gap: 18px; padding-block: 28px; min-height: 0; }
  .ocg-visitor__illustration { width: 140px; }
  .ocg-visitor__content h3 { font-size: 24px; }
  .ocg-visitor__content > p { font-size: 17px; }
  .ocg-visitor__actions { gap: 12px; }
  .ocg-visitor__actions .ocg-commerce-button { min-height: 48px; font-size: 14px; }
  .ocg-visitor__content .ocg-visitor__note { font-size: 14px; }
  .ocg-commerce-services__teaser { grid-template-columns: 1fr; gap: 24px; }
  .ocg-commerce-services__teaser > img { aspect-ratio: 1.8; }
  .ocg-first-hero { min-height: 530px; align-items: end; }
  .ocg-first-hero__image { object-position: 75% center; }
  .ocg-first-hero::before { background: rgb(6 36 71 / 72%); }
  .ocg-first-hero__content { max-width: 100%; padding-block: 48px; }
  .ocg-first-hero .ocg-journey-eyebrow { font-size: 11px; }
  .ocg-first-hero h1 { font-size: 38px; max-width: 420px; }
  .ocg-first-hero__intro { margin-block: 24px; font-size: 18px; }
  .ocg-first-options { padding-bottom: 36px; }
  .ocg-first-options__grid { grid-template-columns: 1fr; gap: 28px; margin-top: 28px; }
  .ocg-first-options article { padding: 0; }
  .ocg-first-options article + article { padding: 28px 0 0; border-left: 0; border-top: 1px solid #dce5ee; }
  .ocg-first-options__icon { width: 72px; height: 72px; }
  .ocg-first-options h3 { font-size: 24px; }
  .ocg-first-options article p { font-size: 17px; }
  .ocg-first-options article a { font-size: 16px; }
  .ocg-first-process { padding-block: 36px; }
  .ocg-first-process ol { grid-template-columns: 1fr 1fr; gap: 30px 16px; margin-top: 28px; }
  .ocg-first-process li { padding: 0; }
  .ocg-first-process li::before { display: none; }
  .ocg-first-process li p { font-size: 14px; }
  .ocg-first-reassurance { padding-block: 30px; }
  .ocg-first-reassurance__layout { grid-template-columns: 48px minmax(0, 1fr); gap: 20px; }
  .ocg-first-reassurance__layout > div { padding-left: 20px; }
  .ocg-first-reassurance h2 { font-size: 19px; }
  .ocg-first-reassurance p { font-size: 15px; }
}