.hero{background:0 0;align-items:center;min-height:100svh;padding:6rem 1rem 3rem;display:flex;position:relative;overflow:hidden}@media (min-width:640px){.hero{padding-top:7rem;padding-left:1.5rem;padding-right:1.5rem}}.hero__background{z-index:0;position:absolute;inset:0;overflow:hidden}.hero__background-image{object-fit:cover;object-position:center;opacity:1;filter:brightness(.4)}.hero__background-overlay{background:linear-gradient(#0000 0%,#0a0a0a0d 40%,#0a0a0ab3 80%,#0a0a0a 100%);position:absolute;inset:0}.hero__container{z-index:1;flex-direction:column;align-items:center;width:100%;max-width:1300px;height:100%;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem;display:flex;position:relative}.hero__content{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:48rem;margin:0 auto 2rem;display:flex}@media (min-width:640px){.hero__content{margin-bottom:3rem}}.hero__badge{background-color:#ffffff12;border:1px solid #ffffff24;border-radius:9999px;align-items:center;gap:.25rem;margin-bottom:1rem;padding:.25rem .5rem;display:inline-flex}@media (min-width:640px){.hero__badge{gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem}}.hero__badge-icon{color:#ffffffd1;width:.875rem;height:.875rem}@media (min-width:640px){.hero__badge-icon{width:1rem;height:1rem}}.hero__badge-text{color:#ffffffd1;font-size:.75rem}@media (min-width:640px){.hero__badge-text{font-size:.875rem}}.hero__title{color:#fff;margin-bottom:1rem;font-size:1.875rem;font-weight:700;line-height:1.15}@media (min-width:640px){.hero__title{margin-bottom:1.5rem;font-size:2.35rem}}@media (min-width:768px){.hero__title{font-size:3.1rem}}@media (min-width:1024px){.hero__title{font-size:4.15rem}}.hero__title-gradient{background:linear-gradient(135deg,#6ca7ff,#a882dd);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}.hero__subtitle{color:#e5e5e5c7;max-width:40rem;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;font-size:.9375rem;line-height:1.6}@media (min-width:640px){.hero__subtitle{margin-bottom:2rem;font-size:1rem;line-height:1.7}}@media (min-width:768px){.hero__subtitle{font-size:1.12rem}}.hero__cta{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}@media (min-width:640px){.hero__cta{flex-direction:row}}.hero__app-store{transition:transform .2s,opacity .2s}.hero__app-store:hover{opacity:.9;transform:scale(1.05)}.hero__app-store img{width:auto;height:3.5rem}.hero__showcase{z-index:1;pointer-events:none;justify-content:center;align-items:flex-end;width:min(700px,100%);min-height:320px;margin:0 auto;display:flex;position:relative}@media (min-width:768px){.hero__showcase{grid-template-columns:.58fr .86fr .58fr;align-items:end;min-height:360px;display:grid}}.hero__phone{filter:drop-shadow(0 28px 50px #0000007a);border-radius:2rem;place-self:end center;position:relative}.hero__phone--left,.hero__phone--right{display:none}@media (min-width:768px){.hero__phone--left,.hero__phone--right{width:min(20vw,190px);display:block}}.hero__phone--left{transform:translate(50%)rotate(-5deg)}.hero__phone--right{transform:translate(-50%)rotate(5deg)}.hero__phone--main{z-index:2;width:min(62vw,240px)}@media (min-width:768px){.hero__phone--main{width:min(42vw,220px)}}.hero__phone-image{width:100%;height:auto;display:block}.hero__learn-more{color:#a3a3a3;align-items:center;gap:.5rem;font-weight:500;transition:color .2s;display:flex}.hero__learn-more:hover{color:#fff}.hero__learn-more svg{width:1rem;height:1rem}.hero__award{justify-content:center;align-items:center;padding-top:2rem;padding-bottom:0;display:flex}.hero__award--top{margin-bottom:1rem;padding-top:0}@media (min-width:640px){.hero__award--top{margin-bottom:2rem}}.hero__award-wreath{justify-content:center;align-items:center;gap:.625rem;display:flex}.hero__award-laurel{opacity:.6;width:2.25rem;height:auto}@media (min-width:640px){.hero__award-laurel{width:2.75rem}}.hero__award-laurel--left,.hero__award-laurel--right{transform:translateY(1px)}.hero__award-content{flex-direction:column;align-items:center;gap:2px;display:flex}.hero__award-apple{color:#fff;width:22px;height:22px}@media (min-width:640px){.hero__award-apple{width:26px;height:26px}}.hero__award-title{color:#fff;letter-spacing:.02em;text-align:center;font-size:.8125rem;font-weight:600}@media (min-width:640px){.hero__award-title{font-size:.9375rem}}.hero__award-year{color:#a3a3a3;letter-spacing:.08em;text-transform:uppercase;font-size:.6875rem;font-weight:500}