:root{--homepage-visual-padding-x:0}@media (min-width:600px){:root{--homepage-visual-padding-x:var(--space)}}@media (min-width:800px){:root{--homepage-visual-padding-x:var(--space-lg)}}.homepage-visual{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;margin:0 auto;max-width:calc(var(--page-max-width) + var(--space-lg)*2);opacity:0;transition:opacity .3s}.homepage-visual__main{width:100%}.mockup__container{aspect-ratio:1024/832;overflow:hidden}.mockup{background:#fff;border-radius:16px;box-shadow:var(--box-shadow-lg);color:var(--gray-800);height:832px;min-height:832px;min-width:1024px;opacity:.9;overflow:hidden;pointer-events:none;transform-origin:top left;user-select:none;width:1024px}.mockup--large{opacity:1}.mockup__browser-bar{background-color:var(--gray-50);border-bottom:1px solid var(--gray-100);border-top-left-radius:16px;border-top-right-radius:16px;display:flex;gap:8px;padding:16px}.mockup__browser-bar-button{background-color:var(--gray-400);border-radius:50%;height:12px;width:12px}.mockup__page{font-family:SF Pro,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial;font-size:16px;margin:72px auto 0;width:740px}.mockup__page-title{font-size:44px;font-weight:600;margin-bottom:20px}.mockup__page-intro img{float:right;margin:0 16px 16px 0;max-width:240px}.mockup__checklist{background-color:var(--gray-50);border-radius:8px;clear:both;display:flex;flex-direction:column;gap:2px;margin-bottom:40px;margin-top:12px;padding:4px}.mockup__checklist-header{align-items:center;display:flex;height:40px;padding:0 12px}.mockup__checklist--collapsed .mockup__checklist-header{height:72px}.mockup__checklist-header-steps{display:flex;gap:2px;margin-top:8px}.mockup__checklist-header-step{align-items:center;background-color:var(--gray-100);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:18px;justify-content:center;width:18px}.mockup__checklist-header-chevron{color:var(--gray-500);margin-left:auto;margin-right:6px;transform:rotate(90deg)}.mockup__checklist--collapsed .mockup__checklist-header-chevron{transform:none}.mockup__checklist-step{align-items:center;background-color:#fff;display:flex;font-size:20px;gap:16px;height:64px;padding:0 16px}.mockup__checklist-step-check,.mockup__checklist-step-num{align-items:center;background-color:var(--gray-400);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:28px;justify-content:center;width:28px}.mockup__checklist-step-check{background-color:var(--green-500);display:none}.mockup__checklist-step-chevron{margin-left:auto;margin-right:6px}.mockup__checklist-step--completed .mockup__checklist-step-num{display:none}.mockup__checklist-step--completed .mockup__checklist-step-check,.mockup__checklist-steps .mockup__checklist-step-check{display:flex}.mockup__page-heading{font-size:28px;font-weight:500;margin-bottom:12px;margin-top:36px}.Typewriter__cursor{font-weight:100}.wiggle{animation:wiggle 1s;animation-timing-function:ease-in-out;transform-origin:center}@keyframes wiggle{0%{transform:rotate(0deg)}10%{transform:rotate(-2deg)}20%{transform:rotate(2deg)}30%{transform:rotate(-2deg)}40%{transform:rotate(2deg)}50%{transform:rotate(-2deg)}60%{transform:rotate(2deg)}70%{transform:rotate(-2deg)}80%{transform:rotate(2deg)}90%{transform:rotate(-2deg)}to{transform:rotate(0deg)}}