/* 11 · CARBON NEON — matte black, cyan traces, scan beam, biometric pad */
.variant-carbon.active { animation: carbon-hover 4.8s ease-in-out infinite; }
.carbon-waist { background: linear-gradient(180deg, #23262b 0%, #0b0d0f 70%, #000 100%); border: 1px solid #000; border-radius: 50%; box-shadow: 0 0 22px rgba(0,255,220,0.18), 0 18px 30px rgba(0,0,0,0.6); height: 88px; left: 46px; position: absolute; top: 54px; width: 248px; }
.carbon-trace { animation: carbon-trace-flow 2.4s linear infinite; background: linear-gradient(90deg, transparent, rgba(0,255,220,0.85), transparent); border-radius: 50%; height: 6px; left: 30px; position: absolute; top: 36px; width: 188px; }
.carbon-plate { background: linear-gradient(170deg, #1b1e22 0%, #08090b 60%, #000 100%); border: 1px solid #0ff2ce; border-radius: 28px 28px 56px 56px / 20px 20px 76px 76px; box-shadow: 0 0 26px rgba(0,255,220,0.25), 0 22px 32px rgba(0,0,0,0.6); height: 228px; left: 114px; overflow: hidden; position: absolute; top: 118px; width: 112px; }
.carbon-vein { background: linear-gradient(180deg, transparent, rgba(0,255,220,0.7), transparent); position: absolute; width: 2px; }
.carbon-vein.cv1 { animation: carbon-vein-drop 2s linear infinite; height: 90px; left: 28px; top: 8px; }
.carbon-vein.cv2 { animation: carbon-vein-drop 2.6s linear infinite reverse; height: 120px; left: 56px; top: 20px; }
.carbon-vein.cv3 { animation: carbon-vein-drop 2.2s linear 0.5s infinite; height: 80px; left: 82px; top: 12px; }
.carbon-scan { animation: scan-drop 3s ease-in-out infinite; background: linear-gradient(180deg, transparent, rgba(0,255,220,0.5), transparent); height: 46px; left: 0; position: absolute; top: 0; width: 100%; }
.carbon-pad { animation: carbon-pad-breathe 2.4s ease-in-out infinite; background: radial-gradient(circle at 50% 40%, rgba(0,255,220,0.5), rgba(0,255,220,0.08) 70%); border: 1px solid rgba(0,255,220,0.6); border-radius: 50%; height: 40px; left: 150px; position: absolute; top: 88px; width: 40px; z-index: 3; }
@keyframes carbon-hover { 0%, 100% { transform: translateY(0); filter: brightness(1); } 50% { transform: translateY(-11px); filter: brightness(1.15); } }
@keyframes carbon-trace-flow { 0% { transform: translateX(-30px); opacity: 0; } 30% { opacity: 1; } 100% { transform: translateX(30px); opacity: 0; } }
@keyframes carbon-vein-drop { 0% { transform: translateY(-24px); opacity: 0; } 30% { opacity: 1; } 100% { transform: translateY(130px); opacity: 0; } }
@keyframes carbon-pad-breathe { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.12); } }
