/* Scoped to the approved directory. The existing header remains its own owner. */
.services-directory { color: #092333; background: #faf9f5; }
.site-main > .services-directory { padding-inline: 0; }
.services-directory > section { padding-inline: 0; }
.services-width { width: min(88%, 1120px); margin-inline: auto; }
.services-directory h1, .services-directory h2, .services-directory h3, .services-directory p { margin: 0; }
.services-directory h1, .services-directory h2, .services-path h3 { font-family: var(--tn-font-display); font-weight: 400; }
.services-label { font-size: 11px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; line-height: 1.6; }
.services-hero { background: #092333; color: #fff; padding-block: calc(var(--tn-header-height, 96px) + 58px) 58px; }
.services-hero__inner { display: grid; grid-template-columns: 1.45fr 1fr; gap: 36px; align-items: center; }
.services-hero .services-label { color: #a7d447; margin-bottom: 20px; }
.services-hero h1 { font-size: clamp(36px, 4.4vw, 64px); line-height: 1.02; letter-spacing: -1.5px; }
.services-hero h1 em { color: #a7d447; font-weight: 400; }
.services-hero__lede { max-width: 500px; margin-top: 25px !important; font-size: 16px; line-height: 1.6; color: #ccdbe0; }
.services-jump { color: #fff; display: inline-flex; gap: 28px; align-items: center; margin-top: 28px; border-bottom: 1px solid #71929c; padding-block: 9px; text-decoration: none; }
.services-jump:hover { color: #c2e681; }
.services-orbit-wrap { position: relative; min-width: 0; }
.services-orbit { position: relative; height: 300px; max-width: 390px; margin-inline: auto; }
.services-orbit__ring { position: absolute; inset: 8% 1%; border: 1px solid #39616b; border-radius: 50%; transform: rotate(-32deg); }
.services-orbit__ring:nth-child(2) { inset: 19% -3%; transform: rotate(35deg); border-color: #277c90; }
.services-orbit__ring:nth-child(3) { inset: 0 22%; transform: rotate(24deg); border-color: #688a42; }
.services-orbit__core { position: absolute; inset: 30% 27%; display: grid; place-items: center; background: radial-gradient(ellipse, #225d64, transparent 68%); }
.services-orbit__core img { width: 100%; height: auto; display: block; }
.services-orbit__ship { position: absolute; left: 75%; top: 15%; width: 23px; height: 27px; z-index: 3; transform-origin: center; filter: drop-shadow(0 0 6px #a7d44770); }
.services-orbit__label { position: absolute; padding: 7px 13px; background: #163946; border: 1px solid #527680; border-radius: 30px; color: #f7faf5; font-size: 12px; z-index: 2; }
.services-orbit__label--start { top: 6%; left: 20%; background: #a7d447; color: #092333; border-color: #a7d447; }
.services-orbit__label--optimize { top: 40%; right: 0; }
.services-orbit__label--rescue { bottom: 7%; right: 18%; }
.services-orbit__label--support { top: 54%; left: 0; }
.services-orbit__trail { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; }
.services-motion { display: block; margin: 13px auto 0; padding: 7px 12px; background: transparent; color: #ccdbe0; border: 1px solid #527680; border-radius: 6px; font: inherit; font-size: 12px; cursor: pointer; }
.services-motion[hidden] { display: none; }
.services-choices { padding-block: 48px 56px; scroll-margin-top: calc(var(--tn-header-height, 96px) + 20px); }
.services-section-head { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; margin-bottom: 28px; }
.services-directory h2 { font-size: clamp(34px, 3.7vw, 44px); line-height: 1.12; letter-spacing: -.5px; }
.services-section-head h2 { max-width: none; }
.services-section-head > p { font-size: 13px; color: #526671; }
.services-paths { display: flex; flex-direction: column; gap: 12px; }
.services-path { display: grid; grid-template-columns: 1.15fr 1fr; gap: 10px 38px; padding: 27px 32px 25px; background: #e1f0f6; border: 1px solid #09233312; border-radius: 4px 30px 4px 4px; transition: transform .25s, box-shadow .25s; }
.services-path:nth-child(2) { margin-left: 30px; background: #d5ec9f; border-radius: 4px 4px 4px 30px; }
.services-path:nth-child(3) { background: #123b4b; color: #fff; }
.services-path:nth-child(4) { margin-left: 30px; background: #eeeae1; border-radius: 4px 4px 4px 30px; }
.services-path .services-label { grid-column: 1; font-size: 10px; align-self: end; }
.services-path h3 { grid-column: 1; grid-row: 2 / span 2; font-size: clamp(32px, 3.5vw, 40px); line-height: 1.05; align-self: start; }
.services-path h3 a { color: inherit; text-decoration: none; }
.services-path__description { grid-column: 2; grid-row: 1 / span 2; align-self: center; font-size: 14px; line-height: 1.6; color: #385260; }
.services-path:nth-child(3) .services-path__description { color: #d4e1e6; }
.services-path__link { grid-column: 2; grid-row: 3; display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 5px; padding-top: 13px; border-top: 1px solid #09233326; color: inherit; font-size: 13px; font-weight: 600; text-decoration: none; }
.services-path__link span { width: 35px; height: 35px; flex-shrink: 0; display: grid; place-items: center; border: 1px solid #09233335; border-radius: 50%; font-size: 20px; transition: transform .25s; }
.services-path:nth-child(3) .services-path__link { border-color: #ffffff30; }
.services-path:nth-child(3) .services-path__link span { color: #d5ec9f; border-color: #d5ec9f70; }
.services-path:hover, .services-path:focus-within { transform: translateX(5px); box-shadow: -5px 0 0 #1686a2; }
.services-path:nth-child(2):hover { box-shadow: -5px 0 0 #5f8b26; }
.services-path:nth-child(3):hover { box-shadow: -5px 0 0 #a7d447; }
.services-path:hover .services-path__link span { transform: rotate(45deg); }
.services-trust { background: #e9eeea; padding-block: 46px; border-block: 1px solid #d3dfd6; }
.services-trust__intro { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: end; margin-bottom: 30px; }
.services-trust__intro .services-label { margin-bottom: 18px; }
.services-trust__intro > p { font-size: 14px; color: #4c6267; }
.services-trust__team { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.services-trust__team article { border-top: 1px solid #b5c6bb; padding-top: 19px; }
.services-trust__team h3 { font-family: var(--tn-font-body); font-size: 15px; font-weight: 600; line-height: 1.4; }
.services-trust__team p { font-size: 13px; color: #4c6267; margin-top: 9px; line-height: 1.6; }
@media (max-width: 650px) {
  .services-hero { padding-top: calc(var(--tn-header-height, 76px) + 35px); }
  .services-hero__inner { grid-template-columns: 1fr; gap: 25px; }
  .services-orbit { max-width: 300px; height: 230px; }
  .services-path { display: flex; flex-direction: column; gap: 0; padding: 25px; margin: 0 !important; }
  .services-path h3 { font-size: 34px; margin-top: 12px; }
  .services-path__description { margin-top: 15px !important; margin-bottom: 15px !important; align-self: stretch; }
  .services-path__link { margin-top: 0; }
  .services-trust__intro, .services-trust__team { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .services-path, .services-path__link span { transition: none; }
  .services-path:hover, .services-path:focus-within { transform: none; }
}