.seq{--w:min(300px,calc((100vh - 120px) * 464 / 980));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:47px;gap:47px;align-items:start}.seq__passos{list-style:none;margin:0;padding:0}.seq__passos li{min-height:64vh;display:flex;flex-direction:column;justify-content:center;padding-top:23px;border-top:1px solid var(--border);opacity:.32;transition:opacity var(--slow) var(--ease)}.seq__passos li:first-child{min-height:52vh}.seq__passos li:last-child{min-height:max(52vh,calc(var(--w) * 980 / 464 + 48px))}.seq__passos li.is-ativo{opacity:1}.seq__passos h3{margin-bottom:11px}.seq__passos p{color:var(--muted);font-size:1rem;max-width:30ch}.seq__palco{position:-webkit-sticky;position:sticky;top:calc(50vh - var(--w) * 980 / 464 / 2);display:flex;justify-content:center}.seq__palco .iphone{width:var(--w)}@media (max-width:820px){.seq{grid-template-columns:1fr;gap:0;--w:min(170px,calc((100vh - 200px) * 464 / 980 * .6))}.seq__palco{order:-1;top:60px;z-index:1;padding:6px 0 14px;background:var(--surface)}.seq__passos li{min-height:48vh}.seq__passos li:first-child,.seq__passos li:last-child{min-height:44vh}}