main.lander{min-height:100vh}main.lander .featured-cards{flex-direction:column;gap:1em;list-style:none;display:flex}section.hero{background-color:var(--color-dark);padding:0 1em 1em}section.hero .intro{display:contents}section.hero svg{width:100%;max-height:30vh;margin:0 auto;display:block}header.top:has(+section.hero) a.logo{transition:translate .15s ease-in-out;translate:0 -200%}header.top:has(+section.hero).hero-gone a.logo{translate:0}section.hero .intro{--blue-hold:1.4s;--move:.7s;--pause-after-move:.4s;--fade:.65s;--move-at:calc(var(--total) + var(--blue-hold));--cross-at:calc(var(--move-at) + var(--move) + var(--pause-after-move));--word-at:calc(var(--cross-at) + var(--fade));--dot-at:calc(var(--word-at) + var(--fade))}section.hero .intro .cross{fill:var(--color-1)}section.hero .intro .word{fill:var(--color-2)}section.hero .intro .dot{fill:var(--color-3)}section.hero .intro .blue{fill:var(--color-4);opacity:0;animation:1ms step-end forwards appear;animation-delay:var(--total)}section.hero .intro .cross,section.hero .intro .word,section.hero .intro .dot{opacity:0;animation:appear var(--fade) ease-out forwards}section.hero .intro .cross{animation-delay:var(--cross-at)}section.hero .intro .word{animation-delay:var(--word-at)}section.hero .intro .dot{animation-delay:var(--dot-at)}section.hero .intro .tail{translate:var(--center-shift) 0;animation:slide var(--move) cubic-bezier(.4, 0, .2, 1) forwards;animation-delay:var(--move-at)}section.hero .intro .buzzword{fill:var(--color-4);letter-spacing:-.04em;font-family:Heal The Web;font-size:166.43px}section.hero .intro .buzzword text{opacity:0;animation:flash var(--slot) step-end forwards;animation-delay:var(--start);pointer-events:none}@keyframes flash{0%{opacity:1}to{opacity:0}}@keyframes appear{to{opacity:1}}@keyframes slide{to{translate:0}}section.hero.intro-done .intro .tail,section.hero.intro-done .intro .cross,section.hero.intro-done .intro .word,section.hero.intro-done .intro .dot,section.hero.intro-done .intro .blue{opacity:1;animation:none;translate:none}section.hero.intro-done .intro .buzzword text{animation:none}@media (prefers-reduced-motion:reduce){section.hero .intro .tail,section.hero .intro .cross,section.hero .intro .word,section.hero .intro .dot,section.hero .intro .blue{opacity:1;animation:none;translate:none}section.hero .intro .buzzword text{animation:none}}