{"product_id":"msi-stealth-a18-ai-a3xwjg-006us","title":"MSI Stealth A18 AI+ A3XWJG-006US Ultra Thin and Light Gaming Laptop","description":"\u003c!-- =========================\n MSI Stealth A18 AI+ A3XW HYPE\n ========================= --\u003e\n\n\u003cstyle\u003e\n .msi-landing{\n width: 100%;\n background: #000;\n overflow: hidden;\n }\n .msi-landing *{ box-sizing: border-box; }\n .msi-landing img{ max-width: 100%; height: auto; display: block; }\n\n \/* =========================\n SECTION 1: HERO\n ========================= *\/\n\n .msi-hero{\n position: relative;\n width: 100%;\n background: \n radial-gradient(ellipse at center, rgba(0,0,0,0) 55%, rgba(0,0,0,.9) 100%),\n url('https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/kv-bg_405b5773-ac34-4573-8559-69b5e2fa019a.jpg?v=1768405570') center \/ cover no-repeat;\n overflow: hidden;\n}\n\n .msi-hero__inner{\n width: 100%;\n margin: 0;\n }\n\n .msi-hero__stage{\n position: relative;\n min-height: 920px;\n padding: 64px 24px 70px;\n\n \/* content stays centered under the laptop *\/\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n .msi-hero__bg{\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n z-index: 0;\n transform: scale(1.02);\n }\n\n \/* Optional badge top-right (add asset later if you get it) *\/\n .msi-hero__badge{\n position: absolute;\n top: 22px;\n right: 22px;\n width: 120px;\n height: auto;\n z-index: 3;\n }\n\n \/* Laptop wrapper controls placement + float animation *\/\n .msi-hero__laptopWrap{\n position: absolute;\n left: 50%;\n top: 42%;\n z-index: 1;\n\n \/* optical centering offsets *\/\n --laptop-x: -14px;\n --laptop-y: -6px;\n\n transform: translate(calc(-50% + var(--laptop-x)), calc(-50% + var(--laptop-y)));\n transform-origin: 50% 70%;\n\n animation: msiLaptopFloat 6.5s ease-in-out infinite;\n will-change: transform;\n }\n\n .msi-hero__laptop{\n width: clamp(380px, 50vw, 720px);\n max-width: 100%;\n height: auto;\n filter: drop-shadow(0 18px 30px rgba(0,0,0,.55));\n }\n\n .msi-hero__content{\n position: relative;\n z-index: 2;\n width: min(980px, 92vw);\n text-align: center;\n\n \/* Increased spacing so title sits fully below laptop *\/\n margin-top: clamp(480px, 38vw, 600px);\n}\n\n .msi-hero__title{\n width: min(760px, 92vw);\n margin: 0 auto 14px;\n filter: drop-shadow(0 6px 16px rgba(0,0,0,.45));\n }\n\n .msi-hero__copy{\n margin: 0 auto 22px;\n max-width: 72ch;\n color: rgba(255,255,255,.88);\n font: 400 14px\/1.55 Arial, Helvetica, sans-serif;\n text-shadow: 0 2px 10px rgba(0,0,0,.55);\n }\n\n .msi-hero__actions{\n display: flex;\n justify-content: center;\n gap: 14px;\n flex-wrap: wrap;\n }\n\n .msi-btn{\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 140px;\n height: 44px;\n padding: 0 18px;\n text-decoration: none;\n font: 600 13px\/1 Arial, Helvetica, sans-serif;\n letter-spacing: .04em;\n cursor: pointer;\n user-select: none;\n }\n\n .msi-btn--ghost{\n color: #fff;\n border: 1px solid rgba(255,255,255,.55);\n background: rgba(0,0,0,.10);\n backdrop-filter: blur(2px);\n transition: transform .18s ease, border-color .18s ease, background .18s ease;\n }\n\n .msi-btn--ghost:hover{\n transform: translateY(-1px);\n border-color: rgba(255,255,255,.85);\n background: rgba(0,0,0,.20);\n }\n\n .msi-btn--ghost:active{\n transform: translateY(0);\n }\n\n @keyframes msiLaptopFloat{\n 0%{\n transform:\n translate(calc(-50% + var(--laptop-x)), calc(-50% + var(--laptop-y)))\n translateY(0)\n rotate(-0.35deg);\n }\n 50%{\n transform:\n translate(calc(-50% + var(--laptop-x)), calc(-50% + var(--laptop-y)))\n translateY(-10px)\n rotate(0.35deg);\n }\n 100%{\n transform:\n translate(calc(-50% + var(--laptop-x)), calc(-50% + var(--laptop-y)))\n translateY(0)\n rotate(-0.35deg);\n }\n }\n\n \/* =========================\n RESPONSIVE: HERO\n ========================= *\/\n @media (max-width: 900px){\n .msi-hero__stage{ min-height: 860px; }\n .msi-hero__laptop{ width: clamp(360px, 70vw, 640px); }\n .msi-hero__content{ margin-top: clamp(440px, 52vw, 560px); }\n .msi-hero__copy{ font-size: 13px; }\n }\n\n @media (max-width: 560px){\n .msi-hero__stage{\n min-height: 760px;\n padding: 44px 14px 56px;\n }\n\n .msi-hero__laptopWrap{\n top: 38%;\n --laptop-x: -8px;\n --laptop-y: -4px;\n }\n\n .msi-hero__laptop{ width: clamp(320px, 92vw, 420px); }\n .msi-hero__content{ margin-top: clamp(360px, 70vw, 460px); }\n\n .msi-btn{\n min-width: 132px;\n height: 42px;\n }\n }\n\n @media (prefers-reduced-motion: reduce){\n .msi-hero__laptopWrap{ animation: none; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"msi-landing\"\u003e\n\n \u003c!-- =========================\n SECTION 1: HERO\n ========================= --\u003e\n \u003csection class=\"msi-hero\" aria-label=\"Stealth A18 AI+ hero\"\u003e\n \u003c!-- Optional badge (if you receive the asset, uncomment and update src)\n \u003cimg class=\"msi-hero__badge\" src=\"amd-ryzen-ai-9hx.png\" alt=\"AMD Ryzen AI 9 HX\"\u003e\n --\u003e\n\n \u003cdiv class=\"msi-hero__inner\"\u003e\n \u003cdiv class=\"msi-hero__stage\"\u003e\n \u0026gt;\n\n \u003cdiv class=\"msi-hero__laptopWrap\" aria-hidden=\"true\"\u003e\n \u003cimg class=\"msi-hero__laptop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/kv-laptop_51c70456-e37e-4509-a547-d3d7697c39ff.png?v=1768405569\" alt=\"MSI Stealth laptop\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msi-hero__content\"\u003e\n \u003cimg class=\"msi-hero__title\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/stealth-a18-ai-plus-kv-title.png?v=1768405569\" alt=\"STEALTH A18 AI+ | SLIM · SHARP · STYLISH\"\u003e\n\n \u003cp class=\"msi-hero__copy\"\u003e\n Stealth A18 AI+ is the full evolution for coming era. Born for AI, design and performance.\n A mighty combination for gaming, business and creativity. Succeed in whatever you strive\n for, no matter where you go.\n \u003c\/p\u003e\n\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- =========================\n SECTION 2: SPEC GRID \n ========================= --\u003e\n\n\u003cstyle\u003e\n .msi-specs{\n position: relative;\n padding: 84px 24px 96px;\n background: #000;\n }\n\n .msi-specs__inner{\n width: min(1280px, 92vw);\n margin: 0 auto;\n }\n\n .msi-specs__grid{\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 26px;\n }\n\n .msi-specCard{\n position: relative;\n border-radius: 12px;\n padding: 34px 30px;\n min-height: 150px;\n display: grid;\n place-items: center;\n text-align: center;\n isolation: isolate;\n overflow: hidden;\n transition: transform .25s ease;\n }\n\n \/* Slight lift on hover (desktop only) *\/\n @media (hover: hover) and (pointer: fine){\n .msi-specCard:hover{ transform: translateY(-2px); }\n }\n\n \/* Neon border stroke *\/\n .msi-specCard::before{\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: 12px;\n padding: 2px;\n background: linear-gradient(\n 90deg,\n rgba(190, 70, 255, .95),\n rgba(95, 200, 255, .95),\n rgba(190, 70, 255, .95)\n );\n -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n z-index: 6;\n pointer-events: none;\n filter:\n drop-shadow(0 0 12px rgba(160,90,255,.45))\n drop-shadow(0 0 12px rgba(90,200,255,.35));\n opacity: .9;\n transition: opacity .25s ease, filter .25s ease;\n }\n\n \/* Glass panel fill *\/\n .msi-specCard::after{\n content: \"\";\n position: absolute;\n inset: 2px;\n border-radius: 10px;\n background:\n linear-gradient(\n 180deg,\n rgba(255,255,255,.22) 0%,\n rgba(255,255,255,.10) 12%,\n rgba(255,255,255,.04) 35%,\n rgba(0,0,0,.58) 100%\n ),\n radial-gradient(\n 140% 160% at 50% 20%,\n rgba(160,90,255,.18) 0%,\n rgba(90,200,255,.12) 32%,\n rgba(0,0,0,.68) 100%\n );\n backdrop-filter: blur(14px) saturate(120%);\n -webkit-backdrop-filter: blur(14px) saturate(120%);\n z-index: 1;\n }\n\n \/* Gloss highlight *\/\n .msi-specCard__gloss{\n position: absolute;\n top: 2px;\n left: 2px;\n right: 2px;\n height: 44%;\n border-radius: 10px 10px 40px 40px;\n background: linear-gradient(\n 180deg,\n rgba(255,255,255,.34) 0%,\n rgba(255,255,255,.18) 18%,\n rgba(255,255,255,.08) 40%,\n rgba(255,255,255,0) 100%\n );\n z-index: 2;\n pointer-events: none;\n }\n\n \/* Inner edge shine *\/\n .msi-specCard__shine{\n position: absolute;\n inset: 2px;\n border-radius: 10px;\n box-shadow:\n inset 0 1px 0 rgba(255,255,255,.20),\n inset 0 -1px 0 rgba(0,0,0,.55);\n z-index: 3;\n pointer-events: none;\n opacity: .9;\n }\n\n \/* HOVER SWEEP (light streak) *\/\n .msi-specCard__sweep{\n position: absolute;\n top: -25%;\n left: -60%;\n width: 55%;\n height: 160%;\n transform: rotate(18deg);\n background: linear-gradient(\n 90deg,\n rgba(255,255,255,0) 0%,\n rgba(255,255,255,.22) 45%,\n rgba(255,255,255,.08) 60%,\n rgba(255,255,255,0) 100%\n );\n z-index: 5;\n pointer-events: none;\n opacity: 0;\n }\n\n \/* run sweep only on hover-capable devices *\/\n @media (hover: hover) and (pointer: fine){\n .msi-specCard:hover .msi-specCard__sweep{\n opacity: 1;\n animation: msiSweep 900ms ease-out 1;\n }\n\n .msi-specCard:hover::before{\n opacity: 1;\n filter:\n drop-shadow(0 0 14px rgba(160,90,255,.55))\n drop-shadow(0 0 14px rgba(90,200,255,.45));\n }\n }\n\n @keyframes msiSweep{\n 0% { left: -60%; opacity: 0; }\n 10% { opacity: .75; }\n 60% { opacity: .45; }\n 100% { left: 120%; opacity: 0; }\n }\n\n \/* Text styling *\/\n .msi-specCard__content{\n position: relative;\n z-index: 7;\n display: grid;\n gap: 8px;\n max-width: 38ch;\n }\n\n .msi-specCard__kicker{\n color: rgba(255,255,255,.9);\n font: 500 16px\/1.2 Arial, Helvetica, sans-serif;\n text-shadow: 0 2px 10px rgba(0,0,0,.45);\n }\n\n .msi-specCard__title{\n color: #fff;\n font: 700 22px\/1.15 Arial, Helvetica, sans-serif;\n letter-spacing: .01em;\n text-shadow: 0 2px 10px rgba(0,0,0,.45);\n }\n\n .msi-specCard__sub{\n color: rgba(255,255,255,.85);\n font: 500 16px\/1.35 Arial, Helvetica, sans-serif;\n text-shadow: 0 2px 10px rgba(0,0,0,.45);\n }\n\n .msi-specCard__note{\n color: rgba(255,255,255,.70);\n font: 400 12px\/1.35 Arial, Helvetica, sans-serif;\n margin-top: 2px;\n text-shadow: 0 2px 10px rgba(0,0,0,.45);\n }\n\n \/* Responsive *\/\n @media (max-width: 980px){\n .msi-specs{ padding: 68px 18px 80px; }\n .msi-specs__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }\n .msi-specCard{ padding: 30px 22px; }\n }\n\n @media (max-width: 560px){\n .msi-specs__grid{ grid-template-columns: 1fr; }\n .msi-specCard{ min-height: 140px; }\n .msi-specCard__title{ font-size: 20px; }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"msi-specs\" aria-label=\"Key specifications\"\u003e\n \u003cdiv class=\"msi-specs__inner\"\u003e\n \u003cdiv class=\"msi-specs__grid\"\u003e\n\n \u003cdiv class=\"msi-specCard\"\u003e\n \u003cdiv class=\"msi-specCard__gloss\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"msi-specCard__shine\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"msi-specCard__sweep\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"msi-specCard__content\"\u003e\n \u003cdiv class=\"msi-specCard__title\"\u003eWindows 11 Pro\u003cbr\u003eWindows 11 Home\u003c\/div\u003e\n \u003cdiv class=\"msi-specCard__note\"\u003e(MSI recommends Windows 11 Pro for business.)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msi-specCard\"\u003e\n \u003cdiv class=\"msi-specCard__gloss\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"msi-specCard__shine\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"msi-specCard__sweep\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"msi-specCard__content\"\u003e\n \u003cdiv class=\"msi-specCard__kicker\"\u003eUp to\u003c\/div\u003e\n \u003cdiv class=\"msi-specCard__title\"\u003eAMD Ryzen™ AI 9 HX 370\u003c\/div\u003e\n \u003cdiv class=\"msi-specCard__sub\"\u003eProcessor\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msi-specCard\"\u003e\n \u003cdiv class=\"msi-specCard__gloss\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"msi-specCard__shine\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"msi-specCard__sweep\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"msi-specCard__content\"\u003e\n \u003cdiv class=\"msi-specCard__kicker\"\u003eUp to\u003c\/div\u003e\n \u003cdiv class=\"msi-specCard__title\"\u003eNVIDIA\u003csup\u003e®\u003c\/sup\u003e GeForce RTX™ 5090\u003c\/div\u003e\n \u003cdiv class=\"msi-specCard__sub\"\u003eLaptop GPU 24GB GDDR7\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msi-specCard\"\u003e\n \u003cdiv class=\"msi-specCard__gloss\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"msi-specCard__shine\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"msi-specCard__sweep\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"msi-specCard__content\"\u003e\n \u003cdiv class=\"msi-specCard__title\"\u003eMini LED\u003c\/div\u003e\n \u003cdiv class=\"msi-specCard__sub\"\u003e18″ 4K Mini LED 120Hz Display\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msi-specCard\"\u003e\n \u003cdiv class=\"msi-specCard__gloss\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"msi-specCard__shine\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"msi-specCard__sweep\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"msi-specCard__content\"\u003e\n \u003cdiv class=\"msi-specCard__title\"\u003eVapor Chamber Cooler\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msi-specCard\"\u003e\n \u003cdiv class=\"msi-specCard__gloss\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"msi-specCard__shine\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"msi-specCard__sweep\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"msi-specCard__content\"\u003e\n \u003cdiv class=\"msi-specCard__title\"\u003eMagnesium Aluminum\u003cbr\u003eAlloy Chassis\u003c\/div\u003e\n \u003cdiv class=\"msi-specCard__sub\"\u003e0.78in Ultra-Slim \u0026amp; 6.4lbs Ultra-Light\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n SECTION 3: MIDNIGHT BLACK\n ========================= --\u003e\n\n\u003cstyle\u003e\n .msi-midnight{\n position: relative;\n width: 100%;\n background: #000;\n overflow: hidden;\n padding: 90px 24px 110px;\n }\n\n \/* BACKGROUND *\/\n .msi-midnight__bg{\n position: absolute;\n inset: 0;\n background: url(\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/photo-bg.jpg?v=1768408195\") center \/ cover no-repeat;\n z-index: 0;\n }\n\n .msi-midnight__bg::after{\n content: \"\";\n position: absolute;\n inset: 0;\n background:\n radial-gradient(120% 95% at 50% 45%, rgba(0,0,0,.2) 0%, rgba(0,0,0,.8) 70%, rgba(0,0,0,.92) 100%);\n }\n\n .msi-midnight__inner{\n position: relative;\n z-index: 1;\n width: min(1280px, 92vw);\n margin: 0 auto;\n min-height: 560px;\n }\n\n \/* LARGE TYPOGRAPHY IMAGE *\/\n .msi-midnight__type{\n position: absolute;\n inset: 0;\n z-index: 1;\n display: grid;\n place-items: center;\n pointer-events: none;\n }\n\n .msi-midnight__type img{\n width: min(1100px, 100%);\n height: auto;\n opacity: .9;\n }\n\n \/* LAPTOP (CENTERED + FLOAT) *\/\n .msi-midnight__laptopWrap{\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n z-index: 2;\n pointer-events: none;\n }\n\n .msi-midnight__laptopFloat{\n animation: msiMidnightFloat 7.5s ease-in-out infinite;\n transform-origin: 50% 70%;\n will-change: transform;\n }\n\n .msi-midnight__laptop{\n width: clamp(340px, 38vw, 560px);\n max-width: 60%;\n height: auto;\n display: block;\n filter: drop-shadow(0 22px 42px rgba(0,0,0,.65));\n }\n\n @keyframes msiMidnightFloat{\n 0%{\n transform: translateY(0) rotate(-0.3deg);\n }\n 50%{\n transform: translateY(-10px) rotate(0.3deg);\n }\n 100%{\n transform: translateY(0) rotate(-0.3deg);\n }\n }\n\n \/* COPY — ANCHORED TO BOTTOM-RIGHT OF LAPTOP *\/\n .msi-midnight__copy{\n position: absolute;\n z-index: 3;\n left: 50%;\n top: 50%;\n transform: translate(120px, 120px);\n width: min(460px, 40vw);\n color: #fff;\n }\n\n .msi-midnight__headline{\n margin: 0 0 12px;\n font: 500 clamp(18px, 1.6vw, 26px)\/1.35 Arial, Helvetica, sans-serif;\n color: rgba(255,255,255,.95);\n text-shadow: 0 2px 14px rgba(0,0,0,.6);\n }\n\n .msi-midnight__body{\n margin: 0;\n font: 400 14px\/1.75 Arial, Helvetica, sans-serif;\n color: rgba(255,255,255,.82);\n text-shadow: 0 2px 14px rgba(0,0,0,.6);\n }\n\n \/* =========================\n RESPONSIVE\n ========================= *\/\n\n @media (max-width: 980px){\n .msi-midnight{\n padding: 72px 18px 96px;\n }\n\n .msi-midnight__inner{\n min-height: 700px;\n }\n\n .msi-midnight__laptop{\n width: clamp(320px, 52vw, 520px);\n max-width: 70%;\n }\n\n .msi-midnight__copy{\n position: relative;\n left: auto;\n top: auto;\n transform: none;\n width: min(620px, 92vw);\n margin: 0 auto;\n padding-top: 440px;\n text-align: center;\n }\n }\n\n @media (max-width: 560px){\n .msi-midnight__inner{\n min-height: 740px;\n }\n\n .msi-midnight__laptopWrap{\n top: 44%;\n }\n\n .msi-midnight__laptop{\n width: clamp(280px, 78vw, 380px);\n max-width: 85%;\n }\n\n .msi-midnight__copy{\n padding-top: 410px;\n }\n\n .msi-midnight__type img{\n opacity: .7;\n }\n }\n\n \/* Respect reduced motion *\/\n @media (prefers-reduced-motion: reduce){\n .msi-midnight__laptopFloat{\n animation: none;\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"msi-midnight\" aria-label=\"Midnight Black design\"\u003e\n \u003cdiv class=\"msi-midnight__bg\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"msi-midnight__inner\"\u003e\n\n \u003c!-- Typography layer --\u003e\n \u003cdiv class=\"msi-midnight__type\" aria-hidden=\"true\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/photoTitle-v1.png?v=1768408194\" alt=\"\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- Laptop --\u003e\n \u003cdiv class=\"msi-midnight__laptopWrap\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"msi-midnight__laptopFloat\"\u003e\n \u003cimg class=\"msi-midnight__laptop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/photo-stealth-a18-ai-plus.png?v=1768408194\" alt=\"MSI Stealth A18 AI+ in Midnight Black\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Description --\u003e\n \u003cdiv class=\"msi-midnight__copy\"\u003e\n \u003cp class=\"msi-midnight__headline\"\u003e\n Enchanting hues.\u003cbr\u003e\n Sophisticated aesthetics.\n \u003c\/p\u003e\n\n \u003cp class=\"msi-midnight__body\"\u003e\n The Stealth A18 AI+ robust Magnesium-Aluminum Alloy Chassis is adorned in Midnight Black,\n reminiscent of the dark night sky’s starry beauty, reflecting a distinctive sense of style.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- =========================\n SECTION 4: AMD RYZEN AI\n ========================= --\u003e\n\n\u003cstyle\u003e\n .msi-ryzenAi{\n position: relative;\n width: 100%;\n background: #000;\n overflow: hidden;\n padding: 84px 24px 90px;\n }\n\n \/* BACKGROUND *\/\n .msi-ryzenAi__bg{\n position: absolute;\n inset: 0;\n background: url(\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/cpu-light_3c9a74c0-7404-4093-93ef-9969f843ea68.jpg?v=1768409376\") center \/ cover no-repeat;\n z-index: 0;\n }\n\n .msi-ryzenAi__bg::after{\n content: \"\";\n position: absolute;\n inset: 0;\n background:\n radial-gradient(120% 90% at 50% 52%, rgba(0,0,0,.08) 0%, rgba(0,0,0,.68) 62%, rgba(0,0,0,.90) 100%),\n linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.20) 36%, rgba(0,0,0,.65) 100%);\n }\n\n .msi-ryzenAi__inner{\n position: relative;\n z-index: 2;\n width: min(1280px, 92vw);\n margin: 0 auto;\n }\n\n \/* TOP HEADER *\/\n .msi-ryzenAi__top{\n display: grid;\n grid-template-columns: auto 1fr;\n align-items: center;\n gap: 22px;\n justify-content: center;\n width: min(980px, 92vw);\n margin: 0 auto 16px;\n }\n\n .msi-ryzenAi__badge{\n width: 92px;\n height: auto;\n display: block;\n filter: drop-shadow(0 8px 20px rgba(0,0,0,.55));\n }\n\n .msi-ryzenAi__headline{\n margin: 0;\n color: rgba(255,255,255,.95);\n font: 700 clamp(22px, 2.2vw, 36px)\/1.15 Arial, Helvetica, sans-serif;\n text-shadow: 0 2px 16px rgba(0,0,0,.6);\n }\n\n .msi-ryzenAi__subhead{\n margin: 6px 0 0;\n color: rgba(255,255,255,.92);\n font: 700 clamp(20px, 2vw, 34px)\/1.15 Arial, Helvetica, sans-serif;\n text-shadow: 0 2px 16px rgba(0,0,0,.6);\n }\n\n .msi-ryzenAi__intro{\n width: min(1180px, 92vw);\n margin: 0 auto 22px;\n text-align: center;\n color: rgba(255,255,255,.85);\n font: 400 14px\/1.7 Arial, Helvetica, sans-serif;\n text-shadow: 0 2px 14px rgba(0,0,0,.6);\n }\n\n \/* CENTER NPU (FLOATING) *\/\n .msi-ryzenAi__center{\n position: relative;\n width: 100%;\n display: grid;\n place-items: center;\n margin: 6px auto 26px;\n }\n\n .msi-ryzenAi__npuFloat{\n animation: msiNpuFloat 8s ease-in-out infinite;\n transform-origin: 50% 60%;\n will-change: transform;\n }\n\n .msi-ryzenAi__npu{\n width: clamp(280px, 38vw, 520px);\n height: auto;\n display: block;\n filter: drop-shadow(0 24px 46px rgba(0,0,0,.7));\n }\n\n @keyframes msiNpuFloat{\n 0%{\n transform: translateY(0) rotate(-0.25deg);\n }\n 50%{\n transform: translateY(-12px) rotate(0.25deg);\n }\n 100%{\n transform: translateY(0) rotate(-0.25deg);\n }\n }\n\n \/* STATS *\/\n .msi-ryzenAi__stats{\n width: min(1100px, 92vw);\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 18px;\n text-align: center;\n }\n\n .msi-ryzenAi__statKicker{\n margin: 0 0 6px;\n color: rgba(255,255,255,.78);\n font: 500 14px\/1.2 Arial, Helvetica, sans-serif;\n }\n\n .msi-ryzenAi__statValue{\n margin: 0;\n color: rgba(255,255,255,.95);\n font: 700 clamp(24px, 3vw, 44px)\/1.05 Arial, Helvetica, sans-serif;\n text-shadow: 0 2px 18px rgba(0,0,0,.65);\n }\n\n .msi-ryzenAi__statSub{\n margin: 6px 0 0;\n color: rgba(255,255,255,.82);\n font: 400 14px\/1.45 Arial, Helvetica, sans-serif;\n }\n\n \/* RESPONSIVE *\/\n @media (max-width: 980px){\n .msi-ryzenAi{\n padding: 70px 18px 78px;\n }\n\n .msi-ryzenAi__badge{\n width: 84px;\n }\n\n .msi-ryzenAi__npu{\n width: clamp(260px, 56vw, 460px);\n }\n\n .msi-ryzenAi__stats{\n grid-template-columns: 1fr;\n gap: 16px;\n width: min(760px, 92vw);\n }\n }\n\n @media (max-width: 560px){\n .msi-ryzenAi{\n padding: 60px 14px 70px;\n }\n\n .msi-ryzenAi__top{\n grid-template-columns: 1fr;\n justify-items: center;\n text-align: center;\n gap: 12px;\n }\n\n .msi-ryzenAi__badge{\n width: 76px;\n }\n\n .msi-ryzenAi__npu{\n width: clamp(240px, 78vw, 360px);\n }\n }\n\n \/* Respect reduced motion *\/\n @media (prefers-reduced-motion: reduce){\n .msi-ryzenAi__npuFloat{\n animation: none;\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"msi-ryzenAi\" aria-label=\"AMD Ryzen AI performance\"\u003e\n \u003cdiv class=\"msi-ryzenAi__bg\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"msi-ryzenAi__inner\"\u003e\n \u003c!-- Header --\u003e\n \u003cdiv class=\"msi-ryzenAi__top\"\u003e\n \u003cimg class=\"msi-ryzenAi__badge\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/icon-AMD_ryzen_ai_9_hx_0fe25778-5906-4ff2-8f13-fff47a391041.png?v=1768409376\" alt=\"AMD Ryzen AI 9 HX\"\u003e\n \u003cdiv\u003e\n \u003cp class=\"msi-ryzenAi__headline\"\u003e\n Up to AMD Ryzen™ AI 9 HX 370 Processor\n \u003c\/p\u003e\n \u003cp class=\"msi-ryzenAi__subhead\"\u003e\n Experience AI Built In\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"msi-ryzenAi__intro\"\u003e\n Featuring Zen 5 processor architecture, XDNA 2 NPU, and RDNA 3.5 GPU architecture for efficient handling of intensive tasks.\n With 50 NPU TOPS, it excels in accelerating AI programs, making it ideal for sustained, power-efficient applications.\n Whether you're engaged in creative projects, gaming, or running data-intensive applications, the APU ensures enhanced\n performance and reduced power consumption, providing exceptional efficiency and reliability.\n \u003c\/p\u003e\n\n \u003c!-- Floating NPU --\u003e\n \u003cdiv class=\"msi-ryzenAi__center\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"msi-ryzenAi__npuFloat\"\u003e\n \u003cimg class=\"msi-ryzenAi__npu\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/cpu-npu_4f577ca7-f862-4ef6-b533-861eccce95dd.png?v=1768409376\" alt=\"\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Stats --\u003e\n \u003cdiv class=\"msi-ryzenAi__stats\"\u003e\n \u003cdiv\u003e\n \u003cp class=\"msi-ryzenAi__statValue\"\u003eZen 5\u003c\/p\u003e\n \u003cp class=\"msi-ryzenAi__statSub\"\u003earchitecture\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cp class=\"msi-ryzenAi__statKicker\"\u003eUp to\u003c\/p\u003e\n \u003cp class=\"msi-ryzenAi__statValue\"\u003e50 NPU TOPS\u003c\/p\u003e\n \u003cp class=\"msi-ryzenAi__statSub\"\u003ewith AMD Ryzen™ AI\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cp class=\"msi-ryzenAi__statKicker\"\u003eUp to\u003c\/p\u003e\n \u003cp class=\"msi-ryzenAi__statValue\"\u003e12 Cores\u003c\/p\u003e\n \u003cp class=\"msi-ryzenAi__statSub\"\u003e24 Threads\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n SECTION 5: THREE SQUARE IMAGE TILES\n ========================= --\u003e\n\n\u003cstyle\u003e\n .msi-tiles3{\n width: 100%;\n background: #000;\n }\n\n .msi-tiles3__grid{\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n width: 100%;\n }\n\n .msi-tiles3__tile{\n position: relative;\n width: 100%;\n aspect-ratio: 1 \/ 1; \/* FORCE SQUARE *\/\n overflow: hidden;\n background: #000;\n }\n\n .msi-tiles3__img{\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover; \/* crop, don’t stretch *\/\n display: block;\n }\n\n \/* =========================\n TABLET\n ========================= *\/\n @media (max-width: 980px){\n .msi-tiles3__grid{\n grid-template-columns: repeat(2, 1fr);\n }\n\n \/* 3rd tile spans full row but remains square *\/\n .msi-tiles3__tile:nth-child(3){\n grid-column: 1 \/ -1;\n max-width: 50%;\n margin: 0 auto;\n }\n }\n\n \/* =========================\n MOBILE\n ========================= *\/\n @media (max-width: 560px){\n .msi-tiles3__grid{\n grid-template-columns: 1fr;\n }\n\n .msi-tiles3__tile:nth-child(3){\n max-width: 100%;\n margin: 0;\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"msi-tiles3\" aria-label=\"AMD performance feature tiles\"\u003e\n \u003cdiv class=\"msi-tiles3__grid\"\u003e\n \u003cdiv class=\"msi-tiles3__tile\"\u003e\n \u003cimg class=\"msi-tiles3__img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/AMD-Ryzen-AI-300-Series_Product-Carousel_BatteryLife.jpg?v=1768254241\" alt=\"Efficiency engineered all-day power delivered\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msi-tiles3__tile\"\u003e\n \u003cimg class=\"msi-tiles3__img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/AMD-Ryzen-AI-300-Series_Product-Carousel_Gamer.jpg?v=1768254241\" alt=\"Play everywhere compromise nowhere\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msi-tiles3__tile\"\u003e\n \u003cimg class=\"msi-tiles3__img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/AMD-Ryzen-AI-300-Series_Product-Carousel_Performance.jpg?v=1768254241\" alt=\"Built to outperform ready to transform\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- =========================\n SECTION 6: NVIDIA RTX \/ STUDIO\n ========================= --\u003e\n\n\u003cstyle\u003e\n \n .msi-nvidia{\n position: relative;\n width: 100%;\n background: #000;\n overflow: hidden;\n padding: 76px 24px 92px;\n }\n\n \/* Background *\/\n .msi-nvidia__bg{\n position: absolute;\n inset: 0;\n background: url(\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/gpu-bg_1926d40b-5236-4b9b-b186-5d71f73d03d7.jpg?v=1768410417\") center \/ cover no-repeat;\n z-index: 0;\n }\n\n .msi-nvidia__bg::after{\n content: \"\";\n position: absolute;\n inset: 0;\n background:\n radial-gradient(120% 95% at 50% 40%, rgba(0,0,0,.12) 0%, rgba(0,0,0,.70) 68%, rgba(0,0,0,.92) 100%),\n linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.20) 36%, rgba(0,0,0,.72) 100%);\n }\n\n .msi-nvidia__inner{\n position: relative;\n z-index: 1;\n width: min(1220px, 92vw);\n margin: 0 auto;\n text-align: center;\n }\n\n \/* ===== LOGO (HARD-SCOPED + DEFENSIVE) ===== *\/\n .msi-nvidia__logoWrap{\n display: flex;\n justify-content: center;\n margin-bottom: 24px;\n }\n\n .msi-nvidia__logoWrap img{\n width: auto !important;\n height: 58px !important;\n max-width: 200px !important;\n max-height: 58px !important;\n object-fit: contain;\n display: block;\n filter: drop-shadow(0 10px 22px rgba(0,0,0,.55));\n }\n\n \/* Text *\/\n .msi-nvidia__title{\n margin: 0 0 14px;\n color: rgba(255,255,255,.96);\n font: 700 clamp(24px, 3vw, 44px)\/1.1 Arial, Helvetica, sans-serif;\n text-shadow: 0 2px 18px rgba(0,0,0,.65);\n }\n\n .msi-nvidia__body{\n width: min(1100px, 92vw);\n margin: 0 auto 36px;\n color: rgba(255,255,255,.82);\n font: 400 14px\/1.75 Arial, Helvetica, sans-serif;\n text-shadow: 0 2px 16px rgba(0,0,0,.6);\n }\n\n \/* Monitor setup *\/\n .msi-nvidia__visual{\n display: grid;\n place-items: center;\n }\n\n .msi-nvidia__visual img{\n width: min(1180px, 100%);\n height: auto;\n display: block;\n filter: drop-shadow(0 28px 56px rgba(0,0,0,.70));\n }\n\n \/* Responsive *\/\n @media (max-width: 980px){\n .msi-nvidia{\n padding: 64px 18px 82px;\n }\n\n .msi-nvidia__logoWrap img{\n height: 52px !important;\n max-height: 52px !important;\n max-width: 180px !important;\n }\n\n .msi-nvidia__body{\n margin-bottom: 30px;\n }\n }\n\n @media (max-width: 560px){\n .msi-nvidia{\n padding: 56px 14px 72px;\n }\n\n .msi-nvidia__logoWrap img{\n height: 46px !important;\n max-height: 46px !important;\n max-width: 160px !important;\n }\n\n .msi-nvidia__body{\n text-align: left;\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"msi-nvidia\" aria-label=\"NVIDIA RTX Studio\"\u003e\n \u003c!-- Background --\u003e\n \u003cdiv class=\"msi-nvidia__bg\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"msi-nvidia__inner\"\u003e\n \u003c!-- Logo --\u003e\n \u003cdiv class=\"msi-nvidia__logoWrap\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/icon-nv_RTX.png?v=1768410705\" alt=\"GeForce RTX Powering Advanced AI \/ NVIDIA Studio\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- Text --\u003e\n \u003ch2 class=\"msi-nvidia__title\"\u003e\n GeForce RTX™ 50 Series Laptop GPUs\n \u003c\/h2\u003e\n\n \u003cp class=\"msi-nvidia__body\"\u003e\n Powered by NVIDIA Blackwell, GeForce RTX™ 50 Series Laptop GPUs bring game-changing capabilities to gamers and creators.\n Equipped with a massive level of AI horsepower, the RTX 50 Series enables new experiences and next-level graphics fidelity.\n Multiply performance with NVIDIA DLSS 4, generate images at unprecedented speed, and unleash your creativity with NVIDIA Studio.\n All in the thinnest and longest lasting RTX laptops, optimized by Max-Q.\n \u003c\/p\u003e\n\n \u003c!-- Monitor setup --\u003e\n \u003cdiv class=\"msi-nvidia__visual\" aria-hidden=\"true\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/gpuNV-pd.png?v=1768410417\" alt=\"Three Monitor Setup\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- =========================\n SECTION 7: RTX 50 SERIES\n ========================= --\u003e\n\n\u003cstyle\u003e\n \/* =========================\n SECTION 7: RTX TOGGLE\n ========================= *\/\n\n .msi-rtxToggle{\n position: relative;\n width: 100%;\n background: #000;\n overflow: hidden;\n padding: 72px 24px 86px;\n }\n\n \/* Background image layer *\/\n .msi-rtxToggle__bg{\n position: absolute;\n inset: 0;\n background: url(\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/gpuNV-bg.jpg?v=1768411527\") center \/ cover no-repeat;\n opacity: .65;\n z-index: 0;\n }\n\n \/* readability *\/\n \n\n .msi-rtxToggle__inner{\n position: relative;\n z-index: 1;\n width: min(1260px, 92vw);\n margin: 0 auto;\n color: #fff;\n text-align: center;\n }\n\n \/* Shared top header *\/\n .msi-rtxToggle__kicker{\n margin: 0 0 10px;\n font: 500 20px\/1.2 Arial, Helvetica, sans-serif;\n color: rgba(255,255,255,.92);\n }\n\n .msi-rtxToggle__title{\n margin: 0 0 10px;\n font: 800 clamp(30px, 3.2vw, 44px)\/1.1 Arial, Helvetica, sans-serif;\n color: rgba(255,255,255,.98);\n text-shadow: 0 2px 18px rgba(0,0,0,.65);\n }\n\n .msi-rtxToggle__sub{\n margin: 0 0 36px;\n font: 500 22px\/1.2 Arial, Helvetica, sans-serif;\n color: rgba(255,255,255,.92);\n }\n\n \/* Panels wrapper *\/\n .msi-rtxToggle__panels{\n position: relative;\n width: 100%;\n min-height: 520px;\n }\n\n .msi-rtxToggle__panel{\n opacity: 0;\n transform: translateY(8px);\n pointer-events: none;\n transition: opacity .25s ease, transform .25s ease;\n position: absolute;\n inset: 0;\n display: grid;\n align-content: start;\n }\n\n .msi-rtxToggle__panel.is-active{\n opacity: 1;\n transform: translateY(0);\n pointer-events: auto;\n position: relative;\n }\n\n \/* =========================\n PANEL 1: 3 FEATURE CARDS\n ========================= *\/\n\n .msi-rtxToggle__cards{\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 48px;\n margin-top: 10px;\n align-items: start;\n }\n\n .msi-rtxToggle__card{\n text-align: center;\n }\n\n .msi-rtxToggle__cardImg{\n width: min(360px, 100%);\n height: auto;\n display: block;\n margin: 0 auto 18px;\n filter: drop-shadow(0 18px 34px rgba(0,0,0,.7));\n }\n\n .msi-rtxToggle__cardTitle{\n margin: 0 0 14px;\n font: 700 22px\/1.2 Arial, Helvetica, sans-serif;\n color: rgba(255,255,255,.96);\n }\n\n .msi-rtxToggle__cardBody{\n margin: 0;\n font: 400 14px\/1.75 Arial, Helvetica, sans-serif;\n color: rgba(255,255,255,.78);\n }\n\n \/* =========================\n PANEL 2: LEFT TEXT + RIGHT VISUAL\n ========================= *\/\n\n .msi-rtxToggle__split{\n display: grid;\n grid-template-columns: 1.05fr .95fr;\n gap: 40px;\n align-items: center;\n text-align: left;\n margin-top: 8px;\n }\n\n .msi-rtxToggle__split h3{\n margin: 0 0 12px;\n font: 800 28px\/1.15 Arial, Helvetica, sans-serif;\n color: rgba(255,255,255,.96);\n }\n\n .msi-rtxToggle__split p{\n margin: 0 0 18px;\n font: 400 15px\/1.75 Arial, Helvetica, sans-serif;\n color: rgba(255,255,255,.80);\n }\n\n .msi-rtxToggle__link{\n color: #7CFC00;\n text-decoration: none;\n font: 600 14px\/1.2 Arial, Helvetica, sans-serif;\n }\n\n .msi-rtxToggle__link:hover{\n text-decoration: underline;\n }\n\n .msi-rtxToggle__visual{\n width: 100%;\n display: grid;\n place-items: center;\n }\n\n .msi-rtxToggle__visual img{\n width: min(620px, 100%);\n height: auto;\n display: block;\n filter: drop-shadow(0 22px 44px rgba(0,0,0,.75));\n }\n\n \/* =========================\n TOGGLE (GREEN BARS)\n ========================= *\/\n\n .msi-rtxToggle__toggle{\n display: flex;\n justify-content: center;\n gap: 14px;\n margin-top: 34px;\n }\n\n .msi-rtxToggle__dot{\n width: 56px;\n height: 8px;\n border-radius: 999px;\n border: 0;\n cursor: pointer;\n background: rgba(255,255,255,.20);\n box-shadow: 0 0 0 1px rgba(255,255,255,.10) inset;\n padding: 0;\n }\n\n .msi-rtxToggle__dot.is-active{\n background: #7CFC00;\n box-shadow: 0 0 18px rgba(124,252,0,.35);\n }\n\n .msi-rtxToggle__dot:focus{\n outline: 2px solid rgba(124,252,0,.75);\n outline-offset: 4px;\n }\n\n \/* =========================\n RESPONSIVE\n ========================= *\/\n\n @media (max-width: 980px){\n .msi-rtxToggle{\n padding: 64px 18px 78px;\n }\n\n .msi-rtxToggle__cards{\n grid-template-columns: 1fr;\n gap: 34px;\n }\n\n .msi-rtxToggle__card{\n width: min(520px, 92vw);\n margin: 0 auto;\n text-align: center;\n }\n\n .msi-rtxToggle__split{\n grid-template-columns: 1fr;\n text-align: left;\n width: min(760px, 92vw);\n margin: 0 auto;\n }\n\n .msi-rtxToggle__visual{\n order: 2;\n }\n }\n\n @media (max-width: 560px){\n .msi-rtxToggle{\n padding: 56px 14px 70px;\n }\n\n .msi-rtxToggle__kicker{ font-size: 18px; }\n .msi-rtxToggle__sub{ font-size: 18px; }\n\n .msi-rtxToggle__dot{\n width: 46px;\n height: 8px;\n }\n }\n\n @media (prefers-reduced-motion: reduce){\n .msi-rtxToggle__panel{\n transition: none;\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"msi-rtxToggle\" aria-label=\"GeForce RTX 50 Series toggle section\"\u003e\n \u003cdiv class=\"msi-rtxToggle__bg\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"msi-rtxToggle__inner\"\u003e\n \u003cp class=\"msi-rtxToggle__kicker\"\u003eGame Changer\u003c\/p\u003e\n \u003ch2 class=\"msi-rtxToggle__title\"\u003eGeForce RTX™ 50 Series Laptops\u003c\/h2\u003e\n \u003cp class=\"msi-rtxToggle__sub\"\u003ePowered by NVIDIA Blackwell and AI\u003c\/p\u003e\n\n \u003cdiv class=\"msi-rtxToggle__panels\"\u003e\n \u003c!-- PANEL 1 --\u003e\n \u003cdiv class=\"msi-rtxToggle__panel is-active\" data-panel=\"0\"\u003e\n \u003cdiv class=\"msi-rtxToggle__cards\"\u003e\n \u003cdiv class=\"msi-rtxToggle__card\"\u003e\n \u003cimg class=\"msi-rtxToggle__cardImg\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/gpuNV-nv-img01.png?v=1768411297\" alt=\"Ultimate Gaming Performance and Visuals\"\u003e\n \u003ch3 class=\"msi-rtxToggle__cardTitle\"\u003eUltimate Gaming\u003cbr\u003ePerformance and Visuals\u003c\/h3\u003e\n \u003cp class=\"msi-rtxToggle__cardBody\"\u003e\n Over 700 games and applications use RTX to deliver realistic graphics, incredibly fast performance,\n and cutting-edge new AI features like DLSS 4.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msi-rtxToggle__card\"\u003e\n \u003cimg class=\"msi-rtxToggle__cardImg\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/gpuNV-nv-img02.png?v=1768411297\" alt=\"Your Creative AI-Advantage\"\u003e\n \u003ch3 class=\"msi-rtxToggle__cardTitle\"\u003eYour Creative AI-Advantage\u003c\/h3\u003e\n \u003cp class=\"msi-rtxToggle__cardBody\"\u003e\n Experience accelerations in top creative apps, NVIDIA Studio Drivers for maximum stability,\n and exclusive RTX tools for AI-assisted creative workflows.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msi-rtxToggle__card\"\u003e\n \u003cimg class=\"msi-rtxToggle__cardImg\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/gpuNV-nv-img03.png?v=1768411297\" alt=\"AI-Optimized Power and Performance\"\u003e\n \u003ch3 class=\"msi-rtxToggle__cardTitle\"\u003eAI-Optimized Power\u003cbr\u003eand Performance\u003c\/h3\u003e\n \u003cp class=\"msi-rtxToggle__cardBody\"\u003e\n NVIDIA Blackwell Max-Q is designed from the ground up for maximum efficiency,\n delivering a massive leap in performance and battery life.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- PANEL 2 --\u003e\n \u003cdiv class=\"msi-rtxToggle__panel\" data-panel=\"1\"\u003e\n \u003cdiv class=\"msi-rtxToggle__split\"\u003e\n \u003cdiv\u003e\n \u003ch3\u003eGame Changer\u003c\/h3\u003e\n \u003cp\u003e\n MSI Gaming Laptops are NVIDIA NIM-ready and engineered to run NVIDIA NIM microservices—optimized AI models\n for language, speech, vision, content generation, and more. With these tools, enthusiasts and developers\n can build AI assistants, develop productivity plugins, or craft innovative content creation workflows locally\n on RTX AI PCs. Shape tomorrow’s AI today with the power of NVIDIA RTX™.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msi-rtxToggle__visual\" aria-hidden=\"true\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/gpuNV-nv-ready.jpg?v=1768411389\" alt=\"\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TOGGLE --\u003e\n \u003cdiv class=\"msi-rtxToggle__toggle\" aria-label=\"Toggle panels\"\u003e\n \u003cbutton class=\"msi-rtxToggle__dot is-active\" type=\"button\" aria-label=\"Show first panel\" data-go=\"0\"\u003e\u003c\/button\u003e\n \u003cbutton class=\"msi-rtxToggle__dot\" type=\"button\" aria-label=\"Show second panel\" data-go=\"1\"\u003e\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cscript\u003e\n (function(){\n var root = document.currentScript.previousElementSibling;\n if (!root || !root.classList || !root.classList.contains('msi-rtxToggle')) {\n \/\/ If Shopify rearranges nodes, fall back:\n root = document.querySelector('.msi-rtxToggle');\n }\n if (!root) return;\n\n var panels = root.querySelectorAll('.msi-rtxToggle__panel');\n var dots = root.querySelectorAll('.msi-rtxToggle__dot');\n\n function show(idx){\n for (var i = 0; i \u003c panels.length; i++){\n panels[i].classList.toggle('is-active', i === idx);\n }\n for (var d = 0; d \u003c dots.length; d++){\n dots[d].classList.toggle('is-active', d === idx);\n dots[d].setAttribute('aria-pressed', d === idx ? 'true' : 'false');\n }\n }\n\n for (var j = 0; j \u003c dots.length; j++){\n (function(btn){\n btn.addEventListener('click', function(){\n var go = parseInt(btn.getAttribute('data-go'), 10);\n if (!isNaN(go)) show(go);\n });\n })(dots[j]);\n }\n })();\n\u003c\/script\u003e\n\n\u003c!-- =========================\n SECTION 8: NOW EVEN SMARTTER\n ========================= --\u003e\n\n\u003cstyle\u003e\n .msi-smartToggle{\n position: relative;\n width: 100%;\n background: #000;\n overflow: hidden;\n padding: 76px 24px 92px;\n }\n\n .msi-smartToggle__bg{\n position: absolute;\n inset: 0;\n background:\n radial-gradient(900px 420px at 50% 35%, rgba(65,105,225,.18), transparent 60%),\n radial-gradient(900px 520px at 50% 65%, rgba(110,255,120,.12), transparent 58%),\n #000;\n z-index: 0;\n }\n\n .msi-smartToggle__inner{\n position: relative;\n z-index: 1;\n width: min(1260px, 92vw);\n margin: 0 auto;\n text-align: center;\n color: #fff;\n }\n\n .msi-smartToggle__title{\n margin: 0 0 10px;\n font: 800 clamp(30px,3.2vw,46px)\/1.1 Arial, Helvetica, sans-serif;\n }\n\n .msi-smartToggle__sub{\n margin: 0 auto 36px;\n width: min(980px, 92vw);\n font: 400 14px\/1.75 Arial, Helvetica, sans-serif;\n color: rgba(255,255,255,.86);\n }\n\n \/* =========================\n Tabs\n ========================= *\/\n\n .msi-smartToggle__tabsWrap{\n width: min(1180px, 92vw);\n margin: 0 auto 36px;\n }\n\n .msi-smartToggle__tabs{\n display: grid;\n grid-template-columns: 1fr 1fr;\n background: rgba(255,255,255,.08);\n }\n\n .msi-smartToggle__tab{\n border: 0;\n background: transparent;\n padding: 26px 26px;\n cursor: pointer;\n display: grid;\n grid-template-columns: auto 1fr;\n gap: 20px;\n align-items: center;\n text-align: left;\n }\n\n \/* Larger logo, isolated from global img styles *\/\n .msi-smartToggle__tabLogo{\n width: 120px !important;\n height: 56px !important;\n max-width: 120px !important;\n max-height: 56px !important;\n object-fit: contain;\n display: block;\n filter: drop-shadow(0 10px 18px rgba(0,0,0,.45));\n }\n\n .msi-smartToggle__tabDesc{\n margin: 0;\n font: 400 15px\/1.5 Arial, Helvetica, sans-serif;\n color: rgba(255,255,255,.85);\n }\n\n .msi-smartToggle__tab.is-active{\n background: linear-gradient(90deg, rgba(25,70,255,.95), rgba(110,45,170,.92));\n }\n\n .msi-smartToggle__tab:not(.is-active){\n opacity: .45;\n }\n\n .msi-smartToggle__tab:not(.is-active):hover{\n opacity: .7;\n }\n\n \/* =========================\n Panels\n ========================= *\/\n\n .msi-smartToggle__panels{\n width: min(1120px, 92vw);\n margin: 0 auto;\n position: relative;\n min-height: 560px;\n }\n\n .msi-smartToggle__panel{\n position: absolute;\n inset: 0;\n opacity: 0;\n transform: translateY(10px);\n pointer-events: none;\n transition: opacity .25s ease, transform .25s ease;\n }\n\n .msi-smartToggle__panel.is-active{\n position: relative;\n opacity: 1;\n transform: translateY(0);\n pointer-events: auto;\n }\n\n .msi-smartToggle__visual{\n width: min(760px, 100%);\n margin: 0 auto 24px;\n display: block;\n filter: drop-shadow(0 26px 52px rgba(0,0,0,.72));\n }\n\n .msi-smartToggle__panelBody{\n width: min(860px, 92vw);\n margin: 0 auto 18px;\n font: 400 14px\/1.75 Arial, Helvetica, sans-serif;\n color: rgba(255,255,255,.85);\n }\n\n .msi-smartToggle__fineprint{\n width: min(980px, 92vw);\n margin: 0 auto;\n font: 400 12px\/1.6 Arial, Helvetica, sans-serif;\n color: rgba(255,255,255,.62);\n }\n\n \/* =========================\n Responsive\n ========================= *\/\n\n @media (max-width: 640px){\n .msi-smartToggle__tabs{\n grid-template-columns: 1fr;\n }\n\n .msi-smartToggle__tabLogo{\n width: 104px !important;\n height: 48px !important;\n }\n\n .msi-smartToggle__panels{\n min-height: 520px;\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"msi-smartToggle\"\u003e\n \u003cdiv class=\"msi-smartToggle__bg\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"msi-smartToggle__inner\"\u003e\n \u003ch2 class=\"msi-smartToggle__title\"\u003eNow Even Smarter\u003c\/h2\u003e\n \u003cp class=\"msi-smartToggle__sub\"\u003e\n Experience smarter productivity featuring Copilot and MSI AI Engine for seamless multitasking.\n These advanced AI tools adapt to your needs, optimizing performance and streamlining workflows effortlessly.\n \u003c\/p\u003e\n\n \u003c!-- Tabs --\u003e\n \u003cdiv class=\"msi-smartToggle__tabsWrap\"\u003e\n \u003cdiv class=\"msi-smartToggle__tabs\"\u003e\n \u003cbutton class=\"msi-smartToggle__tab is-active\" data-go=\"0\"\u003e\n \u003cimg class=\"msi-smartToggle__tabLogo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/ai-copilot-pc_39177834-8729-48f4-b04c-1e54e350b51c.png?v=1768412403\" alt=\"Copilot+ PC\"\u003e\n \u003cp class=\"msi-smartToggle__tabDesc\"\u003e\n Accelerate your productivity and creativity with unique AI Copilot+ PC experiences\n \u003c\/p\u003e\n \u003c\/button\u003e\n\n \u003cbutton class=\"msi-smartToggle__tab\" data-go=\"1\"\u003e\n \u003cimg class=\"msi-smartToggle__tabLogo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/ai-engine-icon_616de001-b4a5-4b1b-bb6b-f0879671677a.png?v=1768412403\" alt=\"MSI AI Engine\"\u003e\n \u003cp class=\"msi-smartToggle__tabDesc\"\u003e\n MSI’s exclusive laptop control hub and AI solutions unlock the full potential of your productivity\n \u003c\/p\u003e\n \u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Panels --\u003e\n \u003cdiv class=\"msi-smartToggle__panels\"\u003e\n \u003cdiv class=\"msi-smartToggle__panel is-active\" data-panel=\"0\"\u003e\n \u003cimg class=\"msi-smartToggle__visual\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/intellengent-Copilot-PC.jpg?v=1768412404\" alt=\"\"\u003e\n \u003cp class=\"msi-smartToggle__panelBody\"\u003e\n Accelerate your productivity and creativity with unique AI Copilot+ PC experiences.\n \u003c\/p\u003e\n \u003cp class=\"msi-smartToggle__fineprint\"\u003e\n *Copilot is available in select global markets and will be rolled out to additional markets over time.\n Copilot Microsoft 365 sold separately. Subscription required.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msi-smartToggle__panel\" data-panel=\"1\"\u003e\n \u003cimg class=\"msi-smartToggle__visual\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/msi-ai-engine-img04.jpg?v=1768412404\" alt=\"\"\u003e\n \u003cp class=\"msi-smartToggle__panelBody\"\u003e\n MSI AI Engine intelligently detects usage scenarios and automatically adjusts system performance,\n allowing you to focus on creation, work, and entertainment.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cscript\u003e\n (function(){\n var root = document.querySelector('.msi-smartToggle');\n if (!root) return;\n\n var tabs = root.querySelectorAll('.msi-smartToggle__tab');\n var panels = root.querySelectorAll('.msi-smartToggle__panel');\n\n function show(idx){\n tabs.forEach((t,i)=\u003et.classList.toggle('is-active', i===idx));\n panels.forEach((p,i)=\u003ep.classList.toggle('is-active', i===idx));\n }\n\n tabs.forEach((tab,i)=\u003e{\n tab.addEventListener('click', ()=\u003eshow(i));\n });\n })();\n\u003c\/script\u003e\n\n\u003c!-- =========================\n SECTION: MINI LED DISPLAY \n ========================= --\u003e\n\n\u003cstyle\u003e\n .msi-miniLed{\n position: relative;\n width: 100%;\n background: #000;\n overflow: hidden;\n padding: 0 24px 90px;\n }\n\n .msi-miniLed__bg{\n position: absolute;\n inset: 0;\n background: url(\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/display-bg_624b77dc-cf6c-4c4e-8acc-252f11350a62.jpg?v=1768413463\") center \/ cover no-repeat;\n z-index: 0;\n }\n\n .msi-miniLed__inner{\n position: relative;\n z-index: 1;\n width: min(1200px, 92vw);\n margin: 0 auto;\n color: #fff;\n text-align: center;\n }\n\n \/* Laptop *\/\n .msi-miniLed__top{\n padding-top: 56px;\n display: grid;\n place-items: center;\n }\n\n .msi-miniLed__laptop{\n width: min(980px, 100%);\n height: auto;\n filter: drop-shadow(0 30px 60px rgba(0,0,0,.75));\n }\n\n \/* Badges *\/\n .msi-miniLed__badges{\n margin-top: 28px;\n display: inline-flex;\n gap: 24px;\n flex-wrap: wrap;\n justify-content: center;\n }\n\n .msi-miniLed__badge{\n width: auto !important;\n max-width: none !important;\n height: 46px !important;\n max-height: 46px !important;\n object-fit: contain;\n display: block;\n}\n\n \/* Text *\/\n .msi-miniLed__title{\n margin: 22px 0 12px;\n font: 800 clamp(26px, 3vw, 40px)\/1.15 Arial, Helvetica, sans-serif;\n }\n\n .msi-miniLed__body{\n width: min(980px, 92vw);\n margin: 0 auto 12px;\n font: 400 14px\/1.8 Arial, Helvetica, sans-serif;\n color: rgba(255,255,255,.82);\n }\n\n .msi-miniLed__note{\n font-size: 12px;\n color: rgba(255,255,255,.6);\n margin-bottom: 36px;\n }\n\n \/* Highlights *\/\n .msi-miniLed__highlights{\n width: min(1100px, 92vw);\n margin: 0 auto 42px;\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 32px;\n }\n\n .msi-miniLed__hi{\n display: grid;\n gap: 10px;\n justify-items: center;\n text-align: center;\n }\n\n .msi-miniLed__hiIcon{\n width: auto !important;\n max-width: none !important;\n height: 52px !important;\n max-height: 52px !important;\n object-fit: contain;\n display: block;\n}\n\n .msi-miniLed__hiValue{\n font: 800 30px\/1.1 Arial, Helvetica, sans-serif;\n }\n\n .msi-miniLed__hiLabel{\n font-size: 12px;\n color: rgba(255,255,255,.7);\n }\n\n \/* Certification logos *\/\n .msi-miniLed__certs{\n width: min(1000px, 92vw);\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 60px;\n }\n\n .msi-miniLed__cert{\n display: grid;\n gap: 8px;\n justify-items: center;\n text-align: center;\n }\n\n .msi-miniLed__cert img{\n width: auto !important;\n max-width: none !important;\n height: 56px !important;\n max-height: 56px !important;\n object-fit: contain;\n display: block;\n}\n\n .msi-miniLed__cert span{\n font-size: 12px;\n color: rgba(255,255,255,.75);\n }\n\n \/* Responsive *\/\n @media (max-width: 1024px){\n .msi-miniLed__highlights{\n grid-template-columns: repeat(2, 1fr);\n }\n .msi-miniLed__certs{\n grid-template-columns: 1fr 1fr;\n gap: 36px;\n }\n }\n \n\n @media (max-width: 640px){\n .msi-miniLed{\n padding: 0 14px 70px;\n }\n\n .msi-miniLed__highlights{\n grid-template-columns: 1fr;\n gap: 24px;\n }\n\n .msi-miniLed__certs{\n grid-template-columns: 1fr;\n gap: 28px;\n }\n\n .msi-miniLed__cert img{\n height: 52px;\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"msi-miniLed\"\u003e\n \u003cdiv class=\"msi-miniLed__bg\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"msi-miniLed__inner\"\u003e\n \u003c!-- Laptop --\u003e\n \u003cdiv class=\"msi-miniLed__top\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/display-pd.png?v=1768412404\" class=\"msi-miniLed__laptop\" alt=\"\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- Badges --\u003e\n \u003cdiv class=\"msi-miniLed__badges\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/display-title-icons_c04085fd-1864-481a-b71f-82c8154bb246.png?v=1768413463\" class=\"msi-miniLed__badge\" alt=\"Mini LED \u0026amp; DisplayHDR 1000\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- Text --\u003e\n \u003ch2 class=\"msi-miniLed__title\"\u003eStunning 18-inch 4K Mini LED 120Hz Display\u003c\/h2\u003e\n\n \u003cp class=\"msi-miniLed__body\"\u003e\n Indulge in unmatched realism with the Mini LED 4K display’s ultra-high resolution whether you are indoors, outdoors, or under direct sunlight.\n Revel in the outstanding performance of DisplayHDR 1000 and vibrant color gamut.\n Elevate your gaming experience with a swift 120Hz refresh rate.\n \u003c\/p\u003e\n\n \u003cp class=\"msi-miniLed__note\"\u003e\n *Optional. Actual specification may vary by configurations.\n \u003c\/p\u003e\n\n \u003c!-- Highlights --\u003e\n \u003cdiv class=\"msi-miniLed__highlights\"\u003e\n \u003cdiv class=\"msi-miniLed__hi\"\u003e\n \u003cdiv class=\"msi-miniLed__hiValue\"\u003e2,000,000 : 1\u003c\/div\u003e\n \u003cdiv class=\"msi-miniLed__hiLabel\"\u003eContrast Ratio\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msi-miniLed__hi\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/display-icon-brightness.webp?v=1768413463\" class=\"msi-miniLed__hiIcon\" alt=\"1000 nits\"\u003e\n \u003cdiv class=\"msi-miniLed__hiLabel\"\u003e1000 nits Brightness\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msi-miniLed__hi\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/display-icon-p3_e60bbc37-12f8-4d74-949f-5411ac5ecc3a.png?v=1768413463\" class=\"msi-miniLed__hiIcon\" alt=\"100% DCI-P3\"\u003e\n \u003cdiv class=\"msi-miniLed__hiLabel\"\u003e100% DCI-P3\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msi-miniLed__hi\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/display-icon-kzone.png?v=1768413463\" class=\"msi-miniLed__hiIcon\" alt=\"K-Zone Local Dimming\"\u003e\n \u003cdiv class=\"msi-miniLed__hiLabel\"\u003eLocal Dimming\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Certifications --\u003e\n \u003cdiv class=\"msi-miniLed__certs\"\u003e\n \u003cdiv class=\"msi-miniLed__cert\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/display-icon-amled.png?v=1768413463\" alt=\"AMLED Powered by AUO\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msi-miniLed__cert\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/display-icon-sgs.png?v=1768413463\" alt=\"SGS Certified\"\u003e\n \u003cspan\u003eSGS Certified\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msi-miniLed__cert\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/display-icon-true-color_6c76bf6e-7f8d-4600-ba9b-2cf77fb4b738.png?v=1768413463\" alt=\"True Color Technology\"\u003e\n \u003cspan\u003ePer-Unit Calibration\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- =========================\n SECTION: VAPOR CHAMBER COOLER\n ========================= --\u003e\n\n\u003cstyle\u003e\n .msi-vapor{\n \/* Adjust if you need the background focus higher\/lower *\/\n --bgFocusY: 50%;\n\n position: relative;\n width: 100%;\n overflow: hidden;\n background: #000;\n padding: 70px 24px 70px;\n }\n\n \/* Background image layer *\/\n .msi-vapor__bg{\n position: absolute;\n inset: 0;\n z-index: 0;\n pointer-events: none;\n }\n\n .msi-vapor__bg img{\n width: 100% !important;\n height: 100% !important;\n max-width: none !important;\n object-fit: cover;\n object-position: 50% var(--bgFocusY);\n display: block;\n }\n\n \/* Subtle readability vignette, tuned to not crush the background *\/\n .msi-vapor__bg::after{\n content: \"\";\n position: absolute;\n inset: 0;\n background:\n radial-gradient(1100px 520px at 50% 20%, rgba(255,255,255,.08) 0%, rgba(0,0,0,0) 55%),\n linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,.50) 35%, rgba(0,0,0,.65));\n }\n\n .msi-vapor__inner{\n position: relative;\n z-index: 1;\n width: min(1320px, 92vw);\n margin: 0 auto;\n text-align: center;\n color: #fff;\n }\n\n .msi-vapor__title{\n margin: 0 0 14px;\n font: 800 clamp(26px, 3.2vw, 44px)\/1.12 Arial, Helvetica, sans-serif;\n letter-spacing: .2px;\n text-shadow: 0 2px 18px rgba(0,0,0,.6);\n }\n\n .msi-vapor__desc{\n width: min(1100px, 92vw);\n margin: 0 auto 24px;\n font: 400 14px\/1.75 Arial, Helvetica, sans-serif;\n color: rgba(255,255,255,.85);\n text-shadow: 0 2px 14px rgba(0,0,0,.55);\n }\n\n \/* Stats row *\/\n .msi-vapor__stats{\n display: inline-flex;\n align-items: baseline;\n justify-content: center;\n gap: 70px;\n margin: 10px auto 30px;\n flex-wrap: wrap;\n }\n\n .msi-vapor__stat{\n display: inline-flex;\n align-items: baseline;\n gap: 10px;\n white-space: nowrap;\n }\n\n .msi-vapor__num{\n font: 900 56px\/1 Arial, Helvetica, sans-serif;\n letter-spacing: .5px;\n color: rgba(255,255,255,.92);\n text-shadow: 0 2px 18px rgba(0,0,0,.6);\n }\n\n .msi-vapor__label{\n font: 500 16px\/1.2 Arial, Helvetica, sans-serif;\n color: rgba(255,255,255,.85);\n text-shadow: 0 2px 14px rgba(0,0,0,.55);\n }\n\n \/* Main image *\/\n .msi-vapor__figure{\n margin: 0 auto;\n width: min(1500px, 100%);\n display: grid;\n place-items: center;\n }\n\n .msi-vapor__img{\n width: 100% !important;\n max-width: 1500px !important;\n height: auto !important;\n display: block;\n object-fit: contain;\n filter: drop-shadow(0 30px 70px rgba(0,0,0,.75));\n }\n\n \/* Responsive *\/\n @media (max-width: 980px){\n .msi-vapor{\n padding: 56px 18px 60px;\n }\n .msi-vapor__stats{\n gap: 40px;\n margin-bottom: 26px;\n }\n .msi-vapor__num{\n font-size: 48px;\n }\n .msi-vapor__label{\n font-size: 15px;\n }\n }\n\n @media (max-width: 640px){\n .msi-vapor{\n padding: 48px 14px 56px;\n }\n .msi-vapor__desc{\n font-size: 13px;\n }\n .msi-vapor__stats{\n gap: 22px;\n }\n .msi-vapor__num{\n font-size: 42px;\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"msi-vapor\" aria-label=\"Vapor Chamber Cooler\"\u003e\n \u003c!-- Background --\u003e\n \u003cdiv class=\"msi-vapor__bg\" aria-hidden=\"true\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/vaporChamber-bg.jpg?v=1768415746\" alt=\"\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msi-vapor__inner\"\u003e\n \u003ch2 class=\"msi-vapor__title\"\u003eVapor Chamber Cooler\u003c\/h2\u003e\n\n \u003cp class=\"msi-vapor__desc\"\u003e\n The new Vapor Chamber Cooler design, enhanced by the Cooler Boost technology, is a key component of the Stealth A18 AI+. With its increased heat capacity, this cutting-edge design effectively lowers both noise levels and temperatures, managing the thermal flow and maximize performance when running demanding applications.\n \u003c\/p\u003e\n\n \u003cdiv class=\"msi-vapor__stats\" aria-label=\"Cooling specifications\"\u003e\n \u003cdiv class=\"msi-vapor__stat\"\u003e\n \u003cspan class=\"msi-vapor__num\"\u003e2\u003c\/span\u003e\n \u003cspan class=\"msi-vapor__label\"\u003eFans\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msi-vapor__stat\"\u003e\n \u003cspan class=\"msi-vapor__num\"\u003e4\u003c\/span\u003e\n \u003cspan class=\"msi-vapor__label\"\u003eExhausts\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msi-vapor__figure\" aria-hidden=\"true\"\u003e\n \u003cimg class=\"msi-vapor__img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/vaporChamber-thermal-base.png?v=1768415747\" alt=\"\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- =========================\n SECTION: Designed For The All-encompassing\n ========================= --\u003e\n\n\u003cstyle\u003e\n .msi-hotspots{\n position: relative;\n width: 100%;\n overflow: hidden;\n background: #eef2f6;\n padding: 70px 24px 80px;\n font-family: Arial, Helvetica, sans-serif;\n }\n\n .msi-hotspots__bg{\n position: absolute;\n inset: 0;\n z-index: 0;\n pointer-events: none;\n }\n .msi-hotspots__bg img{\n width: 100% !important;\n height: 100% !important;\n max-width: none !important;\n object-fit: cover;\n object-position: 50% 50%;\n display: block;\n }\n\n .msi-hotspots__inner{\n position: relative;\n z-index: 1;\n width: min(1320px, 92vw);\n margin: 0 auto;\n color: #1b1f24;\n }\n\n .msi-hotspots__top{\n text-align: center;\n margin-bottom: 36px;\n }\n\n .msi-hotspots__title{\n margin: 0 0 10px;\n font-weight: 800;\n font-size: clamp(26px, 3vw, 44px);\n line-height: 1.12;\n color: #2a2f36;\n }\n\n .msi-hotspots__desc{\n width: min(1040px, 92vw);\n margin: 0 auto;\n font-size: 14px;\n line-height: 1.75;\n color: rgba(27,31,36,.78);\n }\n\n .msi-hotspots__grid{\n display: grid;\n grid-template-columns: 470px 1fr;\n gap: 48px;\n align-items: center;\n }\n\n \/* Left card *\/\n .msi-hotspots__card{\n background: rgba(255,255,255,.78);\n border: 1px solid rgba(90, 110, 255, .35);\n box-shadow: 0 20px 50px rgba(0,0,0,.10);\n backdrop-filter: blur(6px);\n -webkit-backdrop-filter: blur(6px);\n padding: 18px 18px 20px;\n position: relative;\n }\n\n .msi-hotspots__card::before{\n content:\"\";\n position:absolute;\n inset:-1px;\n border: 2px solid transparent;\n border-image: linear-gradient(90deg, rgba(165,90,255,.65), rgba(65,145,255,.65)) 1;\n pointer-events:none;\n }\n\n .msi-hotspots__cardMedia{\n width: 100%;\n aspect-ratio: 16\/9;\n overflow: hidden;\n background: #e8ebef;\n display: grid;\n place-items: center;\n }\n\n .msi-hotspots__cardMedia img{\n width: 100% !important;\n height: 100% !important;\n max-width: none !important;\n object-fit: cover;\n display: block;\n }\n\n .msi-hotspots__cardTitle{\n margin: 16px 0 8px;\n font-weight: 800;\n font-size: 22px;\n line-height: 1.15;\n text-align: center;\n color: #1c2228;\n }\n\n .msi-hotspots__cardBody{\n margin: 0;\n font-size: 13.5px;\n line-height: 1.7;\n text-align: center;\n color: rgba(27,31,36,.78);\n }\n\n \/* Right stage *\/\n .msi-hotspots__stage{\n display: grid;\n place-items: center;\n z-index: 2;\n isolation: isolate;\n }\n\n .msi-hotspots__imgWrap{\n position: relative;\n width: min(760px, 100%);\n max-width: 760px;\n }\n\n .msi-hotspots__laptop{\n width: 100% !important;\n height: auto !important;\n max-width: none !important;\n display: block;\n filter: drop-shadow(0 30px 70px rgba(0,0,0,.18));\n pointer-events: none;\n user-select: none;\n }\n\n \/* Hotspot hit areas *\/\n .msi-hotspots__hit{\n position: absolute;\n width: 48px;\n height: 48px;\n border-radius: 999px;\n transform: translate(-50%, -50%);\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n cursor: pointer;\n z-index: 5;\n pointer-events: auto;\n -webkit-appearance: none;\n appearance: none;\n }\n\n .msi-hotspots__hit:hover{\n box-shadow: 0 0 0 3px rgba(70, 140, 255, .25);\n }\n .msi-hotspots__hit:focus{ outline: none; }\n .msi-hotspots__hit:focus-visible{\n box-shadow: 0 0 0 3px rgba(70, 140, 255, .55), 0 0 0 7px rgba(140, 90, 255, .25);\n }\n\n \/* Optional debug: add class \"msi-hotspots--debug\" to section *\/\n .msi-hotspots--debug .msi-hotspots__hit{\n background: rgba(140, 90, 255, .25);\n outline: 2px solid rgba(70, 140, 255, .85);\n }\n\n \/* POSITIONING: now % is relative to the image box (imgWrap) *\/\n .msi-hotspots__hit--1{ left: 18%; top: 69%; }\n .msi-hotspots__hit--2{ left: 23%; top: 76%; }\n .msi-hotspots__hit--3{ left: 40%; top: 70%; }\n .msi-hotspots__hit--4{ left: 53%; top: 8%; }\n\n @media (min-width: 980px){\n .msi-hotspots__hit{ width: 56px; height: 56px; }\n }\n\n @media (max-width: 1100px){\n .msi-hotspots__grid{\n grid-template-columns: 1fr;\n gap: 26px;\n }\n .msi-hotspots__card{\n width: min(560px, 100%);\n margin: 0 auto;\n }\n .msi-hotspots__stage{\n margin-top: 10px;\n }\n }\n\n @media (max-width: 640px){\n .msi-hotspots{\n padding: 52px 14px 64px;\n }\n .msi-hotspots__imgWrap{\n width: min(520px, 100%);\n max-width: 520px;\n }\n .msi-hotspots__hit{\n width: 44px;\n height: 44px;\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"msi-hotspots\" aria-label=\"Designed for the all-encompassing\"\u003e\n \u003cdiv class=\"msi-hotspots__bg\" aria-hidden=\"true\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/security-bg.jpg?v=1768416422\" alt=\"\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msi-hotspots__inner\"\u003e\n \u003cdiv class=\"msi-hotspots__top\"\u003e\n \u003ch2 class=\"msi-hotspots__title\"\u003eDesigned For The All-encompassing.\u003c\/h2\u003e\n \u003cp class=\"msi-hotspots__desc\"\u003e\n The exquisite Stealth A18 AI+ is meticulously crafted with cutting-edge technology and a unique design. It is designed to cater to your diverse needs across various scenarios. From its distinctive appearance to its special features, the Stealth A18 AI+ ensures a seamless experience, adapting to any situation you find yourself in.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msi-hotspots__grid\"\u003e\n \u003cdiv class=\"msi-hotspots__card\" aria-live=\"polite\"\u003e\n \u003cdiv class=\"msi-hotspots__cardMedia\"\u003e\n \u003cimg id=\"msiHotspotsCardImg\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/msi-stealth18-ai-ultra9-security-img-1.jpg?v=1768416404\" alt=\"Speaker Mesh\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msi-hotspots__cardTitle\" id=\"msiHotspotsCardTitle\"\u003eSpeaker Mesh\u003c\/div\u003e\n \u003cp class=\"msi-hotspots__cardBody\" id=\"msiHotspotsCardBody\"\u003e\n Tailored sound system with black chrome mesh to highlight the state-of-the-art audio experience.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msi-hotspots__stage\" id=\"msiHotspotsStage\"\u003e\n \u003cdiv class=\"msi-hotspots__imgWrap\"\u003e\n \u003cimg class=\"msi-hotspots__laptop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/msi-stealth-a18-ai-plus-security-laptop-xs.png?v=1768416405\" alt=\"MSI laptop with feature hotspots\"\u003e\n\n \u003cbutton class=\"msi-hotspots__hit msi-hotspots__hit--1\" type=\"button\" aria-label=\"Speaker Mesh\" data-index=\"0\"\u003e\u003c\/button\u003e\n \u003cbutton class=\"msi-hotspots__hit msi-hotspots__hit--2\" type=\"button\" aria-label=\"Touchpad\" data-index=\"1\"\u003e\u003c\/button\u003e\n \u003cbutton class=\"msi-hotspots__hit msi-hotspots__hit--3\" type=\"button\" aria-label=\"Fingerprint Reader\" data-index=\"2\"\u003e\u003c\/button\u003e\n \u003cbutton class=\"msi-hotspots__hit msi-hotspots__hit--4\" type=\"button\" aria-label=\"Webcam Shutter\" data-index=\"3\"\u003e\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cscript\u003e\n document.addEventListener(\"DOMContentLoaded\", function(){\n var data = [\n {\n title: \"Speaker Mesh\",\n body: \"Tailored sound system with black chrome mesh to highlight the state-of-the-art audio experience.\",\n img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/msi-stealth18-ai-ultra9-security-img-1.jpg?v=1768416404\",\n alt: \"Speaker Mesh\"\n },\n {\n title: \"Touchpad\",\n body: \"Customized design featuring a larger 12% touchpad space for you to control and feel the crisp feedback.\",\n img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/msi-stealth18-ai-ultra9-security-img-2.jpg?v=1768416404\",\n alt: \"Touchpad\"\n },\n {\n title: \"FingerPrint Reader\",\n body: \"Fingerprint recognition can assist in safeguarding your privacy and enable you to quickly log in to your computer through biometric authentication.\",\n img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/msi-stealth18-ai-ultra9-security-img-4.jpg?v=1768416405\",\n alt: \"Fingerprint Reader\"\n },\n {\n title: \"Webcam Shutter\",\n body: \"Enhance privacy and security with a Webcam Shutter, allowing users to disable the laptop's camera and enjoy more privacy.\",\n img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/msi-stealth18-ai-ultra9-security-img-5.jpg?v=1768416404\",\n alt: \"Webcam Shutter\"\n }\n ];\n\n var imgEl = document.getElementById(\"msiHotspotsCardImg\");\n var titleEl = document.getElementById(\"msiHotspotsCardTitle\");\n var bodyEl = document.getElementById(\"msiHotspotsCardBody\");\n var stage = document.getElementById(\"msiHotspotsStage\");\n if(!imgEl || !titleEl || !bodyEl || !stage) return;\n\n var hits = stage.getElementsByClassName(\"msi-hotspots__hit\");\n\n function setActive(i){\n var item = data[i];\n if(!item) return;\n\n imgEl.src = item.img;\n imgEl.alt = item.alt || \"\";\n titleEl.textContent = item.title || \"\";\n bodyEl.textContent = item.body || \"\";\n\n for(var h=0; h\u003chits.length; h++){\n var idx = parseInt(hits[h].getAttribute(\"data-index\"), 10);\n hits[h].setAttribute(\"aria-current\", (idx === i) ? \"true\" : \"false\");\n }\n }\n\n for(var j=0; j\u003chits.length; j++){\n (function(btn){\n btn.addEventListener(\"click\", function(){\n var i = parseInt(btn.getAttribute(\"data-index\"), 10);\n if(isNaN(i)) return;\n setActive(i);\n });\n })(hits[j]);\n }\n\n setActive(0);\n });\n \u003c\/script\u003e\n\u003c\/section\u003e\n\n\u003c!-- =========================\n SECTION: WI-FI 7 READY (BACKGROUND + LOGO + BOTTOM TEXT)\n Replace these URLs:\n - WIFI_BG_URL -\u003e your background image\n - WIFI_LOGO_URL -\u003e your Wi-Fi 7 logo (the small badge)\n ========================= --\u003e\n\n\u003cstyle\u003e\n .msi-wifi7 {\n position: relative;\n width: 100%;\n overflow: hidden;\n background: #000;\n \/* gives it that “hero panel” feel even if content is short *\/\n padding: clamp(70px, 7vw, 110px) 18px clamp(60px, 6vw, 95px);\n font-family: Arial, Helvetica, sans-serif;\n }\n\n .msi-wifi7__bg {\n position: absolute;\n inset: 0;\n z-index: 0;\n pointer-events: none;\n }\n\n .msi-wifi7__bg img {\n width: 100% !important;\n height: 100% !important;\n max-width: none !important;\n object-fit: cover;\n object-position: 50% 50%;\n display: block;\n }\n\n \/* subtle readability lift without “darkening” the whole image too much *\/\n .msi-wifi7::after {\n content: \"\";\n position: absolute;\n inset: 0;\n z-index: 1;\n pointer-events: none;\n background:\n radial-gradient(1200px 420px at 50% 72%, rgba(0,0,0,.55), rgba(0,0,0,0) 70%),\n linear-gradient(to bottom, rgba(0,0,0,.05), rgba(0,0,0,.35));\n }\n\n .msi-wifi7__inner {\n position: relative;\n z-index: 2;\n width: min(1180px, 92vw);\n margin: 0 auto;\n min-height: clamp(460px, 58vw, 720px);\n display: flex;\n align-items: flex-end; \/* content sits toward bottom *\/\n justify-content: center;\n text-align: center;\n color: #fff;\n }\n\n .msi-wifi7__content {\n width: min(980px, 100%);\n padding-bottom: clamp(10px, 2.2vw, 26px);\n }\n\n .msi-wifi7__logo{\n display: block; \/* force block-level *\/\n margin: 0 auto 14px auto; \/* hard center *\/\n width: clamp(70px, 8vw, 108px);\n max-width: 108px !important; \/* prevent global img rules *\/\n height: auto !important;\n flex-shrink: 0;\n align-self: center;\n filter: drop-shadow(0 10px 18px rgba(0,0,0,.45));\n}\n\n\n .msi-wifi7__title {\n margin: 0 0 10px;\n font-weight: 800;\n font-size: clamp(22px, 3.1vw, 44px);\n line-height: 1.12;\n letter-spacing: .2px;\n text-shadow: 0 10px 24px rgba(0,0,0,.55);\n }\n\n .msi-wifi7__body {\n margin: 0 auto 14px;\n width: min(980px, 100%);\n font-size: clamp(12.5px, 1.15vw, 15px);\n line-height: 1.7;\n color: rgba(255,255,255,.88);\n text-shadow: 0 8px 18px rgba(0,0,0,.55);\n }\n\n .msi-wifi7__footnote {\n margin: 0;\n font-size: 12px;\n line-height: 1.5;\n color: rgba(255,255,255,.62);\n text-shadow: 0 8px 18px rgba(0,0,0,.55);\n }\n\n @media (max-width: 640px) {\n .msi-wifi7 {\n padding: 56px 14px 66px;\n }\n .msi-wifi7__inner {\n min-height: 520px; \/* keeps the “hero” look on mobile *\/\n }\n .msi-wifi7__content {\n padding-bottom: 6px;\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"msi-wifi7\" aria-label=\"Wi-Fi 7 Ready\"\u003e\n \u003c!-- Background --\u003e\n \u003cdiv class=\"msi-wifi7__bg\" aria-hidden=\"true\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/msi-stealth16-ai-ultra9-wifi7-bg.jpg?v=1768419671\" alt=\"\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msi-wifi7__inner\"\u003e\n \u003cdiv class=\"msi-wifi7__content\"\u003e\n \u003c!-- Logo --\u003e\n \u003cimg class=\"msi-wifi7__logo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/icon-wifi7_25568469-58ca-4f45-a4b7-39bfec16f797.png?v=1768419671\" alt=\"Wi-Fi 7\"\u003e\n\n \u003c!-- Text --\u003e\n \u003ch2 class=\"msi-wifi7__title\"\u003eWi-Fi 7 Ready Delivers Next-gen Wireless\u003c\/h2\u003e\n\n \u003cp class=\"msi-wifi7__body\"\u003e\n Wi-Fi 7 provides multi-gigabit performance with peak speeds of up to 5.8 Gbps on both 5 and 6GHz connections,\n delivering massive throughput gains with 320MHz channel bandwidths. Users can enjoy ultra-low latency with only\n 2ms delay and jitter-free experiences even with multiple links. The 6GHz spectrum offers additional capacity gains\n for better performance.\n \u003c\/p\u003e\n\n \u003cp class=\"msi-wifi7__footnote\"\u003e\n *Based on theoretical maximum performance. May vary by wireless configuration.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- =========================\n SECTION: AUDIO (ZOOMED + READABLE TEXT + BIGGER LOGOS)\n ========================= --\u003e\n\n\u003cstyle\u003e\n .msi-audio-sec{\n position: relative;\n width: 100%;\n overflow: hidden;\n background:#000;\n }\n\n .msi-audio-sec__bg{\n position:absolute;\n inset:0;\n z-index:0;\n pointer-events:none;\n }\n .msi-audio-sec__bg img{\n width:100% !important;\n height:100% !important;\n max-width:none !important;\n object-fit:cover;\n object-position:50% 50%;\n display:block;\n }\n\n .msi-audio-sec__inner{\n position:relative;\n z-index:1;\n width:min(1600px, 100vw);\n margin:0 auto;\n padding: clamp(34px, 4.2vw, 70px) 0 clamp(36px, 4.5vw, 76px);\n color:#fff;\n }\n\n \/* Stage *\/\n .msi-audio-sec__stage{\n position: relative;\n width:100%;\n display:grid;\n place-items:center;\n margin: 0 auto;\n padding-top: clamp(6px, 1.4vw, 16px);\n padding-bottom: clamp(170px, 16vw, 260px);\n }\n\n \/*\n ZOOM CONTROL:\n Increase --audioZoom to make laptop\/effects larger across all sizes.\n You can bump this to 1.35, 1.45, etc.\n *\/\n .msi-audio-sec{\n --audioZoom: 1.32;\n }\n\n \/* Wrapper can grow, then the whole cluster scales up (zoom) *\/\n .msi-audio-sec__laptopWrap{\n position: relative;\n width: min(1400px, 98vw);\n aspect-ratio: 1920 \/ 1002;\n display:block;\n transform: scale(var(--audioZoom));\n transform-origin: 50% 48%;\n will-change: transform;\n }\n\n .msi-audio-sec__layer{\n position:absolute;\n inset:0;\n width:100%;\n height:100%;\n display:block;\n max-width:none !important;\n pointer-events:none;\n user-select:none;\n }\n\n \/* Layer order: bottom -\u003e laptop -\u003e top *\/\n .msi-audio-sec__beamBottom{ z-index: 1; }\n .msi-audio-sec__laptop{ z-index: 2; }\n .msi-audio-sec__beamTop{ z-index: 3; }\n\n \/* Laptop float *\/\n .msi-audio-sec__laptop{\n transform-origin: 50% 55%;\n filter: drop-shadow(0 34px 80px rgba(0,0,0,.62));\n animation: msiAudioFloat 4.8s ease-in-out infinite;\n }\n\n \/* Beams pulse *\/\n .msi-audio-sec__beamTop,\n .msi-audio-sec__beamBottom{\n opacity: 0;\n filter: drop-shadow(0 0 20px rgba(130,230,255,.38));\n animation: msiAudioBeamPulse 4.8s ease-in-out infinite;\n }\n .msi-audio-sec__beamBottom{ animation-delay: .06s; }\n\n @keyframes msiAudioFloat{\n 0% { transform: translateY(0px) scale(1); }\n 45% { transform: translateY(-12px) scale(1.01); }\n 50% { transform: translateY(-14px) scale(1.012); }\n 55% { transform: translateY(-12px) scale(1.01); }\n 100% { transform: translateY(0px) scale(1); }\n }\n\n @keyframes msiAudioBeamPulse{\n 0% { opacity: 0; transform: translateY(0px) scale(1); }\n 28% { opacity: 0; transform: translateY(0px) scale(1); }\n 44% { opacity: .88; transform: translateY(-6px) scale(1.03); }\n 50% { opacity: 1; transform: translateY(-8px) scale(1.04); }\n 56% { opacity: .88; transform: translateY(-6px) scale(1.03); }\n 70% { opacity: 0; transform: translateY(0px) scale(1); }\n 100% { opacity: 0; transform: translateY(0px) scale(1); }\n }\n\n \/* ===== Readability helpers (ONLY behind text area) ===== *\/\n .msi-audio-sec__readability{\n position:absolute;\n left:0;\n right:0;\n bottom:0;\n height: clamp(260px, 38vw, 520px);\n z-index: 4;\n pointer-events:none;\n \/* gentle lift without nuking the background *\/\n background:\n radial-gradient(70% 80% at 50% 100%, rgba(0,0,0,.72), rgba(0,0,0,0) 70%),\n linear-gradient(to top, rgba(0,0,0,.78), rgba(0,0,0,0) 70%);\n }\n\n \/* Text + logos *\/\n .msi-audio-sec__content{\n position:absolute;\n left:50%;\n bottom: clamp(22px, 3.0vw, 44px);\n transform: translateX(-50%);\n width: min(1040px, 94vw);\n text-align:center;\n z-index: 5;\n }\n\n \/* Optional subtle glass panel just behind the text *\/\n .msi-audio-sec__contentPanel{\n display:inline-block;\n width: 100%;\n padding: clamp(14px, 2vw, 22px);\n border-radius: 18px;\n background: rgba(0,0,0,.28);\n border: 1px solid rgba(255,255,255,.10);\n backdrop-filter: blur(6px);\n -webkit-backdrop-filter: blur(6px);\n box-shadow: 0 18px 60px rgba(0,0,0,.35);\n }\n\n .msi-audio-sec__title{\n margin: 0 0 10px;\n font: 800 clamp(24px, 3.2vw, 44px)\/1.12 Arial, Helvetica, sans-serif;\n letter-spacing: .2px;\n text-shadow: 0 2px 18px rgba(0,0,0,.65);\n }\n\n .msi-audio-sec__desc{\n margin: 0 auto 18px;\n width: min(920px, 92vw);\n font: 400 clamp(13px, 1.25vw, 16px)\/1.75 Arial, Helvetica, sans-serif;\n color: rgba(255,255,255,.92);\n text-shadow: 0 2px 18px rgba(0,0,0,.75);\n }\n\n .msi-audio-sec__logos{\n display:flex;\n justify-content:center;\n align-items:center;\n gap: clamp(12px, 1.9vw, 22px);\n flex-wrap: wrap;\n margin-top: 8px;\n }\n\n \/* Bigger logos (scoped + safe) *\/\n .msi-audio-sec__logos img{\n width: auto !important;\n height: auto !important;\n max-width: 170px !important;\n max-height: 48px !important;\n display:block;\n object-fit: contain;\n filter: drop-shadow(0 2px 12px rgba(0,0,0,.55));\n }\n\n \/* Responsive *\/\n @media (max-width: 1100px){\n .msi-audio-sec{ --audioZoom: 1.22; }\n .msi-audio-sec__laptopWrap{ width: min(1200px, 98vw); }\n }\n\n @media (max-width: 900px){\n .msi-audio-sec{ --audioZoom: 1.16; }\n .msi-audio-sec__stage{ padding-bottom: clamp(190px, 24vw, 280px); }\n .msi-audio-sec__logos img{\n max-width: 150px !important;\n max-height: 44px !important;\n }\n }\n\n @media (max-width: 560px){\n .msi-audio-sec{ --audioZoom: 1.08; }\n .msi-audio-sec__stage{ padding-bottom: 250px; }\n .msi-audio-sec__contentPanel{ padding: 14px; border-radius: 16px; }\n .msi-audio-sec__logos{ gap: 12px; }\n .msi-audio-sec__logos img{\n max-width: 135px !important;\n max-height: 40px !important;\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"msi-audio-sec\" aria-label=\"Audio\"\u003e\n \u003c!-- Background --\u003e\n \u003cdiv class=\"msi-audio-sec__bg\" aria-hidden=\"true\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/0005.jpg?v=1768420395\" alt=\"\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msi-audio-sec__inner\"\u003e\n \u003cdiv class=\"msi-audio-sec__stage\"\u003e\n \u003c!-- Laptop cluster --\u003e\n \u003cdiv class=\"msi-audio-sec__laptopWrap\" aria-hidden=\"true\"\u003e\n \u003cimg class=\"msi-audio-sec__layer msi-audio-sec__beamBottom\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/bottom-voice-1.png?v=1768420395\" alt=\"\"\u003e\n \u003cimg class=\"msi-audio-sec__layer msi-audio-sec__laptop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/Audio-nb.png?v=1768420395\" alt=\"\"\u003e\n \u003cimg class=\"msi-audio-sec__layer msi-audio-sec__beamTop\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/top-voice-1.png?v=1768420395\" alt=\"\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- Readability gradient only behind the lower text area --\u003e\n \u003cdiv class=\"msi-audio-sec__readability\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n \u003c!-- Text + logos --\u003e\n \u003cdiv class=\"msi-audio-sec__content\"\u003e\n \u003cdiv class=\"msi-audio-sec__contentPanel\"\u003e\n \u003ch2 class=\"msi-audio-sec__title\"\u003eThe Way Music Should Be\u003c\/h2\u003e\n \u003cp class=\"msi-audio-sec__desc\"\u003e\n Stealth A18 AI+ comes with a 6 speakers surround sound system by world-class Dynaudio.\n Equipped with two pairs of dual force-canceling woofers and a pair of speakers to meet the highest acoustic expectations.\n \u003c\/p\u003e\n\n \u003cdiv class=\"msi-audio-sec__logos\" aria-label=\"Audio partner logos\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/audio-6x-speaker-icon.png?v=1768420395\" alt=\"6 Speaker\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/audio-dynaudio-icon.png?v=1768420395\" alt=\"Dynaudio\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/audio-hiRes-icon.png?v=1768420395\" alt=\"Hi-Res Audio\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/audio-nahimic-icon.png?v=1768420395\" alt=\"Nahimic\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- =========================\n SECTION: COMPREHENSIVE CONNECTIVITY (WITH OVERLAY LABELS)\n ========================= --\u003e\n\n\u003cstyle\u003e\n .msi-io-sec{\n position:relative;\n width:100%;\n overflow:hidden;\n background:#000;\n isolation:isolate;\n }\n\n .msi-io-sec__bg{\n position:absolute;\n inset:0;\n z-index:0;\n pointer-events:none;\n }\n .msi-io-sec__bg img{\n width:100% !important;\n height:100% !important;\n max-width:none !important;\n object-fit:cover;\n object-position:50% 35%;\n display:block;\n }\n\n .msi-io-sec__fade{\n position:absolute;\n inset:0;\n z-index:1;\n pointer-events:none;\n background:\n radial-gradient(1200px 600px at 50% 35%, rgba(0,0,0,0) 55%, rgba(0,0,0,.25) 100%),\n linear-gradient(to bottom, rgba(0,0,0,.05) 0%, rgba(0,0,0,.15) 45%, rgba(0,0,0,.72) 100%);\n opacity: .9;\n }\n\n .msi-io-sec__inner{\n position:relative;\n z-index:2;\n width:min(1320px, 92vw);\n margin:0 auto;\n padding: clamp(44px, 6vw, 84px) 0 clamp(46px, 6vw, 88px);\n color:#fff;\n }\n\n \/* ====== STAGE ====== *\/\n .msi-io-sec__stage{\n position:relative;\n width:100%;\n height: clamp(360px, 44vw, 560px);\n margin: 0 auto;\n }\n\n .msi-io-sec__ioDesktop{\n position:absolute;\n inset:0;\n display:block;\n }\n\n \/* Each image becomes its own coordinate system *\/\n .msi-io-unit{\n position:absolute;\n width: clamp(260px, 30vw, 520px);\n height:auto;\n max-width:none !important;\n filter: drop-shadow(0 28px 70px rgba(0,0,0,.65));\n pointer-events:none;\n user-select:none;\n }\n .msi-io-unit img{\n width:100% !important;\n height:auto !important;\n max-width:none !important;\n display:block;\n }\n\n \/* Positions (tweak these if you want them closer\/further like the screenshot) *\/\n .msi-io-unit--left{ left:-2%; top:6%; }\n .msi-io-unit--mid{ left:34%; top:10%; }\n .msi-io-unit--right{ right:-2%; top:6%; }\n\n \/* ====== LABELS ====== *\/\n .msi-io-label{\n position:absolute;\n font: 700 clamp(11px, .95vw, 14px)\/1.15 Arial, Helvetica, sans-serif;\n color:#fff;\n text-shadow: 0 2px 14px rgba(0,0,0,.75);\n white-space:nowrap;\n letter-spacing:.2px;\n pointer-events:none;\n }\n\n \/* If you want multi-line labels like the screenshot *\/\n .msi-io-label--wrap{\n white-space:normal;\n width:min(260px, 42%);\n }\n\n \/* ====== MOBILE (single image + labels) ====== *\/\n .msi-io-sec__ioMobile{\n display:none;\n position:absolute;\n inset:0;\n align-items:center;\n justify-content:center;\n }\n\n .msi-io-mobileWrap{\n position:relative;\n width:min(520px, 92vw);\n filter: drop-shadow(0 26px 60px rgba(0,0,0,.65));\n }\n .msi-io-mobileWrap img{\n width:100% !important;\n height:auto !important;\n max-width:none !important;\n display:block;\n pointer-events:none;\n user-select:none;\n }\n\n .msi-io-mobileWrap .msi-io-label{\n font-size: clamp(11px, 3.1vw, 14px);\n }\n\n \/* ====== CONTENT (BOTTOM) ====== *\/\n .msi-io-sec__content{\n width:min(980px, 92vw);\n margin: 0 auto;\n text-align:center;\n padding-top: clamp(14px, 2.2vw, 26px);\n }\n\n .msi-io-sec__title{\n margin: 0 0 12px;\n font: 800 clamp(22px, 3vw, 44px)\/1.12 Arial, Helvetica, sans-serif;\n text-shadow: 0 2px 18px rgba(0,0,0,.65);\n }\n\n .msi-io-sec__desc{\n margin: 0 auto 18px;\n width:min(900px, 92vw);\n font: 400 clamp(12.5px, 1.15vw, 15px)\/1.7 Arial, Helvetica, sans-serif;\n color: rgba(255,255,255,.90);\n text-shadow: 0 2px 18px rgba(0,0,0,.70);\n }\n\n .msi-io-sec__fineprint{\n margin: 0 auto;\n width:min(980px, 92vw);\n font: 400 12px\/1.7 Arial, Helvetica, sans-serif;\n color: rgba(255,255,255,.62);\n text-shadow: 0 2px 18px rgba(0,0,0,.75);\n }\n\n \/* ====== RESPONSIVE SWITCH ====== *\/\n @media (max-width: 820px){\n .msi-io-sec__stage{ height: clamp(520px, 110vw, 780px); }\n .msi-io-sec__ioDesktop{ display:none; }\n .msi-io-sec__ioMobile{ display:flex; }\n }\n\n @media (max-width: 520px){\n .msi-io-sec__inner{ width:min(1320px, 94vw); }\n .msi-io-sec__fineprint{ font-size: 11.5px; }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"msi-io-sec\" aria-label=\"Comprehensive Connectivity\"\u003e\n \u003cdiv class=\"msi-io-sec__bg\" aria-hidden=\"true\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/io-bg_3952b810-74f0-4c69-9660-7949aa5722f9.jpg?v=1768421964\" alt=\"\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msi-io-sec__fade\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"msi-io-sec__inner\"\u003e\n \u003cdiv class=\"msi-io-sec__stage\" aria-hidden=\"true\"\u003e\n \u003c!-- DESKTOP --\u003e\n \u003cdiv class=\"msi-io-sec__ioDesktop\"\u003e\n \u003c!-- LEFT IMAGE + LABELS --\u003e\n \u003cdiv class=\"msi-io-unit msi-io-unit--left\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/io-nb-l.png?v=1768421949\" alt=\"\"\u003e\n \u003c!-- Positions are % inside THIS image box --\u003e\n \u003cdiv class=\"msi-io-label msi-io-label--wrap\" style=\"left:78%; top:32%;\"\u003e\n USB4® Type-C \/ DisplayPort™ \/ Power Delivery\u003cbr\u003e3.1 (Thunderbolt™ 4 Compatible)\n \u003c\/div\u003e\n \u003cdiv class=\"msi-io-label\" style=\"left:54%; top:57%;\"\u003eSD Card Reader\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- MIDDLE IMAGE + LABELS --\u003e\n \u003cdiv class=\"msi-io-unit msi-io-unit--mid\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/io-nb-m.png?v=1768421949\" alt=\"\"\u003e\n \u003cdiv class=\"msi-io-label\" style=\"left:78%; top:30%;\"\u003eAudio\u003cbr\u003eCombo Jack\u003c\/div\u003e\n \u003cdiv class=\"msi-io-label\" style=\"left:76%; top:40%;\"\u003eUSB 3.2 Gen2\u003cbr\u003eType-A\u003c\/div\u003e\n \u003cdiv class=\"msi-io-label\" style=\"left:36%; top:84%;\"\u003eKensington Lock\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- RIGHT IMAGE + LABELS --\u003e\n \u003cdiv class=\"msi-io-unit msi-io-unit--right\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/io-nb-r.png?v=1768421949\" alt=\"\"\u003e\n \u003cdiv class=\"msi-io-label\" style=\"left:65%; top:40%;\"\u003eRJ45\u003c\/div\u003e\n \u003cdiv class=\"msi-io-label msi-io-label--wrap\" style=\"left:56%; top:56%;\"\u003e\n HDMI™ 2.1\u003cbr\u003e(8K@60Hz \/ 4K@120Hz)\n \u003c\/div\u003e\n \u003cdiv class=\"msi-io-label\" style=\"left:56%; top:72%;\"\u003eDC-in\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- MOBILE --\u003e\n \u003cdiv class=\"msi-io-sec__ioMobile\"\u003e\n \u003cdiv class=\"msi-io-mobileWrap\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/io-nb-m.png?v=1768421949\" alt=\"\"\u003e\n \u003c!-- Mobile label anchors (tweak a couple % if needed) --\u003e\n \u003cdiv class=\"msi-io-label msi-io-label--wrap\" style=\"left:52%; top:18%;\"\u003e\n USB4® Type-C \/ DisplayPort™ \/\u003cbr\u003ePower Delivery 3.1 (Thunderbolt™ 4 Compatible)\n \u003c\/div\u003e\n \u003cdiv class=\"msi-io-label\" style=\"left:46%; top:30%;\"\u003eSD Card Reader\u003c\/div\u003e\n \u003cdiv class=\"msi-io-label\" style=\"left:56%; top:52%;\"\u003eAudio\u003cbr\u003eCombo Jack\u003c\/div\u003e\n \u003cdiv class=\"msi-io-label\" style=\"left:54%; top:64%;\"\u003eUSB 3.2 Gen2\u003cbr\u003eType-A\u003c\/div\u003e\n \u003cdiv class=\"msi-io-label\" style=\"left:24%; top:86%;\"\u003eKensington Lock\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msi-io-sec__content\"\u003e\n \u003ch2 class=\"msi-io-sec__title\"\u003eComprehensive Connectivity\u003c\/h2\u003e\n\n \u003cp class=\"msi-io-sec__desc\"\u003e\n No matter where you are, the Stealth A18 AI+ variety of I\/O ports always keep you connected and let you stay productive.\n The ultra-versatile USB Type-A, USB Type-C, HDMI™, and USB4® port not only for a gaming mouse, docking, and other accessories,\n but also boost your productivity up for any work, edit, and process massive images and videos anywhere.\n \u003c\/p\u003e\n\n \u003cp class=\"msi-io-sec__fineprint\"\u003e\n *Support 65W(20V@3.25A) and up to 100W(20V@5A) at System running (S0 Power State) and Sleep mode (Modern Standby Low-Power Idle State),\n 45W(20V@2.25A) and up to 100W(20V@5A) at Hibernate (S4 Power State), Off (S5 Power State). The overall system performance may be affected\n in order to adapt the charging current. The charging rate will vary depending on the system and battery status. MSI PD Charger is recommended.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- =========================\n SECTION: MSI SOFTWARE EXPERIENCE (HOVER GLOW + SCROLL DIVIDER)\n ========================= --\u003e\n\n\u003cstyle\u003e\n .msi-software-sec{\n background:#000;\n color:#fff;\n padding: clamp(60px, 8vw, 110px) 0;\n position: relative;\n overflow: hidden;\n }\n\n .msi-software-sec__inner{\n width:min(1200px, 92vw);\n margin:0 auto;\n position:relative;\n }\n\n .msi-software-sec__grid{\n display:grid;\n grid-template-columns: 1fr 1px 1fr;\n gap: clamp(30px, 5vw, 70px);\n align-items:center;\n }\n\n \/* Divider *\/\n .msi-software-sec__divider{\n width:1px;\n height: clamp(200px, 28vw, 320px);\n background: linear-gradient(\n to bottom,\n rgba(120,160,255,0),\n rgba(120,160,255,.55),\n rgba(120,160,255,0)\n );\n box-shadow: 0 0 10px rgba(120,160,255,.25);\n transition: filter .6s ease, box-shadow .6s ease, opacity .6s ease;\n opacity: .85;\n filter: saturate(1);\n }\n\n \/* ON SCROLL (activated) *\/\n .msi-software-sec.is-inview .msi-software-sec__divider{\n opacity: 1;\n filter: saturate(1.25) brightness(1.15);\n box-shadow:\n 0 0 14px rgba(120,160,255,.45),\n 0 0 28px rgba(165,90,255,.22);\n }\n\n \/* Columns *\/\n .msi-software-sec__col{\n text-align:center;\n padding: 18px clamp(10px, 2vw, 24px);\n border-radius: 18px;\n position: relative;\n transition: transform .28s ease, box-shadow .28s ease, background .28s ease;\n background: rgba(255,255,255,0);\n }\n\n \/* subtle ambient glow ring (hidden until hover) *\/\n .msi-software-sec__col::before{\n content:\"\";\n position:absolute;\n inset:-1px;\n border-radius: 20px;\n pointer-events:none;\n opacity: 0;\n transition: opacity .28s ease;\n background:\n radial-gradient(420px 220px at 50% 40%, rgba(120,160,255,.18), rgba(0,0,0,0) 70%),\n radial-gradient(380px 200px at 50% 80%, rgba(165,90,255,.14), rgba(0,0,0,0) 72%);\n }\n\n \/* Hover glow *\/\n @media (hover:hover){\n .msi-software-sec__col:hover{\n transform: translateY(-2px);\n background: rgba(255,255,255,.03);\n box-shadow:\n 0 18px 44px rgba(0,0,0,.55),\n 0 0 0 1px rgba(120,160,255,.18);\n }\n .msi-software-sec__col:hover::before{\n opacity: 1;\n }\n }\n\n \/* Touch devices: give a tiny always-on glow (very subtle) *\/\n @media (hover:none){\n .msi-software-sec__col{\n background: rgba(255,255,255,.02);\n box-shadow: 0 14px 36px rgba(0,0,0,.45);\n }\n }\n\n \/* Red Dot badge *\/\n .msi-software-sec__award{\n display:flex;\n align-items:center;\n justify-content:center;\n gap:10px;\n margin-bottom: 18px;\n font-size: 13px;\n color: rgba(255,255,255,.85);\n }\n\n .msi-software-sec__award img{\n width:26px;\n height:auto;\n }\n\n \/* Logos *\/\n .msi-software-sec__logo{\n display:block;\n margin: 0 auto 16px;\n max-width: 120px;\n height:auto;\n filter: drop-shadow(0 6px 16px rgba(0,0,0,.55));\n }\n\n .msi-software-sec__logo--app{\n max-width: 130px;\n }\n\n \/* Titles *\/\n .msi-software-sec__title{\n font: 800 clamp(18px, 2vw, 22px)\/1.25 Arial, Helvetica, sans-serif;\n margin: 0 0 10px;\n text-shadow: 0 2px 16px rgba(0,0,0,.55);\n }\n\n \/* Descriptions *\/\n .msi-software-sec__desc{\n font: 400 clamp(13px, 1.15vw, 15px)\/1.65 Arial, Helvetica, sans-serif;\n color: rgba(255,255,255,.85);\n max-width: 420px;\n margin: 0 auto;\n text-shadow: 0 2px 16px rgba(0,0,0,.55);\n }\n\n \/* ===== MOBILE ===== *\/\n @media (max-width: 820px){\n .msi-software-sec__grid{\n grid-template-columns: 1fr;\n gap: 40px;\n }\n\n .msi-software-sec__divider{\n width: 100%;\n height:1px;\n background: linear-gradient(\n to right,\n rgba(120,160,255,0),\n rgba(120,160,255,.55),\n rgba(120,160,255,0)\n );\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"msi-software-sec\" aria-label=\"MSI Software Experience\" id=\"msiSoftwareSec\"\u003e\n \u003cdiv class=\"msi-software-sec__inner\"\u003e\n \u003cdiv class=\"msi-software-sec__grid\"\u003e\n\n \u003c!-- LEFT --\u003e\n \u003cdiv class=\"msi-software-sec__col\"\u003e\n \n\n \u003cimg class=\"msi-software-sec__logo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/msi-center-icon-copy.png?v=1768423000\" alt=\"MSI Center\"\u003e\n\n \u003ch3 class=\"msi-software-sec__title\"\u003eGet All The Buffs\u003c\/h3\u003e\n\n \u003cp class=\"msi-software-sec__desc\"\u003e\n The exclusive MSI Center helps you control and customize your MSI laptop\n the way you want.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- DIVIDER --\u003e\n \u003cdiv class=\"msi-software-sec__divider\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n \u003c!-- RIGHT --\u003e\n \u003cdiv class=\"msi-software-sec__col\"\u003e\n \u003cimg class=\"msi-software-sec__logo msi-software-sec__logo--app\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/msi-app-player-icon.png?v=1768423000\" alt=\"MSI App Player\"\u003e\n\n \u003ch3 class=\"msi-software-sec__title\"\u003eSeamless Gaming Experience\u003c\/h3\u003e\n\n \u003cp class=\"msi-software-sec__desc\"\u003e\n Developed under an exclusive partnership with BlueStacks,\n the MSI App Player provides a seamless gaming experience between\n mobile gaming and the PC.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cscript\u003e\n (function(){\n var sec = document.getElementById(\"msiSoftwareSec\");\n if(!sec) return;\n\n \/\/ If IO isn't supported, just enable the in-view state.\n if(!(\"IntersectionObserver\" in window)){\n sec.classList.add(\"is-inview\");\n return;\n }\n\n var io = new IntersectionObserver(function(entries){\n entries.forEach(function(entry){\n if(entry.isIntersecting){\n sec.classList.add(\"is-inview\");\n }else{\n sec.classList.remove(\"is-inview\");\n }\n });\n }, { threshold: 0.25 });\n\n io.observe(sec);\n })();\n \u003c\/script\u003e\n\u003c\/section\u003e\n\n\u003c!-- =========================\n SECTION: EPEAT SUSTAINABILITY\n ========================= --\u003e\n\n\u003cstyle\u003e\n .msi-epeat-sec{\n position: relative;\n width: 100%;\n overflow: hidden;\n isolation: isolate;\n background: #fff;\n }\n\n \/* Background image *\/\n .msi-epeat-sec__bg{\n position:absolute;\n inset:0;\n z-index:0;\n }\n .msi-epeat-sec__bg img{\n width:100% !important;\n height:100% !important;\n object-fit:cover;\n object-position: right center;\n display:block;\n }\n\n \/* Soft white fade for readability *\/\n .msi-epeat-sec__overlay{\n position:absolute;\n inset:0;\n z-index:1;\n background:\n linear-gradient(\n to right,\n rgba(255,255,255,.92) 0%,\n rgba(255,255,255,.86) 42%,\n rgba(255,255,255,.55) 62%,\n rgba(255,255,255,0) 78%\n );\n }\n\n .msi-epeat-sec__inner{\n position:relative;\n z-index:2;\n width:min(1200px, 92vw);\n margin:0 auto;\n padding: clamp(60px, 8vw, 110px) 0;\n }\n\n .msi-epeat-sec__content{\n max-width: 640px;\n }\n\n \/* Logo *\/\n .msi-epeat-sec__logo{\n display:flex;\n align-items:center;\n gap:14px;\n margin-bottom: 22px;\n }\n\n .msi-epeat-sec__logo img{\n width:60px;\n height:auto;\n display:block;\n }\n\n \/* FORCE BLACK TEXT *\/\n .msi-epeat-sec h2,\n .msi-epeat-sec p,\n .msi-epeat-sec span,\n .msi-epeat-sec a{\n color:#000 !important;\n }\n\n .msi-epeat-sec__title{\n margin: 0 0 16px;\n font: 800 clamp(22px, 3vw, 40px)\/1.2 Arial, Helvetica, sans-serif;\n letter-spacing: .2px;\n }\n\n .msi-epeat-sec__desc{\n margin: 0 0 22px;\n font: 400 clamp(14px, 1.2vw, 16px)\/1.7 Arial, Helvetica, sans-serif;\n max-width: 600px;\n }\n\n .msi-epeat-sec__fineprint{\n font: 400 12.5px\/1.6 Arial, Helvetica, sans-serif;\n max-width: 620px;\n }\n\n .msi-epeat-sec__fineprint a{\n text-decoration: underline;\n }\n\n \/* ===== MOBILE ===== *\/\n @media (max-width: 820px){\n .msi-epeat-sec__overlay{\n background:\n linear-gradient(\n to bottom,\n rgba(255,255,255,.95) 0%,\n rgba(255,255,255,.9) 55%,\n rgba(255,255,255,.7) 75%,\n rgba(255,255,255,0) 100%\n );\n }\n\n .msi-epeat-sec__content{\n max-width: 100%;\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"msi-epeat-sec\" aria-label=\"EPEAT Sustainability\"\u003e\n \u003c!-- Background --\u003e\n \u003cdiv class=\"msi-epeat-sec__bg\" aria-hidden=\"true\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/epeat-bg_bf1e5aba-ea5e-43ba-b7f6-cbcccb45cab2.jpg?v=1768424764\" alt=\"\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msi-epeat-sec__overlay\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"msi-epeat-sec__inner\"\u003e\n \u003cdiv class=\"msi-epeat-sec__content\"\u003e\n\n \u003c!-- Logo --\u003e\n \u003cdiv class=\"msi-epeat-sec__logo\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/epeat-green-mark-registered_62a277a8-f552-4b43-9185-715ade3c3de3.png?v=1768424764\" alt=\"EPEAT\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- Text --\u003e\n \u003ch2 class=\"msi-epeat-sec__title\"\u003e\n A Better Future with\u003cbr\u003e\n EPEAT Registered MSI Laptops\n \u003c\/h2\u003e\n\n \u003cp class=\"msi-epeat-sec__desc\"\u003e\n EPEAT is the world’s premier global ecolabel for electronics. MSI laptops\n provide sustainable products inside out and participate in EPEAT\/EPEAT\n ecolabel. Let’s protect the earth with actions.\n \u003c\/p\u003e\n\n \u003cp class=\"msi-epeat-sec__fineprint\"\u003e\n *Micro-Star International Co., Ltd. registers products in EPEAT.\n See \u003ca href=\"https:\/\/www.epeat.net\" target=\"_blank\" rel=\"noopener\"\u003ewww.epeat.net\u003c\/a\u003e\n for registration status and tier levels by country.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- =========================\n SECTION: FINAL SPECS (LAST SECTION)\n Replace image URLs:\n - main images + thumbs (5)\n ========================= --\u003e\n\n\u003cstyle\u003e\n .msi-final-specs{\n position: relative;\n width: 100%;\n overflow: hidden;\n background: #171717;\n isolation: isolate;\n padding: clamp(42px, 6vw, 72px) 0;\n }\n\n \/* Soft vignette like the screenshot *\/\n .msi-final-specs::before{\n content:\"\";\n position:absolute;\n inset:0;\n pointer-events:none;\n z-index:0;\n background:\n radial-gradient(900px 700px at 30% 35%, rgba(255,255,255,.06), rgba(0,0,0,0) 55%),\n radial-gradient(1100px 700px at 70% 35%, rgba(255,255,255,.04), rgba(0,0,0,0) 60%),\n linear-gradient(to bottom, rgba(0,0,0,.15), rgba(0,0,0,.45));\n }\n\n .msi-final-specs__inner{\n position: relative;\n z-index: 1;\n width: min(1320px, 92vw);\n margin: 0 auto;\n }\n\n .msi-final-specs__grid{\n display: grid;\n grid-template-columns: 1.05fr .95fr;\n gap: clamp(26px, 3vw, 56px);\n align-items: start;\n }\n\n \/* FORCE TEXT COLOR (Shopify-safe) *\/\n .msi-final-specs h2,\n .msi-final-specs h3,\n .msi-final-specs p,\n .msi-final-specs li,\n .msi-final-specs span,\n .msi-final-specs a{\n color: #fff !important;\n }\n\n \/* ===== LEFT: IMAGE + THUMBS ===== *\/\n .msi-final-specs__left{\n position: relative;\n padding-left: clamp(0px, 1vw, 6px);\n }\n\n .msi-final-specs__heroWrap{\n position: relative;\n width: 100%;\n max-width: 760px;\n margin: 0 auto;\n }\n\n \/* Glow behind laptop *\/\n .msi-final-specs__heroWrap::before{\n content:\"\";\n position:absolute;\n inset: -10% -10% -20% -10%;\n z-index:0;\n background: radial-gradient(500px 420px at 50% 40%, rgba(255,170,60,.22), rgba(0,0,0,0) 65%);\n filter: blur(2px);\n opacity: .9;\n pointer-events:none;\n }\n\n .msi-final-specs__hero{\n position: relative;\n z-index: 1;\n width: 100% !important;\n height: auto !important;\n max-width: 100% !important;\n display: block;\n object-fit: contain;\n filter: drop-shadow(0 30px 70px rgba(0,0,0,.65));\n user-select: none;\n pointer-events: none;\n }\n\n .msi-final-specs__thumbs{\n margin: clamp(18px, 2.5vw, 26px) auto 0;\n width: 100%;\n max-width: 760px;\n display: grid;\n grid-template-columns: repeat(5, minmax(0, 1fr));\n gap: 10px;\n }\n\n \/* Button reset + prevent theme img rules *\/\n .msi-final-specs__thumbBtn{\n appearance: none;\n border: 1px solid rgba(255,255,255,.14);\n background: rgba(0,0,0,.25);\n border-radius: 8px;\n padding: 10px;\n cursor: pointer;\n transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease, background .15s ease;\n }\n .msi-final-specs__thumbBtn:hover{\n transform: translateY(-1px);\n border-color: rgba(255,255,255,.28);\n box-shadow: 0 10px 24px rgba(0,0,0,.35);\n }\n .msi-final-specs__thumbBtn[aria-current=\"true\"]{\n border-color: rgba(255,255,255,.55);\n box-shadow: 0 0 0 2px rgba(255,255,255,.14), 0 12px 28px rgba(0,0,0,.45);\n background: rgba(255,255,255,.06);\n }\n\n .msi-final-specs__thumbBtn img{\n width: 100% !important;\n height: 48px !important;\n max-width: 100% !important;\n display: block;\n object-fit: contain;\n pointer-events: none;\n user-select: none;\n }\n\n \/* ===== RIGHT: TEXT ===== *\/\n .msi-final-specs__right{\n padding-top: clamp(6px, 1vw, 10px);\n }\n\n .msi-final-specs__kicker{\n margin: 0 0 8px;\n font: 800 clamp(20px, 2.2vw, 30px)\/1.15 Arial, Helvetica, sans-serif;\n letter-spacing: .2px;\n }\n\n .msi-final-specs__kicker2{\n margin: 0 0 16px;\n font: 800 clamp(18px, 2vw, 28px)\/1.15 Arial, Helvetica, sans-serif;\n opacity: .95;\n }\n\n .msi-final-specs__list{\n margin: 0;\n padding-left: 20px;\n font: 400 clamp(13px, 1.05vw, 15px)\/1.65 Arial, Helvetica, sans-serif;\n color: rgba(255,255,255,.92) !important;\n }\n .msi-final-specs__list li{\n margin: 0 0 8px;\n }\n\n .msi-final-specs__fineprint{\n margin-top: 18px;\n font: 400 12.5px\/1.65 Arial, Helvetica, sans-serif;\n color: rgba(255,255,255,.68) !important;\n }\n .msi-final-specs__fineprint a{\n text-decoration: underline;\n }\n\n \/* ===== RESPONSIVE ===== *\/\n @media (max-width: 980px){\n .msi-final-specs__grid{\n grid-template-columns: 1fr;\n gap: 26px;\n }\n .msi-final-specs__right{\n width: min(860px, 100%);\n margin: 0 auto;\n text-align: left;\n }\n .msi-final-specs__thumbs{\n grid-template-columns: repeat(5, minmax(0, 1fr));\n }\n }\n\n @media (max-width: 560px){\n .msi-final-specs{\n padding: 44px 0;\n }\n .msi-final-specs__thumbs{\n grid-template-columns: repeat(3, minmax(0, 1fr));\n row-gap: 10px;\n }\n .msi-final-specs__thumbBtn img{\n height: 44px !important;\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"msi-final-specs\" aria-label=\"Stealth A18 AI+ Specs\"\u003e\n \u003cdiv class=\"msi-final-specs__inner\"\u003e\n \u003cdiv class=\"msi-final-specs__grid\"\u003e\n\n \u003c!-- LEFT: HERO + THUMBS --\u003e\n \u003cdiv class=\"msi-final-specs__left\"\u003e\n \u003cdiv class=\"msi-final-specs__heroWrap\"\u003e\n \u003cimg id=\"msiFinalSpecsHero\" class=\"msi-final-specs__hero\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/1024_9c74abba-9d3b-4391-a3da-22650aed5039.png?v=1768425326\" alt=\"MSI Stealth A18 AI+ hero image\"\u003e\n \u003c\/div\u003e\n\n \n \u003c\/div\u003e\n\n \u003c!-- RIGHT: COPY --\u003e\n \u003cdiv class=\"msi-final-specs__right\"\u003e\n \u003ch2 class=\"msi-final-specs__kicker\"\u003eStealth A18 AI+\u003c\/h2\u003e\n \u003ch3 class=\"msi-final-specs__kicker2\"\u003eCopilot+ PC\u003c\/h3\u003e\n\n \u003cul class=\"msi-final-specs__list\"\u003e\n \u003cli\u003eUp to AMD Ryzen™ AI 9 HX 370 Processor\u003c\/li\u003e\n \u003cli\u003eWindows 11 Home \/ Windows 11 Pro (MSI recommends Windows 11 Pro for business.)\u003c\/li\u003e\n \u003cli\u003eUp to NVIDIA® GeForce RTX™ 5090 Laptop GPU 24GB GDDR7\u003c\/li\u003e\n \u003cli\u003eNVIDIA Studio-validated for creators; preinstalled with Studio Drivers and exclusive tools\u003c\/li\u003e\n \u003cli\u003eMagnesium-Aluminum Alloy Chassis\u003c\/li\u003e\n \u003cli\u003e18\" UHD+ (3840x2400), 16:10, MiniLED, 120Hz Refresh Rate, 100% DCI-P3 (Typ.), VESA DisplayHDR™ 1000 Certified, IPS-Level panel\u003c\/li\u003e\n \u003cli\u003e6.4lbs \u0026amp; 0.78in (est.)\u003c\/li\u003e\n \u003cli\u003e6-Speaker Sound System by Dynaudio\u003c\/li\u003e\n \u003cli\u003eVapor Chamber Cooler with 2 Fans + 4 Exhausts\u003c\/li\u003e\n \u003cli\u003eIR FHD webcam with Webcam Shutter, featuring HDR \u0026amp; 3D Noise Reduction+ (3DNR+)\u003c\/li\u003e\n \u003cli\u003ePer-Key RGB SteelSeries Keyboard\u003c\/li\u003e\n \u003cli\u003e99.9Whr Battery Capacity\u003c\/li\u003e\n \u003cli\u003eOne month of PC Game Pass (Eligible Region: Please visit https:\/\/www.xbox.com\/regions for the newest information.)\u003c\/li\u003e\n \u003c\/ul\u003e\n\n \u003cdiv class=\"msi-final-specs__fineprint\"\u003e\n * Spec and bundle offer may vary by model and by country. Please refer to the final specification of the product purchased for Xbox Game Pass pre-installed details.\u003cbr\u003e\n * Configuration may vary by models, please check spec sheet for detail info.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cscript\u003e\n (function(){\n var hero = document.getElementById(\"msiFinalSpecsHero\");\n var btns = document.querySelectorAll(\".msi-final-specs__thumbBtn\");\n if(!hero || !btns.length) return;\n\n function setActive(btn){\n var src = btn.getAttribute(\"data-src\");\n var alt = btn.getAttribute(\"data-alt\") || \"Product image\";\n if(!src) return;\n\n hero.src = src;\n hero.alt = alt;\n\n btns.forEach(function(b){ b.setAttribute(\"aria-current\",\"false\"); });\n btn.setAttribute(\"aria-current\",\"true\");\n }\n\n btns.forEach(function(btn){\n btn.addEventListener(\"click\", function(){ setActive(btn); });\n });\n })();\n \u003c\/script\u003e\n\u003c\/section\u003e\n\n\n\u003c\/div\u003e\n","brand":"Wiesec","offers":[{"title":"Default Title","offer_id":58018283684227,"sku":"715969","price":2552.53,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1001\/1603\/8019\/files\/StealthA18AI_2.png?v=1778443002","url":"https:\/\/wiesecs.com\/products\/msi-stealth-a18-ai-a3xwjg-006us","provider":"Wiesecs","version":"1.0","type":"link"}