/* A calm, connected booking path with responsive direction and readable branding. */
.journey{position:relative;overflow:hidden}
.journey .section-title{width:min(1120px,100%);margin:0 auto 42px}
.steps{position:relative;isolation:isolate;width:min(1120px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:8px 0;background:transparent;border:0}
.steps::before,.steps::after{content:"";position:absolute;z-index:0;inset-inline-start:37px;inset-inline-end:calc(33.333% - 37px);top:37px;height:2px;border-radius:99px;pointer-events:none}
.steps::before{background:color-mix(in srgb,var(--deep) 20%,var(--line))}
.steps::after{background:linear-gradient(90deg,transparent,var(--blue),transparent);background-size:220% 100%;animation:journeyShimmer 3.2s ease-in-out infinite}
.journey .steps article{position:relative;z-index:1;display:grid;grid-template-rows:62px auto;align-content:start;gap:0;min-height:0;padding:0 8px 10px;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;opacity:1;transform:none;text-align:start;transition:none}
.journey .steps article:hover{transform:none;box-shadow:none}
.journey .steps b{display:grid;place-items:center;width:58px;height:58px;border:4px solid var(--paper);border-radius:50%;background:var(--deep);color:#fff;font:800 15px/1 Vazir,Tahoma,sans-serif;box-shadow:0 0 0 1px color-mix(in srgb,var(--deep) 24%,transparent),0 8px 22px color-mix(in srgb,var(--deep) 14%,transparent)}
.journey .steps h3{margin:15px 0 5px;color:var(--ink);font-size:18px;line-height:1.5}
.journey .steps p{max-width:330px;margin:0;color:var(--muted);font-size:14px;line-height:1.9}
.sisaco-credit{padding:9px 12px;border:1px solid color-mix(in srgb,var(--blue) 42%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--paper) 52%,transparent);color:#25413e;font-size:12px;line-height:1.7;transition:background-color .2s,border-color .2s,transform .2s}
.sisaco-credit b{color:#123d3d;font-size:11px;letter-spacing:.02em}
.sisaco-credit:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--blue) 12%,var(--paper));border-color:var(--deep)}
.sisaco-credit .sisaco-mark{flex-basis:28px;width:28px;height:28px;background:color-mix(in srgb,var(--blue) 28%,var(--paper));color:#145e60}
.footer-meta .footer-copy{align-self:flex-start;color:inherit;font-size:12px;opacity:.78}
html[dir="rtl"] .footer-meta .footer-copy{align-self:flex-start}
html[data-theme="dark"] .sisaco-credit{color:#d9e9e6;background:rgba(255,255,255,.045);border-color:rgba(88,197,198,.34)}
html[data-theme="dark"] .sisaco-credit b{color:#fff}
html[data-theme="dark"] .sisaco-credit .sisaco-mark{background:rgba(88,197,198,.17);color:#8ce1df}
@keyframes journeyShimmer{0%,100%{background-position:100% 0;opacity:.45}50%{background-position:0 0;opacity:1}}
@media(max-width:700px){
  .journey .section-title{margin-bottom:25px}
  .steps{width:min(600px,100%);grid-template-columns:1fr;gap:2px;padding:2px 0}
  .steps::before,.steps::after{inset-inline-start:28px;inset-inline-end:auto;top:30px;bottom:30px;width:2px;height:auto;background:color-mix(in srgb,var(--deep) 20%,var(--line))}
  .steps::after{background:linear-gradient(180deg,transparent,var(--blue),transparent);background-size:100% 220%;animation:journeyShimmerVertical 3.2s ease-in-out infinite}
  .journey .steps article{grid-template-columns:58px minmax(0,1fr);grid-template-rows:auto;column-gap:16px;padding:4px 0 20px}
  .journey .steps b{grid-column:1;grid-row:1 / span 2;width:56px;height:56px}
  .journey .steps h3{grid-column:2;margin:3px 0 4px}
  .journey .steps p{grid-column:2;max-width:none}
  .footer-end{align-items:flex-start}
  .footer-meta{max-width:100%;width:100%}
}
@keyframes journeyShimmerVertical{0%,100%{background-position:0 100%;opacity:.45}50%{background-position:0 0;opacity:1}}
@media(prefers-reduced-motion:reduce){.steps::after{animation:none;background:var(--blue);opacity:.55}}