bosgame

.bpg-container { font-family: inherit; color: #1a1a1a; line-height: 1.6; max-width: 900px; margin: 0 auto; padding: 15px; } /* â"€â"€ HEADER GRID â"€â"€ */ .bpg-header-area { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 35px; } .bpg-tile { background: #fcfcfc; border: 1px solid #eee; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); text-align: center; } /* â"€â"€ CPU TILE â€" FLOWING GRADIENT BORDER â"€â"€ */ .bpg-tile-cpu { grid-column: span 2; padding: 22px 15px; font-size: 1.4rem; font-weight: 900; letter-spacing: -0.02em; background: #fff; border: none; position: relative; overflow: visible; z-index: 1; } .bpg-tile-cpu::before { content: ''; position: absolute; inset: -1px; border-radius: 11px; background: linear-gradient(90deg, #1C7E97, #2EACC7, #1C7E97); background-size: 300% 100%; background-position: 0% 50%; z-index: -2; transition: background-position 0.4s ease; } .bpg-tile-cpu::after { content: ''; position: absolute; inset: 1px; border-radius: 10px; background: #fff; z-index: -1; } @keyframes borderFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .bpg-tile-cpu:hover::before { background: linear-gradient(90deg, #155E72, #1C7E97, #5DC4D9, #2EACC7, #155E72, #1C7E97, #5DC4D9); background-size: 300% 100%; animation: borderFlow 3s ease infinite; filter: brightness(1.1); } .bpg-tile-cpu:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(28,126,151,0.12); } .bpg-usecase-tag { position: absolute; top: -10px; z-index: 2; left: 50%; transform: translateX(-50%); } .bpg-uc { position: absolute; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #155E72, #1C7E97, #2EACC7); color: #fff; font-size: 0.65rem; font-weight: 800; text-transform: uppercase; padding: 3px 12px; border-radius: 20px; letter-spacing: 0.08em; white-space: nowrap; opacity: 0; } .bpg-uc:first-child { opacity: 1; } /* â"€â"€ RAM / SSD TILES â€" SHIMMER ON HOVER â"€â"€ */ .bpg-tile-mem { padding: 12px; font-size: 0.95rem; font-weight: 700; position: relative; overflow: hidden; } .bpg-tile-mem::after { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent); transition: none; pointer-events: none; } .bpg-tile-mem:hover { border-color: #1C7E97; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(28,126,151,0.10); } .bpg-tile-mem:hover::after { animation: shimmer 0.6s ease forwards; } @keyframes shimmer { to { left: 120%; } } /* â"€â"€ SPECIAL TILES â€" PULSE BORDER ON HOVER â"€â"€ */ .bpg-tile-special { padding: 10px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #555; background: #f9f9f9; position: relative; } .bpg-tile-special:hover { border-color: #1C7E97; color: #155E72; transform: translateY(-2px); box-shadow: 0 6px 14px rgba(28,126,151,0.08); animation: tilePulse 1.5s ease infinite; } @keyframes tilePulse { 0%, 100% { box-shadow: 0 6px 14px rgba(28,126,151,0.08); } 50% { box-shadow: 0 6px 20px rgba(28,126,151,0.16); } } /* â"€â"€ INTRO TEXT â€" ANIMATED BORDER LEFT â"€â"€ */ .bpg-intro-text { font-size: 1.1rem; font-weight: 400; margin-bottom: 40px; color: #333; border-left: 4px solid #1a1a1a; padding-left: 20px; background: linear-gradient(90deg, #fcfcfc 0%, transparent 100%); padding-top: 10px; padding-bottom: 10px; position: relative; transition: all 0.4s ease; } .bpg-intro-text:hover { border-left-color: #1C7E97; border-left-width: 6px; padding-left: 22px; background: linear-gradient(90deg, rgba(28,126,151,0.04) 0%, transparent 100%); } /* â"€â"€ SECTION LABELS â€" DRAW-IN LINE â"€â"€ */ .bpg-label { font-size: 0.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.15em; color: #888; margin: 50px 0 20px 0; display: block

.bpg-container { font-family: inherit; color: #1a1a1a; line-height: 1.6; max-width: 900px; margin: 0 auto; padding: 15px; } /* â"€â"€ HEADER GRID â"€â"€ */ .bpg-header-area { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 35px; } .bpg-tile { background: #fcfcfc; border: 1px solid #eee; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); text-align: center; } /* â"€â"€ CPU TILE â€" FLOWING GRADIENT BORDER â"€â"€ */ .bpg-tile-cpu { grid-column: span 2; padding: 22px 15px; font-size: 1.4rem; font-weight: 900; letter-spacing: -0.02em; background: #fff; border: none; position: relative; overflow: visible; z-index: 1; } .bpg-tile-cpu::before { content: ''; position: absolute; inset: -1px; border-radius: 11px; background: linear-gradient(90deg, #1C7E97, #2EACC7, #1C7E97); background-size: 300% 100%; background-position: 0% 50%; z-index: -2; transition: background-position 0.4s ease; } .bpg-tile-cpu::after { content: ''; position: absolute; inset: 1px; border-radius: 10px; background: #fff; z-index: -1; } @keyframes borderFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .bpg-tile-cpu:hover::before { background: linear-gradient(90deg, #155E72, #1C7E97, #5DC4D9, #2EACC7, #155E72, #1C7E97, #5DC4D9); background-size: 300% 100%; animation: borderFlow 3s ease infinite; filter: brightness(1.1); } .bpg-tile-cpu:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(28,126,151,0.12); } .bpg-usecase-tag { position: absolute; top: -10px; z-index: 2; left: 50%; transform: translateX(-50%); } .bpg-uc { position: absolute; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #155E72, #1C7E97, #2EACC7); color: #fff; font-size: 0.65rem; font-weight: 800; text-transform: uppercase; padding: 3px 12px; border-radius: 20px; letter-spacing: 0.08em; white-space: nowrap; opacity: 0; } .bpg-uc:first-child { opacity: 1; } /* â"€â"€ RAM / SSD TILES â€" SHIMMER ON HOVER â"€â"€ */ .bpg-tile-mem { padding: 12px; font-size: 0.95rem; font-weight: 700; position: relative; overflow: hidden; } .bpg-tile-mem::after { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent); transition: none; pointer-events: none; } .bpg-tile-mem:hover { border-color: #1C7E97; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(28,126,151,0.10); } .bpg-tile-mem:hover::after { animation: shimmer 0.6s ease forwards; } @keyframes shimmer { to { left: 120%; } } /* â"€â"€ SPECIAL TILES â€" PULSE BORDER ON HOVER â"€â"€ */ .bpg-tile-special { padding: 10px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #555; background: #f9f9f9; position: relative; } .bpg-tile-special:hover { border-color: #1C7E97; color: #155E72; transform: translateY(-2px); box-shadow: 0 6px 14px rgba(28,126,151,0.08); animation: tilePulse 1.5s ease infinite; } @keyframes tilePulse { 0%, 100% { box-shadow: 0 6px 14px rgba(28,126,151,0.08); } 50% { box-shadow: 0 6px 20px rgba(28,126,151,0.16); } } /* â"€â"€ INTRO TEXT â€" ANIMATED BORDER LEFT â"€â"€ */ .bpg-intro-text { font-size: 1.1rem; font-weight: 400; margin-bottom: 40px; color: #333; border-left: 4px solid #1a1a1a; padding-left: 20px; background: linear-gradient(90deg, #fcfcfc 0%, transparent 100%); padding-top: 10px; padding-bottom: 10px; position: relative; transition: all 0.4s ease; } .bpg-intro-text:hover { border-left-color: #1C7E97; border-left-width: 6px; padding-left: 22px; background: linear-gradient(90deg, rgba(28,126,151,0.04) 0%, transparent 100%); } /* â"€â"€ SECTION LABELS â€" DRAW-IN LINE â"€â"€ */ .bpg-label { font-size: 0.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.15em; color: #888; margin: 50px 0 20px 0; display: block

.bpg-container { font-family: inherit; color: #1a1a1a; line-height: 1.6; max-width: 900px; margin: 0 auto; padding: 15px; } /* â"€â"€ HEADER GRID â"€â"€ */ .bpg-header-area { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 35px; } .bpg-tile { background: #fcfcfc; border: 1px solid #eee; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); text-align: center; } /* â"€â"€ CPU TILE â€" FLOWING GRADIENT BORDER â"€â"€ */ .bpg-tile-cpu { grid-column: span 2; padding: 22px 15px; font-size: 1.4rem; font-weight: 900; letter-spacing: -0.02em; background: #fff; border: none; position: relative; overflow: visible; z-index: 1; } .bpg-tile-cpu::before { content: ''; position: absolute; inset: -1px; border-radius: 11px; background: linear-gradient(90deg, #1C7E97, #2EACC7, #1C7E97); background-size: 300% 100%; background-position: 0% 50%; z-index: -2; transition: background-position 0.4s ease; } .bpg-tile-cpu::after { content: ''; position: absolute; inset: 1px; border-radius: 10px; background: #fff; z-index: -1; } @keyframes borderFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .bpg-tile-cpu:hover::before { background: linear-gradient(90deg, #155E72, #1C7E97, #5DC4D9, #2EACC7, #155E72, #1C7E97, #5DC4D9); background-size: 300% 100%; animation: borderFlow 3s ease infinite; filter: brightness(1.1); } .bpg-tile-cpu:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(28,126,151,0.12); } .bpg-usecase-tag { position: absolute; top: -10px; z-index: 2; left: 50%; transform: translateX(-50%); } .bpg-uc { position: absolute; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #155E72, #1C7E97, #2EACC7); color: #fff; font-size: 0.65rem; font-weight: 800; text-transform: uppercase; padding: 3px 12px; border-radius: 20px; letter-spacing: 0.08em; white-space: nowrap; opacity: 0; } .bpg-uc:first-child { opacity: 1; } /* â"€â"€ RAM / SSD TILES â€" SHIMMER ON HOVER â"€â"€ */ .bpg-tile-mem { padding: 12px; font-size: 0.95rem; font-weight: 700; position: relative; overflow: hidden; } .bpg-tile-mem::after { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent); transition: none; pointer-events: none; } .bpg-tile-mem:hover { border-color: #1C7E97; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(28,126,151,0.10); } .bpg-tile-mem:hover::after { animation: shimmer 0.6s ease forwards; } @keyframes shimmer { to { left: 120%; } } /* â"€â"€ SPECIAL TILES â€" PULSE BORDER ON HOVER â"€â"€ */ .bpg-tile-special { padding: 10px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #555; background: #f9f9f9; position: relative; } .bpg-tile-special:hover { border-color: #1C7E97; color: #155E72; transform: translateY(-2px); box-shadow: 0 6px 14px rgba(28,126,151,0.08); animation: tilePulse 1.5s ease infinite; } @keyframes tilePulse { 0%, 100% { box-shadow: 0 6px 14px rgba(28,126,151,0.08); } 50% { box-shadow: 0 6px 20px rgba(28,126,151,0.16); } } /* â"€â"€ INTRO TEXT â€" ANIMATED BORDER LEFT â"€â"€ */ .bpg-intro-text { font-size: 1.1rem; font-weight: 400; margin-bottom: 40px; color: #333; border-left: 4px solid #1a1a1a; padding-left: 20px; background: linear-gradient(90deg, #fcfcfc 0%, transparent 100%); padding-top: 10px; padding-bottom: 10px; position: relative; transition: all 0.4s ease; } .bpg-intro-text:hover { border-left-color: #1C7E97; border-left-width: 6px; padding-left: 22px; background: linear-gradient(90deg, rgba(28,126,151,0.04) 0%, transparent 100%); } /* â"€â"€ SECTION LABELS â€" DRAW-IN LINE â"€â"€ */ .bpg-label { font-size: 0.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.15em; color: #888; margin: 50px 0 20px 0; display: block

.bpg-container { font-family: inherit; color: #1a1a1a; line-height: 1.6; max-width: 900px; margin: 0 auto; padding: 15px; } /* â"€â"€ HEADER GRID â"€â"€ */ .bpg-header-area { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 35px; } .bpg-tile { background: #fcfcfc; border: 1px solid #eee; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); text-align: center; } /* â"€â"€ CPU TILE â€" FLOWING GRADIENT BORDER â"€â"€ */ .bpg-tile-cpu { grid-column: span 2; padding: 22px 15px; font-size: 1.4rem; font-weight: 900; letter-spacing: -0.02em; background: #fff; border: none; position: relative; overflow: visible; z-index: 1; } .bpg-tile-cpu::before { content: ''; position: absolute; inset: -1px; border-radius: 11px; background: linear-gradient(90deg, #1C7E97, #2EACC7, #1C7E97); background-size: 300% 100%; background-position: 0% 50%; z-index: -2; transition: background-position 0.4s ease; } .bpg-tile-cpu::after { content: ''; position: absolute; inset: 1px; border-radius: 10px; background: #fff; z-index: -1; } @keyframes borderFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .bpg-tile-cpu:hover::before { background: linear-gradient(90deg, #155E72, #1C7E97, #5DC4D9, #2EACC7, #155E72, #1C7E97, #5DC4D9); background-size: 300% 100%; animation: borderFlow 3s ease infinite; filter: brightness(1.1); } .bpg-tile-cpu:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(28,126,151,0.12); } .bpg-usecase-tag { position: absolute; top: -10px; z-index: 2; left: 50%; transform: translateX(-50%); } .bpg-uc { position: absolute; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #155E72, #1C7E97, #2EACC7); color: #fff; font-size: 0.65rem; font-weight: 800; text-transform: uppercase; padding: 3px 12px; border-radius: 20px; letter-spacing: 0.08em; white-space: nowrap; opacity: 0; } .bpg-uc:first-child { opacity: 1; } /* â"€â"€ RAM / SSD TILES â€" SHIMMER ON HOVER â"€â"€ */ .bpg-tile-mem { padding: 12px; font-size: 0.95rem; font-weight: 700; position: relative; overflow: hidden; } .bpg-tile-mem::after { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent); transition: none; pointer-events: none; } .bpg-tile-mem:hover { border-color: #1C7E97; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(28,126,151,0.10); } .bpg-tile-mem:hover::after { animation: shimmer 0.6s ease forwards; } @keyframes shimmer { to { left: 120%; } } /* â"€â"€ SPECIAL TILES â€" PULSE BORDER ON HOVER â"€â"€ */ .bpg-tile-special { padding: 10px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #555; background: #f9f9f9; position: relative; } .bpg-tile-special:hover { border-color: #1C7E97; color: #155E72; transform: translateY(-2px); box-shadow: 0 6px 14px rgba(28,126,151,0.08); animation: tilePulse 1.5s ease infinite; } @keyframes tilePulse { 0%, 100% { box-shadow: 0 6px 14px rgba(28,126,151,0.08); } 50% { box-shadow: 0 6px 20px rgba(28,126,151,0.16); } } /* â"€â"€ INTRO TEXT â€" ANIMATED BORDER LEFT â"€â"€ */ .bpg-intro-text { font-size: 1.1rem; font-weight: 400; margin-bottom: 40px; color: #333; border-left: 4px solid #1a1a1a; padding-left: 20px; background: linear-gradient(90deg, #fcfcfc 0%, transparent 100%); padding-top: 10px; padding-bottom: 10px; position: relative; transition: all 0.4s ease; } .bpg-intro-text:hover { border-left-color: #1C7E97; border-left-width: 6px; padding-left: 22px; background: linear-gradient(90deg, rgba(28,126,151,0.04) 0%, transparent 100%); } /* â"€â"€ SECTION LABELS â€" DRAW-IN LINE â"€â"€ */ .bpg-label { font-size: 0.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.15em; color: #888; margin: 50px 0 20px 0; display: block

.bpg-container { font-family: inherit; color: #1a1a1a; line-height: 1.6; max-width: 900px; margin: 0 auto; padding: 15px; } /* â"€â"€ HEADER GRID â"€â"€ */ .bpg-header-area { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 35px; } .bpg-tile { background: #fcfcfc; border: 1px solid #eee; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); text-align: center; } /* â"€â"€ CPU TILE â€" FLOWING GRADIENT BORDER â"€â"€ */ .bpg-tile-cpu { grid-column: span 2; padding: 22px 15px; font-size: 1.4rem; font-weight: 900; letter-spacing: -0.02em; background: #fff; border: none; position: relative; overflow: visible; z-index: 1; } .bpg-tile-cpu::before { content: ''; position: absolute; inset: -1px; border-radius: 11px; background: linear-gradient(90deg, #1C7E97, #2EACC7, #1C7E97); background-size: 300% 100%; background-position: 0% 50%; z-index: -2; transition: background-position 0.4s ease; } .bpg-tile-cpu::after { content: ''; position: absolute; inset: 1px; border-radius: 10px; background: #fff; z-index: -1; } @keyframes borderFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .bpg-tile-cpu:hover::before { background: linear-gradient(90deg, #155E72, #1C7E97, #5DC4D9, #2EACC7, #155E72, #1C7E97, #5DC4D9); background-size: 300% 100%; animation: borderFlow 3s ease infinite; filter: brightness(1.1); } .bpg-tile-cpu:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(28,126,151,0.12); } .bpg-usecase-tag { position: absolute; top: -10px; z-index: 2; left: 50%; transform: translateX(-50%); } .bpg-uc { position: absolute; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #155E72, #1C7E97, #2EACC7); color: #fff; font-size: 0.65rem; font-weight: 800; text-transform: uppercase; padding: 3px 12px; border-radius: 20px; letter-spacing: 0.08em; white-space: nowrap; opacity: 0; } .bpg-uc:first-child { opacity: 1; } /* â"€â"€ RAM / SSD TILES â€" SHIMMER ON HOVER â"€â"€ */ .bpg-tile-mem { padding: 12px; font-size: 0.95rem; font-weight: 700; position: relative; overflow: hidden; } .bpg-tile-mem::after { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent); transition: none; pointer-events: none; } .bpg-tile-mem:hover { border-color: #1C7E97; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(28,126,151,0.10); } .bpg-tile-mem:hover::after { animation: shimmer 0.6s ease forwards; } @keyframes shimmer { to { left: 120%; } } /* â"€â"€ SPECIAL TILES â€" PULSE BORDER ON HOVER â"€â"€ */ .bpg-tile-special { padding: 10px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #555; background: #f9f9f9; position: relative; } .bpg-tile-special:hover { border-color: #1C7E97; color: #155E72; transform: translateY(-2px); box-shadow: 0 6px 14px rgba(28,126,151,0.08); animation: tilePulse 1.5s ease infinite; } @keyframes tilePulse { 0%, 100% { box-shadow: 0 6px 14px rgba(28,126,151,0.08); } 50% { box-shadow: 0 6px 20px rgba(28,126,151,0.16); } } /* â"€â"€ INTRO TEXT â€" ANIMATED BORDER LEFT â"€â"€ */ .bpg-intro-text { font-size: 1.1rem; font-weight: 400; margin-bottom: 40px; color: #333; border-left: 4px solid #1a1a1a; padding-left: 20px; background: linear-gradient(90deg, #fcfcfc 0%, transparent 100%); padding-top: 10px; padding-bottom: 10px; position: relative; transition: all 0.4s ease; } .bpg-intro-text:hover { border-left-color: #1C7E97; border-left-width: 6px; padding-left: 22px; background: linear-gradient(90deg, rgba(28,126,151,0.04) 0%, transparent 100%); } /* â"€â"€ SECTION LABELS â€" DRAW-IN LINE â"€â"€ */ .bpg-label { font-size: 0.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.15em; color: #888; margin: 50px 0 20px 0; display: block

.bpg-container { font-family: inherit; color: #1a1a1a; line-height: 1.6; max-width: 900px; margin: 0 auto; padding: 15px; } /* â"€â"€ HEADER GRID â"€â"€ */ .bpg-header-area { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 35px; } .bpg-tile { background: #fcfcfc; border: 1px solid #eee; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); text-align: center; } /* â"€â"€ CPU TILE â€" FLOWING GRADIENT BORDER â"€â"€ */ .bpg-tile-cpu { grid-column: span 2; padding: 22px 15px; font-size: 1.4rem; font-weight: 900; letter-spacing: -0.02em; background: #fff; border: none; position: relative; overflow: visible; z-index: 1; } .bpg-tile-cpu::before { content: ''; position: absolute; inset: -1px; border-radius: 11px; background: linear-gradient(90deg, #1C7E97, #2EACC7, #1C7E97); background-size: 300% 100%; background-position: 0% 50%; z-index: -2; transition: background-position 0.4s ease; } .bpg-tile-cpu::after { content: ''; position: absolute; inset: 1px; border-radius: 10px; background: #fff; z-index: -1; } @keyframes borderFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .bpg-tile-cpu:hover::before { background: linear-gradient(90deg, #155E72, #1C7E97, #5DC4D9, #2EACC7, #155E72, #1C7E97, #5DC4D9); background-size: 300% 100%; animation: borderFlow 3s ease infinite; filter: brightness(1.1); } .bpg-tile-cpu:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(28,126,151,0.12); } .bpg-usecase-tag { position: absolute; top: -10px; z-index: 2; left: 50%; transform: translateX(-50%); } .bpg-uc { position: absolute; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #155E72, #1C7E97, #2EACC7); color: #fff; font-size: 0.65rem; font-weight: 800; text-transform: uppercase; padding: 3px 12px; border-radius: 20px; letter-spacing: 0.08em; white-space: nowrap; opacity: 0; } .bpg-uc:first-child { opacity: 1; } /* â"€â"€ RAM / SSD TILES â€" SHIMMER ON HOVER â"€â"€ */ .bpg-tile-mem { padding: 12px; font-size: 0.95rem; font-weight: 700; position: relative; overflow: hidden; } .bpg-tile-mem::after { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent); transition: none; pointer-events: none; } .bpg-tile-mem:hover { border-color: #1C7E97; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(28,126,151,0.10); } .bpg-tile-mem:hover::after { animation: shimmer 0.6s ease forwards; } @keyframes shimmer { to { left: 120%; } } /* â"€â"€ SPECIAL TILES â€" PULSE BORDER ON HOVER â"€â"€ */ .bpg-tile-special { padding: 10px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #555; background: #f9f9f9; position: relative; } .bpg-tile-special:hover { border-color: #1C7E97; color: #155E72; transform: translateY(-2px); box-shadow: 0 6px 14px rgba(28,126,151,0.08); animation: tilePulse 1.5s ease infinite; } @keyframes tilePulse { 0%, 100% { box-shadow: 0 6px 14px rgba(28,126,151,0.08); } 50% { box-shadow: 0 6px 20px rgba(28,126,151,0.16); } } /* â"€â"€ INTRO TEXT â€" ANIMATED BORDER LEFT â"€â"€ */ .bpg-intro-text { font-size: 1.1rem; font-weight: 400; margin-bottom: 40px; color: #333; border-left: 4px solid #1a1a1a; padding-left: 20px; background: linear-gradient(90deg, #fcfcfc 0%, transparent 100%); padding-top: 10px; padding-bottom: 10px; position: relative; transition: all 0.4s ease; } .bpg-intro-text:hover { border-left-color: #1C7E97; border-left-width: 6px; padding-left: 22px; background: linear-gradient(90deg, rgba(28,126,151,0.04) 0%, transparent 100%); } /* â"€â"€ SECTION LABELS â€" DRAW-IN LINE â"€â"€ */ .bpg-label { font-size: 0.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.15em; color: #888; margin: 50px 0 20px 0; display: block

.bpg-container { font-family: inherit; color: #1a1a1a; line-height: 1.6; max-width: 900px; margin: 0 auto; padding: 15px; } /* â"€â"€ HEADER GRID â"€â"€ */ .bpg-header-area { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 35px; } .bpg-tile { background: #fcfcfc; border: 1px solid #eee; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); text-align: center; } /* â"€â"€ CPU TILE â€" FLOWING GRADIENT BORDER â"€â"€ */ .bpg-tile-cpu { grid-column: span 2; padding: 22px 15px; font-size: 1.4rem; font-weight: 900; letter-spacing: -0.02em; background: #fff; border: none; position: relative; overflow: visible; z-index: 1; } .bpg-tile-cpu::before { content: ''; position: absolute; inset: -1px; border-radius: 11px; background: linear-gradient(90deg, #1C7E97, #2EACC7, #1C7E97); background-size: 300% 100%; background-position: 0% 50%; z-index: -2; transition: background-position 0.4s ease; } .bpg-tile-cpu::after { content: ''; position: absolute; inset: 1px; border-radius: 10px; background: #fff; z-index: -1; } @keyframes borderFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .bpg-tile-cpu:hover::before { background: linear-gradient(90deg, #155E72, #1C7E97, #5DC4D9, #2EACC7, #155E72, #1C7E97, #5DC4D9); background-size: 300% 100%; animation: borderFlow 3s ease infinite; filter: brightness(1.1); } .bpg-tile-cpu:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(28,126,151,0.12); } .bpg-usecase-tag { position: absolute; top: -10px; z-index: 2; left: 50%; transform: translateX(-50%); } .bpg-uc { position: absolute; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #155E72, #1C7E97, #2EACC7); color: #fff; font-size: 0.65rem; font-weight: 800; text-transform: uppercase; padding: 3px 12px; border-radius: 20px; letter-spacing: 0.08em; white-space: nowrap; opacity: 0; } .bpg-uc:first-child { opacity: 1; } /* â"€â"€ RAM / SSD TILES â€" SHIMMER ON HOVER â"€â"€ */ .bpg-tile-mem { padding: 12px; font-size: 0.95rem; font-weight: 700; position: relative; overflow: hidden; } .bpg-tile-mem::after { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent); transition: none; pointer-events: none; } .bpg-tile-mem:hover { border-color: #1C7E97; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(28,126,151,0.10); } .bpg-tile-mem:hover::after { animation: shimmer 0.6s ease forwards; } @keyframes shimmer { to { left: 120%; } } /* â"€â"€ SPECIAL TILES â€" PULSE BORDER ON HOVER â"€â"€ */ .bpg-tile-special { padding: 10px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #555; background: #f9f9f9; position: relative; } .bpg-tile-special:hover { border-color: #1C7E97; color: #155E72; transform: translateY(-2px); box-shadow: 0 6px 14px rgba(28,126,151,0.08); animation: tilePulse 1.5s ease infinite; } @keyframes tilePulse { 0%, 100% { box-shadow: 0 6px 14px rgba(28,126,151,0.08); } 50% { box-shadow: 0 6px 20px rgba(28,126,151,0.16); } } /* â"€â"€ INTRO TEXT â€" ANIMATED BORDER LEFT â"€â"€ */ .bpg-intro-text { font-size: 1.1rem; font-weight: 400; margin-bottom: 40px; color: #333; border-left: 4px solid #1a1a1a; padding-left: 20px; background: linear-gradient(90deg, #fcfcfc 0%, transparent 100%); padding-top: 10px; padding-bottom: 10px; position: relative; transition: all 0.4s ease; } .bpg-intro-text:hover { border-left-color: #1C7E97; border-left-width: 6px; padding-left: 22px; background: linear-gradient(90deg, rgba(28,126,151,0.04) 0%, transparent 100%); } /* â"€â"€ SECTION LABELS â€" DRAW-IN LINE â"€â"€ */ .bpg-label { font-size: 0.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.15em; color: #888; margin: 50px 0 20px 0; display: block

.bpg-container { font-family: inherit; color: #1a1a1a; line-height: 1.6; max-width: 900px; margin: 0 auto; padding: 15px; } /* â"€â"€ HEADER GRID â"€â"€ */ .bpg-header-area { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 35px; } .bpg-tile { background: #fcfcfc; border: 1px solid #eee; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); text-align: center; } /* â"€â"€ CPU TILE â€" FLOWING GRADIENT BORDER â"€â"€ */ .bpg-tile-cpu { grid-column: span 2; padding: 22px 15px; font-size: 1.4rem; font-weight: 900; letter-spacing: -0.02em; background: #fff; border: none; position: relative; overflow: visible; z-index: 1; } .bpg-tile-cpu::before { content: ''; position: absolute; inset: -1px; border-radius: 11px; background: linear-gradient(90deg, #1C7E97, #2EACC7, #1C7E97); background-size: 300% 100%; background-position: 0% 50%; z-index: -2; transition: background-position 0.4s ease; } .bpg-tile-cpu::after { content: ''; position: absolute; inset: 1px; border-radius: 10px; background: #fff; z-index: -1; } @keyframes borderFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .bpg-tile-cpu:hover::before { background: linear-gradient(90deg, #155E72, #1C7E97, #5DC4D9, #2EACC7, #155E72, #1C7E97, #5DC4D9); background-size: 300% 100%; animation: borderFlow 3s ease infinite; filter: brightness(1.1); } .bpg-tile-cpu:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(28,126,151,0.12); } .bpg-usecase-tag { position: absolute; top: -10px; z-index: 2; left: 50%; transform: translateX(-50%); } .bpg-uc { position: absolute; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #155E72, #1C7E97, #2EACC7); color: #fff; font-size: 0.65rem; font-weight: 800; text-transform: uppercase; padding: 3px 12px; border-radius: 20px; letter-spacing: 0.08em; white-space: nowrap; opacity: 0; } .bpg-uc:first-child { opacity: 1; } /* â"€â"€ RAM / SSD TILES â€" SHIMMER ON HOVER â"€â"€ */ .bpg-tile-mem { padding: 12px; font-size: 0.95rem; font-weight: 700; position: relative; overflow: hidden; } .bpg-tile-mem::after { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent); transition: none; pointer-events: none; } .bpg-tile-mem:hover { border-color: #1C7E97; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(28,126,151,0.10); } .bpg-tile-mem:hover::after { animation: shimmer 0.6s ease forwards; } @keyframes shimmer { to { left: 120%; } } /* â"€â"€ SPECIAL TILES â€" PULSE BORDER ON HOVER â"€â"€ */ .bpg-tile-special { padding: 10px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #555; background: #f9f9f9; position: relative; } .bpg-tile-special:hover { border-color: #1C7E97; color: #155E72; transform: translateY(-2px); box-shadow: 0 6px 14px rgba(28,126,151,0.08); animation: tilePulse 1.5s ease infinite; } @keyframes tilePulse { 0%, 100% { box-shadow: 0 6px 14px rgba(28,126,151,0.08); } 50% { box-shadow: 0 6px 20px rgba(28,126,151,0.16); } } /* â"€â"€ INTRO TEXT â€" ANIMATED BORDER LEFT â"€â"€ */ .bpg-intro-text { font-size: 1.1rem; font-weight: 400; margin-bottom: 40px; color: #333; border-left: 4px solid #1a1a1a; padding-left: 20px; background: linear-gradient(90deg, #fcfcfc 0%, transparent 100%); padding-top: 10px; padding-bottom: 10px; position: relative; transition: all 0.4s ease; } .bpg-intro-text:hover { border-left-color: #1C7E97; border-left-width: 6px; padding-left: 22px; background: linear-gradient(90deg, rgba(28,126,151,0.04) 0%, transparent 100%); } /* â"€â"€ SECTION LABELS â€" DRAW-IN LINE â"€â"€ */ .bpg-label { font-size: 0.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.15em; color: #888; margin: 50px 0 20px 0; display: block

Produktbeschreibung Hochwertiges USB C auf USB C Kabel zum Laden von Smartphones, Tablets, Laptops und anderen Geräten mit USB-C Anschluss. Das robuste Nylon-Geflecht sorgt für eine lange Lebensdauer und schützt das Kabel zuverlässig vor Knicken und Abnutzung. Artikel: kompatibles Zubehör, kein Originalprodukt eines Geräteherstellers Kabellänge: ca. 1 Meter Technische Eigenschaften: USB Type C Stecker auf USB Type C Stecker Unterstützt Stromübertragung bis zu 5A / 100W Robustes und langlebiges Nylon Kabel (Schwarz / Orange) Geeignet zum schnellen Laden kompatibler Geräte Nur Ladefunktion - keine Datenübertragung Hinweis: Dieses Kabel ist ausschließlich zum Laden geeignet. Eine Datenübertragung sowie die Übertragung von Audio- oder Videosignalen wird nicht unterstützt. Lieferumfang: 1 × USB C auf USB C Kabel kompatibel für Tablet, Smartphone, Laptop und weitere Geräte (siehe Produktbild) Weitere Informationen: Nach dem Kauf erhalten Sie eine mit ausgewiesener im PDF-Format per .

.bpg-container { font-family: inherit; color: #1a1a1a; line-height: 1.6; max-width: 900px; margin: 0 auto; padding: 15px; } /* â"€â"€ HEADER GRID â"€â"€ */ .bpg-header-area { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 35px; } .bpg-tile { background: #fcfcfc; border: 1px solid #eee; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); text-align: center; } /* â"€â"€ CPU TILE â€" FLOWING GRADIENT BORDER â"€â"€ */ .bpg-tile-cpu { grid-column: span 2; padding: 22px 15px; font-size: 1.4rem; font-weight: 900; letter-spacing: -0.02em; background: #fff; border: none; position: relative; overflow: visible; z-index: 1; } .bpg-tile-cpu::before { content: ''; position: absolute; inset: -1px; border-radius: 11px; background: linear-gradient(90deg, #1C7E97, #2EACC7, #1C7E97); background-size: 300% 100%; background-position: 0% 50%; z-index: -2; transition: background-position 0.4s ease; } .bpg-tile-cpu::after { content: ''; position: absolute; inset: 1px; border-radius: 10px; background: #fff; z-index: -1; } @keyframes borderFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .bpg-tile-cpu:hover::before { background: linear-gradient(90deg, #155E72, #1C7E97, #5DC4D9, #2EACC7, #155E72, #1C7E97, #5DC4D9); background-size: 300% 100%; animation: borderFlow 3s ease infinite; filter: brightness(1.1); } .bpg-tile-cpu:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(28,126,151,0.12); } .bpg-usecase-tag { position: absolute; top: -10px; z-index: 2; left: 50%; transform: translateX(-50%); } .bpg-uc { position: absolute; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #155E72, #1C7E97, #2EACC7); color: #fff; font-size: 0.65rem; font-weight: 800; text-transform: uppercase; padding: 3px 12px; border-radius: 20px; letter-spacing: 0.08em; white-space: nowrap; opacity: 0; } .bpg-uc:first-child { opacity: 1; } /* â"€â"€ RAM / SSD TILES â€" SHIMMER ON HOVER â"€â"€ */ .bpg-tile-mem { padding: 12px; font-size: 0.95rem; font-weight: 700; position: relative; overflow: hidden; } .bpg-tile-mem::after { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent); transition: none; pointer-events: none; } .bpg-tile-mem:hover { border-color: #1C7E97; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(28,126,151,0.10); } .bpg-tile-mem:hover::after { animation: shimmer 0.6s ease forwards; } @keyframes shimmer { to { left: 120%; } } /* â"€â"€ SPECIAL TILES â€" PULSE BORDER ON HOVER â"€â"€ */ .bpg-tile-special { padding: 10px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #555; background: #f9f9f9; position: relative; } .bpg-tile-special:hover { border-color: #1C7E97; color: #155E72; transform: translateY(-2px); box-shadow: 0 6px 14px rgba(28,126,151,0.08); animation: tilePulse 1.5s ease infinite; } @keyframes tilePulse { 0%, 100% { box-shadow: 0 6px 14px rgba(28,126,151,0.08); } 50% { box-shadow: 0 6px 20px rgba(28,126,151,0.16); } } /* â"€â"€ INTRO TEXT â€" ANIMATED BORDER LEFT â"€â"€ */ .bpg-intro-text { font-size: 1.1rem; font-weight: 400; margin-bottom: 40px; color: #333; border-left: 4px solid #1a1a1a; padding-left: 20px; background: linear-gradient(90deg, #fcfcfc 0%, transparent 100%); padding-top: 10px; padding-bottom: 10px; position: relative; transition: all 0.4s ease; } .bpg-intro-text:hover { border-left-color: #1C7E97; border-left-width: 6px; padding-left: 22px; background: linear-gradient(90deg, rgba(28,126,151,0.04) 0%, transparent 100%); } /* â"€â"€ SECTION LABELS â€" DRAW-IN LINE â"€â"€ */ .bpg-label { font-size: 0.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.15em; color: #888; margin: 50px 0 20px 0; display: block

.bpg-container { font-family: inherit; color: #1a1a1a; line-height: 1.6; max-width: 900px; margin: 0 auto; padding: 15px; } /* â"€â"€ HEADER GRID â"€â"€ */ .bpg-header-area { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 35px; } .bpg-tile { background: #fcfcfc; border: 1px solid #eee; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); text-align: center; } /* â"€â"€ CPU TILE â€" FLOWING GRADIENT BORDER â"€â"€ */ .bpg-tile-cpu { grid-column: span 2; padding: 22px 15px; font-size: 1.4rem; font-weight: 900; letter-spacing: -0.02em; background: #fff; border: none; position: relative; overflow: visible; z-index: 1; } .bpg-tile-cpu::before { content: ''; position: absolute; inset: -1px; border-radius: 11px; background: linear-gradient(90deg, #1C7E97, #2EACC7, #1C7E97); background-size: 300% 100%; background-position: 0% 50%; z-index: -2; transition: background-position 0.4s ease; } .bpg-tile-cpu::after { content: ''; position: absolute; inset: 1px; border-radius: 10px; background: #fff; z-index: -1; } @keyframes borderFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .bpg-tile-cpu:hover::before { background: linear-gradient(90deg, #155E72, #1C7E97, #5DC4D9, #2EACC7, #155E72, #1C7E97, #5DC4D9); background-size: 300% 100%; animation: borderFlow 3s ease infinite; filter: brightness(1.1); } .bpg-tile-cpu:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(28,126,151,0.12); } .bpg-usecase-tag { position: absolute; top: -10px; z-index: 2; left: 50%; transform: translateX(-50%); } .bpg-uc { position: absolute; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #155E72, #1C7E97, #2EACC7); color: #fff; font-size: 0.65rem; font-weight: 800; text-transform: uppercase; padding: 3px 12px; border-radius: 20px; letter-spacing: 0.08em; white-space: nowrap; opacity: 0; } .bpg-uc:first-child { opacity: 1; } /* â"€â"€ RAM / SSD TILES â€" SHIMMER ON HOVER â"€â"€ */ .bpg-tile-mem { padding: 12px; font-size: 0.95rem; font-weight: 700; position: relative; overflow: hidden; } .bpg-tile-mem::after { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent); transition: none; pointer-events: none; } .bpg-tile-mem:hover { border-color: #1C7E97; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(28,126,151,0.10); } .bpg-tile-mem:hover::after { animation: shimmer 0.6s ease forwards; } @keyframes shimmer { to { left: 120%; } } /* â"€â"€ SPECIAL TILES â€" PULSE BORDER ON HOVER â"€â"€ */ .bpg-tile-special { padding: 10px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #555; background: #f9f9f9; position: relative; } .bpg-tile-special:hover { border-color: #1C7E97; color: #155E72; transform: translateY(-2px); box-shadow: 0 6px 14px rgba(28,126,151,0.08); animation: tilePulse 1.5s ease infinite; } @keyframes tilePulse { 0%, 100% { box-shadow: 0 6px 14px rgba(28,126,151,0.08); } 50% { box-shadow: 0 6px 20px rgba(28,126,151,0.16); } } /* â"€â"€ INTRO TEXT â€" ANIMATED BORDER LEFT â"€â"€ */ .bpg-intro-text { font-size: 1.1rem; font-weight: 400; margin-bottom: 40px; color: #333; border-left: 4px solid #1a1a1a; padding-left: 20px; background: linear-gradient(90deg, #fcfcfc 0%, transparent 100%); padding-top: 10px; padding-bottom: 10px; position: relative; transition: all 0.4s ease; } .bpg-intro-text:hover { border-left-color: #1C7E97; border-left-width: 6px; padding-left: 22px; background: linear-gradient(90deg, rgba(28,126,151,0.04) 0%, transparent 100%); } /* â"€â"€ SECTION LABELS â€" DRAW-IN LINE â"€â"€ */ .bpg-label { font-size: 0.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.15em; color: #888; margin: 50px 0 20px 0; display: block

.bpg-container { font-family: inherit; color: #1a1a1a; line-height: 1.6; max-width: 900px; margin: 0 auto; padding: 15px; } /* â"€â"€ HEADER GRID â"€â"€ */ .bpg-header-area { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 35px; } .bpg-tile { background: #fcfcfc; border: 1px solid #eee; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); text-align: center; } /* â"€â"€ CPU TILE â€" FLOWING GRADIENT BORDER â"€â"€ */ .bpg-tile-cpu { grid-column: span 2; padding: 22px 15px; font-size: 1.4rem; font-weight: 900; letter-spacing: -0.02em; background: #fff; border: none; position: relative; overflow: visible; z-index: 1; } .bpg-tile-cpu::before { content: ''; position: absolute; inset: -1px; border-radius: 11px; background: linear-gradient(90deg, #1C7E97, #2EACC7, #1C7E97); background-size: 300% 100%; background-position: 0% 50%; z-index: -2; transition: background-position 0.4s ease; } .bpg-tile-cpu::after { content: ''; position: absolute; inset: 1px; border-radius: 10px; background: #fff; z-index: -1; } @keyframes borderFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .bpg-tile-cpu:hover::before { background: linear-gradient(90deg, #155E72, #1C7E97, #5DC4D9, #2EACC7, #155E72, #1C7E97, #5DC4D9); background-size: 300% 100%; animation: borderFlow 3s ease infinite; filter: brightness(1.1); } .bpg-tile-cpu:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(28,126,151,0.12); } .bpg-usecase-tag { position: absolute; top: -10px; z-index: 2; left: 50%; transform: translateX(-50%); } .bpg-uc { position: absolute; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #155E72, #1C7E97, #2EACC7); color: #fff; font-size: 0.65rem; font-weight: 800; text-transform: uppercase; padding: 3px 12px; border-radius: 20px; letter-spacing: 0.08em; white-space: nowrap; opacity: 0; } .bpg-uc:first-child { opacity: 1; } /* â"€â"€ RAM / SSD TILES â€" SHIMMER ON HOVER â"€â"€ */ .bpg-tile-mem { padding: 12px; font-size: 0.95rem; font-weight: 700; position: relative; overflow: hidden; } .bpg-tile-mem::after { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent); transition: none; pointer-events: none; } .bpg-tile-mem:hover { border-color: #1C7E97; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(28,126,151,0.10); } .bpg-tile-mem:hover::after { animation: shimmer 0.6s ease forwards; } @keyframes shimmer { to { left: 120%; } } /* â"€â"€ SPECIAL TILES â€" PULSE BORDER ON HOVER â"€â"€ */ .bpg-tile-special { padding: 10px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #555; background: #f9f9f9; position: relative; } .bpg-tile-special:hover { border-color: #1C7E97; color: #155E72; transform: translateY(-2px); box-shadow: 0 6px 14px rgba(28,126,151,0.08); animation: tilePulse 1.5s ease infinite; } @keyframes tilePulse { 0%, 100% { box-shadow: 0 6px 14px rgba(28,126,151,0.08); } 50% { box-shadow: 0 6px 20px rgba(28,126,151,0.16); } } /* â"€â"€ INTRO TEXT â€" ANIMATED BORDER LEFT â"€â"€ */ .bpg-intro-text { font-size: 1.1rem; font-weight: 400; margin-bottom: 40px; color: #333; border-left: 4px solid #1a1a1a; padding-left: 20px; background: linear-gradient(90deg, #fcfcfc 0%, transparent 100%); padding-top: 10px; padding-bottom: 10px; position: relative; transition: all 0.4s ease; } .bpg-intro-text:hover { border-left-color: #1C7E97; border-left-width: 6px; padding-left: 22px; background: linear-gradient(90deg, rgba(28,126,151,0.04) 0%, transparent 100%); } /* â"€â"€ SECTION LABELS â€" DRAW-IN LINE â"€â"€ */ .bpg-label { font-size: 0.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.15em; color: #888; margin: 50px 0 20px 0; display: block

.bpg-container { font-family: inherit; color: #1a1a1a; line-height: 1.6; max-width: 900px; margin: 0 auto; padding: 15px; } /* â"€â"€ HEADER GRID â"€â"€ */ .bpg-header-area { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 35px; } .bpg-tile { background: #fcfcfc; border: 1px solid #eee; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); text-align: center; } /* â"€â"€ CPU TILE â€" FLOWING GRADIENT BORDER â"€â"€ */ .bpg-tile-cpu { grid-column: span 2; padding: 22px 15px; font-size: 1.4rem; font-weight: 900; letter-spacing: -0.02em; background: #fff; border: none; position: relative; overflow: visible; z-index: 1; } .bpg-tile-cpu::before { content: ''; position: absolute; inset: -1px; border-radius: 11px; background: linear-gradient(90deg, #1C7E97, #2EACC7, #1C7E97); background-size: 300% 100%; background-position: 0% 50%; z-index: -2; transition: background-position 0.4s ease; } .bpg-tile-cpu::after { content: ''; position: absolute; inset: 1px; border-radius: 10px; background: #fff; z-index: -1; } @keyframes borderFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .bpg-tile-cpu:hover::before { background: linear-gradient(90deg, #155E72, #1C7E97, #5DC4D9, #2EACC7, #155E72, #1C7E97, #5DC4D9); background-size: 300% 100%; animation: borderFlow 3s ease infinite; filter: brightness(1.1); } .bpg-tile-cpu:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(28,126,151,0.12); } .bpg-usecase-tag { position: absolute; top: -10px; z-index: 2; left: 50%; transform: translateX(-50%); } .bpg-uc { position: absolute; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #155E72, #1C7E97, #2EACC7); color: #fff; font-size: 0.65rem; font-weight: 800; text-transform: uppercase; padding: 3px 12px; border-radius: 20px; letter-spacing: 0.08em; white-space: nowrap; opacity: 0; } .bpg-uc:first-child { opacity: 1; } /* â"€â"€ RAM / SSD TILES â€" SHIMMER ON HOVER â"€â"€ */ .bpg-tile-mem { padding: 12px; font-size: 0.95rem; font-weight: 700; position: relative; overflow: hidden; } .bpg-tile-mem::after { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent); transition: none; pointer-events: none; } .bpg-tile-mem:hover { border-color: #1C7E97; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(28,126,151,0.10); } .bpg-tile-mem:hover::after { animation: shimmer 0.6s ease forwards; } @keyframes shimmer { to { left: 120%; } } /* â"€â"€ SPECIAL TILES â€" PULSE BORDER ON HOVER â"€â"€ */ .bpg-tile-special { padding: 10px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #555; background: #f9f9f9; position: relative; } .bpg-tile-special:hover { border-color: #1C7E97; color: #155E72; transform: translateY(-2px); box-shadow: 0 6px 14px rgba(28,126,151,0.08); animation: tilePulse 1.5s ease infinite; } @keyframes tilePulse { 0%, 100% { box-shadow: 0 6px 14px rgba(28,126,151,0.08); } 50% { box-shadow: 0 6px 20px rgba(28,126,151,0.16); } } /* â"€â"€ INTRO TEXT â€" ANIMATED BORDER LEFT â"€â"€ */ .bpg-intro-text { font-size: 1.1rem; font-weight: 400; margin-bottom: 40px; color: #333; border-left: 4px solid #1a1a1a; padding-left: 20px; background: linear-gradient(90deg, #fcfcfc 0%, transparent 100%); padding-top: 10px; padding-bottom: 10px; position: relative; transition: all 0.4s ease; } .bpg-intro-text:hover { border-left-color: #1C7E97; border-left-width: 6px; padding-left: 22px; background: linear-gradient(90deg, rgba(28,126,151,0.04) 0%, transparent 100%); } /* â"€â"€ SECTION LABELS â€" DRAW-IN LINE â"€â"€ */ .bpg-label { font-size: 0.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.15em; color: #888; margin: 50px 0 20px 0; display: block

.bpg-container { font-family: inherit; color: #1a1a1a; line-height: 1.6; max-width: 900px; margin: 0 auto; padding: 15px; } /* â"€â"€ HEADER GRID â"€â"€ */ .bpg-header-area { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 35px; } .bpg-tile { background: #fcfcfc; border: 1px solid #eee; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); text-align: center; } /* â"€â"€ CPU TILE â€" FLOWING GRADIENT BORDER â"€â"€ */ .bpg-tile-cpu { grid-column: span 2; padding: 22px 15px; font-size: 1.4rem; font-weight: 900; letter-spacing: -0.02em; background: #fff; border: none; position: relative; overflow: visible; z-index: 1; } .bpg-tile-cpu::before { content: ''; position: absolute; inset: -1px; border-radius: 11px; background: linear-gradient(90deg, #1C7E97, #2EACC7, #1C7E97); background-size: 300% 100%; background-position: 0% 50%; z-index: -2; transition: background-position 0.4s ease; } .bpg-tile-cpu::after { content: ''; position: absolute; inset: 1px; border-radius: 10px; background: #fff; z-index: -1; } @keyframes borderFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .bpg-tile-cpu:hover::before { background: linear-gradient(90deg, #155E72, #1C7E97, #5DC4D9, #2EACC7, #155E72, #1C7E97, #5DC4D9); background-size: 300% 100%; animation: borderFlow 3s ease infinite; filter: brightness(1.1); } .bpg-tile-cpu:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(28,126,151,0.12); } .bpg-usecase-tag { position: absolute; top: -10px; z-index: 2; left: 50%; transform: translateX(-50%); } .bpg-uc { position: absolute; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #155E72, #1C7E97, #2EACC7); color: #fff; font-size: 0.65rem; font-weight: 800; text-transform: uppercase; padding: 3px 12px; border-radius: 20px; letter-spacing: 0.08em; white-space: nowrap; opacity: 0; } .bpg-uc:first-child { opacity: 1; } /* â"€â"€ RAM / SSD TILES â€" SHIMMER ON HOVER â"€â"€ */ .bpg-tile-mem { padding: 12px; font-size: 0.95rem; font-weight: 700; position: relative; overflow: hidden; } .bpg-tile-mem::after { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent); transition: none; pointer-events: none; } .bpg-tile-mem:hover { border-color: #1C7E97; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(28,126,151,0.10); } .bpg-tile-mem:hover::after { animation: shimmer 0.6s ease forwards; } @keyframes shimmer { to { left: 120%; } } /* â"€â"€ SPECIAL TILES â€" PULSE BORDER ON HOVER â"€â"€ */ .bpg-tile-special { padding: 10px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #555; background: #f9f9f9; position: relative; } .bpg-tile-special:hover { border-color: #1C7E97; color: #155E72; transform: translateY(-2px); box-shadow: 0 6px 14px rgba(28,126,151,0.08); animation: tilePulse 1.5s ease infinite; } @keyframes tilePulse { 0%, 100% { box-shadow: 0 6px 14px rgba(28,126,151,0.08); } 50% { box-shadow: 0 6px 20px rgba(28,126,151,0.16); } } /* â"€â"€ INTRO TEXT â€" ANIMATED BORDER LEFT â"€â"€ */ .bpg-intro-text { font-size: 1.1rem; font-weight: 400; margin-bottom: 40px; color: #333; border-left: 4px solid #1a1a1a; padding-left: 20px; background: linear-gradient(90deg, #fcfcfc 0%, transparent 100%); padding-top: 10px; padding-bottom: 10px; position: relative; transition: all 0.4s ease; } .bpg-intro-text:hover { border-left-color: #1C7E97; border-left-width: 6px; padding-left: 22px; background: linear-gradient(90deg, rgba(28,126,151,0.04) 0%, transparent 100%); } /* â"€â"€ SECTION LABELS â€" DRAW-IN LINE â"€â"€ */ .bpg-label { font-size: 0.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.15em; color: #888; margin: 50px 0 20px 0; display: block

MINI-PC MIT INTEL CORE ULTRA X7 358H UND 172 TOPS KI-LEISTUNG + 10G ETHERNET Der Intel Core Ultra X7 358H (1,8 nm, 2025) bringt 172 TOPS KI-Gesamtleistung, 10G Ethernet, zwei Thunderbolt-4-Ports und OCuLink in einem 0,73-kg-Gehäuse zusammen. Die Kombination aus Hexa-Channel-RAM, maximaler Konnektivität und Windows 11 Pro macht ihn zur kompakten KI-Workstation für lokale LLMs, Virtualisierung und Homelab-Betrieb.---LEISTUNGDer Intel Core Ultra X7 358H (Panther Lake, 1,8 nm, 2025) arbeitet mit 16 Kernen in einer Hybrid-Architektur aus 4 Performance-, 8 Effizienz- und 4 Low-Power-Effizienz-Kernen bei bis zu 4,8 GHz Boost und 25–80 W TDP. Die Grafik übernimmt Intel Arc Xe3 mit 12 Xe-Cores und 2500 MHz. Der Arbeitsspeicher ist als 64 GB LPDDR5x-9600 in einer Hexa-Channel-Konfiguration (6× 16 GB) verlötet und nicht aufrüstbar. Als Systemlaufwerk ist 1 TB NVMe (PCIe 4.0) verbaut; zwei M.2-Steckplätze ermöglichen einen Ausbau auf maximal 8 TB.ANSCHLÜSSE & KONNEKTIVITÄTZwei Thunderbolt-4-Ports (je 40 Gbps) erlauben externe GPUs, NV

MINI-PC MIT AMD RYZEN 5 7640HS UND RDNA 3 GRAFIKDer Bosgame P3 Mix setzt auf die AMD-Phoenix-Plattform: Ryzen 5 7640HS in 4-nm-Fertigung mit Radeon 760M (RDNA 3) und DDR5-5600. Ein 10-TOPS-NPU ermöglicht lokale KI-Inferenz, Dual 2,5G LAN und Wi-Fi 6E sorgen für zeitgemäße Konnektivität in einem 550-g-Gehäuse mit VESA-Montage.---LEISTUNGDer AMD Ryzen 5 7640HS arbeitet mit 6 Kernen und 12 Threads der Zen-4-Architektur bei bis zu 5,0 GHz Turbotakt. Die 4-nm-Fertigung hält den TDP-Bereich bei 35 bis 54 Watt. 16 GB DDR5-5600 im Dual-Channel-Modus bilden die Standardkonfiguration; optional sind 32 GB verfügbar, aufrüstbar auf maximal 64 GB über zwei SO-DIMM-Slots. Die NVMe-SSD mit PCIe 4.0 ×4 startet bei 512 GB, eine 1-TB-Variante ist erhältlich. Ein zweiter M.2-Slot erlaubt den Ausbau auf 8 TB. Die integrierte Radeon 760M mit 8 Compute Units (RDNA 3, 2600 MHz) übernimmt Grafikausgabe, AV1-Beschleunigung und leichtes Gaming.ANSCHLÜSSE & KONNEKTIVITÄTEin USB-C-4.0-Port mit 20 Gbps dient gleichzeitig als Videoausgang (4K@144Hz / 8

MINI-PC MIT AMD RYZEN AI 9 HX 370 UND OCULINK FÜR EXTERNE GRAFIKKARTENDer Bosgame M6 verbindet den AMD Ryzen AI 9 HX 370 (Strix Point, Zen 5, 12 Kerne, 24 Threads) mit einem OCuLink-Anschluss für externe Grafikkarten. 80 TOPS KI-Gesamtleistung, eine 50-TOPS-NPU und Dual 2.5G LAN machen den M6 zur vielseitigsten Plattform im kompakten Formfaktor.---LEISTUNGDer AMD Ryzen AI 9 HX 370 taktet mit bis zu 5,1 GHz auf 12 Kernen (4× Zen 5, 8× Zen 5c) und 24 Threads. Im Benchmark erreicht der Prozessor ca. 4000 Punkte im Single-Core und ca. 35100 im Multi-Core. Die integrierte Radeon 890M (RDNA 3.5, 16 Compute Units, 2900 MHz) übernimmt Grafikaufgaben ohne externe GPU; über den OCuLink-Port (PCIe 4.0 ×4) lässt sich bei Bedarf eine dedizierte Grafikkarte anbinden.32 GB DDR5-5600 im Dual-Channel-Modus (2 × 16 GB SO-DIMM) liegen vor, aufrüstbar auf max. 96 GB. Die 1 TB NVMe-SSD (PCIe 4.0 ×4, M.2 2280) wird durch zwei weitere M.2-Slots (PCIe 4.0 ×2) ergänzt; insgesamt sind bis zu 12 TB Speicher möglich.ANSCHLÜSSE & KONNEKTIVITÄTVier USB

MINI-PC MIT INTEL CORE ULTRA 9 285H UND OCULINK + THUNDERBOLT 4Der Bosgame M7 kombiniert den Intel Core Ultra 9 285H (Arrow Lake-H, 3 nm) mit der Intel Arc Xe2 iGPU, OCuLink-Anschluss für externe Grafikkarten und Thunderbolt 4 für professionelles Docking. 99 TOPS KI-Leistung, Dual 2,5G LAN und vier gleichzeitige Monitorausgänge machen ihn zur leistungsstärksten Mini-PC-Plattform im Bosgame-Portfolio.---LEISTUNGDer Core Ultra 9 285H bringt 16 Kerne (6 Performance + 10 Efficiency) bei bis zu 5,4 GHz Boost und erreicht ca. 4500 Punkte im Single-Core und rund 34400 im Multi-Core. Die 45–115-W-TDP erlaubt echtes Workstation-Throttling. Die Intel Arc Xe2 iGPU (8 Xe-Cores, 2200 MHz) unterstützt DirectX 12 Ultimate, Hardware-Raytracing und AV1-Encode/Decode. Der Arbeitsspeicher startet mit 32 GB DDR5-5600 Dual Channel (2× SO-DIMM) und ist auf bis zu 128 GB aufrüstbar. Ein primärer M.2-Steckplatz (PCIe 4.0 ×4) und zwei Zusatz-Steckplätze (PCIe 4.0 ×2) nehmen NVMe-SSDs auf, ab Werk 1 TB verbaut, maximal 12 TB Gesamtkapazität.ANSCHLÜSSE

Powerful AMD Ryzen 9 7940HS Processor & Radeon 780M Graphics – This AMD Ryzen 7 7840HS mini-PC (8C/16T, Up to 5.2GHz) is equipped with Radeon 780M graphics, delivering excellent performance for gaming and streaming media. It runs smoothly and responsively, providing an outstanding visual experience. This high-performance mini pc is designed to become your reliable companion for both work and entertainment, bringing exceptional performance right to your fingertips. 16GB DDR5 RAM + 1TB PCIe 4.0 SSD Expansion – This mini desktop pc comes with 16GB DDR5 RAM (16GB×1), supports dual-channel memory, and can be upgraded up to 64GB (not include). With memory speeds of up to 4800MHz, it ensures smooth multitasking and efficient workflow. It also features a 1TB M.2 2280 NVMe PCIe4.0 SSD, along with an additional M.2 2280 NVMe PCIe4.0 expansion slot, providing ample storage space for your photos, videos, and files. Triple 4K Display Support for Enhanced Productivity – Pre-installed with Windows 11 Pro, this mini computer supports triple-display output at 4K@60Hz, meeting your demand for high-resolution and high-quality visuals. (Note: To achieve 4K resolution on all three displays, your monitors and cables must also support 4K output requirements.) Whether you frequently switch between tasks for work or enjoy immersive entertainment, this mini PC helps improve efficiency and convenience. It is an excellent choice for the office, bedroom, or gaming room. Dual RJ45 Ports & BT 5.2 Connectivity – This AMD mini PC features dual Gigabit RJ45 Ethernet ports and Bluetooth 5.2. Bluetooth 5.2 enables fast and stable wireless connections to your devices, while the dual RJ45 ports ensure low-latency online collaboration and networking. Whether for productivity or entertainment, it helps you stay efficient and fully immersed. Rich Connectivity & Reliable Service – This Ryzen mini PC is equipped with 3 × USB3.2 Type-A (Gen2 10Gbps), 2 × USB2.0 Type-A (480Mbps), 1 × Full Function USB Type-C, 2 × LAN, 1 × HDMI2.0, and 1 × DP. We provide warranty service and technical support from the date of purchase. If you have any questions, our professional support team is always available to help.

AMD Ryzen 7 6800H Mini PC – Ausgestattet mit dem AMD Ryzen 7 6800H Prozessor (8 Kerne, 16 Threads, bis zu 4,7 GHz) bietet dieser BOSGAME Mini PC eine schnelle und flüssige Leistung für Arbeit und Unterhaltung. Die integrierte Radeon 680M Grafikeinheit bewältigt Videobearbeitung, beliebte Online-Spiele und alltägliche Aufgaben mühelos. Ein leistungsstarker Ryzen 7 Mini-PC, der auf keinem Schreibtisch fehlen sollte. DDR5 Dual Channel & NVMe-SSD - Der Mini-PC verfügt über schnellen 4800-MHz-DDR5-Arbeitsspeicher im Dual-Channel-Modus sowie eine leistungsstarke NVMe-SSD. Programme starten in Sekundenschnelle und Multitasking läuft jederzeit reibungslos. Der Speicher kann auf bis zu 64 GB erweitert werden, zusätzlich wird die Installation einer PCIe-4.0-SSD unterstützt – ideal für Content Creator, Entwickler und Virtualisierungsanwendungen. Vier Bildschirme gleichzeitig - Mit zwei HDMI-2.0-Anschlüssen (4K@60Hz) und zwei USB4-Anschlüssen (8K@60Hz) unterstützt der Mini-PC die gleichzeitige Nutzung von bis zu vier Monitoren. Ob Finanzanalysten, Grafikdesigner oder Konferenzräume – mehrere Bildschirme ermöglichen effizientes Arbeiten ohne ständiges Wechseln zwischen Fenstern. Schnelles Netzwerk & Moderne Funkverbindungen - Wi-Fi 6E mit Tri-Band-Technologie sorgt für höhere Geschwindigkeiten, geringere Latenzen und eine stabile Verbindung. Der integrierte 2,5-Gbit/s-LAN-Anschluss gewährleistet eine zuverlässige kabelgebundene Netzwerkverbindung. Perfekt für Cloud-Gaming, große Downloads und hochauflösende Videokonferenzen. Vielfältige Anschlüsse - Mit USB4 (40 Gbit/s), zwei USB-3.2-Anschlüssen (10 Gbit/s), zwei USB-2.0-Anschlüssen, RJ45-LAN sowie einem Audioanschluss bietet der Ryzen Mini-PC umfangreiche Erweiterungsmöglichkeiten. Schließen Sie externe Laufwerke, mehrere Monitore, Tastaturen, Mäuse und Headsets direkt an. Dank seines kompakten Formats sorgt dieser Mini-PC für einen aufgeräumten und modernen Arbeitsplatz.

Artikelbeschreibung: Farbe : Weiß - Kabel Länge ca. 1M - Anschluss A : USB Typ-C Stecker - Anschluss B : USB Typ-C Stecker - Strom: 60W (Schnelllade)

Artikelbeschreibung: Farbe : Schwarz - Kabel Länge ca. 1M - Anschluss A : USB Typ-C Stecker - Anschluss B : USB Typ-C Stecker - Kompatibilität: Geräte mit Typ-C-Anschluss (z.B. Laptop, Handy, Smartphone mobile Geräte…)

Leichte KI am Schreibtisch - Ausgestattet mit einer dedizierten 24-TOPS-NPU-KI-Engine unterstützt der E6 ECO 304 mini-pc die lokale Ausführung von KI-Leichtgewichtsmodellen. Von intelligenten Sprachassistenten, Echtzeitübersetzungen und Besprechungstranskriptionen bis hin zu Bildklassifizierung, Dokumenten-OCR und Inferenz mit kompakten Modellen – alles läuft reibungslos und lokal. Keine Cloud nötig, Ihre Daten bleiben privat, und der Stromverbrauch liegt unter dem einer Glühbirne. Ein kosteneffizienter Einstieg in die Desktop-KI. Enormer Speicherplatz, sofort einsatzbereit – Das BOSGAME E6 ECO 304 ist mit 12 GB LPDDR5X-Hochgeschwindigkeitsspeicher ausgestattet, der Geschwindigkeiten von bis zu 6400 MT/s erreicht und so ein flüssiges Multitasking ohne Ruckler ermöglicht. Serienmäßig ist ein 512-GB-PCIe-3.0-SSD-Laufwerk verbaut, und dank eines zusätzlichen M.2-2242-NVMe-PCIe-4.0-SSD-Steckplatzes lässt sich der Speicher problemlos erweitern. So verfügen Sie über reichlich Platz für Dokumente, Filme und Multimediadateien. Vorinstalliertes Windows 11 Pro – sofort einsatzbereit. Blitzschnelle Verbindungen – Dieser Mini-Business-PC ist mit modernster WiFi 7- und Bluetooth 5.4-Technologie ausgestattet. Die theoretische Spitzenübertragungsrate von WiFi 7 beträgt bis zu 46 Gbit/s, was fast dem Fünffachen von WiFi 6 (9,6 Gbit/s) entspricht. Online-Spiele, 4K-Streaming und Videokonferenzen laufen somit ruckelfrei und ohne Verzögerungen. Bluetooth 5.4 ist mehr als dreimal so schnell wie Bluetooth 5.2. Während die meisten Konkurrenzprodukte in derselben Preisklasse noch auf dem Stand von WLAN 6 + Bluetooth 5.2 verharren, hat der E6 ECO 304 dank seines nahtlosen Verbindungserlebnisses einen deutlichen Vorsprung. Effiziente Kühlung, kühler Kopf - Der E6 ECO 304 mini pc setzt auf ein Dual-Heatpipe-Kühlsystem mit leisem Lüfter, das Wärme blitzschnell abführt. Selbst unter Dauerlast – ob 24/7-Softrouter-Betrieb, KI-Inferenz oder Multitasking – bleiben die Temperaturen niedrig und die Leistung stabil. Ein Gerät, unzählige Möglichkeiten - Dank der Dual-1G-LAN-Ports eignet sich der E6 ECO 304 perfekt als Softrouter (OpenWRT/pfSense) – Hochgeschwindigkeits-Internet und Netzwerkmanagement in einem. Für den leichten Büroalltag meistert er Office, Browsing und Videokonferenzen mühelos. Mit 4K-Triple-Display eignet er sich ebenso für Digital Signage im Einzelhandel, Menübildschirme in Restaurants oder Infotafeln in Ausstellungsräumen. Vom Homeoffice bis zum kommerziellen Einsatz – ein Gerät für alles.

Artikelbeschreibung: Farbe : Schwarz - Kabel Länge ca. 1M - Anschluss A : USB Typ-C Stecker - Anschluss B : USB Typ-C Stecker - Kompatibilität: Geräte mit Typ-C-Anschluss (z.B. Laptop, Handy, Smartphone mobile Geräte…)

Powerful AMD Ryzen 7 7840HS Processor & Radeon 780M Graphics – This AMD Ryzen 7 7840HS mini-PC (8C/16T, Up to 5.1GHz) is equipped with Radeon 780M graphics, delivering excellent performance for gaming and streaming media. It runs smoothly and responsively, providing an outstanding visual experience. This high-performance mini pc is designed to become your reliable companion for both work and entertainment, bringing exceptional performance right to your fingertips. 16GB DDR5 RAM + 1TB PCIe 4.0 SSD Expansion – This mini desktop pc comes with 16GB DDR5 RAM (16GB×1), supports dual-channel memory, and can be upgraded up to 64GB (not include). With memory speeds of up to 4800MHz, it ensures smooth multitasking and efficient workflow. It also features a 1TB M.2 2280 NVMe PCIe4.0 SSD, along with an additional M.2 2280 NVMe PCIe4.0 expansion slot, providing ample storage space for your photos, videos, and files. Triple 4K Display Support for Enhanced Productivity – Pre-installed with Windows 11 Pro, this mini computer supports triple-display output at 4K@60Hz, meeting your demand for high-resolution and high-quality visuals. (Note: To achieve 4K resolution on all three displays, your monitors and cables must also support 4K output requirements.) Whether you frequently switch between tasks for work or enjoy immersive entertainment, this mini PC helps improve efficiency and convenience. It is an excellent choice for the office, bedroom, or gaming room. Dual RJ45 Ports & BT 5.2 Connectivity – This AMD mini PC features dual Gigabit RJ45 Ethernet ports and Bluetooth 5.2. Bluetooth 5.2 enables fast and stable wireless connections to your devices, while the dual RJ45 ports ensure low-latency online collaboration and networking. Whether for productivity or entertainment, it helps you stay efficient and fully immersed. Rich Connectivity & Reliable Service – This Ryzen mini PC is equipped with 3 × USB3.2 Type-A (Gen2 10Gbps), 2 × USB2.0 Type-A (480Mbps), 1 × Full Function USB Type-C, 2 × LAN, 1 × HDMI2.0, and 1 × DP. We provide warranty service and technical support from the date of purchase. If you have any questions, our professional support team is always available to help.

Artikelbeschreibung: Farbe : Weiß - Kabel Länge ca. 1M - Anschluss A : USB Typ-C Stecker - Anschluss B : USB Typ-C Stecker - Strom: 60W (Schnelllade)

✅ CE & ROHS zertifiziert ✅ SICHERHEITSSCHUTZ: Überspannungsschutz, Überhitzungsschutz, Kurzschlussschutz, Überladungsschutz, Multi-Sicherheitsschutzdesign für eine sicherere Verwendung. ✅ Externe Stromversorgung 230 V AC-DC – Eingang 100 ~ 240 V AC, 50 – 60 Hz ✅ Kabellänge: 120 cm ⚡ Marke: Top-Ladegerät

Ausgewogene Leistung: Der BOSGAME E7 Mini-PC ist mit einem 4C-8T Prozessor ausgestattet, der mit einer Intel-Grafikeinheit (Intel Graphics) kombiniert ist. Die maximale Taktfrequenz beträgt 4,7 GHz. Bei dieser Frequenz kann die Leistung mit der eines 12600H und 12700H verglichen werden. Diese Konfiguration ermöglicht effizientes Multitasking und eignet sich hervorragend für den täglichen Büroalltag, zum Lernen sowie für Designarbeiten. Herausragendes Preis-Leistungs-Verhältnis: Der Intel Mini-PC wird werkseitig mit 16 GB DDR4-3200-MHz-Arbeitsspeicher (erweiterbar auf 64 GB) und einer 512 GB M.2 2280 NVMe PCIe 3.0-Solid-State-Festplatte ausgeliefert. Mit vorinstalliertem Betriebssystem ist er sofort einsatzbereit – ob zu Hause oder im Büro, auch einfache Video-Schnittaufgaben lassen sich problemlos bewältigen. Vielfältige Anschlussmöglichkeiten: Der E7 16GB Mini-PC verfügt über 4 USB-3.2-Anschlüsse, 1 USB-Typ-C (voll funktionsfähig), 1 HDMI 2.0, 1 DP-Anschluss sowie 2 RJ45-LAN-Buchsen und bietet damit eine hohe Konnektivität. Sie können gleichzeitig bis zu 3 Geräte anschließen, ohne ständig Kabel umstecken zu müssen. Hinweis: Um 4K-Auflösung korrekt darzustellen, stellen Sie sicher, dass auch das verwendete Anschlusskabel 4K unterstützt. Sicherer und zuverlässiger Betrieb: Unterstützt werden Funktionen wie Auto Power On (automatisches Einschalten) und Wake-on-LAN (Netzwerkaufweckfunktion), was die Flexibilität und Zuverlässigkeit des Systems erhöht – besonders geeignet für professionelle IT-Umgebungen und industrielle Anwendungen. Integriertes Wi-Fi 6 und Bluetooth 5.2 gewährleisten eine schnelle kabellose Verbindung. Unterstützung für drei Bildschirme: Der Mini-PC unterstützt den gleichzeitigen Betrieb von drei hochauflösenden Monitoren, was die Arbeitsproduktivität deutlich steigert – ideal für professionelle Anwendungen, Unterhaltung und komplexe Multitasking-Szenarien.

Produktbeschreibung Hochwertiges USB A auf USB C Kabel zum Laden und zur Datenübertragung für Smartphones, Tablets, Laptops und andere Geräte mit USB C Anschluss. Artikel: kompatibles Zubehör, kein Originalprodukt eines Geräteherstellers Kabellänge: ca. 1 Meter Technische Eigenschaften: USB Type A Stecker auf USB Type C Stecker Geeignet zum schnellen Laden kompatibler Geräte Unterstützt Datenübertragung zwischen Geräten USB-A 3.2 auf USB Type-C Kabel 10Gbps Datenkabel Ladekabel Lieferumfang: 1x USB-Kabel kompatibel mit Tablet, Smartphone und weiteren Geräten (siehe Bild). Weitere Informationen: Nach dem Kauf erhalten Sie eine mit ausgewiesener im PDF Format per .

Produktbeschreibung Hochwertiges USB A auf USB C Kabel zum Laden und zur Datenübertragung für Smartphones, Tablets, Laptops und andere Geräte mit USB C Anschluss. Artikel: kompatibles Zubehör, kein Originalprodukt eines Geräteherstellers Kabellänge: ca. 1 Meter Technische Eigenschaften: USB Type A Stecker auf USB Type C Stecker Geeignet zum schnellen Laden kompatibler Geräte Unterstützt Datenübertragung zwischen Geräten USB-A 3.2 auf USB Type-C Kabel 10Gbps Datenkabel Ladekabel Lieferumfang: 1x USB-Kabel kompatibel mit Tablet, Smartphone und weiteren Geräten (siehe Bild). Weitere Informationen: Nach dem Kauf erhalten Sie eine mit ausgewiesener im PDF Format per .