:root{--animation-duration-fast:0.3s;--animation-duration-normal:0.6s;--animation-duration-slow:1s;--animation-easing:cubic-bezier(0.4, 0, 0.2, 1);--animation-easing-bounce:cubic-bezier(0.68, -0.55, 0.265, 1.55)}[data-scroll-reveal]{opacity:0;transition:opacity var(--animation-duration-normal) var(--animation-easing),transform var(--animation-duration-normal) var(--animation-easing)}[data-scroll-reveal].revealed{opacity:1;transform:translate(0,0)!important}[data-scroll-reveal=fade-up]{transform:translateY(40px)}[data-scroll-reveal=fade-down]{transform:translateY(-40px)}[data-scroll-reveal=fade-left]{transform:translateX(40px)}[data-scroll-reveal=fade-right]{transform:translateX(-40px)}[data-scroll-reveal=scale]{transform:scale(.9)}[data-scroll-reveal=rotate]{transform:rotate(-5deg) scale(.95)}[data-scroll-delay="1"]{transition-delay:0.1s}[data-scroll-delay="2"]{transition-delay:0.2s}[data-scroll-delay="3"]{transition-delay:0.3s}[data-scroll-delay="4"]{transition-delay:0.4s}[data-scroll-delay="5"]{transition-delay:0.5s}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes float-slow{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(2deg)}}@keyframes pulse-glow{0%,100%{box-shadow:0 8px 32px rgba(10,108,116,.2)}50%{box-shadow:0 12px 48px rgba(10,108,116,.4)}}.float{animation:float 6s ease-in-out infinite}.float-slow{animation:float-slow 8s ease-in-out infinite}.pulse-glow{animation:pulse-glow 3s ease-in-out infinite}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.parallax{transform:translateZ(0);will-change:transform}.glass-enhanced{background:linear-gradient(135deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.05) 100%);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.3),0 0 0 1px rgba(255,255,255,.05)}.card-3d{transform-style:preserve-3d;transition:transform .5s var(--animation-easing);position:relative}.card-3d::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(10,108,116,.1) 0,transparent 100%);opacity:0;transition:opacity .5s;border-radius:inherit;pointer-events:none}.card-3d:hover{transform:translateY(-12px) rotateX(5deg) scale(1.02);box-shadow:0 20px 60px rgba(0,0,0,.3)}.card-3d:hover::before{opacity:1}.btn-magnetic{position:relative;overflow:hidden;transition:transform .3s var(--animation-easing)}.btn-magnetic::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-magnetic:hover::before{width:300px;height:300px}.btn-magnetic:hover{transform:scale(1.05)}@keyframes glow-pulse{0%,100%{box-shadow:0 0 20px rgba(10,108,116,.3),0 0 40px rgba(10,108,116,.2),inset 0 0 20px rgba(10,108,116,.1)}50%{box-shadow:0 0 30px rgba(10,108,116,.5),0 0 60px rgba(10,108,116,.3),inset 0 0 30px rgba(10,108,116,.2)}}.glow-hover:hover{animation:glow-pulse 2s ease-in-out infinite}@keyframes shimmer{0%{background-position:-1000px 0}100%{background-position:1000px 0}}.text-shimmer{background:linear-gradient(90deg,currentColor 0,rgba(255,255,255,.8) 50%,currentColor 100%);background-size:1000px 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s linear infinite}.scroll-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,var(--color-petrol-deep),var(--color-petrol-dark));z-index:9999;transition:width .2s ease-out;box-shadow:0 0 10px rgba(10,108,116,.5)}.product-image{position:relative;overflow:hidden}.product-image::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translateX(-100%) translateY(-100%) rotate(45deg);transition:transform .6s}.product-image:hover::after{transform:translateX(100%) translateY(100%) rotate(45deg)}section{position:relative;overflow:hidden}section::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-petrol-deep),transparent);opacity:.3}.wave-divider{position:relative;height:100px;overflow:hidden}.wave-divider svg{position:absolute;bottom:0;width:100%;height:100%}@keyframes count-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.counter{animation:count-up .6s var(--animation-easing) forwards}.tilt-card{transform-style:preserve-3d;transform:perspective(1000px);transition:transform .5s ease}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}@media (max-width:767px){[data-scroll-reveal=fade-down],[data-scroll-reveal=fade-up]{transform:translateY(20px)}.card-3d:hover{transform:translateY(-6px) scale(1.01)}.float,.float-slow{animation:none}}@keyframes skeleton-loading{0%{background-position:-200% 0}100%{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-hellgrau) 0,#f0f0f0 50%,var(--color-hellgrau) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}