.tech-features{position:relative;overflow:hidden;font-family:inherit;color:rgb(var(--color-foreground))}.tech-features__wave{position:absolute;left:0;width:100%;overflow:hidden;line-height:0;z-index:10;pointer-events:none}.tech-features__wave svg{position:relative;display:block;width:calc(100% + 1.3px);height:60px}@media screen and (min-width:750px){.tech-features__wave svg{height:100px}}.tech-features__wave--top{top:-1px}.tech-features__wave--bottom{bottom:-1px;transform:rotate(180deg)}.wave-shape{fill:#fff;transform-origin:center;animation:wave-animation 15s linear infinite}.tech-features__wave svg path:nth-child(1){animation-duration:25s;animation-direction:reverse}.tech-features__wave svg path:nth-child(2){animation-duration:20s}.tech-features__wave svg path:nth-child(3){animation-duration:15s;animation-direction:reverse}@keyframes wave-animation{0%{transform:translate(0) scaleY(1)}50%{transform:translate(-5%) scaleY(.9)}to{transform:translate(0) scaleY(1)}}.tech-features__container{max-width:1200px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:2}.tech-features__header{text-align:center;max-width:700px;margin:0 auto 3rem;opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.tech-features.is-visible .tech-features__header{opacity:1;transform:translateY(0)}.tech-features__title{font-size:clamp(2.25rem,5vw,3.5rem);font-weight:700;line-height:1.1;margin:0 0 1rem;letter-spacing:-.03em}.tech-features__subtitle{font-size:clamp(1.125rem,2vw,1.25rem);color:rgba(var(--color-foreground),.65);margin:0;line-height:1.5}.tech-features__grid{display:flex;flex-direction:column;gap:3rem;align-items:center}@media screen and (min-width:900px){.tech-features__grid{flex-direction:row;align-items:center;gap:5rem}}.tech-features__media{flex:1;width:100%;max-width:500px;opacity:0;transform:translateY(30px);transition:opacity .8s ease .2s,transform .8s ease .2s}.tech-features.is-visible .tech-features__media{opacity:1;transform:translateY(0)}@media screen and (min-width:900px){.tech-features__media{flex:0 0 45%;max-width:none}}.tech-features__image-wrapper{position:relative;width:100%;border-radius:24px;background-color:transparent}.tech-features__img{width:100%;height:auto;border-radius:24px;display:block;filter:drop-shadow(0 20px 30px rgba(0,0,0,.08))}.placeholder-svg.tech-features__img{background-color:#e5e7eb;fill:#9ca3af;aspect-ratio:4/5}.tech-features__hotspot{position:absolute;width:24px;height:24px;transform:translate(-50%,-50%);z-index:5;cursor:pointer;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.tech-features__hotspot.has-custom-icon{width:40px;height:40px}.tech-features__hotspot-inner{position:absolute;top:5px;right:5px;bottom:5px;left:5px;background-color:#111827;border-radius:50%;box-shadow:0 0 0 2px #fffc;z-index:2;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease;display:flex;align-items:center;justify-content:center;overflow:hidden}.tech-features__hotspot.has-custom-icon .tech-features__hotspot-inner{top:0;right:0;bottom:0;left:0;box-shadow:0 4px 10px #00000026;background-color:#fff}.tech-features__hotspot-img{width:100%;height:100%;object-fit:cover}.tech-features__hotspot-pulse{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#11182733;border-radius:50%;z-index:1;animation:hotspot-pulse 2s infinite;opacity:0}.tech-features__hotspot.has-custom-icon .tech-features__hotspot-pulse{top:-6px;right:-6px;bottom:-6px;left:-6px}@keyframes hotspot-pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(3);opacity:0}}.tech-features__hotspot.is-active{transform:translate(-50%,-50%) scale(1.3)}.tech-features__hotspot.is-active .tech-features__hotspot-inner{background-color:#3b82f6;box-shadow:0 0 0 3px #fff}.tech-features__hotspot.has-custom-icon.is-active .tech-features__hotspot-inner{background-color:#fff;box-shadow:0 0 0 4px #3b82f6}.tech-features__hotspot.is-active .tech-features__hotspot-pulse{opacity:1}.tech-features__content{flex:1;width:100%}@media screen and (min-width:900px){.tech-features__content{flex:0 0 45%}}.tech-features__list{display:flex;flex-direction:column;gap:1.5rem}.tech-features__item{display:flex;align-items:flex-start;gap:1.25rem;padding:1.5rem;border-radius:16px;background-color:transparent;transition:all .3s ease;cursor:default;opacity:0;transform:translate(20px)}.tech-features.is-visible .tech-features__item{opacity:1;transform:translate(0)}.tech-features.is-visible .tech-features__item:nth-child(1){transition-delay:.3s}.tech-features.is-visible .tech-features__item:nth-child(2){transition-delay:.45s}.tech-features.is-visible .tech-features__item:nth-child(3){transition-delay:.6s}.tech-features.is-visible .tech-features__item:nth-child(4){transition-delay:.75s}.tech-features__item:hover,.tech-features__item.is-active{background-color:#fff;box-shadow:0 10px 30px -10px #00000014;transform:translate(-5px)}.tech-features__item-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:rgba(var(--color-foreground),.04);color:rgb(var(--color-foreground));border-radius:12px;flex-shrink:0;transition:all .3s ease}.tech-features__item:hover .tech-features__item-icon:not(.has-custom-img),.tech-features__item.is-active .tech-features__item-icon:not(.has-custom-img){background-color:#111827;color:#fff}.tech-features__item:hover .tech-features__item-icon.has-custom-img,.tech-features__item.is-active .tech-features__item-icon.has-custom-img{background-color:rgba(var(--color-foreground),.08)}.tech-features__item-icon svg{width:22px;height:22px}.tech-features__item-text{flex:1}.tech-features__item-title{margin:0 0 .35rem;font-size:1.125rem;font-weight:600;color:rgb(var(--color-foreground))}.tech-features__item-desc{margin:0;font-size:.95rem;line-height:1.5;color:rgba(var(--color-foreground),.6)}
/*# sourceMappingURL=/cdn/shop/t/12/assets/tech-features.css.map */