.hero{text-align:center}.tag{background-color:var(--button-secondary-hover);border-radius:2rem;width:fit-content;margin:0 auto;padding:.5rem .75rem;font-weight:400}.hero-description{max-width:60%;margin:0 auto}.hero-buttons{justify-content:center;align-items:center;gap:1rem;margin:2rem auto;display:flex}.hero-demo{grid-template-columns:repeat(3,1fr);gap:3rem;margin:5rem auto 0;display:grid}.hero-demo-col>*{margin-bottom:3rem}.hero-demo.mobile{grid-template-columns:repeat(2,1fr);gap:1rem;display:none}.hero-demo-buttons{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}@media (max-width:1000px){.hero-demo.mobile{display:grid}.hero-demo{display:none}}@media (max-width:700px){.hero-demo.mobile{flex-direction:column;align-items:center;display:flex}.hero-demo-col{max-width:80%;margin:0 auto}}
.features{flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;display:flex}.feature-container{text-align:center;width:20rem;margin:1rem auto}.feature-icon{border:1px solid var(--button-secondary-border);border-radius:1rem;width:fit-content;margin:1rem auto;padding:1rem;font-size:2rem}html.light .feature-icon{box-shadow:1px 32px 36px -15px #d4d4d4ad}.feature-container span{text-transform:capitalize;font-weight:700}.feature-container h5{max-width:65%;margin:0 auto;font-weight:400}@media (max-width:875px){.features{justify-content:center}}