/* Clypora depth system: decorative surfaces only. */
.tilt-card{will-change:auto}
.tilt-card.tilt-active{will-change:transform;box-shadow:0 30px 65px -25px #000b,0 8px 30px -15px #8b5cf680,inset 0 1px 0 #ffffff24}
.tilt-card::after{background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),#a78bfa26,transparent 68%),linear-gradient(125deg,#ffffff08,transparent 45%,#22d3ee08)}
.hero-visual::after{content:"";position:absolute;inset:75% 5% 0;border-radius:50%;background:radial-gradient(ellipse,#8b5cf640,transparent 68%);transform:rotateX(65deg);pointer-events:none}
.carousel-viewport{perspective:1400px}
.carousel-track{transform-style:preserve-3d}
.carousel-slide{rotate:y 18deg;transition:transform .65s var(--ease),rotate .65s var(--ease),box-shadow .65s var(--ease),filter .65s var(--ease),opacity .65s var(--ease),border-color .65s var(--ease)}
.carousel-slide.is-active{rotate:y 0deg;box-shadow:0 28px 60px -12px #000c,0 0 32px -10px #8b5cf6aa,inset 0 1px 0 #ffffff55}
.carousel-slide.is-active ~ .carousel-slide{rotate:y -18deg}
.carousel-slide::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#ffffff22,transparent 30%,transparent 72%,#a78bfa18);box-shadow:inset 1px 1px 0 #ffffff40,inset -1px -1px 0 #ffffff18;z-index:3}
.carousel-arrow:focus-visible,.btn:focus-visible{outline:2px solid #67e8f9;outline-offset:5px}
@media(hover:hover) and (pointer:fine){
 .feat-featured>h3,.feat-featured>.feat-icon{transform:translateZ(18px)}
 .hero-cta .primary:hover{box-shadow:0 14px 38px -12px #8b5cf699,0 4px 18px -8px #22d3ee88}
}
@media(max-width:600px){.carousel-slide{rotate:y 10deg}.carousel-slide.is-active ~ .carousel-slide{rotate:y -10deg}}
@media(prefers-reduced-motion:reduce){
 .carousel-track,.carousel-slide{transition:none!important}
 .carousel-slide{rotate:none!important}
 .tilt-card{transform:none!important;transition:none!important}
 .orb{animation:none!important}
 html{scroll-behavior:auto!important}
}