.hero{position:relative;overflow:hidden;padding-top:4rem}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(45rem 30rem at 80% -10%,rgba(251,146,60,.15),rgba(255,255,255,0));pointer-events:none}.hero__container{max-width:1280px;margin:0 auto;padding:4rem 1rem 2.5rem}@media(min-width:640px){.hero__container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.hero__container{padding-left:2rem;padding-right:2rem}}.hero__content{display:grid;grid-template-columns:1fr;align-items:center;grid-gap:2.5rem;gap:2.5rem}@media(min-width:1024px){.hero__content{grid-template-columns:1fr 1fr}}.hero__text{display:flex;flex-direction:column;gap:1.25rem}.hero__kicker{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#ea580c;font-weight:500}.hero__title{font-size:2.25rem;font-weight:800;line-height:1;letter-spacing:-.025em;margin:0}@media(min-width:640px){.hero__title{font-size:3rem;line-height:1}}@media(min-width:1024px){.hero__title{font-size:3.75rem;line-height:1}}.hero__subtitle{font-size:1.125rem;line-height:1.75rem;color:#52525b;margin:0}@media(min-width:640px){.hero__subtitle{font-size:1.25rem;line-height:1.875rem}}.hero__actions{display:flex;flex-direction:column;gap:.75rem;padding-top:.5rem}@media(min-width:640px){.hero__actions{flex-direction:row}}.hero__actions a{text-decoration:none}.hero__actions .btn{width:100%}@media(min-width:640px){.hero__actions .btn{width:auto}}.hero__features{display:flex;align-items:center;justify-content:space-around;padding-top:1rem;font-size:.6rem;color:#a1a1aa;flex-wrap:nowrap;width:100%}@media(min-width:640px){.hero__features{font-size:.875rem}}.hero__feature{display:flex;align-items:center;gap:.25rem;white-space:nowrap}@media(min-width:640px){.hero__feature{gap:.5rem}}.hero__feature .icon-small{color:#ea580c;flex-shrink:0}.hero__image{position:relative;display:flex;justify-content:center;align-items:center}.hero__image-container{position:relative;max-width:450px;width:100%}.hero__image-container:before{content:"";position:absolute;inset:-1rem;border-radius:1.5rem;background:linear-gradient(to top right,#fed7aa,transparent);filter:blur(2rem)}.hero__mockup{position:relative;width:100%;height:auto;max-height:500px;object-fit:contain;border-radius:1.5rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}@media(min-width:1024px){.hero__mockup{max-height:400px}}.icon-small{width:1rem;height:1rem}