@keyframes welcome-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.hero-rise{animation:.32s ease-out both welcome-rise;animation-delay:calc(var(--i,0) * 70ms)}@keyframes welcome-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes welcome-fade{0%{opacity:0}to{opacity:1}}.schematic path:not(.leader){stroke-dasharray:1;stroke-dashoffset:0;animation:.4s ease-in-out both welcome-draw;animation-delay:calc(.2s + var(--i,0) * 60ms)}.schematic .callout{animation:.2s ease-out both welcome-fade;animation-delay:calc(.2s + var(--d,0) * 60ms + .4s)}html[data-js] [data-reveal] [data-child]{opacity:0;transition:opacity .36s ease-out,transform .36s ease-out;transition-delay:calc(var(--i,0) * 70ms);transform:translateY(16px)}html[data-js] [data-reveal][data-in] [data-child]{opacity:1;transform:none}html[data-js] [data-reveal] .ramp-bar{transform-origin:0;transition:transform .36s ease-out;transition-delay:calc(.3s + var(--i,0) * .12s);transform:scaleX(0)}html[data-js] [data-reveal][data-in] .ramp-bar{transform:none}@keyframes welcome-card-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes welcome-row-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes welcome-throw{0%{opacity:1;transform:none}to{opacity:0;transform:translate(120%)rotate(14deg)}}@keyframes welcome-settle{0%{transform:translate(10px,10px)}to{transform:none}}.sample-next{transform:translate(10px,10px)}html[data-js] [data-sample]:not([data-play]) .sample-card,html[data-js] [data-sample]:not([data-play]) .sample-next,html[data-js] [data-sample][data-play=reset] .sample-card,html[data-js] [data-sample][data-play=reset] .sample-next{opacity:0}[data-sample][data-play=on] .sample-card{animation:.3s ease-out both welcome-card-in,.3s ease-in 2.6s forwards welcome-throw}[data-sample][data-play=on] .sample-next{animation:.3s ease-out both welcome-fade,.3s ease-out 2.6s forwards welcome-settle}[data-sample][data-play=on] .sample-row{animation:.2s ease-out both welcome-row-in;animation-delay:calc(.3s + var(--i,0) * 90ms)}[data-sample][data-play=on] .sample-stamp{animation:.15s ease-out .8s both welcome-fade}.welcome-btn{transition:background-color .1s ease-out}.welcome-btn.primary:hover{background-color:#c9852f}.welcome-btn.outline:hover{background-color:var(--color-surface)}.welcome-step{transition:border-color .15s ease-out}.welcome-step:hover{border-color:var(--color-line-2)}@media (prefers-reduced-motion:reduce){.hero-rise,.schematic path,.schematic .callout,[data-sample] .sample-card,[data-sample] .sample-next,[data-sample] .sample-row,[data-sample] .sample-stamp{animation:none!important}html[data-js] [data-reveal] [data-child]{opacity:1;transition:none;transform:none}html[data-js] [data-sample] .sample-card,html[data-js] [data-sample] .sample-next{opacity:1!important}html[data-js] [data-reveal] .ramp-bar{transition:none;transform:none}.welcome-btn,.welcome-step{transition:none}.sample-replay{display:none}}