/* Hero geometry, typography and actions inherit the approved RevOps hero unchanged. */
.seo-service-hero .page-breadcrumb ol { flex-wrap: wrap; }
.seo-visibility { width: 100%; max-width: 530px; justify-self: end; margin: 0; padding: 22px; background: #fff; border: 1px solid #e2e8f4; border-top: 4px solid #13287e; border-radius: 10px; box-shadow: 0 15px 35px rgb(19 40 126 / 8%); }
.seo-visibility__demand { display: flex; align-items: center; gap: 13px; padding: 14px; background: #fff1e9; border-radius: 10px; }
.seo-visibility__icon { display: grid; flex: 0 0 38px; width: 38px; height: 38px; place-items: center; color: #b33300; background: #ffe2d3; border-radius: 10px; }
.seo-visibility svg { width: 24px; height: 24px; flex-shrink: 0; }
.seo-visibility__label { margin: 0; font-size: .78rem; font-weight: 800; text-transform: uppercase; letter-spacing: .045em; color: #13287e; }
.seo-visibility__demand .seo-visibility__label { color: #b33300; }
.seo-visibility__note { margin: 4px 0 0; font-size: .76rem; line-height: 1.5; color: #4d5f7e; }
.seo-visibility__connector { position: relative; width: 1px; height: 18px; margin-inline: auto; background: #13287e; }
.seo-visibility__connector::after { content: ""; position: absolute; bottom: 2px; left: -3px; width: 7px; height: 7px; border-right: 1px solid #13287e; border-bottom: 1px solid #13287e; transform: rotate(45deg); }
.seo-visibility__pages { padding: 15px; border: 1px solid #e2e8f4; border-radius: 10px; }
.seo-visibility__pages > .seo-visibility__label { text-align: center; }
.seo-visibility__foundations { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-block: 13px; }
.seo-visibility__foundations > div { display: flex; align-items: center; gap: 10px; padding: 11px; color: #13287e; background: #f5f8fc; border-radius: 10px; font-family: var(--font-heading); font-size: .9rem; font-weight: 800; line-height: 1.25; }
.seo-visibility__signals { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 22px; font-size: .73rem; font-weight: 700; color: #4d5f7e; }
.seo-visibility__signals span::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 7px; background: #47bf1c; }
.seo-visibility figcaption { display: flex; justify-content: center; align-items: center; gap: 10px; padding: 13px; color: #fff; background: #13287e; border-radius: 10px; font-family: var(--font-heading); font-size: 1.05rem; font-weight: 800; text-align: center; }
.seo-visibility figcaption > span { color: #ffe100; font-size: 1.5rem; }
@media (max-width: 780px) {
  .seo-visibility { max-width: 560px; justify-self: start; }
}
@media (max-width: 640px) {
  .seo-visibility { padding: 14px; }
  .seo-visibility__foundations { gap: 8px; }
  .seo-visibility__foundations > div { display: grid; gap: 7px; padding: 10px; }
  .seo-visibility figcaption { font-size: .94rem; }
}

/* Organic visibility diagnostics reuse the site's existing connected RevOps rows. */
.seo-diagnostics { padding: var(--major-section-padding) 0; background: var(--color-white); }
.seo-diagnostics .revops-diagnostics__signals { list-style: none; margin: 0; padding: 0; }
.seo-diagnostics__image { display: block; width: 100%; max-width: 390px; height: auto; max-height: 500px; aspect-ratio: 3 / 4; object-fit: cover; object-position: center; margin-top: 28px; border: 1px solid var(--color-border); border-radius: var(--radius-default); }
@media (max-width: 780px) { .seo-diagnostics__image { margin-inline: auto; } }

/* AI search panels are scoped to this section; shared design tokens remain authoritative. */
.seo-ai-search { padding: var(--major-section-padding) 0; background: var(--color-white); }
.seo-ai-search__intro { max-width: 1040px; }
.seo-ai-search__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; margin-top: 34px; }
.seo-ai-search__card { min-width: 0; border: 1px solid var(--color-border); border-top: 4px solid var(--color-primary-blue); border-radius: var(--radius-default); background: var(--color-white); box-shadow: 0 15px 35px rgb(19 40 126 / 8%); }
.seo-ai-search__card:nth-child(2) { border-top-color: var(--color-primary-orange); }
.seo-ai-search__visual { margin: 20px 20px 0; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-default); }
.seo-ai-search__visual img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: contain; border-radius: inherit; }
.seo-ai-search__content { padding: 26px 28px 30px; }
.seo-ai-search__label { margin: 0 0 12px; color: var(--color-primary-blue); font: 800 .7rem/1.5 var(--font-body); letter-spacing: .06em; }
.seo-ai-search__content h3 { margin: 0; color: var(--color-ink); font: 800 clamp(1.35rem, 2vw, 1.7rem)/1.2 var(--font-heading); }
.seo-ai-search__body { margin: 18px 0 24px; color: var(--color-muted); font-size: .9rem; line-height: 1.75; }
.seo-ai-search__points { list-style: none; padding: 0; margin: 0; border-top: 1px solid var(--color-border); }
.seo-ai-search__points li { position: relative; padding: 18px 0 18px 20px; border-bottom: 1px solid var(--color-border); }
.seo-ai-search__points li:last-child { border-bottom: 0; padding-bottom: 0; }
.seo-ai-search__points li::before { content: ''; position: absolute; left: 0; top: 24px; width: 6px; height: 6px; background: var(--color-primary-blue); }
.seo-ai-search__card:nth-child(2) .seo-ai-search__points li::before { background: var(--color-primary-orange); }
.seo-ai-search__points h4 { margin: 0 0 7px; color: var(--color-ink); font: 800 1.03rem/1.3 var(--font-heading); }
.seo-ai-search__points p { margin: 0; color: var(--color-muted); font-size: .85rem; line-height: 1.7; }
@media (max-width: 1024px) { .seo-ai-search__grid { gap: 20px; } .seo-ai-search__content { padding: 22px 20px 30px; } .seo-ai-search__visual { margin: 16px 16px 0; } }
@media (max-width: 780px) { .seo-ai-search__grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 640px) { .seo-ai-search__grid { margin-top: 26px; } .seo-ai-search__visual { margin: 14px 14px 0; } .seo-ai-search__content { padding: 22px 18px 30px; } }

/* Existing service cards, with Salesforce-style side accents on the shared surface. */
.seo-services { background: var(--color-surface); padding: var(--major-section-padding) 0; }
.seo-services .seo-services__grid { margin-top: 34px; grid-auto-rows: 1fr; }
.seo-services .seo-services__card { border-top-width: 1px; border-left: 4px solid var(--color-primary-blue); }
.seo-services .seo-services__card > span { color: var(--color-primary-blue); }
.seo-services .seo-services__card:nth-child(3n + 2) { border-left-color: var(--color-primary-orange); }
.seo-services .seo-services__card:nth-child(3n + 2) > span { color: var(--color-primary-orange); }
.seo-services .seo-services__card:nth-child(3n) { border-left-color: var(--color-green); }
@media (max-width: 640px) { .seo-services .seo-services__grid { grid-auto-rows: auto; } }

/* The existing lifecycle rail, extended to six stages with an ordered tablet turn. */
.seo-strategy { background: var(--color-white); padding: var(--major-section-padding) 0; }
.seo-strategy .revops-lifecycle__journey { grid-template-columns: repeat(6, minmax(0, 1fr)); margin-top: 42px; }
.seo-strategy .revops-lifecycle__journey::before { left: 20px; right: calc((100% - 70px) / 6 - 20px); }
.seo-strategy .revops-lifecycle__marker { border-radius: var(--radius-default); z-index: 2; }
.seo-strategy .revops-lifecycle__stage:nth-child(2) .revops-lifecycle__marker,
.seo-strategy .revops-lifecycle__stage:nth-child(5) .revops-lifecycle__marker { border-color: var(--color-primary-orange); color: var(--color-primary-orange); }
.seo-strategy .revops-lifecycle__stage:nth-child(3) .revops-lifecycle__marker { border-color: var(--color-green); }
.seo-strategy .revops-lifecycle__stage:last-child .revops-lifecycle__marker { background: var(--color-primary-blue); color: var(--color-white); }
@media (min-width: 681px) and (max-width: 1040px) {
  .seo-strategy .revops-lifecycle__journey { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 42px 24px; }
  .seo-strategy .revops-lifecycle__stage:nth-child(4) { grid-column: 3; grid-row: 2; }
  .seo-strategy .revops-lifecycle__stage:nth-child(5) { grid-column: 2; grid-row: 2; }
  .seo-strategy .revops-lifecycle__stage:nth-child(6) { grid-column: 1; grid-row: 2; }
  .seo-strategy .revops-lifecycle__stage::before { left: 42px; width: calc(100% - 18px); }
  .seo-strategy .revops-lifecycle__stage:nth-child(n + 4)::before { left: calc(-100% - 24px); width: calc(100% + 24px); }
  .seo-strategy .revops-lifecycle__stage:last-child::before { display: none; }
  .seo-strategy .revops-lifecycle__stage:not(:last-child)::after { display: block; }
  .seo-strategy .revops-lifecycle__stage:nth-child(3)::after { top: 20px; bottom: -63px; left: 42px; right: -12px; width: auto; height: auto; border: 1px solid var(--color-border); border-left: 0; transform: none; opacity: 1; }
  .seo-strategy .revops-lifecycle__stage:nth-child(3)::before { display: block; top: auto; bottom: -67px; left: 47px; width: 9px; height: 9px; background: none; border-top: 2px solid var(--color-primary-blue); border-right: 2px solid var(--color-primary-blue); transform: rotate(225deg); }
  .seo-strategy .revops-lifecycle__stage:nth-child(4)::after,
  .seo-strategy .revops-lifecycle__stage:nth-child(5)::after { right: auto; left: -18px; transform: rotate(225deg); }
}
@media (max-width: 680px) {
  .seo-strategy .revops-lifecycle__journey { grid-template-columns: minmax(0, 1fr); margin-top: 34px; }
  .seo-strategy .revops-lifecycle__journey::before { left: 20px; right: auto; }
}
@media (max-width: 560px) { .seo-strategy .revops-lifecycle__journey::before { left: 18px; } }

/* Existing service-panel language, with technical areas beside connected layers. */
.seo-technical { padding: var(--major-section-padding) 0; background: var(--color-surface); }
.seo-technical__layout { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); align-items: center; gap: clamp(34px, 5vw, 72px); }
.seo-technical__areas { list-style: none; padding: 0; margin: 28px 0 0; border-top: 1px solid var(--color-border); }
.seo-technical__areas > li { padding: 16px 0; border-bottom: 1px solid var(--color-border); }
.seo-technical__areas h3 { margin: 0; color: var(--color-ink); }
.seo-technical__visual { min-width: 0; width: 100%; margin: 0; padding: 28px; border: 1px solid var(--color-border); border-top: 4px solid var(--color-primary-blue); border-radius: var(--radius-default); background: var(--color-white); box-shadow: 0 16px 30px rgba(13, 26, 58, .1); }
.seo-technical__visual ol { list-style: none; padding: 0; margin: 0; display: grid; gap: 28px; }
.seo-technical__visual li { position: relative; padding: 18px; border: 1px solid var(--color-border); border-left: 3px solid var(--color-primary-blue); border-radius: var(--radius-default); background: var(--color-surface); }
.seo-technical__visual li:nth-child(2) { border-left-color: var(--color-primary-orange); }
.seo-technical__visual li:nth-child(3) { border-left-color: var(--color-green); }
.seo-technical__visual li:not(:last-child)::after { content: "↓"; position: absolute; bottom: -27px; left: calc(50% - 8px); width: 16px; height: 26px; color: var(--color-primary-blue); text-align: center; font: 700 1.2rem/26px var(--font-body); }
.seo-technical__visual strong { display: block; color: var(--color-primary-blue); font: 800 1.2rem/1.2 var(--font-heading); }
.seo-technical__visual span { display: block; margin-top: 8px; color: var(--color-muted); font: 500 .85rem/1.63 var(--font-body); }
.seo-technical__visual figcaption { margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--color-border); color: var(--color-muted); font: 500 .85rem/1.63 var(--font-body); }
@media (max-width: 780px) { .seo-technical__layout { grid-template-columns: minmax(0, 1fr); gap: 34px; }.seo-technical__visual { max-width: 560px; justify-self: center; } }
@media (max-width: 640px) { .seo-technical__visual { padding: 20px; }.seo-technical__visual li { padding: 16px; } }

/* Editorial page anatomy, using the existing panel and body-copy treatments. */
.seo-intent { padding: var(--major-section-padding) 0; background: var(--color-white); }
.seo-intent__layout { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.4fr); gap: clamp(34px, 4vw, 56px); align-items: start; margin-top: 34px; }
.seo-intent__page { min-width: 0; margin: 0; padding: 28px; border: 1px solid var(--color-border); border-top: 4px solid var(--color-primary-orange); border-radius: var(--radius-default); background: var(--color-surface); box-shadow: 0 16px 30px rgba(13, 26, 58, .1); }
.seo-intent__target { padding-bottom: 20px; border-bottom: 1px solid var(--color-border); }
.seo-intent__target > span { display: block; color: var(--color-primary-blue); font: 800 .66rem/1.25 var(--font-body); letter-spacing: .085em; text-transform: uppercase; }
.seo-intent__target > strong { display: block; margin-top: 12px; color: var(--color-ink); font: 800 1.2rem/1.2 var(--font-heading); }
.seo-intent__target > p, .seo-intent__page dd { color: var(--color-muted); font: 500 .85rem/1.63 var(--font-body); }
.seo-intent__target > p { margin: 9px 0 0; }
.seo-intent__page dl { margin: 0; }
.seo-intent__page dl > div { padding: 16px 0 16px 16px; border-left: 2px solid var(--color-border); margin-left: 3px; }
.seo-intent__page dt { position: relative; color: var(--color-primary-blue); font: 800 1rem/1.3 var(--font-heading); }
.seo-intent__page dt::before { content: ""; position: absolute; width: 6px; height: 6px; left: -20px; top: 7px; background: var(--color-primary-orange); }
.seo-intent__page dd { margin: 7px 0 0; }
.seo-intent__areas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; margin: 0; padding: 0; list-style: none; }
.seo-intent__areas > li { border-top: 1px solid var(--color-border); padding-top: 17px; }
.seo-intent__areas h3 { margin: 0; color: var(--color-ink); }
.seo-intent__note { margin: 34px 0 0; padding-left: 18px; border-left: 3px solid var(--color-primary-blue); color: var(--color-muted); font: 500 .85rem/1.63 var(--font-body); }
@media (max-width: 780px) { .seo-intent__layout { grid-template-columns: minmax(0, 1fr); }.seo-intent__page { width: 100%; max-width: 560px; justify-self: center; } }
@media (max-width: 640px) { .seo-intent__areas { grid-template-columns: minmax(0, 1fr); gap: 22px; }.seo-intent__page { padding: 22px; } }

/* One shared panel, two equal search environments using existing brand accents. */
.seo-environments { padding: var(--major-section-padding) 0; background: var(--color-surface); }
.seo-environments__split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 34px; border: 1px solid var(--color-border); border-radius: var(--radius-default); background: var(--color-white); box-shadow: 0 16px 30px rgba(13, 26, 58, .1); }
.seo-environments__half { --environment-accent: var(--color-primary-blue); min-width: 0; padding: clamp(24px, 3vw, 40px); border-top: 4px solid var(--environment-accent); }
.seo-environments__half:first-child { border-top-left-radius: var(--radius-default); }
.seo-environments__half:last-child { --environment-accent: var(--color-primary-orange); border-left: 1px solid var(--color-border); border-top-right-radius: var(--radius-default); }
.seo-environments__label { margin: 0 0 12px; color: var(--environment-accent); font: 800 .66rem/1.25 var(--font-body); letter-spacing: .085em; }
.seo-environments__half h3 { margin: 0; color: var(--color-ink); }
.seo-environments__summary { margin: 14px 0 0; color: var(--color-muted); font-size: .9rem; line-height: 1.7; }
.seo-environments__motif { display: flex; flex-wrap: wrap; gap: 10px 18px; list-style: none; margin: 24px 0 0; padding: 16px 0; border-block: 1px solid var(--color-border); color: var(--color-primary-blue); font: 700 .73rem/1.45 var(--font-body); }
.seo-environments__motif li { display: flex; align-items: center; gap: 8px; }
.seo-environments__motif li::before { content: ""; width: 5px; height: 5px; flex: 0 0 5px; background: var(--environment-accent); }
.seo-environments__areas { margin: 6px 0 0; padding: 0; list-style: none; }
.seo-environments__areas > li { padding-top: 20px; }
.seo-environments__areas h4 { margin: 0; color: var(--color-ink); font: 800 1rem/1.3 var(--font-heading); }
@media (max-width: 780px) { .seo-environments__split { grid-template-columns: minmax(0, 1fr); }.seo-environments__half:first-child { border-top-right-radius: var(--radius-default); }.seo-environments__half:last-child { border-left: 0; border-top-right-radius: 0; } }
@media (max-width: 640px) { .seo-environments__half { padding: 22px 20px; } }

/* Compact authority network above editorial rows, with existing panel styling. */
.seo-authority { padding: var(--major-section-padding) 0; background: var(--color-white); }
.seo-authority__intro { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); align-items: center; gap: clamp(34px, 5vw, 72px); }
.seo-authority__intro .seo-authority__principle { margin-top: 24px; padding-left: 18px; border-left: 3px solid var(--color-primary-orange); font-size: .85rem; line-height: 1.63; }
.seo-authority__visual { min-width: 0; margin: 0; padding: 24px; border: 1px solid var(--color-border); border-radius: var(--radius-default); background: var(--color-surface); box-shadow: 0 16px 30px rgba(13, 26, 58, .1); }
.seo-authority__network { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: center; }
.seo-authority__network svg { position: absolute; inset: 0; width: 100%; height: 100%; fill: none; stroke: var(--color-primary-blue); stroke-width: 1; }
.seo-authority__network path { vector-effect: non-scaling-stroke; }
.seo-authority__network > span, .seo-authority__network > strong { position: relative; padding: 14px 10px; border: 1px solid var(--color-border); border-radius: var(--radius-default); background: var(--color-white); color: var(--color-primary-blue); text-align: center; font: 700 .8rem/1.4 var(--font-body); }
.seo-authority__network > strong { grid-column: 1 / -1; justify-self: center; padding: 18px 24px; background: var(--color-primary-blue); color: var(--color-white); border-color: var(--color-primary-blue); font: 800 1.2rem/1.3 var(--font-heading); }
.seo-authority__visual figcaption { margin-top: 20px; color: var(--color-muted); text-align: center; font: 500 .8rem/1.5 var(--font-body); }
.seo-authority__areas { list-style: none; margin: 38px 0 0; padding: 0; border-top: 1px solid var(--color-border); }
.seo-authority__areas > li { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.5fr); gap: 28px; align-items: start; padding: 20px 0; border-bottom: 1px solid var(--color-border); }
.seo-authority__areas h3 { margin: 0; color: var(--color-ink); }
.seo-authority__areas .body-copy { margin: 0; max-width: none; }
@media (max-width: 780px) { .seo-authority__intro { grid-template-columns: minmax(0, 1fr); }.seo-authority__visual { width: 100%; max-width: 560px; justify-self: center; } }
@media (max-width: 640px) { .seo-authority__areas > li { grid-template-columns: minmax(0, 1fr); gap: 9px; }.seo-authority__visual { padding: 18px; }.seo-authority__network { gap: 22px 14px; }.seo-authority__network > strong { padding: 16px; font-size: 1.05rem; } }

/* One audit brief, moving findings into action using existing service-panel tokens. */
.seo-audits { padding: var(--major-section-padding) 0; background: var(--color-surface); }
.seo-audits__layout { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); align-items: start; gap: clamp(34px, 5vw, 64px); }
.seo-audits__sequence { list-style: none; margin: 28px 0 0; padding: 0; }
.seo-audits__sequence li { position: relative; display: flex; align-items: center; gap: 16px; padding-bottom: 18px; color: var(--color-primary-blue); }
.seo-audits__sequence li:not(:last-child)::before { content: ""; position: absolute; left: 21px; top: 42px; bottom: 0; width: 1px; background: var(--color-border); }
.seo-audits__sequence li:last-child { padding-bottom: 0; }
.seo-audits__sequence span { display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 44px; border: 1px solid var(--color-border); border-radius: var(--radius-default); background: var(--color-white); color: var(--color-primary-orange); font: 800 .8rem/1 var(--font-body); }
.seo-audits__sequence strong { font: 800 1rem/1.3 var(--font-heading); }
.seo-audits__layout .seo-audits__principle { margin-top: 28px; padding-left: 18px; border-left: 3px solid var(--color-primary-orange); font-size: .85rem; line-height: 1.63; }
.seo-audits__summary { min-width: 0; border: 1px solid var(--color-border); border-top: 4px solid var(--color-primary-blue); border-radius: var(--radius-default); background: var(--color-white); box-shadow: 0 16px 30px rgba(13, 26, 58, .1); }
.seo-audits__findings, .seo-audits__plan { padding: 24px 28px; }
.seo-audits__label { margin: 0 0 6px; color: var(--color-primary-blue); font: 800 .66rem/1.25 var(--font-body); letter-spacing: .085em; text-transform: uppercase; }
.seo-audits__summary ul { list-style: none; padding: 0; margin: 0; }
.seo-audits__summary li { padding: 16px 0; }
.seo-audits__summary li + li { border-top: 1px solid var(--color-border); }
.seo-audits__summary li:last-child { padding-bottom: 0; }
.seo-audits__summary h3 { margin: 0; color: var(--color-ink); }
.seo-audits__summary .body-copy { max-width: none; }
.seo-audits__transition { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px; padding: 16px 20px; background: var(--color-primary-blue); color: var(--color-white); font: 700 .8rem/1.4 var(--font-body); }
.seo-audits__transition span[aria-hidden] { color: var(--color-white); }
.seo-audits__plan { border-left: 3px solid var(--color-primary-orange); border-bottom-left-radius: var(--radius-default); }
@media (max-width: 980px) { .seo-audits__layout { grid-template-columns: minmax(0, 1fr); }.seo-audits__sequence { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }.seo-audits__sequence li { flex-direction: column; align-items: flex-start; gap: 10px; padding-bottom: 0; }.seo-audits__sequence li:not(:last-child)::before { left: 44px; right: -16px; top: 22px; bottom: auto; width: auto; height: 1px; } }
@media (max-width: 560px) { .seo-audits__sequence { grid-template-columns: minmax(0, 1fr); gap: 0; }.seo-audits__sequence li { flex-direction: row; align-items: center; gap: 16px; padding-bottom: 18px; }.seo-audits__sequence li:last-child { padding-bottom: 0; }.seo-audits__sequence li:not(:last-child)::before { left: 21px; right: auto; top: 44px; bottom: 0; width: 1px; height: auto; }.seo-audits__findings, .seo-audits__plan { padding: 22px 20px; } }

/* Shared panel and process-number treatment, with one stepped delivery rail. */
.seo-process { padding: var(--major-section-padding) 0; background: var(--color-white); }
.seo-process__panel { margin-top: 34px; padding: 34px 28px 24px; border: 1px solid var(--color-border); border-top: 4px solid var(--color-primary-blue); border-radius: var(--radius-default); background: var(--color-surface); box-shadow: 0 16px 30px rgba(13, 26, 58, .1); }
.seo-process__rail { position: relative; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 24px; margin: 0; padding: 0; list-style: none; }
.seo-process__rail::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: var(--color-primary-blue); }
.seo-process__rail > li { position: relative; min-width: 0; padding-top: 28px; }
.seo-process__rail > li:nth-child(even) { padding-top: 58px; }
.seo-process__rail > li::before { content: ""; position: absolute; top: -4px; left: 0; width: 9px; height: 9px; background: var(--color-primary-orange); }
.seo-process__rail > li:not(:last-child)::after { content: ""; position: absolute; top: -4px; right: -12px; width: 9px; height: 9px; border-top: 1px solid var(--color-primary-blue); border-right: 1px solid var(--color-primary-blue); transform: rotate(45deg); }
.seo-process__rail h3 { margin: 14px 0 0; color: var(--color-ink); }
.seo-process__rail .webflow-development-process__number { line-height: 1.2; }
.seo-process__rail .body-copy { max-width: none; }
.seo-process__feedback { display: flex; align-items: center; justify-content: flex-end; gap: 12px; margin: 28px 0 0; padding-top: 18px; border-top: 1px solid var(--color-border); color: var(--color-primary-blue); font: 700 .8rem/1.5 var(--font-body); }
.seo-process__feedback span { color: var(--color-primary-orange); font-size: 1.5rem; }
@media (max-width: 1120px) {
  .seo-process__rail { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .seo-process__rail::before { left: 4px; right: auto; top: 5px; bottom: 0; height: auto; width: 1px; }
  .seo-process__rail > li, .seo-process__rail > li:nth-child(even) { display: grid; grid-template-columns: 60px minmax(0, 1fr); gap: 20px; padding: 0 0 28px 28px; }
  .seo-process__rail > li:last-child { padding-bottom: 0; }
  .seo-process__rail > li::before { top: 5px; }
  .seo-process__rail > li:not(:last-child)::after { top: auto; left: 0; right: auto; bottom: 12px; transform: rotate(135deg); }
  .seo-process__rail h3 { margin-top: 0; }
}
@media (max-width: 560px) { .seo-process__panel { padding: 28px 18px 22px; }.seo-process__rail > li, .seo-process__rail > li:nth-child(even) { grid-template-columns: minmax(0, 1fr); gap: 10px; padding-left: 24px; }.seo-process__feedback { justify-content: flex-start; } }