.hero{margin-top:2rem}.hero__banner{border-radius:.75rem;height:18rem;background-image:url(/hero.jpg);background-size:cover;background-position:50%;position:relative;overflow:hidden}@media(max-width:640px){.hero__banner{height:12rem;border-radius:.5rem}}.hero__banner-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,color-mix(in srgb,var(--color-white) 35%,transparent),color-mix(in srgb,var(--color-white) 10%,transparent),transparent)}.hero__banner-inner{position:relative;height:100%;display:flex;align-items:flex-end;padding:1.5rem}.hero__banner-box{background-color:color-mix(in srgb,var(--color-white) 88%,transparent);backdrop-filter:blur(12px);border-radius:.5rem;padding:1.25rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.hero__banner-title{margin:0;font-size:1.875rem;font-weight:700;color:var(--color-text)}.hero__banner-desc{color:var(--color-text-muted);margin-top:.5rem}.hero__banner-actions{margin-top:1rem;display:flex;gap:.75rem}.hero__features{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}@media(max-width:768px){.hero__features{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.hero__features{grid-template-columns:1fr;gap:1rem}}