:root{--background: #ffffff;--foreground: #171717;--black: #000000;--white: #ffffff;--gray-700: #374151;--gray-800: #1f2937}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .6s ease-out}.animate-fade-in-up{animation:fade-in-up .8s ease-out forwards}.container{width:100%;max-width:1400px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.section{padding-top:6rem;padding-bottom:6rem}.hero{position:relative;background-color:var(--black);color:var(--white);min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero__background img{width:100%;height:100%;object-fit:cover}.hero__content{position:relative;z-index:10;text-align:center;max-width:56rem;padding:8rem 1.5rem 4rem}.hero__title{font-size:1.375rem;font-weight:700;line-height:1.3;margin-bottom:1.5rem}.hero__description{font-size:1rem;color:#fffc;max-width:42rem;margin:0 auto 2rem}.hero__cta{display:inline-flex;align-items:center;justify-content:center;background-color:var(--white);color:var(--black);padding:1rem 2.5rem;border-radius:9999px;font-size:.875rem;font-weight:600;letter-spacing:.35em;text-transform:uppercase;transition:all .2s}.hero__cta:hover{background-color:#ffffffe6}.countdown{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem;margin-top:3rem}.countdown__item{position:relative;width:7rem;height:7rem}.countdown__circle{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.countdown__value-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;border-radius:9999px;border:2px solid rgba(255,255,255,.3);background-color:#0006}.countdown__value{font-size:1.875rem;font-weight:600;color:var(--white)}.countdown__label{font-size:.875rem;color:#ffffffb3;text-transform:lowercase}.why-bubble{background-color:var(--white);padding:6rem 0}.why-bubble__title{text-align:center;font-size:1.5rem;font-weight:700;margin-bottom:3.5rem}.why-bubble__cards{display:flex;gap:2rem;overflow-x:auto;padding-bottom:1.5rem;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}.why-bubble__cards::-webkit-scrollbar{display:none}.why-bubble__card{position:relative;min-width:550px;max-width:550px;min-height:700px;border-radius:20px;overflow:hidden;box-shadow:0 20px 45px -20px #0f0f0f73;transition:all .3s;scroll-snap-align:start}.why-bubble__card:hover{transform:translateY(-4px);box-shadow:0 24px 50px -18px #0f0f0f8c}.why-bubble__card-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .7s}.why-bubble__card:hover .why-bubble__card-image{transform:scale(1.05)}.why-bubble__card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.3),rgba(0,0,0,.8))}.why-bubble__card-content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem 2rem 2.5rem;color:var(--white)}.why-bubble__card-title{font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:1rem}.why-bubble__card-description{font-size:1rem;color:#ffffffe6}.device{background-color:var(--white);padding:6rem 0;text-align:center}.device__title{font-size:1.5rem;font-weight:700;margin-bottom:3rem;opacity:0}.device__video-container{max-width:80rem;margin:0 auto}.device__video-wrapper{border-radius:32px;overflow:hidden;background-color:var(--white)}.device__video{width:100%;height:auto;object-fit:contain;background-color:var(--white)}.lifestyle{position:relative;background-color:var(--white);padding:5rem 0 8rem}.lifestyle__grid{display:grid;gap:2.5rem;max-width:88rem;margin:0 auto;padding:0 1.5rem}@media (min-width: 1024px){.lifestyle__grid{grid-template-columns:360px 1fr;gap:0}}.lifestyle__content{position:relative;z-index:10;order:1;display:flex;flex-direction:column;justify-content:flex-end}@media (min-width: 1024px){.lifestyle__content{margin-right:-5rem}}.lifestyle__controls{display:inline-flex;width:fit-content;background-color:var(--black)}.lifestyle__control-btn{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;color:var(--white);transition:opacity .2s}.lifestyle__control-btn:hover{opacity:.8}.lifestyle__desc-panel{position:relative;display:flex;flex-direction:column;justify-content:center;margin-top:2rem}@media (min-width: 1024px){.lifestyle__desc-panel{width:420px;height:400px}}.lifestyle__overlay{position:absolute;top:0;height:400px;width:400px;background-color:#ffffffb3;box-shadow:0 6px 24px #00000014;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;display:none}@media (min-width: 1024px){.lifestyle__overlay{display:block;right:0}[dir=rtl] .lifestyle__overlay{right:auto;left:0}}.lifestyle__text{position:relative;z-index:10;padding:2rem}@media (min-width: 1024px){.lifestyle__text{padding:2.5rem 3rem}}.lifestyle__heading{font-size:1.875rem;font-weight:700;line-height:1.3;margin-bottom:1.5rem;color:var(--black)}.lifestyle__description{font-size:1rem;line-height:1.75;color:var(--gray-700);margin-bottom:1rem}.lifestyle__cta{display:inline-flex;align-items:center;justify-content:center;background-color:var(--black);color:var(--white);padding:1rem 2.5rem;border-radius:9999px;font-size:.875rem;font-weight:700;letter-spacing:.35em;text-transform:uppercase;margin-top:1rem;transition:all .2s}.lifestyle__cta:hover{background-color:#000000e6}.lifestyle__image-container{position:relative;order:2}.lifestyle__image-wrapper{position:relative;height:745px;width:100%;overflow:hidden}.lifestyle__image{width:100%;height:100%;object-fit:cover;transition:opacity .5s}.reserve{background-color:var(--black);color:var(--white);text-align:center;padding:4rem 0 5rem}.reserve__title{font-size:1.25rem;font-weight:600;margin-bottom:2rem}.reserve__cta{display:inline-flex;align-items:center;justify-content:center;background-color:var(--white);color:var(--black);padding:.75rem 2.5rem;border-radius:9999px;font-size:.75rem;font-weight:600;letter-spacing:.35em;text-transform:uppercase;transition:all .2s}.reserve__cta:hover{background-color:#ffffffe6}[dir=rtl]{direction:rtl}[dir=ltr]{direction:ltr}[dir=rtl] .lifestyle__content{margin-right:0;margin-left:-5rem}[dir=rtl] .why-bubble__card-content,[dir=rtl] .lifestyle__text{text-align:right}@media (min-width: 640px){.hero__title{font-size:1.625rem}.hero__description{font-size:1.125rem}.hero__cta{font-size:1rem;padding:1rem 3rem}.why-bubble__title,.device__title{font-size:1.875rem}.reserve__title{font-size:1.5rem}.reserve__cta{font-size:.875rem;padding:.75rem 2.5rem}}@media (min-width: 768px){.hero__title{font-size:2rem}.why-bubble__title,.device__title{font-size:2.25rem}.reserve__title{font-size:1.875rem}}@media (min-width: 1024px){.hero__title{font-size:2.375rem}.hero__description{font-size:1.25rem}.why-bubble__title,.device__title{font-size:2.25rem}.lifestyle__heading{font-size:3rem}.lifestyle__description{font-size:1rem}.why-bubble__card-title{font-size:1.875rem}.why-bubble__card-description{font-size:1.125rem}}
/*# sourceMappingURL=/cdn/shop/t/81/assets/bubble-landing.css.map */