.steps__head{display:flex;flex-direction:column;gap:1rem;grid-column:1/-1;max-width:45rem;margin-bottom:4rem}.steps__heading{margin:0}.steps__cards{display:grid;grid-column:1/-1;grid-template-columns:minmax(0,1fr);gap:2rem}@media (min-width: 861px){.steps__cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.steps__card{display:flex;flex-direction:column;border-radius:1.5rem;overflow:hidden;background-color:var(--raised);border:1px solid var(--line);transform-origin:20% 100%}.steps__card-text{display:flex;flex-direction:column;gap:.75rem;padding:2rem 2rem 1.75rem}.steps__num{display:flex;align-items:center;gap:.875rem;font-family:Sora,ui-sans-serif,system-ui,sans-serif;font-size:.875rem;line-height:20px;font-weight:600;color:var(--subtle)}.steps__dashes{display:flex;gap:.25rem}.steps__dashes i{width:1.375rem;height:.25rem;border-radius:2px;background-color:var(--line)}@media (prefers-reduced-motion: no-preference){.steps__dashes i{transition:background-color .35s ease,box-shadow .35s ease}}.is-landed .steps__dashes i.is-filled{background-color:var(--ok-vivid);box-shadow:var(--glow)}.is-landed .steps__dashes i.is-filled:nth-child(2){transition-delay:.15s}.is-landed .steps__dashes i.is-filled:nth-child(3){transition-delay:.3s}.steps__card-heading{margin:0;font-size:1.5rem;line-height:30px;font-weight:600}.steps__card-intro{margin:0;font-size:1.0625rem;line-height:26px;color:var(--muted)}.steps__card-media{display:flex;align-items:flex-start;justify-content:center;height:28.75rem;margin-top:auto;padding-top:.5rem;overflow:hidden}.steps__phone{flex:none;box-shadow:0 0 0 1px #3a3a3a,0 30px 60px #00000073}.steps.is-stacked{padding:0}.steps.is-stacked .steps__pin{display:flex;align-items:center;height:calc(100vh - var(--header-height));min-height:43.75rem;overflow:hidden}.steps.is-stacked .steps__head{max-width:none;margin-bottom:2.25rem}.steps.is-stacked .steps__heading{font-size:3rem}.steps.is-stacked .steps__heading br{display:none}.steps.is-stacked .steps__cards{position:relative;display:block;height:35rem}.steps.is-stacked .steps__card{position:absolute;top:0;width:40%;height:31.25rem;box-shadow:0 30px 60px #00000059;will-change:transform}.steps.is-stacked .steps__card:nth-child(2){left:30%;top:28px}.steps.is-stacked .steps__card:nth-child(3){left:60%;top:56px}.steps.is-stacked .steps__card-media{flex:1;height:auto}