.ps-steps{--s7-disc:var(--ground-warm)}.ps-steps .container{margin-inline:auto;max-width:var(--page-max)}.ps-steps h2,.ps-steps p{margin:0}.ps-steps .btn.link{align-items:center;color:var(--text-accent);display:inline-flex;font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;gap:.45em;letter-spacing:.08em;line-height:1;text-decoration:none;text-transform:uppercase;white-space:nowrap}.ps-steps{background:var(--ground-warm);padding:var(--space-32) 0}.ps-steps .txt p:not(.title){color:var(--text-secondary)}.ps-steps .grid{display:grid;gap:40px;grid-template-columns:1fr;margin-inline:auto;max-width:var(--page-max)}.ps-steps .step{display:flex;gap:16px}.ps-steps .mark{flex:0 0 auto;position:relative}.ps-steps .line{background:linear-gradient(to bottom,var(--border-subtle),var(--border-subtle));border-radius:2px;left:50%;position:absolute;top:44px;width:4px}.ps-steps .step.last .line{background:linear-gradient(to bottom,var(--border-subtle),var(--ground-warm))}.ps-steps .num{border:4px solid var(--border-subtle);border-radius:999px;display:grid;font-size:18px;place-content:center;position:relative;z-index:1}.ps-steps .txt{margin-top:8px}.ps-steps .title{color:var(--text-heading);font-size:18px;font-weight:600}.ps-steps .txt .title+p,.ps-steps .txt p+p{margin-top:8px}.ps-steps .txt p:not(.title){font-size:16px}@media (min-width:1024px){.ps-steps .grid{gap:24px;grid-template-columns:1fr 1fr 1fr}.ps-steps .step{display:block}.ps-steps .mark{padding:24px 0}.ps-steps .line{background:linear-gradient(to right,var(--border-subtle),var(--border-subtle));height:4px;left:auto;top:50%;transform:translate(24px,-50%);width:100%}.ps-steps .step.last .line{background:linear-gradient(to right,var(--border-subtle),var(--ground-warm))}.ps-steps .txt{margin-top:0}}.ps-steps .head{align-items:flex-start;display:flex;flex-direction:column;gap:24px;justify-content:space-between;max-width:var(--page-max)}.ps-steps .head h2{color:var(--text-heading);font-size:var(--h2-fluid);font-weight:800;letter-spacing:-.02em;line-height:1.05}.ps-steps .intro{color:var(--text-secondary);font-size:16px;margin-top:24px;max-width:36rem}.ps-steps .head .btn{flex:0 0 auto}@media (min-width:1024px){.ps-steps .head{align-items:flex-start;flex-direction:row;gap:48px}.ps-steps .intro{font-size:18px;margin-top:32px}}.ps-steps .num{background:var(--ground-warm);border:1.5px solid var(--text-heading);box-shadow:none;color:var(--text-heading);font-family:ui-monospace,Menlo,monospace;font-size:12.5px;font-weight:500;height:44px;letter-spacing:.06em;width:44px}.ps-steps .num:before{border-radius:1px;content:"";height:7px;left:50%;position:absolute;top:-1.5px;transform:translateX(-50%);width:2px}.ps-steps .line{background:linear-gradient(var(--border-subtle),var(--border-subtle)) 50%/1px 100% no-repeat,repeating-linear-gradient(to bottom,var(--border-subtle) 0 1px,transparent 1px 12px) 50%/7px 100% no-repeat;border-radius:0;height:100%;transform:translateX(-50%);width:1px}@media (min-width:1024px){.ps-steps .line{background:linear-gradient(var(--border-subtle),var(--border-subtle)) 50%/100% 1px no-repeat,repeating-linear-gradient(to right,var(--border-subtle) 0 1px,transparent 1px 12px) 50%/100% 7px no-repeat;height:7px;left:auto;-webkit-mask:linear-gradient(90deg,#000 70%,transparent);mask:linear-gradient(90deg,#000 70%,transparent);top:50%;transform:translate(24px,-50%);width:100%}.ps-steps .step.last .line{background:none}}.ps-steps .num{background:linear-gradient(180deg,var(--ps-paper-50) 0,var(--ground-warm) 55%,color-mix(in srgb,var(--ground-warm) 88%,var(--text-heading)) 100%);border:3px solid var(--text-heading);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ps-paper-50) 80%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--text-heading) 14%,transparent),0 2px 4px color-mix(in srgb,var(--text-heading) 14%,transparent),0 8px 18px -10px color-mix(in srgb,var(--text-heading) 30%,transparent);font-family:var(--font-display),system-ui,sans-serif;font-size:15px;font-weight:700;height:48px;letter-spacing:0;width:48px}.ps-steps .num:before{background:var(--ground-accent);box-shadow:0 1px 1px color-mix(in srgb,var(--text-heading) 25%,transparent);height:9px;top:-3px;width:3px}.ps-steps .line{background:linear-gradient(to right,color-mix(in srgb,var(--border-subtle) 80%,var(--text-heading)),var(--border-subtle)) 50%/100% 100% no-repeat,repeating-linear-gradient(to bottom,color-mix(in srgb,var(--border-subtle) 60%,var(--text-heading)) 0 1px,transparent 1px 12px) 50%/2px 100% no-repeat;border-radius:3px;box-shadow:inset 1px 0 2px color-mix(in srgb,var(--text-heading) 12%,transparent);width:6px}@media (min-width:1024px){.ps-steps .line{background:linear-gradient(to bottom,color-mix(in srgb,var(--border-subtle) 80%,var(--text-heading)),var(--border-subtle)) 50%/100% 100% no-repeat,repeating-linear-gradient(to right,color-mix(in srgb,var(--border-subtle) 60%,var(--text-heading)) 0 1px,transparent 1px 12px) 50%/100% 2px no-repeat;border-radius:3px;box-shadow:inset 0 1px 2px color-mix(in srgb,var(--text-heading) 12%,transparent);height:6px;width:100%}}.ps-steps .step.last .line{background:none;box-shadow:none}.ps-steps.well .grid{position:relative}.ps-steps.well .line{display:none}.ps-steps.well .mark{padding:0}.ps-steps.well .num{background:var(--text-heading);border:0;border-radius:999px;box-shadow:none;color:var(--ps-paper-100);display:inline-grid;font-family:var(--font-display),system-ui,sans-serif;font-size:13px;font-weight:600;height:32px;letter-spacing:.04em;min-width:52px;padding:0 14px;place-content:center;width:auto}.ps-steps.well .num:before{display:none}.ps-steps.well .grid:before{background:var(--frame-ground);border-radius:999px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text-heading) 8%,transparent),inset 0 1px 2px color-mix(in srgb,var(--text-heading) 6%,transparent);content:"";height:52px;left:-10px;position:absolute;right:-10px;top:-10px}.ps-steps.well .step{display:block}.ps-steps.well .mark{height:32px;position:relative;z-index:1}.ps-steps.well .txt{margin-top:34px}@media (max-width:1023px){.ps-steps.well .grid:before{bottom:-10px;height:auto;left:-10px;right:auto;top:-10px;width:72px}.ps-steps.well .step{display:flex;gap:20px}.ps-steps.well .txt{margin-top:2px}}.ps-steps .head{align-items:end;display:grid;gap:0 48px;grid-template-columns:1fr;margin:0 auto 48px}.ps-steps .head h2{grid-column:1}.ps-steps .head .btn{grid-column:1;justify-self:start;margin-top:20px}.ps-steps .head .intro{grid-column:1;margin-top:24px;max-width:44rem;text-wrap:pretty}@media (min-width:1024px){.ps-steps .head{grid-template-columns:1fr auto}.ps-steps .head h2{grid-row:1}.ps-steps .head .btn{align-self:end;grid-column:2;grid-row:1;margin-bottom:.13em;margin-top:0}.ps-steps .head .intro{grid-column:1;grid-row:2;margin-top:32px}.ps-steps .head .btn{margin-bottom:8px}}.ps-steps:not(.well) .num{background:linear-gradient(180deg,color-mix(in srgb,var(--s7-disc) 84%,#fff) 0,var(--s7-disc) 48%,color-mix(in srgb,var(--s7-disc) 86%,#000) 100%);border:0;box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 32%,transparent),inset 0 -1px 0 color-mix(in srgb,#000 16%,transparent),0 1px 2px color-mix(in srgb,var(--s7-disc) 30%,transparent),0 6px 14px -8px color-mix(in srgb,var(--s7-disc) 55%,transparent);color:var(--text-on-accent)}.ps-steps:not(.well) .num:before{display:none}.ps-steps:not(.well) .step:first-child .num{--s7-disc:var(--ps-taro-800)}.ps-steps:not(.well) .step:nth-child(2) .num{--s7-disc:var(--ps-caramel-600)}.ps-steps:not(.well) .step:nth-child(3) .num{--s7-disc:var(--ps-mint-600)}@media (min-width:1024px){.ps-steps .head .btn.link{align-self:end;margin-bottom:4px}}@media (max-width:1023px){.ps-steps{padding:var(--section-y) 0}.ps-steps .container{padding-inline:var(--page-x)}}.ps-steps .btn.link:after{background:currentColor;content:"";flex:none;height:.95em;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.4' viewBox='0 0 24 24'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.4' viewBox='0 0 24 24'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .22s cubic-bezier(.16,1,.3,1);width:.95em}.ps-steps .btn.link:hover:after{transform:translate(2px,-2px)}@media (max-width:1023px){.ps-steps .step .line{background:linear-gradient(to bottom,color-mix(in srgb,var(--border-subtle) 70%,var(--text-heading)),color-mix(in srgb,var(--border-subtle) 88%,var(--text-heading))) 50%/100% 100% no-repeat,repeating-linear-gradient(to bottom,color-mix(in srgb,var(--border-subtle) 70%,var(--text-heading)) 0 1px,transparent 1px 12px) 50%/100% 100% no-repeat;box-shadow:none}.ps-steps .step:nth-child(2) .line{background:linear-gradient(to bottom,color-mix(in srgb,var(--border-subtle) 88%,var(--text-heading)),var(--border-subtle)) 50%/100% 100% no-repeat,repeating-linear-gradient(to bottom,color-mix(in srgb,var(--border-subtle) 85%,var(--text-heading)) 0 1px,transparent 1px 12px) 50%/100% 100% no-repeat}.ps-steps .step.last .line{background:none}}