.hero-banner__content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.hero-banner__title,.hero-banner__subtitle{color:var(--white);text-shadow:4px 4px 6px var(--bg)}.hero-banner__title span{color:var(--yellow);letter-spacing:20%}@media screen and (min-width:769px){.hero-banner__content{min-height:800px;gap:32px}}@media screen and (max-width:768px){.hero-banner__content{min-height:600px;gap:24px}}.how__title{margin-bottom:40px}.how__container{display:flex}.how__card{flex:0 0 calc((100% - 120px)/4);display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px;text-align:center;border-radius:12px;background:linear-gradient(124deg,#ffffff14 50%,#ffffff0d 50%);background-position:top -80px right -80px;background-size:calc(100% + 80px) calc(100% + 80px);transition:.4s background-position}.how__card:hover{background-position:top right}.how__img-container{padding-top:100%}.how__img{object-fit:contain;object-position:center}.how__card-title{margin:auto}@media screen and (min-width:769px){.how__card{flex:0 0 calc((100% - 60px)/4)}.how__container{gap:20px}}@media screen and (max-width:768px){.how__container{flex-wrap:wrap;gap:24px}.how__card{flex:1 0 calc((100% - 40px)/2);min-width:170px}}.promo__container{display:flex;gap:2rem}.promo--right .promo__container{flex-direction:row-reverse}.promo__title{margin-bottom:24px}.promo__content{flex:1 0 50%;display:flex;flex-direction:column}.promo__cta{align-self:flex-start;margin-top:24px}.promo__list{margin:16px 0;list-style:circle;padding-left:20px}.promo__list li:not(:last-child){margin-bottom:12px}@media screen and (min-width:769px){.promo__img{flex:0 1 400px;width:0}}@media screen and (max-width:768px){.promo__container{flex-direction:column}.promo--right .promo__container{flex-direction:column-reverse}.promo__img{width:100%;max-width:400px;margin:0 auto}}.purchase__container{display:flex;align-items:center;gap:20px}.purchase__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.purchase__label{position:relative;display:flex;flex-direction:column;gap:24px;padding:36px 16px;font-size:2.4rem;color:var(--white);box-shadow:inset 0 0 180px #fff3;background-size:cover;border-radius:12px;cursor:pointer;transition:.4s box-shadow}.purchase__label:hover{box-shadow:inset 0 0 180px #ffffff1a}.purchase__label:has(.purchase__input:checked){outline:3px solid var(--yellow);box-shadow:inset 0 0 180px #ffffff1a;box-shadow:0 0 40px #fff6;z-index:1}.purchase__label:has(.purchase__input:checked) .purchase__option{box-shadow:inset 0 0 180px var(--yellow);color:var(--black)}.purchase__label--best-value{position:relative;overflow:hidden}.purchase__strap{position:absolute;top:40px;right:-50px;background-color:var(--yellow);color:#333;padding:6px 50px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;transform:rotate(45deg);box-shadow:0 2px 8px #0000004d;z-index:10}.purchase__img{width:100%;height:auto}.purchase__option{position:relative;display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center;font-weight:400;margin:0 -16px -36px;padding:24px 16px 16px;border-radius:0 0 12px 12px;border-top:2px solid var(--yellow);background-color:#000000b3}.purchase__option:after{content:"";position:absolute;top:0;left:50%;width:70%;height:20px;background:radial-gradient(ellipse at center,rgba(249,226,171,.603),transparent 50%);transform:translate(-50%,-50%);z-index:1}.purchase__info{text-align:center;margin:16px 0}.purchase__btn{margin:0 auto}@media screen and (min-width:769px){.purchase__container{justify-content:center;margin:40px 0}.purchase__label{flex:0 0 calc((100% - 40px) / 3)}}@media screen and (max-width:768px){.purchase__container{flex-wrap:wrap;justify-content:center;margin-bottom:24px}.purchase__label{flex:0 0 auto;width:100%;max-width:400px}.purchase__form{position:relative;display:flex;flex-direction:column;align-items:center;margin:40px 0}.purchase__btn:not(:disabled){position:sticky;bottom:32px;z-index:10}}.faq__container{display:flex;align-items:flex-start;gap:40px}.faq__content{flex:0 0 calc((100% - 40px)/2)}@media screen and (max-width:768px){.faq__container{flex-direction:column}.faq__content{flex:0 0 100%}}.accordion__header{display:flex;align-items:center;gap:16px;width:100%;padding:16px 0;font-size:2.4rem;text-align:left;border-bottom:1px solid var(--white);color:var(--white)}.accordion__body{font-size:1.8rem;line-height:1.2;border-bottom:1px solid var(--white);overflow:hidden;max-height:0;transition:.2s max-height}.accordion__content{padding:16px}.accordion__chevron{margin-left:auto;transition:.2s transform;width:2.4rem;height:2.4rem}.accordion__item.is-open .accordion__chevron{transform:scaleY(-1)}
