.shop-benefits{padding-top:var(--benefits-padding-top);padding-bottom:var(--benefits-padding-bottom);position:relative;overflow:hidden;margin-bottom:40px}.shop-benefits__container{max-width:var(--page-width);margin:0 auto;padding:0 1.5rem}.shop-benefits__header{text-align:center;margin-bottom:3rem}.shop-benefits__heading{margin:0;font-weight:600;line-height:1.2}.shop-benefits__heading.h1{font-size:clamp(2rem,5vw,3rem)}.shop-benefits__heading.h2{font-size:clamp(1.5rem,4vw,2.5rem)}.shop-benefits__heading.h3{font-size:clamp(1.25rem,3vw,2rem)}.shop-benefits__grid{display:grid;gap:var(--benefits-gap);grid-template-columns:repeat(var(--benefits-columns-mobile),1fr)}@media screen and (min-width: 750px){.shop-benefits__grid{grid-template-columns:repeat(var(--benefits-columns-tablet),1fr)}}@media screen and (min-width: 990px){.shop-benefits__grid{grid-template-columns:repeat(var(--benefits-columns-desktop),1fr)}}.shop-benefits--list .shop-benefits__grid{grid-template-columns:1fr;max-width:800px;margin:0 auto}.shop-benefit{position:relative;height:100%}.shop-benefit__link{display:flex;align-items:flex-start;gap:1rem;padding:1rem;height:100%;text-decoration:none;color:inherit;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}a.shop-benefit__link{cursor:pointer}.shop-benefits--grid .shop-benefit__link,.shop-benefits--carousel .shop-benefit__link{flex-direction:column;align-items:center;text-align:center;padding:1.5rem}.shop-benefit--hoverable .shop-benefit__link:hover{transform:translateY(-4px);background:#00000008}.shop-benefits--dark .shop-benefit--hoverable .shop-benefit__link:hover{background:#ffffff0d}.shop-benefit__image-wrapper{flex-shrink:0}.shop-benefit__image{width:var(--benefit-image-size, 60px);height:var(--benefit-image-size, 60px);display:flex;align-items:center;justify-content:center;transition:all .3s ease;overflow:hidden}.shop-benefit__image img{width:100%;height:100%;object-fit:contain}.shop-benefit__image--square{border-radius:0}.shop-benefit__image--rounded{border-radius:8px}.shop-benefit__image--circle{border-radius:50%}.shop-benefit__image--circle img{object-fit:cover}.shop-benefit__image--bordered{border:2px solid currentColor;padding:8px;border-radius:8px}.shop-benefit__image--shadow{box-shadow:0 4px 6px #0000001a}.shop-benefit__image--colored-bg{background:var(--color-primary, #f0f0f0);padding:12px;border-radius:50%}.shop-benefit--hoverable:hover .shop-benefit__image{transform:scale(1.1)}.shop-benefit--hoverable:hover .shop-benefit__image--circle,.shop-benefit--hoverable:hover .shop-benefit__image--colored-bg{transform:rotate(5deg) scale(1.1)}.shop-benefit__content{flex:1}.shop-benefit__title{margin:0 0 .5rem;font-size:var(--benefit-title-size, 18px);font-weight:600;line-height:1.3;color:var(--benefit-title-color, inherit)}.shop-benefit__description{margin:0;font-size:var(--benefit-desc-size, 14px);line-height:1.5;color:var(--benefit-desc-color, inherit)}.shop-benefit__cta{display:inline-flex;align-items:center;gap:.25rem;margin-top:.5rem;font-size:var(--benefit-link-size, 14px);font-weight:500;color:var(--benefit-link-color, var(--color-primary, #000));transition:gap .3s ease}.shop-benefit__link:hover .shop-benefit__cta{gap:.5rem}.shop-benefit__arrow{width:1em;height:1em;transition:transform .3s ease}.shop-benefit__link:hover .shop-benefit__arrow{transform:translate(2px)}.shop-benefits--carousel .shop-benefits__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:var(--benefits-gap)}.shop-benefits--carousel .shop-benefit{flex:0 0 280px;scroll-snap-align:start}@media screen and (max-width: 749px){.shop-benefits--carousel .shop-benefit{flex:0 0 240px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.shop-benefits__grid--animated .shop-benefit{opacity:0;animation:fadeInUp .6s ease forwards;animation-delay:calc(var(--animation-index) * var(--benefits-animation-delay))}.shop-benefits--light{background:#fff;color:#1a1a1a}.shop-benefits--dark{background:#1a1a1a;color:#fff}.shop-benefits--accent{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#1a1a1a}.shop-benefits--carousel .shop-benefits__grid::-webkit-scrollbar{height:6px}.shop-benefits--carousel .shop-benefits__grid::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.shop-benefits--carousel .shop-benefits__grid::-webkit-scrollbar-thumb{background:#0000004d;border-radius:3px}.shop-benefits--carousel .shop-benefits__grid::-webkit-scrollbar-thumb:hover{background:#00000080}.homepage--phone-video-section{padding-top:var(--padding-top, 60px);padding-bottom:var(--padding-bottom, 60px);background-color:var(--background-color, #ffffff)}.homepage--phone-video-section__container{max-width:1200px;margin:0 auto;padding:0 20px;text-align:center}.homepage--phone-video-section__heading{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:16px;color:var(--color-foreground, #000)}.homepage--phone-video-section__description{font-size:1.125rem;margin-bottom:40px;color:var(--color-foreground-75, rgba(0,0,0,.75));max-width:600px;margin-left:auto;margin-right:auto}.homepage--phone-video-section__phone-container{display:flex;justify-content:center;align-items:center;min-height:500px}.homepage--phone-frame{position:relative;width:var(--phone-width, 300px);height:var(--phone-height, 600px);border-radius:45px;padding:20px;box-shadow:0 0 0 12px #1a1a1a,0 20px 60px #0000004d,inset 0 1px #ffffff1a;transition:transform .3s ease,box-shadow .3s ease;background:#000}.homepage--phone-frame:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 0 0 12px #1a1a1a,0 25px 80px #00000059,inset 0 1px #ffffff1a}.homepage--phone-frame--black{background:linear-gradient(145deg,#2a2a2a,#1a1a1a);box-shadow:0 0 0 12px #1a1a1a,0 20px 60px #0000004d,inset 0 1px #ffffff1a}.homepage--phone-frame--white{background:linear-gradient(145deg,#fff,#f0f0f0);box-shadow:0 0 0 12px #f5f5f5,0 20px 60px #0003,inset 0 1px #ffffff4d}.homepage--phone-frame--gold{background:linear-gradient(145deg,#f4e4bc,#d4af37);box-shadow:0 0 0 12px #d4af37,0 20px 60px #0000004d,inset 0 1px #fff3}.homepage--phone-frame--silver{background:linear-gradient(145deg,#e8e8e8,silver);box-shadow:0 0 0 12px silver,0 20px 60px #0003,inset 0 1px #ffffff4d}.homepage--phone-frame__screen{position:relative;width:100%;height:100%;background:#000;border-radius:35px;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff1a}.homepage--phone-frame__video{width:100%;height:100%;object-fit:cover;border-radius:33px}.homepage--phone-frame__notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:120px;height:25px;background:inherit;border-radius:0 0 15px 15px;z-index:10}.homepage--phone-frame__speaker{position:absolute;top:8px;left:50%;transform:translate(-50%);width:60px;height:4px;background:#00000080;border-radius:2px;z-index:11}.homepage--phone-frame__camera{position:absolute;top:6px;right:40px;width:8px;height:8px;background:#000c;border-radius:50%;z-index:11;border:1px solid rgba(255,255,255,.1)}.homepage--phone-frame__home-indicator{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:100px;height:4px;background:#ffffff4d;border-radius:2px;z-index:11}@media (max-width: 768px){.homepage--phone-frame{padding:15px}.homepage--phone-video-section__heading{font-size:2rem}.homepage--phone-video-section__description{font-size:1rem;margin-bottom:30px}}@media (max-width: 480px){.homepage--phone-frame{padding:12px}.homepage--phone-frame__notch{width:80px;height:20px}.homepage--phone-frame__speaker{width:40px;height:3px}.homepage--phone-frame__home-indicator{width:60px;height:3px}}.phone-video-section{padding:var(--section-padding) 0;background-color:var(--background-color)}.phone-video-section__container{max-width:1200px;margin:0 auto;padding:0 20px;text-align:center}.phone-video-section__heading{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:16px;color:var(--color-foreground, #000)}.phone-video-section__description{font-size:1.125rem;margin-bottom:40px;color:var(--color-foreground-75, rgba(0,0,0,.75));max-width:600px;margin-left:auto;margin-right:auto}.phone-video-section__phone-container{display:flex;justify-content:center;align-items:center;min-height:500px}.phone-frame{position:relative;width:300px;height:600px;border-radius:45px;padding:20px;box-shadow:0 0 0 8px var(--phone-border-color),0 20px 60px #0003,inset 0 1px #ffffff1a;transition:transform .3s ease,box-shadow .3s ease}.phone-frame:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 0 0 8px var(--phone-border-color),0 25px 80px #00000040,inset 0 1px #ffffff1a}.phone-frame--black{--phone-border-color: #1a1a1a;background:linear-gradient(145deg,#2a2a2a,#1a1a1a)}.phone-frame--white{--phone-border-color: #f5f5f5;background:linear-gradient(145deg,#fff,#f0f0f0)}.phone-frame--gold{--phone-border-color: #d4af37;background:linear-gradient(145deg,#f4e4bc,#d4af37)}.phone-frame--silver{--phone-border-color: #c0c0c0;background:linear-gradient(145deg,#e8e8e8,silver)}.phone-frame__screen{position:relative;width:100%;height:100%;background:#000;border-radius:35px;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff1a}.phone-frame__video{width:100%;height:100%;object-fit:cover;border-radius:33px}.phone-frame__notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:120px;height:25px;background:var(--phone-border-color);border-radius:0 0 15px 15px;z-index:2}.phone-frame__speaker{position:absolute;top:8px;left:50%;transform:translate(-50%);width:60px;height:4px;background:#0000004d;border-radius:2px;z-index:3}.phone-frame__camera{position:absolute;top:6px;right:40px;width:8px;height:8px;background:#0009;border-radius:50%;z-index:3}.phone-frame__home-indicator{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:100px;height:4px;background:#ffffff4d;border-radius:2px;z-index:3}@media (max-width: 768px){.phone-frame{width:250px;height:500px;padding:15px}.phone-video-section__heading{font-size:2rem}.phone-video-section__description{font-size:1rem;margin-bottom:30px}}@media (max-width: 480px){.phone-frame{width:200px;height:400px;padding:12px}.phone-frame__notch{width:80px;height:20px}.phone-frame__speaker{width:40px;height:3px}.phone-frame__home-indicator{width:60px;height:3px}}
/*# sourceMappingURL=/cdn/shop/t/4/compiled_assets/styles.css.map */