✦ Verified product
2K White Advanced Bundle
USD 699.00
XOTIC PC
Verified independent store
→
Gaming Bundle Bigger canvas. Faster response. Clean white finish. A premium, Mercury and Nebula-white trio built for smooth motion, sharp clarity, and confident control. MSI Modern
MD342CQPW Curved Modern Monitor The Modern Monitor seamlessly integrates sleek design with vivid performance, catering to those who value both aesthetics and functionality. Its elegant curves and vibrant display provide a superior visual experience, making it an ideal choice for your studio and media work. 3440 x 1440 (UWQHD) Up to 125Hz Anti-Glare DisplayHDR 1000 Razer DeathAdder Essential A comfortable right-handed shape with a 6,400 DPI optical sensor, five programmable buttons, and durable mechanical switches for consistent clicks. 6,400 DPI optical sensor 5 programmable buttons Mechanical switches Rubber side grips Razer Huntsman Mini A compact 60% layout with fast linear optical switches, Chroma RGB lighting, doubleshot PBT keycaps, and onboard memory for quick profile switching. 60% form factor Linear optical switches Chroma RGB Doubleshot PBT keycaps Onboard memory Clean look, focused footprint, and a bigger QHD canvas for games, work, and everything in between. /* Drop-in friendly: transparent background so it matches whatever dark site you paste into */ .xotic-bundle{ --text: rgba(255,255,255,.92); --subtext: rgba(255,255,255,.70); --border: rgba(255,255,255,.12); --surface: rgba(255,255,255,.06); --surface2: rgba(255,255,255,.09); --radius: 18px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: var(--text); } .xotic-bundle .xb-card{ background: linear-gradient(180deg, var(--surface), rgba(255,255,255,.03)); border: 1px solid var(--border); border-radius: var(--radius); padding: 20px; box-shadow: 0 10px 30px rgba(0,0,0,.35); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .xotic-bundle .xb-head{ margin-bottom: 18px; } .xotic-bundle .xb-eyebrow{ margin: 0 0 6px; letter-spacing: .08em; text-transform: uppercase; font-size: 12px; color: var(--subtext); } .xotic-bundle .xb-title{ margin: 0; font-size: 20px; line-height: 1.2; } .xotic-bundle .xb-subtitle{ margin: 8px 0 0; color: var(--subtext); font-size: 14px; line-height: 1.5; max-width: 62ch; } .xotic-bundle .xb-grid{ display: grid; grid-template-columns: 1fr; gap: 14px; } @media (min-width: 760px){ .xotic-bundle .xb-grid{ grid-template-columns: repeat(3, 1fr); } } .xotic-bundle .xb-item{ background: radial-gradient(1200px 1200px at 10% 0%, var(--surface2), rgba(255,255,255,.03)); border: 1px solid rgba(255,255,255,.10); border-radius: 14px; padding: 16px; box-shadow: 0 8px 22px rgba(0,0,0,.25); transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; } .xotic-bundle .xb-item:hover{ transform: translateY(-2px); border-color: rgba(255,255,255,.18); box-shadow: 0 10px 28px rgba(0,0,0,.32); } .xotic-bundle .xb-icon{ width: 34px; height: 34px; border-radius: 10px; border: 1px solid rgba(255,255,255,.14); display: flex; align-items: center; justify-content: center; margin-bottom: 10px; color: rgba(255,255,255,.88); background: rgba(0,0,0,.18); box-shadow: 0 0 0 6px rgba(0,0,0,.10); } .xotic-bundle .xb-icon svg{ width: 20px; height: 20px; } .xotic-bundle .xb-itemTitle{ margin: 0 0 6px; font-size: 15px; line-height: 1.3; } .xotic-bundle .xb-itemDesc{ margin: 0 0 10px; color: var(--subtext); font-size: 13px; line-height: 1.55; } .xotic-bundle .xb-pills{ list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px; } .xotic-bundle .xb-pills li{ font-size: 12px; color: rgba(255,255,255,.78); background: rgba(0,0,0,.20); border: 1px solid rgba(255,255,255,.12); padding: 6px 10px; border-radius: 999px; white-space: nowrap; box-shadow: inset 0 1px 0 rgba(255,255,255,.06); } .xotic-bundle .xb-footnote{ margin: 14px 0 0; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.08); font-size: 12px; color: rgba(255,255,255,.62); line-height: 1.5; }
