.features-index{padding-top:calc(80px + env(safe-area-inset-top));overflow-x:clip}.features-index-hero{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:80px;padding-bottom:80px;text-align:center;isolation:isolate}.features-index-hero>:not(.features-index-hero-illustration){position:relative;z-index:1}.features-index-hero-illustration{--illustration-rotation: -8deg;--illustration-float-x: 5px;--illustration-float-y: -8px;--illustration-float-rotation: 2deg;display:block;width:120px;height:auto;margin:0 auto 16px;pointer-events:none;-webkit-user-select:none;user-select:none;transform:rotate(var(--illustration-rotation));animation:features-illustration-in .7s cubic-bezier(.16,1,.3,1) both,features-illustration-float 5.4s ease-in-out .85s infinite alternate both}.features-index-title{margin:0;color:var(--text-primary)}.features-index-lede{max-width:640px;margin:16px 0 0;color:var(--text-secondary)}.features-index-grid-wrap{padding-bottom:96px}.features-index-column-block{margin-bottom:56px}.features-index-column-title{color:var(--text-primary);margin:0 0 16px}.features-index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (min-width: 950px){.features-index-hero-illustration{position:absolute;z-index:0;top:44px;right:32px;width:176px;margin:0}}@media (max-width: 800px){.features-index-hero{padding-top:48px}}@media (max-width: 900px){.features-index-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.features-index-grid{grid-template-columns:1fr}}@keyframes features-illustration-in{0%{opacity:0}to{opacity:1}}@keyframes features-illustration-float{0%{transform:translateZ(0) rotate(var(--illustration-rotation))}to{transform:translate3d(var(--illustration-float-x),var(--illustration-float-y),0) rotate(calc(var(--illustration-rotation) + var(--illustration-float-rotation)))}}@media (prefers-reduced-motion: reduce){.features-index-hero-illustration{animation:none;transform:rotate(var(--illustration-rotation))}}