/* process-tabs — merged from the static build's app.css, source order preserved. */

body.seo-page .seo-process { height: 574px; margin-top: 120px; }
body.seo-page .seo-process .seo-intro h2 { width: 560px; margin-top: 28px; }
body.seo-page .seo-process__tabs { display: flex; width: 836px; justify-content: flex-start; gap: 10px; margin: 50px auto 0; padding: 5px; background: rgba(232,71,59,.1); }
body.seo-page .seo-process__tabs button { position: relative; height: 48px; padding: 0 19px; border: 0; border-radius: 0; background: transparent; color: #000; font: inherit; font-size: 18px; font-weight: 400; white-space: nowrap; cursor: pointer; }
body.seo-page .seo-process__tabs button.is-active { padding: 4px 23px; background: var(--coral); background-clip: content-box; color: #fff; }
body.seo-page .seo-process__tabs button .corner-frame__ornaments { inset: 0; }
body.seo-page .seo-process__tabs button:not(.is-active) .corner-frame__ornaments { display: none; }
body.seo-page .seo-process__body { display: grid; width: 934px; margin: 83px auto 0; grid-template-columns: 420px 474px; justify-content: space-between; }
body.seo-page .seo-process__card { position: relative; width: 420px; height: 204px; margin: 0; padding: 30px; background: var(--wine); color: #fff; }
body.seo-page .seo-process__card strong { display: block; color: rgba(255,255,255,.42); font-family: var(--font-sans); font-size: 60px; font-style: italic; font-weight: 600; line-height: 43px; transform: translate(-4px,-4px); }
body.seo-page .seo-process__card h3 { position: absolute; top: 137px; left: 30px; margin: 0; font-size: 32px; font-weight: 600; line-height: 30px; }
body.seo-page .seo-process__copy { padding-top: 19px; }
body.seo-page .seo-process__copy p { margin: 0; color: rgba(0,0,0,.6); font-size: 18px; line-height: 28px; }
body.seo-page .seo-process__controls { display: flex; width: 934px; align-items: center; gap: 32px; margin: -64px auto 0; padding-left: 460px; }
body.seo-page .seo-process__controls button { padding: 0; border: 0; background: transparent; cursor: pointer; }
body.seo-page .seo-process__arrow--prev::after { left: 0; transform: rotate(-45deg); }
body.seo-page .seo-process__arrow--next::after { right: 0; transform: rotate(135deg); }
.seo-page .seo-process { height: 574px; margin-top: 120px; }
.seo-page .seo-process .seo-intro h2 { width: 560px; margin-top: 28px; }
.seo-page .seo-process__tabs { display: flex; width: 836px; justify-content: flex-start; gap: 10px; margin: 50px auto 0; padding: 5px; background: rgba(232,71,59,.1); }
.seo-page .seo-process__tabs button { position: relative; height: 48px; padding: 0 19px; border: 0; border-radius: 0; background: transparent; color: #000; font: inherit; font-size: 18px; font-weight: 400; white-space: nowrap; cursor: pointer; }
.seo-page .seo-process__tabs button.is-active { padding: 4px 23px; background: var(--coral); background-clip: content-box; color: #fff; }
.seo-page .seo-process__tabs button .corner-frame__ornaments { inset: 0; }
.seo-page .seo-process__tabs button:not(.is-active) .corner-frame__ornaments { display: none; }
.seo-page .seo-process__body { display: grid; width: 934px; margin: 83px auto 0; grid-template-columns: 420px 474px; justify-content: space-between; }
.seo-page .seo-process__card { position: relative; width: 420px; height: 204px; margin: 0; padding: 30px; background: var(--wine); color: #fff; }
.seo-page .seo-process__card strong { display: block; color: rgba(255,255,255,.42); font-family: var(--font-sans); font-size: 60px; font-style: italic; font-weight: 600; line-height: 43px; transform: translate(-4px,-4px); }
.seo-page .seo-process__card h3 { position: absolute; top: 137px; left: 30px; margin: 0; font-size: 32px; font-weight: 600; line-height: 30px; }
.seo-page .seo-process__copy { padding-top: 19px; }
.seo-page .seo-process__copy p { margin: 0; color: rgba(0,0,0,.6); font-size: 18px; line-height: 28px; }
.seo-page .seo-process__controls { display: flex; width: 934px; align-items: center; gap: 32px; margin: -64px auto 0; padding-left: 460px; }
.seo-page .seo-process__controls button { padding: 0; border: 0; background: transparent; cursor: pointer; }
.seo-page .seo-process__arrow--prev::after { left: 0; transform: rotate(-45deg); }
.seo-page .seo-process__arrow--next::after { right: 0; transform: rotate(135deg); }
.seo-page .seo-process__arrow { position: relative; width: 47px; height: 26px; }
.seo-page .seo-process__arrow::before { position: absolute; top: 13px; left: 0; width: 47px; height: 1px; content: ""; background: #000; }
.seo-page .seo-process__arrow::after { position: absolute; top: 8px; width: 11px; height: 11px; content: ""; border-top: 1px solid #000; border-left: 1px solid #000; }
.seo-page .seo-process__dots { display: flex; align-items: center; gap: 8px; }
.seo-page .seo-process__dots button { width: 10px; height: 10px; background: #d6c9c9; }
.seo-page .seo-process__dots button.is-active { width: 12px; height: 12px; background: var(--wine); }