.seo-process-panel{width:100%;overflow:hidden;background:#24242f;color:#fff}
.seo-process-inner{width:min(1180px,calc(100% - 40px));margin:auto;padding:clamp(76px,10vw,138px) 0}
.seo-process-kicker{color:#ff744f;font-size:13px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.seo-process-panel h2{max-width:950px;margin:20px 0 0;color:#fff;font-size:clamp(48px,6vw,92px);font-weight:950;letter-spacing:-.06em;line-height:.92}
.seo-process-story{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,70px);margin-top:clamp(40px,6vw,72px)}
.seo-process-story-copy{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;border-top:1px solid rgba(255,255,255,.25);padding-top:24px}
.seo-process-story-copy::before{position:absolute;top:-1px;left:0;width:72px;height:2px;background:#ff744f;content:""}
.seo-process-story-label{color:#ff744f;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.seo-process-answer{max-width:43ch;margin:20px 0 0;color:#e9e7e2;font-size:clamp(19px,1.7vw,22px);font-weight:550;line-height:1.5}
.seo-process-story .editorial-illustration{width:100%;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:20px;background:#393a42;box-shadow:none}
.seo-process-story .editorial-illustration img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.seo-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:70px 0 0;padding:0;list-style:none}
.seo-process-step{display:grid;align-content:start;gap:12px;min-height:265px;border-left:1px solid rgba(255,255,255,.22);padding:24px 28px}
.seo-process-step b{color:#ff744f;font-size:64px;line-height:1;font-weight:900}
.seo-process-step strong{font-size:27px;line-height:1.08;font-weight:900}
.seo-process-step>span{color:#d9d8d2;font-size:17px;line-height:1.45}
.seo-process-line{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:34px;padding-top:20px;border-top:2px solid rgba(255,255,255,.2);font-family:ui-monospace,monospace;font-size:11px;text-transform:uppercase}
.seo-process-line::before{position:absolute;top:-2px;left:0;width:calc(var(--journey-progress,0)*100%);height:2px;background:#ff744f;content:""}
.seo-process-line span:nth-child(2){text-align:center}
.seo-process-line span:nth-child(3){text-align:right}
.seo-process-context{margin-top:38px;border-top:1px solid rgba(255,255,255,.18);padding-top:18px;color:#d9d8d2}
.seo-process-context summary{width:max-content;max-width:100%;cursor:pointer;color:#fff;font-size:15px;font-weight:750}
.seo-process-context summary:focus-visible{outline:2px solid #ff744f;outline-offset:5px}
.seo-process-context-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;margin-top:24px}
.seo-process-context-columns strong{color:#fff;font-size:17px}
.seo-process-context-columns ul{display:grid;gap:9px;margin:12px 0 0;padding-left:20px;line-height:1.45}
.seo-process-context-columns li::marker{color:#ff744f}
@media(max-width:860px){
  .seo-process-inner{padding:70px 0}
  .seo-process-panel h2{font-size:clamp(38px,8vw,62px);letter-spacing:-.045em;line-height:1.02}
  .seo-process-story{grid-template-columns:1fr;gap:26px;margin-top:38px}
  .seo-process-story-copy{padding-top:20px}
  .seo-process-answer{max-width:60ch;font-size:18px;line-height:1.5}
  .seo-process-grid{grid-template-columns:1fr;gap:0;margin-top:42px}
  .seo-process-step{min-height:0;padding:20px 22px 25px}
  .seo-process-step b{font-size:50px}
  .seo-process-step strong{font-size:23px}
  .seo-process-line{display:none}
  .seo-process-context-columns{grid-template-columns:1fr;gap:25px}
}
@media(prefers-reduced-motion:reduce){.seo-process-line::before{width:100%}}