.np-card-scene{--np-card-orange:#ff7300;--np-card-ink:#151515;position:relative;isolation:isolate;width:100%;min-height:440px;display:grid;place-items:center;perspective:1400px;color:var(--np-card-ink);overflow:visible;background:transparent}
.np-card-scene *{box-sizing:border-box}.np-card-scene svg{display:block}
.np-card-orbit{position:absolute;inset:4%;width:92%;height:92%;opacity:.65;pointer-events:none}
.np-card-orbit .np-orbit-line{fill:none;stroke:#b6ad9e;stroke-width:.8}.np-card-orbit .np-route-line{fill:none;stroke:#f58138;stroke-width:1.5;stroke-dasharray:4 8;animation:np-route-flow 35s linear infinite}.np-card-orbit .np-orbit-dot{fill:#ff7300;stroke:#fff9f0;stroke-width:6}
.np-card-shadow{position:absolute;bottom:17%;left:20%;width:64%;height:14%;border-radius:50%;background:#7b3d0c;filter:blur(28px);opacity:.19;transform:rotate(-8deg);animation:np-card-shadow 8s ease-in-out infinite}
.np-card-float{width:min(81%,460px);aspect-ratio:85.6/54;position:relative;animation:np-card-float 8s ease-in-out infinite;transform-style:preserve-3d;z-index:2}
.np-card-object{position:relative;width:100%;height:100%;transform:rotate(-11deg) rotateX(8deg) rotateY(-12deg);transform-style:flat;will-change:transform;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.np-card-face{position:absolute;inset:0;overflow:hidden;border-radius:clamp(15px,2.2vw,24px);color:#fff7ec;background:linear-gradient(125deg,#ff9c38 0%,#ff7910 34%,#f86b00 68%,#e65e00 100%);box-shadow:inset 0 1px 1px #ffca8399,inset 0 -1px 1px #b5410033,0 24px 40px -17px #94430b6b;border:1px solid #fca650;backface-visibility:hidden}
.np-card-face:before{content:"";position:absolute;inset:0;opacity:.19;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.55' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:soft-light;pointer-events:none}
.np-card-face:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 30%,#fff4dc24 43%,transparent 57%);background-size:250% 100%;animation:np-card-sheen 11s ease-in-out infinite;pointer-events:none}
.np-card-print{position:absolute;right:-16%;top:-47%;height:158%;width:89%;fill:none;stroke:#ffc797;stroke-width:.8;opacity:.2;transform:rotate(9deg)}
.np-card-chip{position:absolute;left:9%;top:25%;width:16%;filter:drop-shadow(0 1px 1px #923f0080)}
.np-card-contactless{position:absolute;left:28.5%;top:29%;width:6%;fill:none;stroke:#fff0d9;stroke-width:2.2;stroke-linecap:round;opacity:.86}
.np-card-wordmark{position:absolute;right:8%;bottom:14%;font-family:inherit;font-size:clamp(30px,4.2vw,51px);line-height:1;font-weight:650;letter-spacing:-.065em;white-space:nowrap;text-shadow:0 1px 0 #e26710}
.np-card-micro{position:absolute;left:9%;top:10%;font-family:inherit;font-weight:500;font-size:9px;line-height:1.2;letter-spacing:.2em;color:#ffe9d4;opacity:.8}
@keyframes np-card-float{0%,100%{transform:translateY(2px) rotate(0deg)}50%{transform:translateY(-12px) rotate(1.8deg)}}
@keyframes np-card-shadow{0%,100%{transform:rotate(-8deg) scale(1);opacity:.19}50%{transform:rotate(-8deg) scale(.88);opacity:.13}}
@keyframes np-route-flow{to{stroke-dashoffset:-180}}
@keyframes np-card-sheen{0%,20%,100%{background-position:100% 0}65%{background-position:0 0}}
.np-card-scene.is-interacting .np-card-float,.np-card-scene.is-interacting .np-card-shadow{animation-play-state:paused}
@media(hover:hover) and (pointer:fine){.np-card-object{cursor:grab}.np-card-scene.is-dragging .np-card-object{cursor:grabbing}}
@media(max-width:600px){.np-card-scene{min-height:330px}.np-card-float{width:78%;max-width:390px}.np-card-wordmark{font-size:clamp(28px,8vw,46px)}.np-card-micro{font-size:7px}.np-card-shadow{bottom:22%}}
@media(prefers-reduced-motion:reduce){.np-card-scene .np-card-float,.np-card-scene .np-card-shadow,.np-card-scene .np-route-line,.np-card-scene .np-card-face:after{animation:none!important}.np-card-object{transition:none;will-change:auto;cursor:default}}