/* ========= Pop Silent / Apple-style module - Themeable: set data-theme="dark" or "light" on .xpc-wrap - Or leave it to auto (respects user OS preference) ========= */ .xpc-wrap { /* Layout */ max-width: 980px; margin: 0 auto; padding: clamp(24px, 4vw, 56px) clamp(16px, 3vw, 28px); /* Theme tokens (defaults are dark-friendly) */ --bg: transparent; --card-bg: rgba(255, 255, 255, 0.06); --card-border: rgba(255, 255, 255, 0.12); --text: rgba(255, 255, 255, 0.92); --muted: rgba(255, 255, 255, 0.72); --heading: rgba(255, 255, 255, 0.96); --accent: #ff2a00; /* Typography */ font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif; color: var(--text); background: var(--bg); } /* Optional explicit theme override */ .xpc-wrap[data-theme="light"] { --card-bg: rgba(0, 0, 0, 0.04); --card-border: rgba(0, 0, 0, 0.10); --text: rgba(0, 0, 0, 0.86); --muted: rgba(0, 0, 0, 0.62); --heading: rgba(0, 0, 0, 0.92); } /* Auto theme if you don’t set data-theme */ @media (prefers-color-scheme: light) { .xpc-wrap:not([data-theme]) { --card-bg: rgba(0, 0, 0, 0.04); --card-border: rgba(0, 0, 0, 0.10); --text: rgba(0, 0, 0, 0.86); --muted: rgba(0, 0, 0, 0.62); --heading: rgba(0, 0, 0, 0.92); } } .xpc-hero { text-align: center; margin-bottom: clamp(18px, 3vw, 28px); } .xpc-hero p { margin: 0; font-size: clamp(16px, 1.5vw, 18px); line-height: 1.55; color: var(--muted); } .xpc-grid { display: grid; gap: clamp(14px, 2.2vw, 18px); } .xpc-card { border: 1px solid var(--card-border); background: var(--card-bg); border-radius: 18px; padding: clamp(18px, 3vw, 26px); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .xpc-title { margin: 0 0 10px 0; font-size: clamp(18px, 1.8vw, 22px); letter-spacing: -0.01em; color: var(--heading); font-weight: 650; } .xpc-kicker { display: inline-block; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent); font-weight: 700; margin-bottom: 10px; } .xpc-body { margin: 0; font-size: 15px; line-height: 1.65; color: var(--muted); } .xpc-media { margin-top: 16px; display: grid; place-items: center; } .xpc-media img { width: min(520px, 100%); height: auto; border-radius: 14px; display: block; } /* Smaller icon-style images */ .xpc-media img.xpc-icon { width: min(180px, 55vw); border-radius: 0; } .xpc-actions { margin-top: 14px; } .xpc-link { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: var(--heading); text-decoration: none; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--card-border); background: rgba(255, 255, 255, 0.02); } .xpc-link:hover { border-color: color-mix(in srgb, var(--accent) 40%, var(--card-border)); } .xpc-link .dot { width: 8px; height: 8px; border-radius: 99px; background: var(--accent); display: inline-block; } /* Desktop breathing room */ @media (min-width: 860px) { .xpc-grid { gap: 18px; } } Experience a fusion of style and function with Pop Series. Pop Silent offers a clean appearance and sound-dampening functionality, while providing the space and flexibility of its generous format for mixed use, productivity, and lighter gaming. Upgradability Built to grow with you. The POP SILENT PRO opens up a world of possibilities. Whether you desire top-notch performance powered by RYZEN/INTEL or want to customize your system with the latest GPUs, you'll have a wide range of components and products to choose from. Optimize your storage by configuring multiple hard drives in RAID, or enhance your system's memory by selecting from a diverse range of sizes and speeds, all rigorously tested and refined by our dedicated in-house support team. Graphics Cards Smooth frames. Sharp detail. Experience gaming at unprecedented levels with the cutting-edge GPU options from industry leaders NVIDIA® and AMD®. POP SILENT PRO takes your gaming journey to new horizons, immersing you in breathtaking 4K visuals, virtual reality, and beyond. Prepare to be amazed by the stunning graphics and seamless framerates delivered by POP SILENT PRO, effortlessly conquering even the most demanding titles available on the market. Customization Options Make it yours. Go the extra mile and create your own personalized version with exclusive custom options available only from us. Give your chassis a unique touch by custom painting it in your favorite color or adorning it with vinyl wraps featuring your beloved characters. Not only will this customization protect your machine, but it will also make it distinctly yours. Moreover, we provide state-of-the-art Laser Etching services to make your computer truly stand out among others. Alternatively, you can opt for Hydro Graphics to transform your PC into a genuine masterpiece that surpasses all others. XOTIC PC Upgrade Program Stay current without starting over. At XOTIC PC, we strive to keep you at the forefront of new technology while minimizing the cost. When you purchase a desktop computer from us, you have the opportunity to upgrade your system during the first year of the warranty period. Our upgrade program works by allowing you to trade-in your existing XOTIC PC components, and you only need to pay the price difference between the old and new components. As an XOTIC PC customer, you can take advantage of our comprehensive services. We cover all the labor and testing expenses associated with the upgrade, completely free of charge. Our commitment is to ensure your satisfaction as our valued customer. We design our XOTIC PC computers to be easily upgradable, enabling you to enhance its performance gradually over time. This flexibility allows you to adapt your system to the latest advancements in technology without the need for a complete overhaul. View support details XOTIC PC Warranty Support that sticks around. XOTIC PC provides a unique Limited Lifetime Service Policy (the "Lifetime Service Policy") for all newly purchased desktop computers. This policy ensures that customers receive remote assistance, allowing us to log into their systems and address any issues they may be facing. With the Lifetime Service Policy, XOTIC PC guarantees that the original purchaser of a new computer system will not be charged for labor or service costs related to that system for its entire lifespan. This policy covers only the original purchaser, original equipment, future upgrades purchased from and installed by XOTIC PC, and labor/service performed by XOTIC PC. As we manufacture computers and install all software ourselves, we possess extensive knowledge about the systems we create. We are always available to assist you, whether you require technical support or simply want to maximize your XOTIC PC experience. Before shipping your computer, we conduct thorough performance checks on each component, ensuring their seamless compatibility within the system.
