/* DameCo motion layer */
.ticker{padding:0;position:relative;isolation:isolate}
.ticker::before,.ticker::after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:8vw;pointer-events:none}
.ticker::before{left:0;background:linear-gradient(90deg,#07101f,transparent)}
.ticker::after{right:0;background:linear-gradient(-90deg,#07101f,transparent)}
.ticker .marquee-track{display:flex;width:max-content;text-align:left;animation:dameco-marquee 22s linear infinite;will-change:transform}
.ticker .marquee-track span{display:block;padding:1rem 0;white-space:nowrap;font:800 .72rem Montserrat;letter-spacing:.2em}
.ticker:hover .marquee-track{animation-play-state:paused}
@keyframes dameco-marquee{to{transform:translateX(-50%)}}

.button{position:relative;isolation:isolate;overflow:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s;will-change:transform}
.button::before{content:"";position:absolute;z-index:-1;inset:-2px;background:linear-gradient(110deg,transparent 22%,rgba(255,255,255,.7) 45%,transparent 67%);transform:translateX(-130%);animation:button-scan 3.8s ease-in-out infinite}
.button::after{content:"";position:absolute;inset:2px;border-radius:inherit;border:1px solid rgba(255,255,255,.12);pointer-events:none}
.button:hover{transform:translateY(-4px) scale(1.035);box-shadow:0 16px 42px #1264ff88,0 0 0 1px #8dcbff55}
.button:active{transform:translateY(-1px) scale(.98)}
.button.glass:hover{background:rgba(38,124,255,.17);border-color:#82bfff;box-shadow:0 12px 38px #1264ff44}
.cart-button,.icon-button,.filters button,.product-actions button{position:relative;overflow:hidden;transition:transform .22s,box-shadow .22s,background .22s,border-color .22s}
.cart-button:hover,.icon-button:hover,.filters button:hover,.product-actions button:hover{transform:translateY(-2px);box-shadow:0 9px 28px #267cff44;border-color:#64a9ff;background:#12203a}
@keyframes button-scan{0%,55%{transform:translateX(-130%)}85%,100%{transform:translateX(130%)}}

.collection-card{animation:card-drift 6s ease-in-out infinite;will-change:transform}
.collection-card:nth-child(2){animation-delay:-1.6s}.collection-card:nth-child(3){animation-delay:-3.2s}.collection-card:nth-child(4){animation-delay:-4.8s}
.collection-card:hover{animation-play-state:paused;transform:translateY(-12px) scale(1.012);box-shadow:0 30px 90px rgba(0,75,190,.42)}
.product-card{animation:product-float 7s ease-in-out infinite;will-change:transform}
.product-card:nth-child(2n){animation-delay:-1.7s}.product-card:nth-child(3n){animation-delay:-3.4s}.product-card:nth-child(4n){animation-delay:-5.1s}
.product-card:hover{animation-play-state:paused;transform:translateY(-10px) scale(1.018);box-shadow:0 24px 64px #0b55ca44}
.panel,.services-grid article,.review-placeholder{transition:transform .3s,box-shadow .3s,border-color .3s}
.panel:hover,.services-grid article:hover,.review-placeholder:hover{transform:translateY(-7px);border-color:#5ea9ff66;box-shadow:0 20px 58px #095ccc2b}
@keyframes card-drift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-12px,0)}}
@keyframes product-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-7px,0)}}

.future-field{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.tech-ring{position:absolute;border:1px solid rgba(103,182,255,.42);border-radius:50%;box-shadow:0 0 24px rgba(38,124,255,.23),inset 0 0 24px rgba(38,124,255,.12)}
.tech-ring::before,.tech-ring::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#8ecbff;box-shadow:0 0 16px #2d8bff}
.tech-ring::before{left:12%;top:14%}.tech-ring::after{right:8%;bottom:20%}
.ring-one{width:360px;height:360px;right:9%;top:12%;animation:orbit-spin 18s linear infinite}
.ring-two{width:190px;height:190px;right:26%;bottom:9%;border-style:dashed;animation:orbit-spin 12s linear infinite reverse}
.data-node{position:absolute;width:11px;height:11px;background:#9bd2ff;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);box-shadow:0 0 24px #1479ff;animation:node-pulse 2.4s ease-in-out infinite}
.node-one{right:43%;top:20%}.node-two{right:7%;bottom:28%;animation-delay:-1.2s}
.scan-line{position:absolute;left:0;right:0;height:1px;top:15%;background:linear-gradient(90deg,transparent,#69b4ffcc 38%,transparent 72%);box-shadow:0 0 12px #2c86ff;opacity:.42;animation:scan-down 7s ease-in-out infinite}
.hero-badge{animation:badge-hover 5s ease-in-out infinite}
.orbit{animation:orbit-breathe 7s ease-in-out infinite}
.dameco-orbit-logo{display:flex;align-items:center;justify-content:center;gap:clamp(.08rem,.6vw,.45rem);font-size:clamp(4.6rem,10vw,9rem);letter-spacing:-.11em;padding-right:.08em}
.dameco-orbit-logo span{color:transparent;-webkit-text-stroke:2px #e2edff;text-shadow:0 0 24px rgba(80,155,255,.26)}
.dameco-orbit-logo .logo-bolt{width:.37em;height:.68em;overflow:visible;fill:none;stroke:#e2edff;stroke-width:2;stroke-linejoin:round;filter:drop-shadow(0 0 9px rgba(128,190,255,.44));transform:skew(-7deg);animation:bolt-charge 2.4s ease-in-out infinite}
.card-icon{animation:icon-tilt 5.5s ease-in-out infinite}
@keyframes orbit-spin{to{transform:rotate(360deg)}}
@keyframes node-pulse{0%,100%{opacity:.28;transform:scale(.7) rotate(0)}50%{opacity:1;transform:scale(1.35) rotate(180deg)}}
@keyframes scan-down{0%,100%{top:12%;opacity:0}18%{opacity:.5}75%{opacity:.2}90%{top:88%;opacity:0}}
@keyframes badge-hover{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-13px) rotate(2deg)}}
@keyframes orbit-breathe{0%,100%{transform:rotate(-8deg) scale(1);filter:drop-shadow(0 0 8px #267cff44)}50%{transform:rotate(-3deg) scale(1.035);filter:drop-shadow(0 0 26px #267cff88)}}
@keyframes bolt-charge{0%,100%{opacity:.72;transform:skew(-7deg) scale(.94)}12%{opacity:1;transform:skew(-7deg) scale(1.08)}18%{opacity:.8}25%{opacity:1}55%{opacity:.82;transform:skew(-7deg) scale(1)}}
@keyframes icon-tilt{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(2deg) translateY(-8px)}}

@media(max-width:720px){.ticker .marquee-track{animation-duration:16s}.ring-one{width:250px;height:250px;right:-22%;top:17%}.ring-two{width:130px;height:130px;right:7%;bottom:25%}.collection-card{animation-duration:7.5s}.product-card{animation-duration:8.5s}}
@media(prefers-reduced-motion:reduce){.ticker .marquee-track,.button::before,.collection-card,.product-card,.tech-ring,.data-node,.scan-line,.hero-badge,.orbit,.dameco-orbit-logo .logo-bolt,.card-icon{animation:none!important}.ticker .marquee-track{transform:none}.button:hover,.collection-card:hover,.product-card:hover,.panel:hover,.services-grid article:hover,.review-placeholder:hover{transform:none}}