.c3d-swap-container{position:relative}.c3d{position:relative;width:100%;-webkit-user-select:none;user-select:none;overflow:hidden}.c3d.c3d-real-hidden{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;overflow:hidden}.c3d-wrapper{position:relative;display:flex;align-items:center}.c3d-perspective{position:relative;flex:1;display:flex;align-items:center;justify-content:center;overflow:visible}.c3d-visual-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;transform-style:preserve-3d}.c3d-card{position:absolute;transform-style:preserve-3d;will-change:transform,opacity;transition:transform .05s linear,opacity .05s linear;pointer-events:auto;cursor:pointer;border-radius:25px;overflow:hidden;box-shadow:0 10px 30px #00000026,0 5px 15px #00000014}.c3d-card-inner{width:100%;height:100%;border-radius:25px;overflow:hidden}.c3d-card-inner>img{width:100%;height:100%;object-fit:cover}.c3d-scroll{position:absolute;top:0;right:0;bottom:0;left:0;z-index:35;display:flex;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}.c3d-scroll::-webkit-scrollbar{display:none}.c3d-spacer{flex-shrink:0}.c3d-canvas{flex-shrink:0;height:1px}.c3d-nav{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(0,0,0,.15);background:#ffffffe6;color:#333;cursor:pointer;z-index:40;transition:background-color .2s,box-shadow .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.c3d-nav:hover{background:#fff;box-shadow:0 2px 8px #0000001f}.c3d-nav:active{transform:scale(.95)}.c3d-dots{display:flex;justify-content:center;gap:6px;margin-top:24px}.c3d-dot{width:6px;height:6px;border-radius:9999px;background:#d1d5db;border:none;padding:0;cursor:pointer;transition:width .3s ease,background-color .3s ease}.c3d-dot[data-active=true]{width:16px;background:#5b8def}@media(max-width:640px){.c3d-nav{width:36px;height:36px}.c3d-nav svg{width:18px;height:18px}.c3d-nav-hide-mobile{display:none}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;min-height:100vh}.demo-page{max-width:1280px;margin:0 auto;padding:40px 0}.card-content{position:relative;width:100%;height:100%;border-radius:25px;overflow:hidden;background:#fff}.card-content>img{width:100%;height:100%;object-fit:cover;display:block}.card-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,.1) 50%,transparent);pointer-events:none}.card-info{position:absolute;bottom:0;left:0;right:0;padding:16px}.card-info h3{font-size:1.125rem;font-weight:600;color:#fff}.card-info p{font-size:.75rem;color:#ffffffb3;margin-top:2px}.c3d-placeholder{position:relative;width:100%;height:420px;perspective:1050px;display:flex;align-items:center;justify-content:center;overflow:hidden}.c3d-placeholder-card{position:absolute;width:260px;height:340px;border-radius:25px;overflow:hidden;box-shadow:0 10px 30px #00000026,0 5px 15px #00000014}.c3d-placeholder-center{transform:translate(0) scale(1) rotateY(0);z-index:30}.c3d-placeholder-left{transform:translate(-220px) scale(.8) rotateY(21deg);z-index:20}.c3d-placeholder-right{transform:translate(220px) scale(.8) rotateY(-21deg);z-index:20}@media(max-width:1023px)and (min-width:640px){.c3d-placeholder{height:360px;perspective:800px}.c3d-placeholder-card{width:220px;height:290px}.c3d-placeholder-left{transform:translate(-187px) scale(.8) rotateY(21deg)}.c3d-placeholder-right{transform:translate(187px) scale(.8) rotateY(-21deg)}}@media(max-width:639px){.c3d-placeholder{height:320px;perspective:600px}.c3d-placeholder-card{width:200px;height:260px}.c3d-placeholder-left{transform:translate(-154px) scale(.8) rotateY(21deg)}.c3d-placeholder-right{transform:translate(154px) scale(.8) rotateY(-21deg)}}.description-area{text-align:center;margin-top:24px;min-height:48px;display:flex;align-items:center;justify-content:center}.description-text{color:#4b5563;font-size:.9375rem;line-height:1.6;max-width:500px}