{"product_id":"asus-rog-strix-scar-16-g635lx-xs97-gaming-laptop","title":"ASUS ROG Strix SCAR 16 G635LX-XS97 Gaming Laptop","description":"\u003c!-- =========================\n SECTION 1 • HERO\n========================= --\u003e\n\u003csection class=\"asus-section-1\"\u003e\n\n \u003c!-- Image layer --\u003e\n \u003cdiv class=\"asus-hero-image\" style=\"background-image:url('https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/Strix_Scar16_KV_16x9_2f527a5a-3d6d-4dc9-996d-81fe01c914e9.webp?v=1768335230E');\"\u003e\u003c\/div\u003e\n\n \u003c!-- Text bar that overlaps the image --\u003e\n \u003cdiv class=\"asus-hero-bar\"\u003e\n \u003cdiv class=\"asus-hero-bar-inner\"\u003e\n \u003ch1 class=\"asus-hero-title\"\u003eROG STRIX SCAR 16\u003c\/h1\u003e\n \u003cdiv class=\"asus-tagline\"\u003eVICTORY, ACCELERATED.\u003c\/div\u003e\n \u003cp class=\"asus-hero-desc\"\u003e\n Dominate Windows 11 Pro gaming with Intel Core Ultra 9 and up to NVIDIA GeForce RTX Laptop GPU at up to 175W max TGP.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n.asus-section-1 {\n background:#000;\n position: relative;\n isolation: isolate; \/* prevents theme stacking weirdness *\/\n}\n\n\/* Top product image *\/\n.asus-hero-image {\n height: 70vh;\n min-height: 420px;\n background-size: cover;\n background-position: center;\n position: relative;\n z-index: 1;\n}\n\n\/* Soft fade at bottom of image *\/\n.asus-hero-image::after {\n content:\"\";\n position:absolute;\n left:0;\n right:0;\n bottom:0;\n height:180px;\n background:linear-gradient(to bottom, rgba(0,0,0,0), #000);\n}\n\n\/* Text bar *\/\n.asus-hero-bar {\n background:#000;\n margin-top:-120px; \/* overlap *\/\n position: relative;\n z-index: 3; \/* ensures it sits ABOVE the image *\/\n padding: 28px 0 44px; \/* top padding ensures H1 is never clipped *\/\n}\n\n.asus-hero-bar-inner {\n max-width:1200px;\n margin:0 auto;\n padding: 0 20px;\n text-align:center;\n color:#fff;\n}\n\n\/* Typography *\/\n.asus-hero-title {\n margin: 0;\n font-size: 48px;\n font-weight: 800;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n line-height: 1.05;\n}\n\n.asus-tagline {\n margin-top: 10px;\n font-size: 18px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n opacity: 0.95;\n}\n\n.asus-hero-desc {\n margin: 14px auto 0;\n max-width: 760px;\n font-size: 14px;\n line-height: 1.5;\n opacity: 0.85;\n}\n\n\/* Mobile *\/\n@media (max-width:768px) {\n .asus-hero-image {\n height:60vh;\n min-height: 360px;\n }\n\n .asus-hero-bar {\n margin-top:-80px;\n padding: 22px 0 36px;\n }\n\n .asus-hero-title {\n font-size: 30px;\n letter-spacing: 0.06em;\n }\n\n .asus-tagline {\n font-size: 14px;\n }\n\n .asus-hero-desc {\n font-size: 13px;\n }\n}\n\u003c\/style\u003e\n\n\u003c!-- =========================\n SECTION 2 • FEATURE GRID\n========================= --\u003e\n\u003csection class=\"asus-section-2\"\u003e\n \u003cdiv class=\"asus-s2-wrap\"\u003e\n\n \u003cdiv class=\"asus-s2-grid\"\u003e\n\n \u003c!-- Card 1 --\u003e\n \u003cdiv class=\"asus-s2-item\"\u003e\n \u003cdiv class=\"asus-s2-icon\"\u003e▦\u003c\/div\u003e\n \u003cdiv class=\"asus-s2-text\"\u003e\n \u003cdiv class=\"asus-s2-title\"\u003eEnjoy effortless Windows 11 Pro gaming performance with the Strix SCAR 16\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Card 2 --\u003e\n \u003cdiv class=\"asus-s2-item\"\u003e\n \u003cdiv class=\"asus-s2-icon asus-s2-icon--label\"\u003eCPU\u003c\/div\u003e\n \u003cdiv class=\"asus-s2-text\"\u003e\n \u003cdiv class=\"asus-s2-title\"\u003e\n Up to Intel Core Ultra 9 processor 275HX with 24 cores and 24 threads at up to 80W TDP\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Card 3 --\u003e\n \u003cdiv class=\"asus-s2-item\"\u003e\n \u003cdiv class=\"asus-s2-icon asus-s2-icon--label\"\u003eGPU\u003c\/div\u003e\n \u003cdiv class=\"asus-s2-text\"\u003e\n \u003cdiv class=\"asus-s2-title\"\u003e\n Up to NVIDIA GeForce RTX 5090 Laptop GPU at up to 175W max TGP and a MUX Switch with NVIDIA Advanced Optimus\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Card 4 --\u003e\n \u003cdiv class=\"asus-s2-item\"\u003e\n \u003cdiv class=\"asus-s2-icon\"\u003e≋\u003c\/div\u003e\n \u003cdiv class=\"asus-s2-text\"\u003e\n \u003cdiv class=\"asus-s2-title\"\u003e\n An end-to-end vapor chamber paired with a sandwiched heatsink, Tri-Fan Technology, and Conductonaut Extreme liquid metal on CPU and GPU\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Card 5 --\u003e\n \u003cdiv class=\"asus-s2-item\"\u003e\n \u003cdiv class=\"asus-s2-icon asus-s2-icon--label\"\u003eN\u003c\/div\u003e\n \u003cdiv class=\"asus-s2-text\"\u003e\n \u003cdiv class=\"asus-s2-title\"\u003e\n 16-inch 2.5K Nebula HDR Display with Mini LED, over 2K dimming zones, 16:10 aspect ratio, 240Hz\/3ms, 100% DCI-P3, and ACR technology\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Card 6 --\u003e\n \u003cdiv class=\"asus-s2-item\"\u003e\n \u003cdiv class=\"asus-s2-icon\"\u003e▤\u003c\/div\u003e\n \u003cdiv class=\"asus-s2-text\"\u003e\n \u003cdiv class=\"asus-s2-title\"\u003e\n Up to 64GB DDR5 5600 RAM and 2TB PCIe Gen4 SSD, both easily upgradable thanks to a tool-less access design\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \n \u003cdiv class=\"asus-s2-badges\"\u003e\n \n \u003cimg class=\"asus-s2-badge\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/GeForce_RTX.svg?v=1768335705\" alt=\"NVIDIA GeForce RTX\"\u003e\n \u003cimg class=\"asus-s2-badge\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/PCGamePass_2021_stack-alt_Wht_RGB.webp?v=1768335705\" alt=\"PC Game Pass\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n.asus-section-2{\n background:#000;\n padding: 56px 0 40px;\n}\n\n.asus-s2-wrap{\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n}\n\n.asus-s2-grid{\n display:grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 34px 56px; \/* row gap \/ column gap *\/\n}\n\n.asus-s2-item{\n display:flex;\n align-items:flex-start;\n gap: 16px;\n}\n\n.asus-s2-icon{\n width: 44px;\n height: 44px;\n border-radius: 999px;\n background: rgba(255,255,255,0.08);\n border: 1px solid rgba(255,255,255,0.12);\n display:flex;\n align-items:center;\n justify-content:center;\n flex: 0 0 44px;\n color:#fff;\n font-size: 18px;\n line-height: 1;\n user-select:none;\n}\n\n.asus-s2-icon--label{\n font-size: 12px;\n letter-spacing: 0.12em;\n font-weight: 800;\n}\n\n.asus-s2-text{\n color:#fff;\n}\n\n.asus-s2-title{\n font-size: 14px;\n line-height: 1.45;\n opacity: 0.92;\n}\n\n\/* Optional badge area *\/\n.asus-s2-badges{\n margin-top: 46px;\n display:flex;\n justify-content:center;\n align-items:center;\n gap: 32px;\n flex-wrap: wrap;\n opacity: 0.95;\n}\n\n.asus-s2-badge{\n height: 56px;\n width: auto;\n display:block;\n filter: grayscale(0);\n}\n\n\/* Tablet *\/\n@media (max-width: 1024px){\n .asus-s2-grid{\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 28px 34px;\n }\n}\n\n\/* Mobile *\/\n@media (max-width: 640px){\n .asus-section-2{\n padding: 44px 0 28px;\n }\n\n .asus-s2-grid{\n grid-template-columns: 1fr;\n gap: 22px;\n }\n\n .asus-s2-title{\n font-size: 13px;\n }\n}\n\u003c\/style\u003e\n\u003c!-- =========================\n SECTION 3 • IMAGE + SUMMARY + SPECS\n========================= --\u003e\n\u003csection class=\"asus-section-3\"\u003e\n\n \u003c!-- Top image --\u003e\n \u003cdiv class=\"asus-s3-image\" style=\"background-image:url('https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/backsidestrix.jpg?v=1768335939');\"\u003e\u003c\/div\u003e\n\n \u003c!-- Text + specs --\u003e\n \u003cdiv class=\"asus-s3-body\"\u003e\n \u003cdiv class=\"asus-s3-wrap\"\u003e\n\n \u003ch2 class=\"asus-s3-title\"\u003eTHE BEST OF THE BEST\u003c\/h2\u003e\n\n \u003cp class=\"asus-s3-desc\"\u003e\n The 2025 Strix SCAR 16 offers the very best Windows 11 Pro gaming experience, featuring next gen Intel Core processor\n and next gen NVIDIA GeForce RTX Laptop GPU with Advanced Optimus. This killer hardware is complemented with up to 64GB\n of 5600MHz DDR5 RAM and up to 4TB of PCIe 4.0 storage, with the memory slots upgradable to 6400MHz DDR5 RAM and SSD\n slots both offering full support for PCIe Gen 5, ensuring that you always have the edge on your competition.\n \u003c\/p\u003e\n\n \u003c!-- Spec highlights --\u003e\n \u003cdiv class=\"asus-s3-specs\"\u003e\n\n \u003cdiv class=\"asus-s3-spec\"\u003e\n \u003cdiv class=\"asus-s3-spec-top\"\u003e \u003c\/div\u003e\n \u003cdiv class=\"asus-s3-spec-main\"\u003eWindows 11 Pro\u003c\/div\u003e\n \u003cdiv class=\"asus-s3-spec-sub\"\u003eOS\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"asus-s3-spec\"\u003e\n \u003cdiv class=\"asus-s3-spec-top\"\u003e \u003c\/div\u003e\n \u003cdiv class=\"asus-s3-spec-main\"\u003eIntel Core Ultra 9 275HX\u003c\/div\u003e\n \u003cdiv class=\"asus-s3-spec-sub\"\u003eProcessor\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"asus-s3-spec\"\u003e\n \u003cdiv class=\"asus-s3-spec-top\"\u003eUp to\u003c\/div\u003e\n \u003cdiv class=\"asus-s3-spec-main\"\u003eNVIDIA GeForce RTX 5090\u003c\/div\u003e\n \u003cdiv class=\"asus-s3-spec-sub\"\u003eLaptop GPU\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"asus-s3-spec\"\u003e\n \u003cdiv class=\"asus-s3-spec-top\"\u003eNVIDIA\u003c\/div\u003e\n \u003cdiv class=\"asus-s3-spec-main\"\u003eAdvanced Optimus\u003c\/div\u003e\n \u003cdiv class=\"asus-s3-spec-sub\"\u003e \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"asus-s3-spec\"\u003e\n \u003cdiv class=\"asus-s3-spec-top\"\u003eUp to\u003c\/div\u003e\n \u003cdiv class=\"asus-s3-spec-main\"\u003e64GB\u003c\/div\u003e\n \u003cdiv class=\"asus-s3-spec-sub\"\u003eDDR5 Memory\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"asus-s3-spec\"\u003e\n \u003cdiv class=\"asus-s3-spec-top\"\u003eUp to\u003c\/div\u003e\n \u003cdiv class=\"asus-s3-spec-main\"\u003e2TB PCIe 4.0\u003c\/div\u003e\n \u003cdiv class=\"asus-s3-spec-sub\"\u003eSSD\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n.asus-section-3{\n background:#000;\n}\n\n\/* Image area *\/\n.asus-s3-image{\n height: 64vh;\n min-height: 360px;\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n position: relative;\n}\n\n\/* Fade down into black like ASUS *\/\n.asus-s3-image::after{\n content:\"\";\n position:absolute;\n left:0;\n right:0;\n bottom:0;\n height: 200px;\n background: linear-gradient(to bottom, rgba(0,0,0,0), #000);\n}\n\n\/* Body *\/\n.asus-s3-body{\n padding: 44px 0 56px;\n}\n\n.asus-s3-wrap{\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n text-align:center;\n color:#fff;\n}\n\n.asus-s3-title{\n margin: 0;\n font-size: 44px;\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n line-height: 1.05;\n}\n\n.asus-s3-desc{\n margin: 16px auto 0;\n max-width: 860px;\n font-size: 14px;\n line-height: 1.6;\n opacity: 0.88;\n}\n\n\/* Spec grid *\/\n.asus-s3-specs{\n margin-top: 34px;\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 22px 34px;\n align-items: start;\n}\n\n.asus-s3-spec{\n padding: 8px 0;\n}\n\n.asus-s3-spec-top{\n font-size: 12px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n opacity: 0.85;\n min-height: 18px;\n}\n\n.asus-s3-spec-main{\n margin-top: 6px;\n font-size: 22px;\n font-weight: 800;\n letter-spacing: 0.02em;\n}\n\n.asus-s3-spec-sub{\n margin-top: 6px;\n font-size: 12px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n opacity: 0.75;\n}\n\n\/* Tablet *\/\n@media (max-width: 1024px){\n .asus-s3-title{ font-size: 36px; }\n .asus-s3-specs{\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 18px 24px;\n }\n}\n\n\/* Mobile *\/\n@media (max-width: 640px){\n .asus-s3-image{\n height: 52vh;\n min-height: 300px;\n }\n\n .asus-s3-body{\n padding: 34px 0 44px;\n }\n\n .asus-s3-title{ font-size: 28px; }\n\n .asus-s3-desc{\n font-size: 13px;\n padding: 0 6px;\n }\n\n .asus-s3-specs{\n grid-template-columns: 1fr;\n gap: 14px;\n }\n\n .asus-s3-spec-main{\n font-size: 18px;\n }\n}\n\u003c\/style\u003e\n\n\u003c!-- =========================\n SECTION 4 • MAX WATTAGE HUD (ASUS-like + gentle animation)\n Notes:\n - No Turbo\/Manual buttons\n - Pure HTML + CSS\n========================= --\u003e\n\u003csection class=\"asus-section-4\"\u003e\n \u003cdiv class=\"asus-s4-wrap\"\u003e\n\n \u003cdiv class=\"asus-s4-head\"\u003e\n \u003cdiv class=\"asus-s4-kicker\"\u003eUltimate Power\u003c\/div\u003e\n \u003cp class=\"asus-s4-desc\"\u003e\n Performance requires power, so we’ve cranked the SCAR 16 to the max. In Turbo mode, the max wattage is 55W for the CPU\n and 175W for the GPU. For those willing to tinker in Manual mode, you have access to an additional 25W for the CPU, for a\n total system max wattage of 255W.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"asus-s4-panel\"\u003e\n\n \u003c!-- Tech background --\u003e\n \u003cdiv class=\"asus-s4-bg\"\u003e\u003c\/div\u003e\n\n \u003c!-- Outer capsule frame --\u003e\n \u003cdiv class=\"asus-s4-capsule\"\u003e\u003c\/div\u003e\n\n \u003c!-- Center header --\u003e\n \u003cdiv class=\"asus-s4-header\"\u003e\n \u003cdiv class=\"asus-s4-title\"\u003eMAX WATTAGE\u003c\/div\u003e\n \u003cdiv class=\"asus-s4-sub\"\u003eTOTAL\u003c\/div\u003e\n \u003cdiv class=\"asus-s4-total\"\u003e\n \u003cspan class=\"asus-s4-total-num\"\u003e230\u003c\/span\u003e\n \u003cspan class=\"asus-s4-total-unit\"\u003eW\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Center spine + brackets --\u003e\n \u003cdiv class=\"asus-s4-spine\"\u003e\u003c\/div\u003e\n\n \u003c!-- Left: CPU --\u003e\n \u003cdiv class=\"asus-s4-side asus-s4-side--left\"\u003e\n \u003cdiv class=\"asus-s4-side-row\"\u003e\n \u003cdiv class=\"asus-s4-side-label\"\u003eCPU\u003c\/div\u003e\n \u003cdiv class=\"asus-s4-side-value\"\u003e\n \u003cspan class=\"asus-s4-side-num\"\u003e55\u003c\/span\u003e\u003cspan class=\"asus-s4-side-unit\"\u003eW\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CPU line track --\u003e\n \u003cdiv class=\"asus-s4-track asus-s4-track--cpu\"\u003e\n \u003cdiv class=\"asus-s4-elbow asus-s4-elbow--cpu\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"asus-s4-fill asus-s4-fill--cpu\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"asus-s4-scan asus-s4-scan--cpu\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- small ticks --\u003e\n \u003cdiv class=\"asus-s4-ticks asus-s4-ticks--left\"\u003e\n \u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Right: GPU --\u003e\n \u003cdiv class=\"asus-s4-side asus-s4-side--right\"\u003e\n \u003cdiv class=\"asus-s4-side-row\"\u003e\n \u003cdiv class=\"asus-s4-side-label\"\u003eGPU\u003c\/div\u003e\n \u003cdiv class=\"asus-s4-side-value\"\u003e\n \u003cspan class=\"asus-s4-side-num\"\u003e175\u003c\/span\u003e\u003cspan class=\"asus-s4-side-unit\"\u003eW\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GPU line track --\u003e\n \u003cdiv class=\"asus-s4-track asus-s4-track--gpu\"\u003e\n \u003cdiv class=\"asus-s4-elbow asus-s4-elbow--gpu\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"asus-s4-fill asus-s4-fill--gpu\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"asus-s4-scan asus-s4-scan--gpu\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- small ticks --\u003e\n \u003cdiv class=\"asus-s4-ticks asus-s4-ticks--right\"\u003e\n \u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Inner frame stroke --\u003e\n \u003cdiv class=\"asus-s4-frame\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n\/* Section *\/\n.asus-section-4{\n background:#000;\n padding: 70px 0 90px;\n color:#fff;\n}\n\n.asus-s4-wrap{\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n}\n\n\/* Header text *\/\n.asus-s4-head{\n text-align:center;\n margin-bottom: 26px;\n}\n\n.asus-s4-kicker{\n font-size: 18px;\n font-weight: 700;\n opacity: 0.95;\n margin-bottom: 10px;\n}\n\n.asus-s4-desc{\n margin: 0 auto;\n max-width: 900px;\n font-size: 14px;\n line-height: 1.7;\n opacity: 0.82;\n}\n\n\/* Panel *\/\n.asus-s4-panel{\n position: relative;\n border-radius: 26px;\n background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));\n box-shadow: 0 0 0 1px rgba(255,255,255,0.08), 0 30px 90px rgba(0,0,0,0.65);\n overflow: hidden;\n padding: 36px 28px 40px;\n min-height: 420px;\n isolation: isolate;\n}\n\n\/* Tech background (grid + vignette + faint circuit angles) *\/\n.asus-s4-bg{\n position:absolute;\n inset:0;\n z-index: 0;\n background:\n radial-gradient(900px 360px at 50% 30%, rgba(255,255,255,0.06), transparent 60%),\n radial-gradient(700px 220px at 50% 65%, rgba(255,255,255,0.05), transparent 70%),\n linear-gradient(to bottom, rgba(0,0,0,0.00), rgba(0,0,0,0.35)),\n repeating-linear-gradient(to right, rgba(255,255,255,0.06) 0, rgba(255,255,255,0.06) 1px, transparent 1px, transparent 120px),\n repeating-linear-gradient(to bottom, rgba(255,255,255,0.05) 0, rgba(255,255,255,0.05) 1px, transparent 1px, transparent 90px);\n opacity: 0.22;\n pointer-events:none;\n}\n\n\/* Outer capsule like ASUS *\/\n.asus-s4-capsule{\n position:absolute;\n left: 26px;\n right: 26px;\n top: 120px;\n height: 180px;\n border-radius: 999px;\n border: 1px solid rgba(255,255,255,0.18);\n background: rgba(0,0,0,0.22);\n z-index: 1;\n}\n\n\/* Center header block *\/\n.asus-s4-header{\n position: relative;\n z-index: 2;\n text-align:center;\n margin-top: 90px;\n}\n\n.asus-s4-title{\n font-size: 34px;\n font-weight: 900;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n}\n\n.asus-s4-sub{\n margin-top: 10px;\n font-size: 12px;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n opacity: 0.85;\n}\n\n.asus-s4-total{\n display:flex;\n justify-content:center;\n align-items: baseline;\n gap: 10px;\n margin-top: 6px;\n}\n\n.asus-s4-total-num{\n font-size: 78px;\n font-weight: 900;\n letter-spacing: 0.02em;\n text-shadow: 0 0 22px rgba(255,255,255,0.06);\n}\n\n.asus-s4-total-unit{\n font-size: 16px;\n font-weight: 800;\n letter-spacing: 0.14em;\n opacity: 0.9;\n}\n\n\/* Center spine \u0026 brackets *\/\n.asus-s4-spine{\n position:absolute;\n left: 50%;\n top: 100px;\n transform: translateX(-50%);\n width: 1px;\n height: 260px;\n background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.22), transparent);\n z-index: 2;\n}\n\n.asus-s4-spine::before,\n.asus-s4-spine::after{\n content:\"\";\n position:absolute;\n left: 50%;\n transform: translateX(-50%);\n width: 130px;\n height: 70px;\n border: 1px solid rgba(255,255,255,0.14);\n border-left: 0;\n border-right: 0;\n border-radius: 14px;\n opacity: 0.7;\n}\n\n.asus-s4-spine::before{ top: 40px; }\n.asus-s4-spine::after{ bottom: 40px; }\n\n\/* Side blocks *\/\n.asus-s4-side{\n position:absolute;\n top: 150px;\n width: 38%;\n z-index: 3;\n}\n\n.asus-s4-side--left{\n left: 64px;\n text-align:left;\n}\n\n.asus-s4-side--right{\n right: 64px;\n text-align:right;\n}\n\n.asus-s4-side-row{\n display:flex;\n align-items: baseline;\n gap: 12px;\n}\n\n.asus-s4-side--right .asus-s4-side-row{\n justify-content: flex-end;\n}\n\n.asus-s4-side-label{\n font-size: 12px;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n opacity: 0.85;\n}\n\n.asus-s4-side-value{\n display:inline-flex;\n align-items: baseline;\n gap: 8px;\n}\n\n.asus-s4-side-num{\n font-size: 48px;\n font-weight: 900;\n}\n\n.asus-s4-side-unit{\n font-size: 14px;\n font-weight: 800;\n letter-spacing: 0.12em;\n opacity: 0.9;\n}\n\n\/* Track base *\/\n.asus-s4-track{\n position: relative;\n height: 14px;\n margin-top: 14px;\n border-radius: 999px;\n background: rgba(255,255,255,0.08);\n overflow: hidden;\n}\n\n\/* Elbow shape (diagonal + straight) *\/\n.asus-s4-elbow{\n position:absolute;\n top: -54px;\n width: 240px;\n height: 68px;\n border-radius: 18px;\n border: 6px solid rgba(255,255,255,0.08);\n border-bottom: 0;\n border-left: 0;\n transform: skewX(-25deg);\n opacity: 0.45;\n}\n\n\/* CPU elbow sits left *\/\n.asus-s4-elbow--cpu{\n left: 0;\n}\n\n\/* GPU elbow sits right *\/\n.asus-s4-elbow--gpu{\n right: 0;\n transform: skewX(25deg);\n}\n\n\/* Fill bars *\/\n.asus-s4-fill{\n position:absolute;\n inset:0;\n opacity: 0.95;\n transform-origin: center;\n}\n\n\/* CPU gradient *\/\n.asus-s4-fill--cpu{\n background: linear-gradient(90deg, rgba(220,70,255,0.00), rgba(220,70,255,0.95), rgba(220,70,255,0.00));\n filter: drop-shadow(0 0 10px rgba(220,70,255,0.25));\n animation: asusPulseCPU 3.8s ease-in-out infinite;\n}\n\n\/* GPU gradient *\/\n.asus-s4-fill--gpu{\n background: linear-gradient(90deg, rgba(0,255,255,0.00), rgba(0,255,255,0.95), rgba(0,255,255,0.00));\n filter: drop-shadow(0 0 10px rgba(0,255,255,0.22));\n animation: asusPulseGPU 4.2s ease-in-out infinite;\n}\n\n\/* Scan shimmer *\/\n.asus-s4-scan{\n position:absolute;\n top:0;\n bottom:0;\n width: 90px;\n border-radius: 999px;\n background: linear-gradient(90deg, rgba(255,255,255,0.0), rgba(255,255,255,0.22), rgba(255,255,255,0.0));\n opacity: 0.35;\n mix-blend-mode: screen;\n}\n\n.asus-s4-scan--cpu{\n animation: asusScanLeft 5.2s ease-in-out infinite;\n}\n\n.asus-s4-scan--gpu{\n animation: asusScanRight 5.6s ease-in-out infinite;\n}\n\n\/* Tiny ticks like HUD *\/\n.asus-s4-ticks{\n margin-top: 12px;\n display:flex;\n gap: 8px;\n opacity: 0.7;\n}\n\n.asus-s4-ticks span{\n width: 20px;\n height: 2px;\n background: rgba(255,255,255,0.18);\n border-radius: 999px;\n}\n\n.asus-s4-ticks--right{\n justify-content: flex-end;\n}\n\n\/* Inner frame stroke *\/\n.asus-s4-frame{\n position:absolute;\n inset: 22px;\n border-radius: 22px;\n border: 1px solid rgba(255,255,255,0.10);\n z-index: 4;\n pointer-events:none;\n}\n\n\/* Gentle animations *\/\n@keyframes asusPulseCPU{\n 0%{ opacity: 0.65; transform: translateX(-10%); }\n 50%{ opacity: 0.95; transform: translateX(6%); }\n 100%{ opacity: 0.65; transform: translateX(-10%); }\n}\n\n@keyframes asusPulseGPU{\n 0%{ opacity: 0.65; transform: translateX(10%); }\n 50%{ opacity: 0.95; transform: translateX(-6%); }\n 100%{ opacity: 0.65; transform: translateX(10%); }\n}\n\n@keyframes asusScanLeft{\n 0%{ left: -120px; opacity: 0.0; }\n 12%{ opacity: 0.35; }\n 50%{ left: calc(100% - 30px); opacity: 0.28; }\n 70%{ opacity: 0.10; }\n 100%{ left: calc(100% + 120px); opacity: 0.0; }\n}\n\n@keyframes asusScanRight{\n 0%{ right: -120px; opacity: 0.0; }\n 12%{ opacity: 0.35; }\n 50%{ right: calc(100% - 30px); opacity: 0.28; }\n 70%{ opacity: 0.10; }\n 100%{ right: calc(100% + 120px); opacity: 0.0; }\n}\n\n\/* Respect reduced motion *\/\n@media (prefers-reduced-motion: reduce){\n .asus-s4-fill--cpu,\n .asus-s4-fill--gpu,\n .asus-s4-scan--cpu,\n .asus-s4-scan--gpu{\n animation: none;\n }\n}\n\n\/* Responsive *\/\n@media (max-width: 1024px){\n .asus-s4-panel{\n min-height: 520px;\n }\n\n .asus-s4-side{\n position: static;\n width: 100%;\n margin-top: 18px;\n text-align:center;\n }\n\n .asus-s4-side--left,\n .asus-s4-side--right{\n left:auto;\n right:auto;\n }\n\n .asus-s4-side-row{\n justify-content:center !important;\n }\n\n .asus-s4-ticks--right{\n justify-content:center;\n }\n\n .asus-s4-capsule{\n left: 18px;\n right: 18px;\n top: 170px;\n height: 170px;\n }\n\n .asus-s4-header{\n margin-top: 120px;\n }\n\n .asus-s4-spine{\n display:none;\n }\n}\n\n@media (max-width: 640px){\n .asus-section-4{\n padding: 56px 0 70px;\n }\n\n .asus-s4-kicker{\n font-size: 16px;\n }\n\n .asus-s4-desc{\n font-size: 13px;\n }\n\n .asus-s4-title{\n font-size: 26px;\n }\n\n .asus-s4-total-num{\n font-size: 60px;\n }\n\n .asus-s4-side-num{\n font-size: 40px;\n }\n\n .asus-s4-panel{\n padding: 28px 16px 30px;\n }\n}\n\u003c\/style\u003e\n\n\u003c!-- =========================\n SECTION 5 • HERO (Desktop BG, Mobile Top Image)\n========================= --\u003e\n\u003csection class=\"asus-section-5\"\u003e\n\n \u003c!-- Mobile image (hidden on desktop, shown on mobile) --\u003e\n \u003cdiv class=\"asus-s5-mobile-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/m-bg-cpu_2.webp?v=1768336668\" alt=\"Performance visual\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- Desktop hero with background --\u003e\n \u003cdiv class=\"asus-s5-hero\" style=\"background-image:url('https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/bg-cpu_2.webp?v=1768336667');\"\u003e\n \u003cdiv class=\"asus-s5-overlay\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"asus-s5-wrap\"\u003e\n \u003cdiv class=\"asus-s5-content\"\u003e\n \u003ch2 class=\"asus-s5-title\"\u003eDominant Force\u003c\/h2\u003e\n\n \u003cp class=\"asus-s5-desc\"\u003e\n Game with the greatest, backed up by the power of next gen Intel Core Ultra 9 275HX processor. With 8 Performance and\n 16 Efficient cores, this next-gen silicon can drive high framerates in esports and AAA games alike. The SCAR 16 also has\n access to AI acceleration in select content creation apps, giving you incredible flexibility on how you can utilize your\n gaming machine.\n \u003c\/p\u003e\n\n \u003cdiv class=\"asus-s5-stats\"\u003e\n \u003cdiv class=\"asus-s5-stat\"\u003e\n \u003cdiv class=\"asus-s5-stat-main\"\u003e24 Cores\u003c\/div\u003e\n \u003cdiv class=\"asus-s5-stat-sub\"\u003e16 E-cores + 8 P-cores\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"asus-s5-stat\"\u003e\n \u003cdiv class=\"asus-s5-stat-main\"\u003e24\u003c\/div\u003e\n \u003cdiv class=\"asus-s5-stat-sub\"\u003eThreads\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"asus-s5-stat\"\u003e\n \u003cdiv class=\"asus-s5-stat-top\"\u003eUp to\u003c\/div\u003e\n \u003cdiv class=\"asus-s5-stat-main\"\u003e80W\u003c\/div\u003e\n \u003cdiv class=\"asus-s5-stat-sub\"\u003eTDP\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"asus-s5-stat\"\u003e\n \u003cdiv class=\"asus-s5-stat-top\"\u003eUp to\u003c\/div\u003e\n \u003cdiv class=\"asus-s5-stat-main\"\u003e5.4 GHz\u003c\/div\u003e\n \u003cdiv class=\"asus-s5-stat-sub\"\u003eMax Turbo Frequency\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n.asus-section-5{\n background:#000;\n}\n\n\/* Mobile image defaults to hidden *\/\n.asus-s5-mobile-image{\n display:none;\n background:#000;\n}\n\n.asus-s5-mobile-image img{\n width:100%;\n height:auto;\n display:block;\n}\n\n\/* Desktop hero *\/\n.asus-s5-hero{\n position: relative;\n min-height: 520px;\n background-size: cover;\n background-position: center right;\n background-repeat: no-repeat;\n display:flex;\n align-items: stretch;\n}\n\n.asus-s5-overlay{\n position:absolute;\n inset:0;\n background:\n radial-gradient(900px 520px at 70% 40%, rgba(255,255,255,0.06), transparent 60%),\n linear-gradient(to right, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0.78) 40%, rgba(0,0,0,0.25) 70%, rgba(0,0,0,0.00) 100%);\n pointer-events:none;\n}\n\n.asus-s5-wrap{\n position: relative;\n z-index: 1;\n width: 100%;\n max-width: 1200px;\n margin: 0 auto;\n padding: 70px 20px 80px;\n display:flex;\n align-items: center;\n}\n\n.asus-s5-content{\n max-width: 560px;\n color:#fff;\n}\n\n.asus-s5-title{\n margin: 0;\n font-size: 28px;\n font-weight: 800;\n letter-spacing: 0.02em;\n}\n\n.asus-s5-desc{\n margin-top: 12px;\n font-size: 14px;\n line-height: 1.7;\n opacity: 0.86;\n}\n\n\/* Stats row *\/\n.asus-s5-stats{\n margin-top: 26px;\n display:flex;\n flex-wrap: wrap;\n gap: 22px 34px;\n}\n\n.asus-s5-stat{\n min-width: 130px;\n}\n\n.asus-s5-stat-top{\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 0.12em;\n opacity: 0.8;\n margin-bottom: 6px;\n}\n\n.asus-s5-stat-main{\n font-size: 24px;\n font-weight: 900;\n letter-spacing: 0.01em;\n}\n\n.asus-s5-stat-sub{\n margin-top: 6px;\n font-size: 12px;\n letter-spacing: 0.08em;\n opacity: 0.75;\n}\n\n\/* Tablet tweaks *\/\n@media (max-width: 1024px){\n .asus-s5-hero{\n background-position: center;\n }\n .asus-s5-content{\n max-width: 620px;\n }\n}\n\n\/* MOBILE BEHAVIOR:\n - Show the top image\n - Remove background hero image\n*\/\n@media (max-width: 768px){\n .asus-s5-mobile-image{\n display:block;\n }\n\n .asus-s5-hero{\n background-image: none !important; \/* background disappears *\/\n min-height: auto;\n }\n\n .asus-s5-overlay{\n background: linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.0)); \/* no overlay needed *\/\n }\n\n .asus-s5-wrap{\n padding: 26px 18px 44px;\n }\n\n .asus-s5-content{\n max-width: 100%;\n }\n\n .asus-s5-title{\n font-size: 22px;\n }\n\n .asus-s5-desc{\n font-size: 13px;\n }\n\n .asus-s5-stats{\n gap: 16px 22px;\n }\n\n .asus-s5-stat-main{\n font-size: 20px;\n }\n}\n\u003c\/style\u003e\n\u003c!-- =========================\n SECTION 6 • HERO (Desktop BG, Mobile Top Image)\n Matches the \"Next-Gen Graphics\" layout\n========================= --\u003e\n\u003csection class=\"asus-section-6\"\u003e\n\n \u003c!-- Mobile image (shown on mobile, hidden on desktop) --\u003e\n \u003cdiv class=\"asus-s6-mobile-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/m-bg-gpu_2.webp?v=1768336668\" alt=\"Next-Gen Graphics visual\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- Desktop hero with background --\u003e\n \u003cdiv class=\"asus-s6-hero\" style=\"background-image:url('https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/bg-gpu_2.webp?v=1768336667');\"\u003e\n \u003cdiv class=\"asus-s6-overlay\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"asus-s6-wrap\"\u003e\n \u003cdiv class=\"asus-s6-content\"\u003e\n\n \u003ch2 class=\"asus-s6-title\"\u003eNext-Gen Graphics\u003c\/h2\u003e\n\n \u003cp class=\"asus-s6-desc\"\u003e\n Great gaming machines need a great GPU, so we equipped the SCAR 16 with up to NVIDIA GeForce RTX 5090 Laptop GPU.\n Featuring a max TGP of 175W with Dynamic Boost, support of Advanced Optimus, and access to the latest AI acceleration\n tools including DLSS 4 and Frame Generation, this GPU can power your gaming to never before seen heights.\n \u003c\/p\u003e\n\n \u003cdiv class=\"asus-s6-stats\"\u003e\n \u003cdiv class=\"asus-s6-stat asus-s6-stat--wide\"\u003e\n \u003cdiv class=\"asus-s6-stat-top\"\u003eUp to NVIDIA\u003c\/div\u003e\n \u003cdiv class=\"asus-s6-stat-main\"\u003eGeForce RTX 5090\u003c\/div\u003e\n \u003cdiv class=\"asus-s6-stat-sub\"\u003eLaptop GPU\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"asus-s6-stat\"\u003e\n \u003cdiv class=\"asus-s6-stat-top\"\u003eMax TGP\u003c\/div\u003e\n \u003cdiv class=\"asus-s6-stat-main\"\u003e175W\u003c\/div\u003e\n \u003cdiv class=\"asus-s6-stat-sub\"\u003ewith Dynamic Boost\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"asus-s6-stat\"\u003e\n \u003cdiv class=\"asus-s6-stat-top\"\u003e \u003c\/div\u003e\n \u003cdiv class=\"asus-s6-stat-main\"\u003e1824\u003c\/div\u003e\n \u003cdiv class=\"asus-s6-stat-sub\"\u003eAI TOPS\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"asus-s6-stat asus-s6-stat--wide\"\u003e\n \u003cdiv class=\"asus-s6-stat-top\"\u003eNVIDIA\u003c\/div\u003e\n \u003cdiv class=\"asus-s6-stat-main\"\u003eAdvanced Optimus\u003c\/div\u003e\n \u003cdiv class=\"asus-s6-stat-sub\"\u003e \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"asus-s6-stat\"\u003e\n \u003cdiv class=\"asus-s6-stat-top\"\u003e \u003c\/div\u003e\n \u003cdiv class=\"asus-s6-stat-main\"\u003eDLSS 4\u003c\/div\u003e\n \u003cdiv class=\"asus-s6-stat-sub\"\u003e \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"asus-s6-stat\"\u003e\n \u003cdiv class=\"asus-s6-stat-top\"\u003e \u003c\/div\u003e\n \u003cdiv class=\"asus-s6-stat-main\"\u003e24 GB\u003c\/div\u003e\n \u003cdiv class=\"asus-s6-stat-sub\"\u003eGDDR7 Memory\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n.asus-section-6{\n background:#000;\n}\n\n\/* Mobile image defaults hidden *\/\n.asus-s6-mobile-image{\n display:none;\n background:#000;\n}\n\n.asus-s6-mobile-image img{\n width:100%;\n height:auto;\n display:block;\n}\n\n\/* Desktop hero *\/\n.asus-s6-hero{\n position: relative;\n min-height: 560px;\n background-size: cover;\n background-position: left center;\n background-repeat: no-repeat;\n display:flex;\n align-items: stretch;\n}\n\n.asus-s6-overlay{\n position:absolute;\n inset:0;\n background:\n radial-gradient(900px 520px at 35% 45%, rgba(0,255,170,0.10), transparent 60%),\n radial-gradient(900px 520px at 75% 35%, rgba(255,255,255,0.05), transparent 60%),\n linear-gradient(to left, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0.76) 40%, rgba(0,0,0,0.20) 72%, rgba(0,0,0,0.00) 100%);\n pointer-events:none;\n}\n\n.asus-s6-wrap{\n position: relative;\n z-index: 1;\n width: 100%;\n max-width: 1200px;\n margin: 0 auto;\n padding: 78px 20px 86px;\n display:flex;\n justify-content: flex-end; \/* text to the right like screenshot *\/\n align-items: center;\n}\n\n.asus-s6-content{\n max-width: 610px;\n color:#fff;\n}\n\n.asus-s6-title{\n margin: 0;\n font-size: 28px;\n font-weight: 800;\n letter-spacing: 0.02em;\n}\n\n.asus-s6-desc{\n margin-top: 12px;\n font-size: 14px;\n line-height: 1.7;\n opacity: 0.86;\n}\n\n\/* Stats grid *\/\n.asus-s6-stats{\n margin-top: 28px;\n display:grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 22px 26px;\n align-items: start;\n}\n\n.asus-s6-stat{\n min-width: 0;\n}\n\n.asus-s6-stat--wide{\n grid-column: span 1;\n}\n\n.asus-s6-stat-top{\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 0.12em;\n opacity: 0.8;\n margin-bottom: 6px;\n min-height: 16px;\n}\n\n.asus-s6-stat-main{\n font-size: 24px;\n font-weight: 900;\n letter-spacing: 0.01em;\n line-height: 1.05;\n}\n\n.asus-s6-stat-sub{\n margin-top: 6px;\n font-size: 12px;\n letter-spacing: 0.08em;\n opacity: 0.75;\n}\n\n\/* Make the RTX line feel heavier like ASUS *\/\n.asus-s6-stat--wide .asus-s6-stat-main{\n font-size: 26px;\n}\n\n\/* Tablet tweaks *\/\n@media (max-width: 1024px){\n .asus-s6-wrap{\n padding: 64px 20px 70px;\n }\n\n .asus-s6-content{\n max-width: 680px;\n }\n\n .asus-s6-stats{\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 18px 22px;\n }\n}\n\n\/* Mobile:\n - show top image\n - remove background\n - content goes full width\n*\/\n@media (max-width: 768px){\n .asus-s6-mobile-image{\n display:block;\n }\n\n .asus-s6-hero{\n background-image: none !important;\n min-height: auto;\n }\n\n .asus-s6-overlay{\n background: none;\n }\n\n .asus-s6-wrap{\n justify-content: flex-start;\n padding: 26px 18px 44px;\n }\n\n .asus-s6-title{\n font-size: 22px;\n }\n\n .asus-s6-desc{\n font-size: 13px;\n }\n\n .asus-s6-stats{\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 14px 18px;\n }\n\n .asus-s6-stat-main{\n font-size: 20px;\n }\n\n .asus-s6-stat--wide .asus-s6-stat-main{\n font-size: 21px;\n }\n}\n\n@media (max-width: 420px){\n .asus-s6-stats{\n grid-template-columns: 1fr;\n }\n}\n\u003c\/style\u003e\n\u003c!-- =========================\n SECTION 7 • TEXT + IMAGE\n========================= --\u003e\n\u003csection class=\"asus-section-7\"\u003e\n\n \u003cdiv class=\"asus-s7-wrap\"\u003e\n \u003cdiv class=\"asus-s7-grid\"\u003e\n\n \u003c!-- Left: Text --\u003e\n \u003cdiv class=\"asus-s7-content\"\u003e\n \u003ch2 class=\"asus-s7-title\"\u003eNVIDIA Advanced Optimus\u003c\/h2\u003e\n\n \u003cp class=\"asus-s7-desc\"\u003e\n With NVIDIA Advanced Optimus, the laptop can automatically route frames from the discrete GPU directly to the display\n using a MUX switch, bypassing the integrated graphics. This patching improves performance by 5-10% compared to machines\n without a MUX Switch, making sure you get the absolute best gaming experience without needing touch a single button.\n This automatic switching also preserves your machine’s battery life, as it can dynamically transition between the\n high-power discrete GPU and the lower power integrated GPU. No matter what you’re doing, your machine will switch to the\n most optimized mode without you having to lift a finger.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Right: Image --\u003e\n \u003cdiv class=\"asus-s7-media\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/bg-nvidia-ao_1.webp?v=1768337162\" alt=\"NVIDIA Advanced Optimus visualization\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n.asus-section-7{\n background:#000;\n padding: 70px 0 60px;\n}\n\n.asus-s7-wrap{\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n}\n\n.asus-s7-grid{\n display:grid;\n grid-template-columns: 1.05fr 0.95fr;\n gap: 48px;\n align-items: center;\n}\n\n\/* Text *\/\n.asus-s7-content{\n color:#fff;\n max-width: 620px;\n}\n\n.asus-s7-title{\n margin: 0;\n font-size: 26px;\n font-weight: 800;\n letter-spacing: 0.02em;\n}\n\n.asus-s7-desc{\n margin-top: 12px;\n font-size: 14px;\n line-height: 1.75;\n opacity: 0.86;\n}\n\n\/* Image *\/\n.asus-s7-media img{\n width: 100%;\n height: auto;\n display:block;\n border-radius: 18px;\n box-shadow: 0 0 0 1px rgba(255,255,255,0.08);\n}\n\n\/* Tablet *\/\n@media (max-width: 1024px){\n .asus-s7-grid{\n gap: 32px;\n }\n}\n\n\/* Mobile: stack image above text *\/\n@media (max-width: 768px){\n .asus-section-7{\n padding: 40px 0 50px;\n }\n\n .asus-s7-grid{\n grid-template-columns: 1fr;\n gap: 26px;\n }\n\n .asus-s7-title{\n font-size: 22px;\n }\n\n .asus-s7-desc{\n font-size: 13px;\n }\n}\n\u003c\/style\u003e\n\n\n\u003c!-- =========================\n SECTION 8 • RTX HERO (FIXED MOBILE HEADER)\n========================= --\u003e\n\u003csection class=\"asus-section-8\"\u003e\n\n \u003c!-- Mobile header (forced on mobile) --\u003e\n \u003cdiv class=\"asus-s8-head asus-s8-head--mobile\"\u003e\n \u003cdiv class=\"asus-s8-kicker\"\u003eGame Changer\u003c\/div\u003e\n \u003ch2 class=\"asus-s8-title\"\u003eGeForce RTX 50 Series Laptops\u003c\/h2\u003e\n \u003cdiv class=\"asus-s8-sub\"\u003ePowered by NVIDIA Blackwell and AI\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Mobile image --\u003e\n \u003cdiv class=\"asus-s8-mobile-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/g50.webp?v=1768337861\" alt=\"GeForce RTX showcase\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- Desktop hero --\u003e\n \u003cdiv class=\"asus-s8-hero\" style=\"background-image:url('https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/g50.webp?v=1768337861');\"\u003e\n \u003cdiv class=\"asus-s8-vignette\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"asus-s8-wrap\"\u003e\n\n \u003c!-- Desktop header --\u003e\n \u003cdiv class=\"asus-s8-head asus-s8-head--desktop\"\u003e\n \u003cdiv class=\"asus-s8-kicker\"\u003eGame Changer\u003c\/div\u003e\n \u003ch2 class=\"asus-s8-title\"\u003eGeForce RTX 50 Series Laptops\u003c\/h2\u003e\n \u003cdiv class=\"asus-s8-sub\"\u003ePowered by NVIDIA Blackwell and AI\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Bottom features --\u003e\n \u003cdiv class=\"asus-s8-bottom\"\u003e\n \u003cdiv class=\"asus-s8-grid\"\u003e\n\n \u003cdiv class=\"asus-s8-item\"\u003e\n \u003ch3 class=\"asus-s8-item-title\"\u003eSupreme Speed. Superior Visuals.\u003c\/h3\u003e\n \u003cp class=\"asus-s8-item-desc\"\u003e\n DLSS 4 massively increases performance and improves image quality for top games using the power of AI.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"asus-s8-item\"\u003e\n \u003ch3 class=\"asus-s8-item-title\"\u003eGame-Winning Responsiveness\u003c\/h3\u003e\n \u003cp class=\"asus-s8-item-desc\"\u003e\n NVIDIA Reflex 2 with Frame Warp gives you the ultimate responsiveness, enhancing target acquisition, reaction time, and aim precision.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"asus-s8-item\"\u003e\n \u003ch3 class=\"asus-s8-item-title\"\u003eTrue-to-Life Graphics\u003c\/h3\u003e\n \u003cp class=\"asus-s8-item-desc\"\u003e\n Experience cinematic quality visuals at unprecedented speed with full ray tracing and breakthrough neural rendering technologies.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"asus-s8-badge\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/GeForce_RTX.svg?v=1768336145\" alt=\"GeForce RTX badge\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n\/* Base *\/\n.asus-section-8{ background:#000; }\n\n\/* Header styles *\/\n.asus-s8-head{\n text-align:center;\n color:#fff;\n}\n\n.asus-s8-kicker{\n font-size:18px;\n font-weight:700;\n margin-bottom:12px;\n opacity:0.92;\n}\n\n.asus-s8-title{\n margin:0;\n font-size:56px;\n font-weight:900;\n letter-spacing:.06em;\n text-transform:uppercase;\n line-height:1.02;\n font-family: \"Rajdhani\",\"Orbitron\",\"Oswald\",\"Arial Black\",system-ui,sans-serif;\n}\n\n.asus-s8-sub{\n margin-top:14px;\n font-size:18px;\n font-weight:700;\n opacity:0.92;\n}\n\n\/* Mobile header defaults OFF on desktop *\/\n.asus-s8-head--mobile{\n display:none;\n padding:50px 18px 26px;\n background:#000;\n}\n\n\/* Desktop header defaults ON *\/\n.asus-s8-head--desktop{\n display:block;\n}\n\n\/* Mobile image *\/\n.asus-s8-mobile-image{\n display:none;\n background:#000;\n}\n.asus-s8-mobile-image img{\n width:100%;\n height:auto;\n display:block;\n}\n\n\/* Desktop hero *\/\n.asus-s8-hero{\n position:relative;\n min-height:640px;\n background-size:cover;\n background-position:center;\n background-repeat:no-repeat;\n padding:70px 0 36px;\n overflow:hidden;\n}\n\n.asus-s8-vignette{\n position:absolute;\n inset:0;\n background: linear-gradient(to bottom, rgba(0,0,0,0.35), rgba(0,0,0,0.85));\n pointer-events:none;\n}\n\n.asus-s8-wrap{\n position:relative;\n z-index:1;\n max-width:1200px;\n margin:0 auto;\n padding:0 20px;\n min-height:640px;\n display:flex;\n flex-direction:column;\n}\n\n\/* Bottom features *\/\n.asus-s8-bottom{ margin-top:auto; }\n\n.asus-s8-grid{\n display:grid;\n grid-template-columns:repeat(3, minmax(0,1fr));\n gap:50px;\n text-align:center;\n color:#fff;\n}\n\n.asus-s8-item-title{\n margin:0;\n font-size:18px;\n font-weight:900;\n font-family: Georgia, \"Times New Roman\", serif;\n}\n\n.asus-s8-item-desc{\n margin-top:12px;\n font-size:13px;\n line-height:1.75;\n opacity:0.85;\n}\n\n\/* Badge *\/\n.asus-s8-badge{\n display:flex;\n justify-content:flex-end;\n margin-top:30px;\n}\n.asus-s8-badge img{\n width:180px;\n height:auto;\n display:block;\n}\n\n\/* Tablet *\/\n@media (max-width:1024px){\n .asus-s8-title{ font-size:42px; }\n .asus-s8-sub{ font-size:16px; }\n}\n\n\/* MOBILE: force correct visibility *\/\n@media (max-width:768px){\n \/* show the mobile header + image *\/\n .asus-section-8 .asus-s8-head--mobile{ display:block !important; }\n .asus-section-8 .asus-s8-mobile-image{ display:block !important; }\n\n \/* hide the desktop header *\/\n .asus-section-8 .asus-s8-head--desktop{ display:none !important; }\n\n \/* remove desktop hero background so image is above features *\/\n .asus-section-8 .asus-s8-hero{\n background-image:none !important;\n min-height:auto;\n padding:0;\n }\n .asus-section-8 .asus-s8-vignette{ display:none !important; }\n\n .asus-section-8 .asus-s8-wrap{\n min-height:auto;\n padding:30px 18px 46px;\n }\n\n .asus-section-8 .asus-s8-title{\n font-size:28px;\n letter-spacing:.05em;\n }\n .asus-section-8 .asus-s8-sub{ font-size:14px; }\n\n .asus-section-8 .asus-s8-grid{\n grid-template-columns:1fr;\n gap:22px;\n text-align:left;\n }\n\n .asus-section-8 .asus-s8-badge{\n justify-content:flex-start;\n }\n}\n\u003c\/style\u003e\n\n\n\u003c!-- =========================\n SECTION 9 • TEXT BLOCK + IMAGE (like screenshot)\n========================= --\u003e\n\u003csection class=\"asus-section-9\"\u003e\n\n \u003cdiv class=\"asus-s9-wrap\"\u003e\n \u003cdiv class=\"asus-s9-head\"\u003e\n \u003ch2 class=\"asus-s9-title\"\u003eYOUR ULTIMATE PIT STOP\u003c\/h2\u003e\n\n \u003cp class=\"asus-s9-desc\"\u003e\n We’ve completely redesigned the 2025 Strix SCAR 16 to make upgrades easier than ever. This tool-less design allows for simple access to both\n the RAM, SSD, and fans, and we’ve also brought our latest Q-latch system here for those SSD slots. Like an experienced pit crew, you can remove\n and replace your SSD and RAM in seconds, having the machine back up and running without missing a lap. A specially designed frame covers the rest\n of the mainboard to protect the other components, but can easily be removed with a few screws for users who want to tinker further.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"asus-s9-media\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/upgradeability-2-3-transcode.jpg?v=1768339390\" alt=\"Upgradability \/ chassis detail\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n.asus-section-9{\n background:#000;\n padding: 80px 0 0;\n color:#fff;\n}\n\n.asus-s9-wrap{\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n}\n\n\/* Text block *\/\n.asus-s9-head{\n text-align:center;\n max-width: 980px;\n margin: 0 auto 34px;\n}\n\n.asus-s9-title{\n margin: 0;\n font-size: 42px;\n font-weight: 900;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n line-height: 1.05;\n text-shadow: 0 10px 28px rgba(0,0,0,0.6);\n}\n\n.asus-s9-desc{\n margin: 16px auto 0;\n font-size: 14px;\n line-height: 1.75;\n opacity: 0.82;\n text-shadow: 0 10px 22px rgba(0,0,0,0.55);\n}\n\n\/* Image below text *\/\n.asus-s9-media{\n margin-top: 26px;\n}\n\n.asus-s9-media img{\n width: 100%;\n height: auto;\n display:block;\n \/* keep it clean like ASUS (no card look) *\/\n}\n\n\/* Tablet *\/\n@media (max-width: 1024px){\n .asus-section-9{\n padding-top: 64px;\n }\n\n .asus-s9-title{\n font-size: 34px;\n }\n}\n\n\/* Mobile *\/\n@media (max-width: 768px){\n .asus-section-9{\n padding-top: 52px;\n }\n\n .asus-s9-wrap{\n padding: 0 18px;\n }\n\n .asus-s9-title{\n font-size: 26px;\n letter-spacing: 0.06em;\n }\n\n .asus-s9-desc{\n font-size: 13px;\n }\n\n .asus-s9-head{\n margin-bottom: 22px;\n }\n\n .asus-s9-media{\n margin-top: 18px;\n }\n}\n\u003c\/style\u003e\n\n\u003c!-- =========================\n SECTION 10 • ROG INTELLIGENT COOLING (TUNED: sits \"between\", lighter overlay)\n========================= --\u003e\n\u003csection class=\"asus-section-10\"\u003e\n\n \u003cdiv class=\"asus-s10-hero\" style=\"background-image:url('https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/SCAR_18_New_Flow-transcode.jpg?v=1768339523');\"\u003e\n \u003c!-- Lighter vignette so background stays visible --\u003e\n \u003cdiv class=\"asus-s10-vignette\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"asus-s10-wrap\"\u003e\n\n \u003c!-- TOP TEXT (kept tight so it sits just above the image area) --\u003e\n \u003cdiv class=\"asus-s10-top\"\u003e\n \u003cdiv class=\"asus-s10-logo\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/rog-cooling_1.webp?v=1768339523\" alt=\"ROG Intelligent Cooling\"\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"asus-s10-desc\"\u003e\n We’ve completely revamped the cooling solution of the 2025 Strix SCAR 16 with precise calculations in mind to ensure that you get the best\n gaming experience with your machine, every time. We relocated all of the exhaust vents to the rear of the hinge, keeping warm air away from\n your mousing hand. The sides and bottom of the machine act as an air intake, creating a natural, efficient path for airflow. Air also flows\n through the keyboard deck, keeping your hands cooler during intense gaming sessions. When pairing an end-to-end vapor chamber with a sandwiched\n heatsink, Tri-Fan Technology, and Conductonaut Extreme liquid metal on both CPU and GPU, the 2025 Strix SCAR 16 achieves a lower noise level\n in Turbo Mode compared to the previous generation, while still offering the same calculated excellence you expect from a Strix SCAR machine.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTTOM FEATURES (pulled upward so it sits just BELOW the image area) --\u003e\n \u003cdiv class=\"asus-s10-features\"\u003e\n \u003cdiv class=\"asus-s10-grid\"\u003e\n\n \u003cdiv class=\"asus-s10-item\"\u003e\n \u003cdiv class=\"asus-s10-label\"\u003eEnd-to-end\u003c\/div\u003e\n \u003cdiv class=\"asus-s10-value\"\u003eVapor Chamber\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"asus-s10-item\"\u003e\n \u003cdiv class=\"asus-s10-value\"\u003eTri-Fan\u003c\/div\u003e\n \u003cdiv class=\"asus-s10-sub\"\u003eTechnology\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"asus-s10-item\"\u003e\n \u003cdiv class=\"asus-s10-value\"\u003eSandwiched\u003c\/div\u003e\n \u003cdiv class=\"asus-s10-sub\"\u003eHeatsink design\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"asus-s10-item\"\u003e\n \u003cdiv class=\"asus-s10-label\"\u003eUp to\u003c\/div\u003e\n \u003cdiv class=\"asus-s10-value\"\u003e15°C Cooler\u003c\/div\u003e\n \u003cdiv class=\"asus-s10-sub\"\u003eCPU Temperatures\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"asus-s10-item asus-s10-conductonaut\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/conductonaut-extreme-1.webp?v=1768339524\" alt=\"Conductonaut Extreme\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n.asus-section-10{\n background:#000;\n}\n\n\/* Hero background *\/\n.asus-s10-hero{\n position:relative;\n \/* Use aspect ratio-ish sizing so the center image doesn't get pushed too low *\/\n min-height: 760px;\n background-size: cover;\n background-position: center 62%;\n background-repeat: no-repeat;\n padding: 56px 0 56px;\n overflow:hidden;\n}\n\n\/* MUCH lighter overlay: keeps the background visible *\/\n.asus-s10-vignette{\n position:absolute;\n inset:0;\n background:\n radial-gradient(900px 520px at 50% 48%, rgba(0,0,0,0.05), rgba(0,0,0,0.35) 75%),\n linear-gradient(to bottom, rgba(0,0,0,0.18) 0%, rgba(0,0,0,0.10) 38%, rgba(0,0,0,0.20) 70%, rgba(0,0,0,0.30) 100%);\n pointer-events:none;\n}\n\n.asus-s10-wrap{\n position:relative;\n z-index:1;\n max-width:1200px;\n margin:0 auto;\n padding:0 20px;\n min-height: 760px;\n\n \/* Key change: distribute top and bottom evenly so content sits \"between\" *\/\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n color:#fff;\n}\n\n\/* Top content: tighter margin so it hugs the image *\/\n.asus-s10-top{\n text-align:center;\n max-width: 980px;\n margin: 0 auto;\n padding-top: 6px;\n}\n\n.asus-s10-logo img{\n max-width: 420px;\n width: 100%;\n margin: 0 auto 18px;\n display:block;\n}\n\n.asus-s10-desc{\n margin: 0 auto;\n font-size: 14px;\n line-height: 1.75;\n opacity: 0.86;\n text-shadow: 0 8px 20px rgba(0,0,0,0.35);\n}\n\n\/* Bottom features: pulled UP slightly to sit just under the center image *\/\n.asus-s10-features{\n margin: 0 auto;\n width: 100%;\n transform: translateY(-22px);\n}\n\n.asus-s10-grid{\n display:grid;\n grid-template-columns: repeat(5, minmax(0, 1fr));\n gap: 28px;\n align-items:end;\n text-align:center;\n}\n\n.asus-s10-label{\n font-size: 12px;\n opacity: 0.75;\n letter-spacing: 0.06em;\n}\n\n.asus-s10-value{\n margin-top: 4px;\n font-size: 18px;\n font-weight: 900;\n letter-spacing: 0.01em;\n}\n\n.asus-s10-sub{\n margin-top: 2px;\n font-size: 12px;\n opacity: 0.78;\n}\n\n.asus-s10-conductonaut img{\n max-width: 190px;\n width: 100%;\n height:auto;\n display:block;\n margin: 0 auto;\n}\n\n\/* Tablet *\/\n@media(max-width:1024px){\n .asus-s10-hero{\n min-height: 700px;\n background-position: center 60%;\n }\n .asus-s10-wrap{\n min-height: 700px;\n }\n .asus-s10-features{\n transform: translateY(-16px);\n }\n}\n\n\/* Mobile *\/\n@media(max-width:768px){\n .asus-s10-hero{\n min-height: auto;\n padding: 44px 0 40px;\n background-position: center;\n }\n\n .asus-s10-wrap{\n min-height: auto;\n gap: 22px;\n }\n\n .asus-s10-logo img{\n max-width: 300px;\n }\n\n .asus-s10-desc{\n font-size: 13px;\n }\n\n .asus-s10-features{\n transform: none;\n }\n\n .asus-s10-grid{\n grid-template-columns: 1fr 1fr;\n gap: 18px 18px;\n }\n\n .asus-s10-conductonaut{\n grid-column: 1 \/ -1;\n }\n}\n\u003c\/style\u003e\n\n\n\u003c!-- =========================\n SECTION 11 • ROG NEBULA (Toggle: HDR vs Display)\n ========================= --\u003e\n\u003csection class=\"asus-section-11\" id=\"asus-nebula\"\u003e\n\n \u003cdiv class=\"asus-s11-wrap\"\u003e\n \u003c!-- Logo \/ Heading --\u003e\n \u003cdiv class=\"asus-s11-head\"\u003e\n \u003cimg class=\"asus-s11-logo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/nebula_1nebula.webp?v=1768339978\" alt=\"ROG Nebula HDR\"\u003e\n \u003cp class=\"asus-s11-desc\"\u003e\n Your laptop’s display is a window into new worlds, which is why we put the absolute best on our ROG Strix SCAR 16. This ROG Nebula HDR display\n with Mini LED technology features over 2000 dimming zones, 1200 nits of peak brightness, and beautiful colors thanks to 100% coverage of the DCI-P3\n color space. The 2025 SCAR 16 has also been upgraded with a brand-new dual ACR layer, which reduces reflections and enhances contrast by 4.5X for\n incredibly vivid colors. When combined with our own Nebula HDR engine, this display ensures every game and movie is done true justice. And with a\n blazing fast refresh rate of 240Hz and full NVIDIA G-SYNC support, motion will be incredibly smooth, allowing you to see every enemy before they see you.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Toggle --\u003e\n \u003cdiv class=\"asus-s11-toggle\" role=\"tablist\" aria-label=\"Nebula display mode\"\u003e\n \u003cbutton class=\"asus-s11-tab is-active\" type=\"button\" role=\"tab\" aria-selected=\"true\" aria-controls=\"asus-s11-panel-hdr\" data-target=\"hdr\"\u003e\n Nebula HDR\n \u003c\/button\u003e\n \u003cbutton class=\"asus-s11-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"asus-s11-panel-display\" data-target=\"display\"\u003e\n Nebula Display\n \u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003c!-- Panels --\u003e\n \u003cdiv class=\"asus-s11-panels\"\u003e\n \u003c!-- HDR panel --\u003e\n \u003cdiv class=\"asus-s11-panel is-active\" id=\"asus-s11-panel-hdr\" role=\"tabpanel\" aria-label=\"Nebula HDR panel\" data-panel=\"hdr\"\u003e\n \u003cdiv class=\"asus-s11-stats asus-s11-stats--six\"\u003e\n \u003cdiv class=\"asus-s11-stat\"\u003e\n \u003cdiv class=\"asus-s11-stat-main\"\u003eMini LED\u003c\/div\u003e\n \u003cdiv class=\"asus-s11-stat-sub\"\u003ePanel\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asus-s11-stat\"\u003e\n \u003cdiv class=\"asus-s11-stat-main\"\u003e1200 nits\u003c\/div\u003e\n \u003cdiv class=\"asus-s11-stat-sub\"\u003ePeak Brightness\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asus-s11-stat\"\u003e\n \u003cdiv class=\"asus-s11-stat-main\"\u003eOver 2000\u003c\/div\u003e\n \u003cdiv class=\"asus-s11-stat-sub\"\u003eDimming zones\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asus-s11-stat\"\u003e\n \u003cdiv class=\"asus-s11-stat-main\"\u003e240Hz \/ 3ms\u003c\/div\u003e\n \u003cdiv class=\"asus-s11-stat-sub\"\u003eRefresh Rate\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asus-s11-stat\"\u003e\n \u003cdiv class=\"asus-s11-stat-main\"\u003eACR\u003c\/div\u003e\n \u003cdiv class=\"asus-s11-stat-sub\"\u003eTechnology\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asus-s11-stat\"\u003e\n \u003cdiv class=\"asus-s11-stat-main\"\u003e100% DCI-P3\u003c\/div\u003e\n \u003cdiv class=\"asus-s11-stat-sub\"\u003eTechnology\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"asus-s11-badges\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/G-Sync.svg?v=1768339979\" alt=\"NVIDIA G-SYNC\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/Brand_LOGOs_R2_DisplayHDR_1000-1.webp?v=1768339979\" alt=\"VESA DisplayHDR 1000\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/dolby-1.webp?v=1768339978\" alt=\"Dolby Vision\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/pantoneLogo-1.webp?v=1768339978\" alt=\"Pantone Validated\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Display panel --\u003e\n \u003cdiv class=\"asus-s11-panel\" id=\"asus-s11-panel-display\" role=\"tabpanel\" aria-label=\"Nebula Display panel\" data-panel=\"display\"\u003e\n \u003cdiv class=\"asus-s11-stats asus-s11-stats--three\"\u003e\n \u003cdiv class=\"asus-s11-stat\"\u003e\n \u003cdiv class=\"asus-s11-stat-main\"\u003e240Hz \/ 3ms\u003c\/div\u003e\n \u003cdiv class=\"asus-s11-stat-sub\"\u003eRefresh Rate\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asus-s11-stat\"\u003e\n \u003cdiv class=\"asus-s11-stat-main\"\u003e100% DCI-P3\u003c\/div\u003e\n \u003cdiv class=\"asus-s11-stat-sub\"\u003eTechnology\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asus-s11-stat\"\u003e\n \u003cdiv class=\"asus-s11-stat-main\"\u003eAdaptive Sync\u003c\/div\u003e\n \u003cdiv class=\"asus-s11-stat-sub\"\u003eTechnology\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"asus-s11-badges\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/pantoneLogo-1.webp?v=1768339978\" alt=\"Pantone Validated\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/dolby-1.webp?v=1768339978\" alt=\"Dolby Vision\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/G-Sync.svg?v=1768339979\" alt=\"NVIDIA G-SYNC\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n.asus-section-11{\n background:#000;\n color:#fff;\n padding: 80px 0 70px;\n}\n\n.asus-s11-wrap{\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n}\n\n.asus-s11-head{\n text-align:center;\n max-width: 980px;\n margin: 0 auto 26px;\n}\n\n.asus-s11-logo{\n width: 360px;\n max-width: 90%;\n height: auto;\n display:block;\n margin: 0 auto 18px;\n}\n\n.asus-s11-desc{\n margin: 0 auto;\n font-size: 14px;\n line-height: 1.75;\n opacity: 0.86;\n}\n\n\/* Toggle pills *\/\n.asus-s11-toggle{\n display:flex;\n justify-content:center;\n gap: 10px;\n margin: 34px auto 28px;\n}\n\n.asus-s11-tab{\n appearance:none;\n border: 1px solid rgba(255,255,255,0.28);\n background: rgba(255,255,255,0.12);\n color:#fff;\n padding: 10px 16px;\n border-radius: 10px;\n font-size: 14px;\n font-weight: 700;\n cursor:pointer;\n transition: background 180ms ease, border-color 180ms ease, transform 180ms ease;\n}\n\n.asus-s11-tab:hover{\n background: rgba(255,255,255,0.18);\n}\n\n.asus-s11-tab.is-active{\n background: rgba(180,170,255,0.32);\n border-color: rgba(180,170,255,0.62);\n}\n\n\/* Panels *\/\n.asus-s11-panels{\n max-width: 1050px;\n margin: 0 auto;\n}\n\n.asus-s11-panel{\n display:none;\n}\n\n.asus-s11-panel.is-active{\n display:block;\n}\n\n\/* Stats rows *\/\n.asus-s11-stats{\n display:grid;\n gap: 26px 34px;\n align-items:start;\n text-align:center;\n margin-top: 8px;\n}\n\n.asus-s11-stats--six{\n grid-template-columns: repeat(6, minmax(0, 1fr));\n}\n\n.asus-s11-stats--three{\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n.asus-s11-stat-main{\n font-size: 24px;\n font-weight: 900;\n letter-spacing: 0.01em;\n}\n\n.asus-s11-stat-sub{\n margin-top: 6px;\n font-size: 12px;\n opacity: 0.78;\n letter-spacing: 0.06em;\n}\n\n\/* Badge row *\/\n.asus-s11-badges{\n margin-top: 34px;\n display:flex;\n justify-content:center;\n align-items:center;\n gap: 34px;\n flex-wrap:wrap;\n}\n\n.asus-s11-badges img{\n height: 44px;\n width:auto;\n display:block;\n opacity: 0.95;\n}\n\n\/* Tablet *\/\n@media (max-width: 1024px){\n .asus-s11-stats--six{\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n}\n\n\/* Mobile *\/\n@media (max-width: 768px){\n .asus-section-11{\n padding: 60px 0 58px;\n }\n\n .asus-s11-wrap{\n padding: 0 18px;\n }\n\n .asus-s11-desc{\n font-size: 13px;\n }\n\n .asus-s11-toggle{\n margin: 26px auto 22px;\n }\n\n .asus-s11-stats--six,\n .asus-s11-stats--three{\n grid-template-columns: 1fr;\n text-align:left;\n gap: 16px;\n }\n\n .asus-s11-stat-main{\n font-size: 20px;\n }\n\n .asus-s11-badges{\n justify-content:flex-start;\n gap: 18px 22px;\n }\n\n .asus-s11-badges img{\n height: 38px;\n }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\n(function(){\n var root = document.getElementById('asus-nebula');\n if(!root) return;\n\n var tabs = root.querySelectorAll('.asus-s11-tab');\n var panels = root.querySelectorAll('.asus-s11-panel');\n\n function activate(target){\n tabs.forEach(function(t){\n var isOn = t.getAttribute('data-target') === target;\n t.classList.toggle('is-active', isOn);\n t.setAttribute('aria-selected', isOn ? 'true' : 'false');\n });\n\n panels.forEach(function(p){\n var isOn = p.getAttribute('data-panel') === target;\n p.classList.toggle('is-active', isOn);\n });\n }\n\n tabs.forEach(function(btn){\n btn.addEventListener('click', function(){\n activate(btn.getAttribute('data-target'));\n });\n });\n})();\n\u003c\/script\u003e\n\n\u003c!-- =========================\n SECTION 12 • WIN WITH FLAIR\n========================= --\u003e\n\u003csection class=\"asus-section-12\"\u003e\n\n \u003cdiv class=\"asus-s12-wrap\"\u003e\n \u003ch2 class=\"asus-s12-title motion-blur\"\u003e\n \u003cspan\u003eWin With Flair\u003c\/span\u003e\n \u003cspan class=\"trail t1\"\u003eWin With Flair\u003c\/span\u003e\n \u003cspan class=\"trail t2\"\u003eWin With Flair\u003c\/span\u003e\n\u003c\/h2\u003e\n\n \u003cp class=\"asus-s12-desc\"\u003e\n The 2025 Strix lineup has been redesigned from the ground up, built for powerful performance, maximum speed, and calculated movement, with a\n shape inspired by automotive racing, an emphasis on smooth lines define the Strix SCAR 16, representing speed and aerodynamics.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n.asus-section-12{\n background:#000;\n padding: 90px 0 90px;\n text-align:center;\n color:#fff;\n}\n\n.asus-s12-wrap{\n max-width: 1000px;\n margin: 0 auto;\n padding: 0 20px;\n}\n\n\/* Headline *\/\n.asus-s12-title{\n position:relative;\n display:inline-block;\n margin:0;\n font-size:44px;\n font-weight:900;\n letter-spacing:0.14em;\n text-transform:uppercase;\n line-height:1.05;\n color:#fff;\n z-index:2;\n}\n\n\/* Base text *\/\n.asus-s12-title span:first-child{\n position:relative;\n z-index:3;\n}\n\n\/* Motion trails *\/\n.asus-s12-title .trail{\n position:absolute;\n top:0;\n left:0;\n color:#fff;\n opacity:0.35;\n filter: blur(8px);\n z-index:1;\n pointer-events:none;\n}\n\n\/* Staggered trails *\/\n.asus-s12-title .t1{\n transform: translateX(14px);\n opacity:0.25;\n}\n.asus-s12-title .t2{\n transform: translateX(26px);\n opacity:0.15;\n}\n\n\/* Subtle animation *\/\n.motion-blur .trail{\n animation: motionShift 4s ease-in-out infinite;\n}\n\n@keyframes motionShift{\n 0%{ transform: translateX(18px); }\n 50%{ transform: translateX(28px); }\n 100%{ transform: translateX(18px); }\n}\n\n\/* Mobile scaling *\/\n@media(max-width:768px){\n .asus-s12-title{\n font-size:28px;\n letter-spacing:0.1em;\n }\n}\n\n\/* Body *\/\n.asus-s12-desc{\n margin: 18px auto 0;\n font-size: 14px;\n line-height: 1.7;\n opacity: 0.85;\n max-width: 900px;\n}\n\n\/* Tablet *\/\n@media (max-width:1024px){\n .asus-s12-title{\n font-size: 36px;\n }\n}\n\n\/* Mobile *\/\n@media (max-width:768px){\n .asus-section-12{\n padding: 64px 0 64px;\n }\n\n .asus-s12-title{\n font-size: 28px;\n letter-spacing: 0.1em;\n }\n\n .asus-s12-desc{\n font-size: 13px;\n }\n}\n\u003c\/style\u003e\n\n\n\u003c!-- =========================\n SECTION 13 • 2-COLUMN FEATURE MOSAIC (background images per tile)\n Layout like screenshot: big left tile, stacked right tiles, bottom band tiles\n========================= --\u003e\n\u003csection class=\"asus-section-13\"\u003e\n\n \u003cdiv class=\"asus-s13-grid\"\u003e\n\n \u003c!-- LEFT BIG TILE (01\/02 style) --\u003e\n \u003carticle class=\"asus-s13-tile asus-s13-left\" style=\"background-image:url('https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/design-aura_2.webp?v=1768340675');\"\u003e\n \u003cdiv class=\"asus-s13-shade\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"asus-s13-content\"\u003e\n \u003cdiv class=\"asus-s13-num\"\u003e02\u003c\/div\u003e\n \u003ch3 class=\"asus-s13-title\"\u003eFull-Surround AURA\u003c\/h3\u003e\n \u003cp class=\"asus-s13-desc\"\u003e\n ROG Strix machines have always been loud and proud with RGB, but the 2025 ROG Strix SCAR 16 truly raises the bar. For the first time ever, this\n laptop features a full-surround RGB lightbar along the bottom of the chassis, giving you full 360-degree and distinct glow that almost makes your\n machine float off your desk.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003c!-- RIGHT TOP TILE --\u003e\n \u003carticle class=\"asus-s13-tile asus-s13-rightTop\" style=\"background-image:url('https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/SCAR_Standby_Type02-transcode.jpg?v=1768340675');\"\u003e\n \u003cdiv class=\"asus-s13-shade\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"asus-s13-content\"\u003e\n \u003cdiv class=\"asus-s13-num\"\u003e01\u003c\/div\u003e\n \u003ch3 class=\"asus-s13-title\"\u003eAnime Vision\u003c\/h3\u003e\n\n \u003c!-- Optional \"chip\" buttons (no JS required) --\u003e\n \u003cdiv class=\"asus-s13-chips\" aria-label=\"Modes\"\u003e\n \u003cspan class=\"asus-s13-chip is-active\"\u003eStandby\u003c\/span\u003e\n \u003cspan class=\"asus-s13-chip\"\u003eLaunch\u003c\/span\u003e\n \u003cspan class=\"asus-s13-chip\"\u003eSleep\u003c\/span\u003e\n \u003cspan class=\"asus-s13-chip\"\u003eEnding\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"asus-s13-desc\"\u003e\n Originally pioneered on our famous Zephyrus series, the Strix SCAR 16 sports an AniMe Vision display on the laptop’s lid. With an array of\n 810 LEDs shining through 8,353 precision-milled holes, you can show off your style with a wide selection of pre-made animations, import a GIF of\n your choice, or animate your own image from scratch.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003c!-- RIGHT MID TILE --\u003e\n \u003carticle class=\"asus-s13-tile asus-s13-rightMid\" style=\"background-image:url('https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/design-seamless_1.webp?v=1768340675');\"\u003e\n \u003cdiv class=\"asus-s13-shade\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"asus-s13-content\"\u003e\n \u003cdiv class=\"asus-s13-num\"\u003e03\u003c\/div\u003e\n \u003ch3 class=\"asus-s13-title\"\u003eSeamless Design\u003c\/h3\u003e\n \u003cp class=\"asus-s13-desc\"\u003e\n The 2025 ROG Strix SCAR 16 chassis now features a smoother texture for an extra premium feel, and the corners have been chamfered to give it a\n more elegant and contemporary look. With rounded edges, a streamlined shape, and reduced seams, the 2025 ROG Strix SCAR 16 is sleeker than ever.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003c!-- BOTTOM LEFT TILE --\u003e\n \u003carticle class=\"asus-s13-tile asus-s13-bottomLeft\" style=\"background-image:url('https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/design-stealth_mode_1.webp?v=1768340675');\"\u003e\n \u003cdiv class=\"asus-s13-shade\"\u003e\u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003c!-- BOTTOM RIGHT TILE (text tile) --\u003e\n \u003carticle class=\"asus-s13-tile asus-s13-bottomRight\"\u003e\n \u003cdiv class=\"asus-s13-shade\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"asus-s13-content\"\u003e\n \u003cdiv class=\"asus-s13-num\"\u003e04\u003c\/div\u003e\n \u003ch3 class=\"asus-s13-title\"\u003eStealth Mode\u003c\/h3\u003e\n \u003cp class=\"asus-s13-desc\"\u003e\n While standout lighting effects are awesome when gaming with friends, you may want a more subtle, sophisticated look when you’re in class or at the\n office. So our Stealth Mode turns all the lights off, revealing a polished layer of black chromium plating under the logo for an ultra-sleek feel.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n.asus-section-13{\n background:#000;\n padding: 0;\n color:#fff;\n}\n\n\/* GRID LAYOUT (desktop) *\/\n.asus-s13-grid{\n max-width: 1400px;\n margin: 0 auto;\n display:grid;\n gap: 0;\n grid-template-columns: 1fr 1fr;\n grid-template-rows: 420px 320px 240px;\n border-top: 1px solid rgba(255,255,255,0.10);\n border-bottom: 1px solid rgba(255,255,255,0.10);\n}\n\n\/* Tile positioning *\/\n.asus-s13-left{ grid-column: 1; grid-row: 1 \/ span 2; }\n.asus-s13-rightTop{ grid-column: 2; grid-row: 1; }\n.asus-s13-rightMid{ grid-column: 2; grid-row: 2; }\n.asus-s13-bottomLeft{ grid-column: 1; grid-row: 3; }\n.asus-s13-bottomRight{ grid-column: 2; grid-row: 3; }\n\n\/* Tile base *\/\n.asus-s13-tile{\n position:relative;\n background-size: cover;\n background-position: center;\n background-repeat:no-repeat;\n overflow:hidden;\n border-left: 1px solid rgba(255,255,255,0.10);\n border-top: 1px solid rgba(255,255,255,0.10);\n}\n\n.asus-s13-left{\n border-left: none;\n}\n\n\/* Shade for readability (not too heavy) *\/\n.asus-s13-shade{\n position:absolute;\n inset:0;\n background:\n linear-gradient(to bottom, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.55) 72%, rgba(0,0,0,0.80) 100%);\n pointer-events:none;\n}\n\n\/* Content *\/\n.asus-s13-content{\n position:absolute;\n left: 28px;\n right: 28px;\n bottom: 26px;\n z-index:2;\n}\n\n.asus-s13-num{\n font-size: 11px;\n letter-spacing: 0.12em;\n opacity: 0.7;\n margin-bottom: 10px;\n}\n\n.asus-s13-title{\n margin:0;\n font-size: 18px;\n font-weight: 900;\n letter-spacing: 0.02em;\n}\n\n.asus-s13-desc{\n margin-top: 10px;\n font-size: 12.5px;\n line-height: 1.65;\n opacity: 0.84;\n max-width: 560px;\n}\n\n\/* Chips (optional) *\/\n.asus-s13-chips{\n display:flex;\n gap: 8px;\n flex-wrap:wrap;\n margin: 12px 0 8px;\n}\n\n.asus-s13-chip{\n font-size: 12px;\n padding: 6px 10px;\n border-radius: 8px;\n background: rgba(255,255,255,0.12);\n border: 1px solid rgba(255,255,255,0.16);\n opacity: 0.9;\n}\n\n.asus-s13-chip.is-active{\n background: rgba(180,170,255,0.28);\n border-color: rgba(180,170,255,0.55);\n}\n\n\/* Tablet *\/\n@media (max-width: 1024px){\n .asus-s13-grid{\n grid-template-rows: 380px 300px 220px;\n }\n .asus-s13-content{\n left: 22px;\n right: 22px;\n bottom: 22px;\n }\n}\n\n\/* Mobile: stack tiles in a clean vertical flow *\/\n@media (max-width: 768px){\n .asus-s13-grid{\n grid-template-columns: 1fr;\n grid-template-rows: auto;\n }\n\n .asus-s13-left,\n .asus-s13-rightTop,\n .asus-s13-rightMid,\n .asus-s13-bottomLeft,\n .asus-s13-bottomRight{\n grid-column: 1;\n grid-row: auto;\n min-height: 320px;\n border-left: none;\n }\n\n .asus-s13-bottomLeft{\n min-height: 220px;\n }\n\n .asus-s13-desc{\n max-width: none;\n }\n}\n\u003c\/style\u003e\n\n\u003c!-- =========================\n SECTION 14 • PRESS THE ATTACK (RGB BACKLIGHT BEHIND IMAGE like screenshot)\n Copy\/paste ready\n========================= --\u003e\n\u003csection class=\"asus-section-14\"\u003e\n\n \u003cdiv class=\"asus-s14-wrap\"\u003e\n\n \u003c!-- LEFT: keyboard image + colored glow that comes FROM BEHIND --\u003e\n \u003cdiv class=\"asus-s14-leftVisual\"\u003e\n\n \u003c!-- RGB glow layer (behind the laptop) --\u003e\n \u003cdiv class=\"asus-s14-glowLayer\" aria-hidden=\"true\"\u003e\n \u003cspan class=\"g g1\"\u003e\u003c\/span\u003e\n \u003cspan class=\"g g2\"\u003e\u003c\/span\u003e\n \u003cspan class=\"g g3\"\u003e\u003c\/span\u003e\n \u003cspan class=\"g g4\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c!-- Laptop image sits above the glow --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/control-keyboard_2.webp?v=1768341959\" class=\"asus-s14-laptopImg\" alt=\"ROG Strix SCAR keyboard\"\u003e\n\n \u003c!-- Optional UI overlay (matches screenshot vibe) --\u003e\n \u003cdiv class=\"asus-s14-ui\"\u003e\n \u003cdiv class=\"asus-s14-uiBar\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"asus-s14-uiItem\"\u003e\n\u003cspan class=\"asus-s14-uiIcon dot\"\u003e\u003c\/span\u003e\u003cspan class=\"asus-s14-uiText\"\u003eStatic\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"asus-s14-uiItem\"\u003e\n\u003cspan class=\"asus-s14-uiIcon wave\"\u003e\u003c\/span\u003e\u003cspan class=\"asus-s14-uiText\"\u003eBreathing\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"asus-s14-uiItem\"\u003e\n\u003cspan class=\"asus-s14-uiIcon bolt\"\u003e\u003c\/span\u003e\u003cspan class=\"asus-s14-uiText\"\u003eStrobing\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"asus-s14-uiItem\"\u003e\n\u003cspan class=\"asus-s14-uiIcon ring\"\u003e\u003c\/span\u003e\u003cspan class=\"asus-s14-uiText\"\u003eColor cycle\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"asus-s14-uiItem is-active\"\u003e\n\u003cspan class=\"asus-s14-uiIcon rainbow\"\u003e\u003c\/span\u003e\u003cspan class=\"asus-s14-uiText\"\u003eRainbow\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"asus-s14-uiItem\"\u003e\n\u003cspan class=\"asus-s14-uiIcon music\"\u003e\u003c\/span\u003e\u003cspan class=\"asus-s14-uiText\"\u003eMusic\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"asus-s14-uiItem\"\u003e\n\u003cspan class=\"asus-s14-uiIcon bars\"\u003e\u003c\/span\u003e\u003cspan class=\"asus-s14-uiText\"\u003eSmart\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"asus-s14-uiItem\"\u003e\n\u003cspan class=\"asus-s14-uiIcon stars\"\u003e\u003c\/span\u003e\u003cspan class=\"asus-s14-uiText\"\u003eStarry night\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c!-- RIGHT: copy --\u003e\n \u003cdiv class=\"asus-s14-right\"\u003e\n \u003cdiv class=\"asus-s14-rightInner\"\u003e\n\n \u003ch2 class=\"asus-s14-title motion-blur\"\u003e\n \u003cspan\u003ePress The Attack\u003c\/span\u003e\n \u003cspan class=\"trail t1\"\u003ePress The Attack\u003c\/span\u003e\n \u003cspan class=\"trail t2\"\u003ePress The Attack\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"asus-s14-desc\"\u003e\n The difference between victory and defeat can be separated by a single keystroke, so the Strix SCAR 16 has a professional esports-grade keyboard\n designed to secure the win. Built to last, the Strix SCAR 16’s keyboard switches are rated to last over 20 million presses, and n-key rollover\n guarantees your system will never miss a command even if you’re pressing multiple keys at once. The Strix SCAR 16 has a full-sized keyboard, with\n dedicated media controls and customizable hotkeys for different Armoury Crate functions. And with per-key RGB and full Aura Sync customization,\n the Strix SCAR 16 will always have the looks to match your mood.\n \u003c\/p\u003e\n\n \u003cdiv class=\"asus-s14-features\"\u003e\n \u003cdiv class=\"asus-s14-feature\"\u003e\n \u003cdiv class=\"asus-s14-featureMain\"\u003ePer-Key\u003c\/div\u003e\n \u003cdiv class=\"asus-s14-featureSub\"\u003eRGB\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"asus-s14-feature\"\u003e\n \u003cdiv class=\"asus-s14-featureMain\"\u003eFull-Size\u003c\/div\u003e\n \u003cdiv class=\"asus-s14-featureSub\"\u003eKeyboard\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"asus-s14-feature\"\u003e\n \u003cdiv class=\"asus-s14-featureSub\"\u003eGaming\u003c\/div\u003e\n \u003cdiv class=\"asus-s14-featureMain\"\u003eHotkeys\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"asus-s14-feature aura\"\u003e\n \u003cimg class=\"asus-s14-auraLogo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/aura-1.webp?v=1768341358\" alt=\"Aura Sync\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n.asus-section-14{\n background:#000;\n color:#fff;\n border-top: 1px solid rgba(255,255,255,0.10);\n border-bottom: 1px solid rgba(255,255,255,0.10);\n}\n\n.asus-s14-wrap{\n max-width: 1500px;\n margin: 0 auto;\n display:grid;\n grid-template-columns: 1fr 1fr;\n min-height: 560px;\n}\n\n\/* LEFT panel *\/\n.asus-s14-leftVisual{\n position:relative;\n background:#000;\n min-height:560px;\n overflow:hidden;\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n\/* ====== THE KEY PART: glow BEHIND the image, pushed outward like ASUS ====== *\/\n.asus-s14-glowLayer{\n position:absolute;\n inset:-18%;\n z-index:1;\n filter: blur(64px);\n opacity: 0.95;\n}\n\n\/* Four blobs to create corner\/edge spill (like screenshot) *\/\n.asus-s14-glowLayer .g{\n position:absolute;\n width: 52%;\n height: 52%;\n border-radius: 50%;\n transform: translateZ(0);\n animation: s14GlowDrift 9s ease-in-out infinite;\n}\n\n\/* Top-left (greenish) *\/\n.asus-s14-glowLayer .g1{\n left: -6%;\n top: -8%;\n background: radial-gradient(circle at 45% 45%, rgba(140,255,120,0.70), transparent 60%);\n animation-delay: 0s;\n}\n\n\/* Mid-right (purple) *\/\n.asus-s14-glowLayer .g2{\n right: -10%;\n top: 18%;\n background: radial-gradient(circle at 45% 45%, rgba(160,120,255,0.65), transparent 62%);\n animation-delay: -2s;\n}\n\n\/* Bottom-left (cyan) *\/\n.asus-s14-glowLayer .g3{\n left: -8%;\n bottom: -10%;\n background: radial-gradient(circle at 45% 45%, rgba(90,220,255,0.62), transparent 62%);\n animation-delay: -4s;\n}\n\n\/* Bottom-right (pink) *\/\n.asus-s14-glowLayer .g4{\n right: -8%;\n bottom: -12%;\n background: radial-gradient(circle at 45% 45%, rgba(255,90,190,0.55), transparent 62%);\n animation-delay: -6s;\n}\n\n\/* Gentle drift so it feels alive *\/\n@keyframes s14GlowDrift{\n 0%{ transform: translate(0,0) scale(1); }\n 50%{ transform: translate(-18px, 10px) scale(1.06); }\n 100%{ transform: translate(0,0) scale(1); }\n}\n\n\/* Laptop image ABOVE glow *\/\n.asus-s14-laptopImg{\n position:relative;\n z-index:2;\n width: 86%;\n max-width: 660px;\n height:auto;\n filter:\n drop-shadow(0 42px 95px rgba(0,0,0,0.80))\n drop-shadow(0 0 40px rgba(140,255,120,0.12));\n}\n\n\/* Optional UI overlay *\/\n.asus-s14-ui{\n position:absolute;\n left: 24px;\n right: 24px;\n bottom: 20px;\n z-index:3;\n}\n\n.asus-s14-uiBar{\n display:grid;\n grid-template-columns: repeat(8, minmax(0, 1fr));\n gap: 10px;\n padding: 14px 16px;\n border-radius: 14px;\n background: rgba(0,0,0,0.42);\n border: 1px solid rgba(255,255,255,0.14);\n backdrop-filter: blur(10px);\n box-shadow: 0 18px 50px rgba(0,0,0,0.55);\n}\n\n.asus-s14-uiItem{\n display:flex;\n flex-direction:column;\n align-items:center;\n gap: 8px;\n opacity: 0.78;\n}\n.asus-s14-uiItem.is-active{\n opacity: 1;\n}\n\n.asus-s14-uiIcon{\n width: 22px;\n height: 22px;\n border-radius: 6px;\n border: 1px solid rgba(255,255,255,0.18);\n background: rgba(255,255,255,0.06);\n position:relative;\n}\n.asus-s14-uiIcon.dot:after{content:\"\";position:absolute;inset:6px;border-radius:50%;background:#fff;opacity:.9;}\n.asus-s14-uiIcon.wave:after{content:\"\";position:absolute;left:4px;right:4px;top:10px;height:2px;background:#fff;opacity:.85;box-shadow:0 -4px 0 rgba(255,255,255,0.65),0 4px 0 rgba(255,255,255,0.65);}\n.asus-s14-uiIcon.bolt:after{content:\"\";position:absolute;left:10px;top:4px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:12px solid #fff;transform:skewX(-12deg);}\n.asus-s14-uiIcon.ring:after{content:\"\";position:absolute;inset:5px;border-radius:50%;border:2px solid rgba(255,255,255,0.9);}\n.asus-s14-uiIcon.rainbow{background: conic-gradient(from 0deg, #ff2d55, #ffcc00, #34c759, #00c7ff, #5856d6, #ff2d55);}\n.asus-s14-uiIcon.music:after{content:\"♪\";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:900;}\n.asus-s14-uiIcon.bars:after{content:\"\";position:absolute;left:6px;right:6px;bottom:5px;height:10px;background:linear-gradient(to right,#fff 0 18%,transparent 18% 28%,#fff 28% 46%,transparent 46% 56%,#fff 56% 74%,transparent 74% 84%,#fff 84% 100%);opacity:.9;}\n.asus-s14-uiIcon.stars:after{content:\"✦\";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:900;}\n\n.asus-s14-uiText{\n font-size: 11px;\n opacity: 0.9;\n white-space:nowrap;\n}\n\n\/* RIGHT panel *\/\n.asus-s14-right{\n background:#000;\n border-left: 1px solid rgba(255,255,255,0.10);\n display:flex;\n align-items:center;\n}\n\n.asus-s14-rightInner{\n max-width: 660px;\n padding: 56px 44px;\n}\n\n\/* Headline motion blur *\/\n.asus-s14-title{\n position:relative;\n display:inline-block;\n margin:0;\n font-size: 44px;\n font-weight: 900;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n line-height: 1.05;\n}\n.asus-s14-title span:first-child{ position:relative; z-index:3; }\n.asus-s14-title .trail{\n position:absolute;\n top:0; left:0;\n opacity:0.30;\n filter: blur(8px);\n z-index:1;\n pointer-events:none;\n}\n.asus-s14-title .t1{ transform: translateX(14px); opacity:0.22; }\n.asus-s14-title .t2{ transform: translateX(26px); opacity:0.14; }\n.asus-s14-title .trail{ animation: s14Motion 4s ease-in-out infinite; }\n@keyframes s14Motion{\n 0%{ transform: translateX(18px); }\n 50%{ transform: translateX(28px); }\n 100%{ transform: translateX(18px); }\n}\n\n.asus-s14-desc{\n margin-top: 16px;\n font-size: 13.5px;\n line-height: 1.75;\n opacity: 0.86;\n}\n\n\/* Feature row *\/\n.asus-s14-features{\n margin-top: 26px;\n display:flex;\n gap: 34px;\n align-items:center;\n flex-wrap:wrap;\n}\n\n.asus-s14-feature{\n min-width: 110px;\n}\n.asus-s14-featureMain{\n font-size: 20px;\n font-weight: 900;\n}\n.asus-s14-featureSub{\n margin-top: 6px;\n font-size: 12px;\n opacity: 0.78;\n letter-spacing: 0.06em;\n}\n\n\/* Aura logo *\/\n.asus-s14-feature.aura{\n min-width: 170px;\n display:flex;\n align-items:center;\n}\n.asus-s14-auraLogo{\n width: 92px;\n height:auto;\n display:block;\n opacity: 0.95;\n}\n\n\/* Tablet *\/\n@media (max-width: 1100px){\n .asus-s14-wrap{ grid-template-columns: 1fr; }\n .asus-s14-right{\n border-left:none;\n border-top: 1px solid rgba(255,255,255,0.10);\n }\n .asus-s14-leftVisual{ min-height: 520px; }\n .asus-s14-rightInner{ padding: 46px 26px; }\n .asus-s14-title{ font-size: 36px; letter-spacing: 0.12em; }\n}\n\n\/* Mobile *\/\n@media (max-width: 768px){\n .asus-s14-leftVisual{ min-height: 420px; }\n .asus-s14-ui{ left: 14px; right: 14px; bottom: 14px; }\n .asus-s14-uiBar{ grid-template-columns: repeat(4, minmax(0, 1fr)); row-gap: 12px; }\n .asus-s14-rightInner{ padding: 40px 18px; }\n .asus-s14-title{ font-size: 28px; letter-spacing: 0.10em; }\n .asus-s14-desc{ font-size: 13px; }\n .asus-s14-features{ gap: 18px 26px; }\n}\n\u003c\/style\u003e\n\n\u003c!-- =========================\n SECTION 15 • STUDIO-QUALITY SOUND\n========================= --\u003e\n\u003csection class=\"asus-s15-clean\" style=\"--s15-bg:url('https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/audio_2audio.webp?v=1768342651');\"\u003e\n \u003cdiv class=\"asus-s15-inner\"\u003e\n\n \u003ch2 class=\"asus-s15-title\"\u003e\n \u003cspan class=\"main\"\u003eStudio-Quality Sound\u003c\/span\u003e\n \u003cspan class=\"trail t1\" aria-hidden=\"true\"\u003eStudio-Quality Sound\u003c\/span\u003e\n \u003cspan class=\"trail t2\" aria-hidden=\"true\"\u003eStudio-Quality Sound\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"asus-s15-desc\"\u003e\n Dolby Atmos-powered speakers include two tweeters and two downward firing woofers to create an authentic sound stage for your games. Hi-Res audio ensures\n you hear your music in the same quality it was recorded. Two-Way AI Noise Cancelation processes both incoming and outgoing audio to filter any errant\n background noises, making sure that your calls, chats and streams come through without distraction.\n \u003c\/p\u003e\n\n \u003cdiv class=\"asus-s15-features\"\u003e\n \u003cdiv class=\"asus-s15-feature\"\u003e\n \u003cdiv class=\"asus-s15-featureMain\"\u003eSmart Amp\u003c\/div\u003e\n \u003cdiv class=\"asus-s15-featureSub\"\u003eTechnology\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"asus-s15-feature\"\u003e\n \u003cdiv class=\"asus-s15-featureMain\"\u003e5.1.2 Channel\u003c\/div\u003e\n \u003cdiv class=\"asus-s15-featureSub\"\u003eVirtual Surround Sound\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"asus-s15-feature\"\u003e\n \u003cdiv class=\"asus-s15-featureMain\"\u003eTwo-Way\u003c\/div\u003e\n \u003cdiv class=\"asus-s15-featureSub\"\u003eAI Noise Cancelation\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"asus-s15-logos\"\u003e\n \u003cimg class=\"asus-s15-logo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/dolby_atmos.webp?v=1768342308\" alt=\"Dolby Atmos\"\u003e\n \u003cimg class=\"asus-s15-logo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/hiResLogo.webp?v=1768342308\" alt=\"Hi-Res Audio\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n.asus-s15-clean{\n position: relative;\n background-color:#000;\n color:#fff;\n overflow:hidden;\n\n background-image: var(--s15-bg);\n background-repeat:no-repeat;\n background-size: cover;\n\n \/* keep laptop low *\/\n background-position: center 115%;\n\n min-height: 860px;\n padding: 90px 0 80px;\n\n border-top: 1px solid rgba(255,255,255,0.10);\n border-bottom: 1px solid rgba(255,255,255,0.10);\n}\n\n\/* no full-section overlays *\/\n.asus-s15-clean::before,\n.asus-s15-clean::after{\n content:none;\n}\n\n.asus-s15-inner{\n position:relative;\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n text-align:center;\n\n \/* creates a clean stacking context *\/\n z-index: 1;\n}\n\n\/* make sure ALL content is above the overlay *\/\n.asus-s15-inner \u003e *{\n position: relative;\n z-index: 1;\n}\n\n\/* overlay ONLY behind the text block (auto height) *\/\n.asus-s15-inner::before{\n content:\"\";\n position:absolute;\n left: 50%;\n transform: translateX(-50%);\n\n \/* cover the content area *\/\n top: -28px;\n bottom: -28px;\n\n width: min(1100px, 100%);\n pointer-events:none;\n\n \/* IMPORTANT: behind text, above background *\/\n z-index: 0;\n\n \/* darker at top, fades out near the bottom *\/\n background: linear-gradient(\n to bottom,\n rgba(0,0,0,0.92) 0%,\n rgba(0,0,0,0.82) 28%,\n rgba(0,0,0,0.55) 62%,\n rgba(0,0,0,0.22) 82%,\n rgba(0,0,0,0.00) 100%\n );\n\n border-radius: 28px;\n}\n\n\/* Title *\/\n.asus-s15-title{\n position:relative;\n display:inline-block;\n margin:0;\n font-size: 46px;\n font-weight: 900;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n line-height: 1.05;\n}\n.asus-s15-title .main{ position:relative; z-index:3; }\n.asus-s15-title .trail{\n position:absolute;\n top:0; left:0;\n z-index:1;\n pointer-events:none;\n opacity:0.18;\n filter: blur(8px);\n animation: s15Trail 4.2s ease-in-out infinite;\n}\n.asus-s15-title .t1{ transform: translateX(14px); opacity: 0.14; }\n.asus-s15-title .t2{ transform: translateX(26px); opacity: 0.09; }\n\n@keyframes s15Trail{\n 0%{ transform: translateX(16px); }\n 50%{ transform: translateX(26px); }\n 100%{ transform: translateX(16px); }\n}\n\n.asus-s15-desc{\n max-width: 980px;\n margin: 18px auto 0;\n font-size: 13.5px;\n line-height: 1.75;\n opacity: 0.86;\n}\n\n\/* Feature row *\/\n.asus-s15-features{\n margin: 28px auto 0;\n display:flex;\n align-items:center;\n justify-content:center;\n gap: 46px;\n flex-wrap:wrap;\n}\n\n.asus-s15-featureMain{\n font-size: 22px;\n font-weight: 900;\n}\n.asus-s15-featureSub{\n margin-top: 6px;\n font-size: 12px;\n opacity: 0.78;\n letter-spacing: 0.06em;\n}\n\n.asus-s15-logos{\n display:flex;\n gap: 18px;\n align-items:center;\n justify-content:center;\n}\n.asus-s15-logo{\n height: 44px;\n width:auto;\n display:block;\n opacity: 0.95;\n}\n\n\/* Tablet *\/\n@media (max-width: 1024px){\n .asus-s15-clean{\n min-height: 760px;\n padding-top: 72px;\n background-position: center 118%;\n }\n .asus-s15-title{ font-size: 38px; letter-spacing: 0.12em; }\n\n .asus-s15-inner::before{\n top: -24px;\n bottom: -24px;\n border-radius: 24px;\n width: 100%;\n }\n}\n\n\/* Mobile *\/\n@media (max-width: 768px){\n .asus-s15-clean{\n min-height: 660px;\n padding-top: 56px;\n padding-bottom: 56px;\n background-position: center 120%;\n }\n\n .asus-s15-title{ font-size: 28px; letter-spacing: 0.10em; }\n .asus-s15-desc{ font-size: 13px; }\n .asus-s15-features{ gap: 18px 22px; }\n .asus-s15-featureMain{ font-size: 18px; }\n .asus-s15-featureSub{ font-size: 11px; }\n .asus-s15-logo{ height: 36px; }\n\n .asus-s15-inner::before{\n top: -18px;\n bottom: -18px;\n border-radius: 18px;\n width: 100%;\n }\n}\n\u003c\/style\u003e\n\n\u003c!-- =========================\n SECTION • ALL DAY ENDURANCE (Desktop BG + Mobile image above + readable text)\n========================= --\u003e\n\u003csection class=\"asus-s16\" style=\"--s16-bg:url('https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/bg-battery_2.webp?v=1768344182');\"\u003e\n \u003cdiv class=\"asus-s16-inner\"\u003e\n\n \u003c!-- Mobile-only image --\u003e\n \u003cdiv class=\"asus-s16-mobileImgWrap\"\u003e\n \u003cimg class=\"asus-s16-mobileImg\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/m-bg-battery_2.webp?v=1768344182\" alt=\"ROG Strix SCAR 16 battery endurance\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- Text block --\u003e\n \u003cdiv class=\"asus-s16-content\"\u003e\n \u003ch2 class=\"asus-s16-title\"\u003e\n \u003cspan class=\"main\"\u003eAll Day Endurance\u003c\/span\u003e\n \u003cspan class=\"trail t1\" aria-hidden=\"true\"\u003eAll Day Endurance\u003c\/span\u003e\n \u003cspan class=\"trail t2\" aria-hidden=\"true\"\u003eAll Day Endurance\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"asus-s16-desc\"\u003e\n We equipped the Strix SCAR 16 with a large 90Wh battery, which provides plenty of endurance for video playback and web browsing. If you’re traveling\n without the included power supply, it also supports USB Type-C power delivery up to 100W, allowing you easily top up a charge while on the go.\n \u003c\/p\u003e\n\n \u003cdiv class=\"asus-s16-stats\"\u003e\n \u003cdiv class=\"asus-s16-stat\"\u003e\n \u003cdiv class=\"asus-s16-statValue\"\u003e90Wh\u003c\/div\u003e\n \u003cdiv class=\"asus-s16-statLabel\"\u003eBattery\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"asus-s16-stat\"\u003e\n \u003cdiv class=\"asus-s16-statTop\"\u003eRapid\u003c\/div\u003e\n \u003cdiv class=\"asus-s16-statValue\"\u003eType-C\u003c\/div\u003e\n \u003cdiv class=\"asus-s16-statLabel\"\u003eCharging\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n.asus-s16{\n background-image: var(--s16-bg);\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n background-color:#000;\n min-height:520px;\n color:#fff;\n}\n\n.asus-s16-inner{\n max-width:1200px;\n margin:0 auto;\n padding:70px 20px 60px;\n display:flex;\n justify-content:flex-end;\n}\n\n.asus-s16-mobileImgWrap{ display:none; }\n\n.asus-s16-content{\n width:540px;\n}\n\n\/* Title *\/\n.asus-s16-title{\n font-size:44px;\n font-weight:900;\n letter-spacing:0.08em;\n text-transform:uppercase;\n line-height:1.05;\n position:relative;\n margin:0;\n}\n\n.asus-s16-title .trail{\n position:absolute;\n top:0;\n left:0;\n opacity:0.18;\n filter:blur(6px);\n animation:s16Trail 4s ease-in-out infinite;\n pointer-events:none;\n}\n\n.asus-s16-title .t1{ transform:translateX(14px); }\n.asus-s16-title .t2{ transform:translateX(28px); opacity:0.1; }\n\n@keyframes s16Trail{\n 0%{ transform:translateX(14px); }\n 50%{ transform:translateX(28px); }\n 100%{ transform:translateX(14px); }\n}\n\n.asus-s16-desc{\n margin-top:14px;\n font-size:14px;\n line-height:1.75;\n opacity:0.95;\n}\n\n.asus-s16-stats{\n display:flex;\n gap:40px;\n margin-top:32px;\n align-items:flex-end;\n}\n\n.asus-s16-statValue{\n font-size:30px;\n font-weight:900;\n}\n\n.asus-s16-statLabel,\n.asus-s16-statTop{\n font-size:12px;\n opacity:0.8;\n}\n\n\/* Mobile *\/\n@media(max-width:900px){\n .asus-s16{\n background:none;\n min-height:auto;\n }\n\n .asus-s16-inner{\n display:block;\n padding:40px 16px 46px;\n }\n\n .asus-s16-mobileImgWrap{\n display:block;\n margin-bottom:18px;\n }\n\n .asus-s16-mobileImg{\n width:100%;\n display:block;\n height:auto;\n }\n\n \/* Readable mobile panel *\/\n .asus-s16-content{\n width:100%;\n background: rgba(0,0,0,0.72);\n border: 1px solid rgba(255,255,255,0.10);\n border-radius: 14px;\n padding: 18px 16px;\n }\n\n .asus-s16-title{\n font-size:30px;\n letter-spacing:0.06em;\n }\n\n .asus-s16-desc{\n font-size:14px;\n }\n\n .asus-s16-stats{\n gap:24px;\n margin-top:20px;\n flex-wrap:wrap;\n }\n\n .asus-s16-statValue{\n font-size:26px;\n }\n}\n\u003c\/style\u003e\n\u003c!-- =========================\n SECTION • ALL THE BANDWIDTH (image under text + selectable callouts)\n Updated to fix image clipping (background-size: contain + responsive min-height + overflow visible)\n Copy\/paste ready. Replace image URL.\n========================= --\u003e\n\u003csection class=\"asus-bandwidth\" style=\"--bw-img:url('https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/fig-connectivity_2.webp?v=1768345094');\"\u003e\n \u003cdiv class=\"bw-wrap\"\u003e\n\n \u003c!-- Left content --\u003e\n \u003cdiv class=\"bw-left\"\u003e\n \u003ch2 class=\"bw-title\"\u003e\n \u003cspan class=\"main\"\u003eAll The Bandwidth\u003c\/span\u003e\n \u003cspan class=\"trail t1\" aria-hidden=\"true\"\u003eAll The Bandwidth\u003c\/span\u003e\n \u003cspan class=\"trail t2\" aria-hidden=\"true\"\u003eAll The Bandwidth\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"bw-desc\"\u003e\n Connectivity is everything in a high-performance machine, so we’ve spared no expense with the Strix SCAR 16’s feature set. With support for the latest\n Wi-Fi 7 standard, offering download speeds up to 2.4X times faster than Wi-Fi 6, onboard 2.5G ethernet, and dual Thunderbolt™ 5 ports, this machine\n puts even many desktop battlestations to shame. We’ve also included a FHD camera with Windows Hello support, allowing you to unlock the machine possible\n with just a smile. Windows Hello also provides better cybersecurity thanks to facial recognition. Only your face grants access, keeping your data safe\n and secure.\n \u003c\/p\u003e\n\n \u003cdiv class=\"bw-specRow\"\u003e\n \u003cdiv class=\"bw-spec\"\u003e\n \u003cdiv class=\"bw-specKicker\"\u003e2.4X Faster\u003c\/div\u003e\n \u003cdiv class=\"bw-specValue\"\u003eWi-Fi 7\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-spec\"\u003e\n \u003cdiv class=\"bw-specKicker\"\u003e2.5G Lan\u003c\/div\u003e\n \u003cdiv class=\"bw-specValue\"\u003eFaster Internet\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-spec\"\u003e\n \u003cdiv class=\"bw-specKicker\"\u003e3X Faster\u003c\/div\u003e\n \u003cdiv class=\"bw-specValue\"\u003eTBT 5\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-spec\"\u003e\n \u003cdiv class=\"bw-specKicker\"\u003eFHD+IR Camera\u003c\/div\u003e\n \u003cdiv class=\"bw-specValue\"\u003eWith Windows Hello\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003ch3 class=\"bw-subhead\"\u003eIncredible I\/O\u003c\/h3\u003e\n \u003cp class=\"bw-desc bw-desc2\"\u003e\n Ports allow you to connect your mouse, headset, or even an external monitor, so we gave the Strix SCAR 16 an incredibly flexible I\/O that can adapt to\n any situation.\n \u003c\/p\u003e\n\n \u003cdiv class=\"bw-portGrid\"\u003e\n \u003cdiv class=\"bw-portCard\"\u003e\n \u003cdiv class=\"bw-portIcon\" aria-hidden=\"true\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\n \u003crect x=\"4\" y=\"7\" width=\"16\" height=\"10\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M8 11h2M8 13h2M14 12h2\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-portText\"\u003e\n \u003cdiv class=\"bw-portTop\"\u003eX3\u003c\/div\u003e\n \u003cdiv class=\"bw-portName\"\u003eUSB 3.2 Gen2 Type-A\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bw-portCard\"\u003e\n \u003cdiv class=\"bw-portIcon\" aria-hidden=\"true\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\n \u003cpath d=\"M7 7h10v6H7z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 13v4M12 13v4M15 13v4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M7 17h10\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-portText\"\u003e\n \u003cdiv class=\"bw-portName\"\u003e2.5G Ethernet Port\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bw-portCard\"\u003e\n \u003cdiv class=\"bw-portIcon\" aria-hidden=\"true\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\n \u003cpath d=\"M12 2v10\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M7 5.5a8 8 0 1 0 10 0\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-portText\"\u003e\n \u003cdiv class=\"bw-portName\"\u003ePower Port\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bw-portCard\"\u003e\n \u003cdiv class=\"bw-portIcon\" aria-hidden=\"true\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\n \u003cpath d=\"M6 9h12v6H6z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 15v2h8v-2\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-portText\"\u003e\n \u003cdiv class=\"bw-portName\"\u003eHDMI 2.1\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bw-portCard\"\u003e\n \u003cdiv class=\"bw-portIcon\" aria-hidden=\"true\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\n \u003crect x=\"7\" y=\"8\" width=\"10\" height=\"8\" rx=\"3\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M10 12h4\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-portText\"\u003e\n \u003cdiv class=\"bw-portTop\"\u003eX2\u003c\/div\u003e\n \u003cdiv class=\"bw-portName\"\u003eThunderbolt™ 5 (USB Type-C)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bw-portCard\"\u003e\n \u003cdiv class=\"bw-portIcon\" aria-hidden=\"true\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\n \u003cpath d=\"M10 7h4v10h-4z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M6 10v4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M18 10v4\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-portText\"\u003e\n \u003cdiv class=\"bw-portName\"\u003eAudio Jack\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Right visual (image under overlays) --\u003e\n \u003cdiv class=\"bw-right\"\u003e\n \u003cdiv class=\"bw-visual\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n \u003c!-- Selectable\/copyable callouts --\u003e\n \u003cdiv class=\"bw-callout bw-callout-hello\"\u003e\n \u003cdiv class=\"bw-calloutLabel\"\u003eWindows Hello \u003cspan class=\"bw-smile\"\u003e☺\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bw-callout bw-callout-usbA\"\u003e\n \u003cdiv class=\"bw-calloutLine\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bw-calloutText\"\u003eUSB 3.2 Gen2 Type-A\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n.asus-bandwidth{\n background:#000;\n color:#fff;\n overflow:hidden; \/* keeps the page clean; right side itself allows overflow *\/\n}\n\n.bw-wrap{\n max-width: 1320px;\n margin: 0 auto;\n padding: 64px 20px 70px;\n display:grid;\n grid-template-columns: 1.02fr 1fr;\n gap: 40px;\n align-items:start;\n}\n\n\/* ---------- Left ---------- *\/\n.bw-title{\n position:relative;\n margin:0 0 14px;\n font-size:46px;\n font-weight:900;\n letter-spacing:0.08em;\n text-transform:uppercase;\n line-height:1.05;\n}\n.bw-title .trail{\n position:absolute;\n top:0; left:0;\n opacity:0.18;\n filter:blur(6px);\n pointer-events:none;\n animation:bwTrail 4.2s ease-in-out infinite;\n}\n.bw-title .t1{ transform:translateX(14px); }\n.bw-title .t2{ transform:translateX(28px); opacity:0.10; }\n\n@keyframes bwTrail{\n 0%{ transform:translateX(14px); }\n 50%{ transform:translateX(28px); }\n 100%{ transform:translateX(14px); }\n}\n\n.bw-desc{\n margin:0;\n font-size:14px;\n line-height:1.75;\n opacity:0.9;\n max-width: 620px;\n}\n.bw-desc2{ margin-top: 10px; max-width: 620px; }\n\n.bw-specRow{\n display:flex;\n gap: 26px;\n flex-wrap:wrap;\n margin: 28px 0 34px;\n}\n.bw-spec{ min-width: 120px; }\n.bw-specKicker{\n font-size:12px;\n opacity:0.78;\n letter-spacing:0.06em;\n}\n.bw-specValue{\n margin-top:4px;\n font-size:22px;\n font-weight:800;\n}\n\n.bw-subhead{\n margin: 0 0 10px;\n font-size:20px;\n font-weight:800;\n letter-spacing:0.02em;\n}\n\n\/* Port cards *\/\n.bw-portGrid{\n margin-top: 18px;\n display:grid;\n grid-template-columns: repeat(4, minmax(0,1fr));\n gap: 14px;\n max-width: 760px;\n}\n.bw-portCard{\n user-select:text;\n background: rgba(255,255,255,0.06);\n border: 1px solid rgba(255,255,255,0.10);\n border-radius: 12px;\n padding: 14px 12px;\n display:flex;\n gap: 10px;\n align-items:center;\n min-height: 68px;\n}\n.bw-portIcon{\n width: 34px;\n height: 34px;\n border-radius: 10px;\n background: rgba(255,255,255,0.06);\n display:flex;\n align-items:center;\n justify-content:center;\n color: rgba(255,255,255,0.85);\n}\n.bw-portTop{\n font-size:11px;\n opacity:0.75;\n letter-spacing:0.08em;\n margin-bottom: 2px;\n}\n.bw-portName{\n font-size:12px;\n line-height:1.25;\n opacity:0.95;\n}\n\n\/* ---------- Right (image under text) ---------- *\/\n.bw-right{\n position:relative;\n\n \/* FIX: ensure enough height so the artwork can't clip *\/\n min-height: clamp(520px, 52vw, 720px);\n\n \/* FIX: allow the art to extend safely *\/\n overflow: visible;\n\n \/* breathing room against the edge *\/\n padding-right: 18px;\n}\n\n.bw-visual{\n position:absolute;\n inset:0;\n\n \/* FIX: contain prevents laptop being chopped off *\/\n background-image: var(--bw-img);\n background-repeat:no-repeat;\n background-position: center right;\n background-size: contain;\n\n opacity: 1;\n}\n\n\/* Callouts are REAL TEXT and selectable *\/\n.bw-callout{\n position:absolute;\n z-index: 2;\n user-select:text;\n color:#fff;\n text-shadow: 0 1px 10px rgba(0,0,0,0.55);\n}\n.bw-calloutLabel{\n font-size: 16px;\n font-weight:700;\n}\n.bw-smile{\n color:#6fe2ff;\n font-weight:900;\n margin-left: 6px;\n}\n\n\/* Windows Hello *\/\n.bw-callout-hello{\n top: 84px;\n left: 40px;\n padding-left: 14px;\n}\n.bw-callout-hello::before{\n content:\"\";\n position:absolute;\n left:0;\n top: 2px;\n bottom: 2px;\n width: 2px;\n background: rgba(255,255,255,0.55);\n}\n\n\/* USB callout *\/\n.bw-callout-usbA{\n right: 46px;\n bottom: 90px;\n display:flex;\n align-items:center;\n gap: 12px;\n}\n.bw-calloutLine{\n width: 58px;\n height: 2px;\n background: rgba(255,255,255,0.6);\n}\n.bw-calloutText{\n font-size: 16px;\n font-weight:700;\n letter-spacing:0.02em;\n}\n\n\/* ---------- Responsive ---------- *\/\n@media (max-width: 1100px){\n .bw-wrap{\n grid-template-columns: 1fr;\n }\n .bw-right{\n min-height: clamp(420px, 70vw, 560px);\n padding-right: 0;\n }\n .bw-visual{\n background-position: center;\n background-size: contain;\n }\n .bw-portGrid{\n grid-template-columns: repeat(3, minmax(0,1fr));\n }\n}\n\n@media (max-width: 720px){\n .bw-title{ font-size: 32px; }\n .bw-portGrid{\n grid-template-columns: repeat(2, minmax(0,1fr));\n }\n .bw-right{\n min-height: clamp(360px, 85vw, 520px);\n }\n .bw-callout-hello{ top: 20px; left: 16px; }\n .bw-callout-usbA{ right: 16px; bottom: 16px; }\n}\n\u003c\/style\u003e\n\n\u003c!-- =========================\nSECTION • ENDLESS CUSTOMIZATION (Tabbed + synced text + image)\nCopy\/paste ready. Replace image URLs + copy.\n========================= --\u003e\n\u003csection class=\"asus-custom\" id=\"section-endless-customization\"\u003e\n \u003cdiv class=\"ac-wrap\"\u003e\n \u003cheader class=\"ac-head\"\u003e\n \u003ch2 class=\"ac-title\"\u003eENDLESS CUSTOMIZATION\u003c\/h2\u003e\n \u003cp class=\"ac-lead\"\u003e\n When you want to tweak settings, monitor temperatures, or tinker with your laptop, Armoury Crate is your command center. Real-time monitoring allows you\n to see what your GPU, CPU and memory are doing. RGB can be adjusted on a game-by-game basis with Aura Sync. Fan and power profiles allow you to change\n the acoustics, power delivery, and thermal characteristics of the laptop on the fly. And exclusive game deals keep your library topped off at all times.\n \u003c\/p\u003e\n \u003c\/header\u003e\n\n \u003cdiv class=\"ac-grid\"\u003e\n \u003c!-- Left: Tabs + Description --\u003e\n \u003cdiv class=\"ac-left\"\u003e\n \u003cnav class=\"ac-tabs\" aria-label=\"Armoury Crate sections\"\u003e\n \u003cbutton class=\"ac-tab is-active\" type=\"button\" data-tab=\"modes\"\u003e\n \u003cspan class=\"ac-num\"\u003e01\u003c\/span\u003e\u003cspan class=\"ac-name\"\u003ePerformance Modes\u003c\/span\u003e\n \u003c\/button\u003e\n \u003cbutton class=\"ac-tab\" type=\"button\" data-tab=\"macro\"\u003e\n \u003cspan class=\"ac-num\"\u003e02\u003c\/span\u003e\u003cspan class=\"ac-name\"\u003eMacro Keys\u003c\/span\u003e\n \u003c\/button\u003e\n \u003cbutton class=\"ac-tab\" type=\"button\" data-tab=\"anime\"\u003e\n \u003cspan class=\"ac-num\"\u003e03\u003c\/span\u003e\u003cspan class=\"ac-name\"\u003eAniMe Vision\u003c\/span\u003e\n \u003c\/button\u003e\n \u003cbutton class=\"ac-tab\" type=\"button\" data-tab=\"gamevisual\"\u003e\n \u003cspan class=\"ac-num\"\u003e04\u003c\/span\u003e\u003cspan class=\"ac-name\"\u003eGameVisual\u003c\/span\u003e\n \u003c\/button\u003e\n \u003cbutton class=\"ac-tab\" type=\"button\" data-tab=\"auracreator\"\u003e\n \u003cspan class=\"ac-num\"\u003e05\u003c\/span\u003e\u003cspan class=\"ac-name\"\u003eAura Creator\u003c\/span\u003e\n \u003c\/button\u003e\n \u003cbutton class=\"ac-tab\" type=\"button\" data-tab=\"wallpaper\"\u003e\n \u003cspan class=\"ac-num\"\u003e06\u003c\/span\u003e\u003cspan class=\"ac-name\"\u003eAura Wallpaper\u003c\/span\u003e\n \u003c\/button\u003e\n \u003cbutton class=\"ac-tab\" type=\"button\" data-tab=\"scenarios\"\u003e\n \u003cspan class=\"ac-num\"\u003e07\u003c\/span\u003e\u003cspan class=\"ac-name\"\u003eScenario Profiles\u003c\/span\u003e\n \u003c\/button\u003e\n \u003c\/nav\u003e\n\n \u003c!-- Per-tab content (only one shown at a time) --\u003e\n \u003cdiv class=\"ac-copy\" aria-live=\"polite\"\u003e\n \u003cdiv class=\"ac-panel is-active\" data-panel=\"modes\"\u003e\n \u003cp\u003e\n More than just simple fan curves, Armoury Crate’s performance modes serve to transform your machine from a silent, power sipping web browser to a full gaming battlestation with maximum horsepower. And for those that require even more granular control, Manual mode removes all limiters and lets you make a custom profile that suits your exact needs. For more information on Performance Modes, check out our full guide here.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ac-panel\" data-panel=\"macro\"\u003e\n \u003cp\u003e\n Armoury Crate also supports full customization of the dedicated hotkeys. By default they act as volume control, microphone mute and a quick launch for Armoury Crate, but with a few adjustments you can make them work for you. Create a function key for quick toggle when needed, a macro for complicated button combinations, or even a quick launch button for the application of your choice. Make your machine uniquely yours. \n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ac-panel\" data-panel=\"anime\"\u003e\n \u003cp\u003e\n AniMe Vision allows you to choose and create custom lighting animations that stand out from the crowd through Armoury Crate on your device. If you have two or more AniMe Vision capable devices, you can easily unlock and apply AniMe Vision Sync to display themed animations across your entire setup. Choose from preloaded animations within the Content Library, download more from our online library, or upload your own custom animations to make your machine one-of-a-kind.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ac-panel\" data-panel=\"gamevisual\"\u003e\n \u003cp\u003e\n ROG GameVisual software offers six expertly tuned graphic modes designed to optimize your visual experience for specific game genres. First Person Shooter (FPS) mode, for example, enhances visibility in dark environments, allowing you to get the drop on any enemies lurking in the shadows. Use GameVisual to get the best experience for every game in your library.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ac-panel\" data-panel=\"auracreator\"\u003e\n \u003cp\u003e\n Customize the RGB lighting on Aura-compatible peripherals to suit your gaming style. Aura Creator’s easy-to-use control panel allows you to alter a brilliant spectrum of lighting effects and colors, in addition to swapping preset lighting modes, you can also activate Aura Sync to match colors and effects across multiple devices. Check out our full RGB lighting guide for ROG machines here.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ac-panel\" data-panel=\"wallpaper\"\u003e\n \u003cp\u003e\n This brand-new feature in Armoury Crate 5.0 allows you to synchronize an animated desktop wallpaper with your laptop's RGB lighting. Choose between multiple ROG-themed wallpapers and RGB effects to give your rig a completely unified look. Additional wallpapers can be downloaded directly from Armoury Crate, and the application can easily be controlled from the Windows system tray.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ac-panel\" data-panel=\"scenarios\"\u003e\n \u003cp\u003e\n Automatic switching between Silent, Performance, and Turbo modes is just the beginning for Scenario Profiles. You can also define application-specific preferences for other vital system settings, like the lighting configuration and whether the Windows key or touchpad are enabled. Armoury Crate makes adjustments in an instant to best fit the task at hand, and you can configure each profile exactly how you want. Check out the full guide here.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c!-- Right: Image (changes with tab) --\u003e\n \u003cdiv class=\"ac-right\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"ac-frame\"\u003e\n \u003cimg class=\"ac-img is-active\" data-img=\"modes\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/ui-overview-8.webp?v=1768346560\" alt=\"Performance Modes\"\u003e\n \u003cimg class=\"ac-img\" data-img=\"macro\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/ui-overview-9.webp?v=1768346560\" alt=\"Macro Keys\"\u003e\n \u003cimg class=\"ac-img\" data-img=\"anime\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/ui-overview-7_1.webp?v=1768346560\" alt=\"AniMe Vision\"\u003e\n \u003cimg class=\"ac-img\" data-img=\"gamevisual\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/ui-overview-3_1.webp?v=1768346560\" alt=\"GameVisual\"\u003e\n \u003cimg class=\"ac-img\" data-img=\"auracreator\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/ui-overview-4_1.webp?v=1768346560\" alt=\"Aura Creator\"\u003e\n \u003cimg class=\"ac-img\" data-img=\"wallpaper\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/ui-overview-5_1.webp?v=1768346560\" alt=\"Aura Wallpaper\"\u003e\n \u003cimg class=\"ac-img\" data-img=\"scenarios\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/ui-overview-6_1.webp?v=1768346560\" alt=\"Scenario Profiles\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n\/* ===== Endless Customization ===== *\/\n.asus-custom{\n background:#000;\n color:#fff;\n position:relative;\n overflow:hidden;\n padding: 54px 0 64px;\n}\n\n\/* subtle grid\/crosshair background like ASUS *\/\n.asus-custom::before{\n content:\"\";\n position:absolute;\n inset:-2px;\n background:\n radial-gradient(circle at 12px 12px, rgba(255,255,255,.11) 1px, transparent 1.5px) 0 0 \/ 96px 96px,\n linear-gradient(to right, rgba(255,255,255,.06), rgba(255,255,255,.06)) 0 0 \/ 1px 100%,\n linear-gradient(to bottom, rgba(255,255,255,.06), rgba(255,255,255,.06)) 0 0 \/ 100% 1px;\n opacity:.18;\n pointer-events:none;\n mask-image: radial-gradient(circle at 50% 40%, rgba(0,0,0,.9) 0%, rgba(0,0,0,.65) 45%, rgba(0,0,0,.15) 75%, rgba(0,0,0,0) 100%);\n}\n\n.ac-wrap{\n position:relative;\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 20px;\n}\n\n.ac-head{\n max-width: 760px;\n}\n.ac-title{\n margin: 0 0 10px;\n font-size: 44px;\n font-weight: 900;\n letter-spacing: .06em;\n text-transform: uppercase;\n line-height: 1.05;\n}\n.ac-lead{\n margin: 0;\n font-size: 14px;\n line-height: 1.8;\n opacity:.86;\n}\n\n.ac-grid{\n margin-top: 34px;\n display:grid;\n grid-template-columns: 1.05fr 1.15fr;\n gap: 34px;\n align-items:start;\n}\n\n\/* Left side *\/\n.ac-left{\n min-width: 0;\n}\n\n.ac-tabs{\n border-top: 1px solid rgba(255,255,255,.18);\n border-bottom: 1px solid rgba(255,255,255,.12);\n}\n\n.ac-tab{\n width:100%;\n background: transparent;\n color: rgba(255,255,255,.70);\n border: 0;\n padding: 14px 6px;\n display:flex;\n align-items:center;\n gap: 12px;\n cursor:pointer;\n border-bottom: 1px solid rgba(255,255,255,.12);\n text-align:left;\n transition: color .2s ease, background .2s ease;\n font: inherit;\n}\n\n.ac-tab:last-child{ border-bottom:0; }\n\n.ac-num{\n width: 34px;\n color: rgba(255,255,255,.60);\n font-size: 12px;\n letter-spacing: .12em;\n}\n\n.ac-name{\n font-weight: 800;\n letter-spacing: .01em;\n}\n\n.ac-tab:hover{\n color: rgba(255,255,255,.92);\n background: rgba(255,255,255,.04);\n}\n\n.ac-tab.is-active{\n color:#fff;\n background: rgba(255,255,255,.06);\n position:relative;\n}\n.ac-tab.is-active .ac-name{\n color:#cfd0ff; \/* subtle cool tint like screenshot *\/\n}\n.ac-tab.is-active::before{\n content:\"\";\n position:absolute;\n left:0; top:0; bottom:0;\n width: 2px;\n background: rgba(170, 176, 255, .9);\n box-shadow: 0 0 18px rgba(170,176,255,.45);\n}\n\n.ac-copy{\n margin-top: 18px;\n max-width: 520px;\n}\n.ac-panel{\n display:none;\n font-size: 14px;\n line-height: 1.85;\n opacity: .88;\n}\n.ac-panel.is-active{ display:block; }\n\n\/* Right side image frame *\/\n.ac-right{\n min-width: 0;\n}\n\n.ac-frame{\n position:relative;\n width:100%;\n min-height: clamp(360px, 38vw, 560px);\n border-radius: 14px;\n background: rgba(255,255,255,.02);\n border: 1px solid rgba(255,255,255,.10);\n box-shadow: 0 18px 50px rgba(0,0,0,.55);\n overflow:hidden;\n}\n\n.ac-img{\n position:absolute;\n inset:0;\n width:100%;\n height:100%;\n object-fit: cover;\n opacity:0;\n transform: translateY(6px) scale(1.01);\n transition: opacity .28s ease, transform .28s ease;\n}\n.ac-img.is-active{\n opacity:1;\n transform: translateY(0) scale(1);\n}\n\n\/* Responsive *\/\n@media (max-width: 1100px){\n .ac-grid{\n grid-template-columns: 1fr;\n }\n .ac-head{ max-width: 100%; }\n .ac-copy{ max-width: 100%; }\n .ac-frame{ min-height: clamp(300px, 58vw, 520px); }\n}\n\n@media (max-width: 720px){\n .asus-custom{ padding: 44px 0 54px; }\n .ac-title{ font-size: 32px; }\n .ac-tab{ padding: 12px 6px; }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\n\/* ===== Endless Customization tabs (sync text + image) ===== *\/\n(function(){\n var root = document.getElementById('section-endless-customization');\n if(!root) return;\n\n var tabs = Array.prototype.slice.call(root.querySelectorAll('.ac-tab'));\n var panels = Array.prototype.slice.call(root.querySelectorAll('.ac-panel'));\n var imgs = Array.prototype.slice.call(root.querySelectorAll('.ac-img'));\n\n function activate(key){\n tabs.forEach(function(t){\n t.classList.toggle('is-active', t.getAttribute('data-tab') === key);\n t.setAttribute('aria-selected', t.getAttribute('data-tab') === key ? 'true' : 'false');\n });\n\n panels.forEach(function(p){\n p.classList.toggle('is-active', p.getAttribute('data-panel') === key);\n });\n\n imgs.forEach(function(i){\n i.classList.toggle('is-active', i.getAttribute('data-img') === key);\n });\n }\n\n tabs.forEach(function(tab){\n tab.setAttribute('role','tab');\n tab.setAttribute('aria-selected', tab.classList.contains('is-active') ? 'true' : 'false');\n\n tab.addEventListener('click', function(){\n activate(tab.getAttribute('data-tab'));\n });\n\n tab.addEventListener('keydown', function(e){\n var idx = tabs.indexOf(tab);\n if(e.key === 'ArrowDown'){\n e.preventDefault();\n tabs[Math.min(idx+1, tabs.length-1)].focus();\n } else if(e.key === 'ArrowUp'){\n e.preventDefault();\n tabs[Math.max(idx-1, 0)].focus();\n } else if(e.key === 'Enter' || e.key === ' '){\n e.preventDefault();\n activate(tab.getAttribute('data-tab'));\n }\n });\n });\n\n \/\/ ensure default state is consistent\n activate('modes');\n})();\n\u003c\/script\u003e\n\n\n\n \u003cimg class=\"ac-img\" data-img=\"auracreator\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/ui-overview-4_1.webp?v=1768346560\" alt=\"Aura Creator\"\u003e\n \u003cimg class=\"ac-img\" data-img=\"wallpaper\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/ui-overview-5_1.webp?v=1768346560\" alt=\"Aura Wallpaper\"\u003e\n \u003cimg class=\"ac-img\" data-img=\"scenarios\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0228\/7629\/1136\/files\/ui-overview-6_1.webp?v=1768346560\" alt=\"Scenario Profiles\"\u003e\n \n \n \n \n\n\n\u003cstyle\u003e\n\/* ===== Endless Customization ===== *\/\n.asus-custom{\n background:#000;\n color:#fff;\n position:relative;\n overflow:hidden;\n padding: 54px 0 64px;\n}\n\n\/* subtle grid\/crosshair background like ASUS *\/\n.asus-custom::before{\n content:\"\";\n position:absolute;\n inset:-2px;\n background:\n radial-gradient(circle at 12px 12px, rgba(255,255,255,.11) 1px, transparent 1.5px) 0 0 \/ 96px 96px,\n linear-gradient(to right, rgba(255,255,255,.06), rgba(255,255,255,.06)) 0 0 \/ 1px 100%,\n linear-gradient(to bottom, rgba(255,255,255,.06), rgba(255,255,255,.06)) 0 0 \/ 100% 1px;\n opacity:.18;\n pointer-events:none;\n mask-image: radial-gradient(circle at 50% 40%, rgba(0,0,0,.9) 0%, rgba(0,0,0,.65) 45%, rgba(0,0,0,.15) 75%, rgba(0,0,0,0) 100%);\n}\n\n.ac-wrap{\n position:relative;\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 20px;\n}\n\n.ac-head{\n max-width: 760px;\n}\n.ac-title{\n margin: 0 0 10px;\n font-size: 44px;\n font-weight: 900;\n letter-spacing: .06em;\n text-transform: uppercase;\n line-height: 1.05;\n}\n.ac-lead{\n margin: 0;\n font-size: 14px;\n line-height: 1.8;\n opacity:.86;\n}\n\n.ac-grid{\n margin-top: 34px;\n display:grid;\n grid-template-columns: 1.05fr 1.15fr;\n gap: 34px;\n align-items:start;\n}\n\n\/* Left side *\/\n.ac-left{\n min-width: 0;\n}\n\n.ac-tabs{\n border-top: 1px solid rgba(255,255,255,.18);\n border-bottom: 1px solid rgba(255,255,255,.12);\n}\n\n.ac-tab{\n width:100%;\n background: transparent;\n color: rgba(255,255,255,.70);\n border: 0;\n padding: 14px 6px;\n display:flex;\n align-items:center;\n gap: 12px;\n cursor:pointer;\n border-bottom: 1px solid rgba(255,255,255,.12);\n text-align:left;\n transition: color .2s ease, background .2s ease;\n font: inherit;\n}\n\n.ac-tab:last-child{ border-bottom:0; }\n\n.ac-num{\n width: 34px;\n color: rgba(255,255,255,.60);\n font-size: 12px;\n letter-spacing: .12em;\n}\n\n.ac-name{\n font-weight: 800;\n letter-spacing: .01em;\n}\n\n.ac-tab:hover{\n color: rgba(255,255,255,.92);\n background: rgba(255,255,255,.04);\n}\n\n.ac-tab.is-active{\n color:#fff;\n background: rgba(255,255,255,.06);\n position:relative;\n}\n.ac-tab.is-active .ac-name{\n color:#cfd0ff; \/* subtle cool tint like screenshot *\/\n}\n.ac-tab.is-active::before{\n content:\"\";\n position:absolute;\n left:0; top:0; bottom:0;\n width: 2px;\n background: rgba(170, 176, 255, .9);\n box-shadow: 0 0 18px rgba(170,176,255,.45);\n}\n\n.ac-copy{\n margin-top: 18px;\n max-width: 520px;\n}\n.ac-panel{\n display:none;\n font-size: 14px;\n line-height: 1.85;\n opacity: .88;\n}\n.ac-panel.is-active{ display:block; }\n\n\/* Right side image frame *\/\n.ac-right{\n min-width: 0;\n}\n\n.ac-frame{\n position:relative;\n width:100%;\n min-height: clamp(360px, 38vw, 560px);\n border-radius: 14px;\n background: rgba(255,255,255,.02);\n border: 1px solid rgba(255,255,255,.10);\n box-shadow: 0 18px 50px rgba(0,0,0,.55);\n overflow:hidden;\n}\n\n.ac-img{\n position:absolute;\n inset:0;\n width:100%;\n height:100%;\n object-fit: cover;\n opacity:0;\n transform: translateY(6px) scale(1.01);\n transition: opacity .28s ease, transform .28s ease;\n}\n.ac-img.is-active{\n opacity:1;\n transform: translateY(0) scale(1);\n}\n\n\/* Responsive *\/\n@media (max-width: 1100px){\n .ac-grid{\n grid-template-columns: 1fr;\n }\n .ac-head{ max-width: 100%; }\n .ac-copy{ max-width: 100%; }\n .ac-frame{ min-height: clamp(300px, 58vw, 520px); }\n}\n\n@media (max-width: 720px){\n .asus-custom{ padding: 44px 0 54px; }\n .ac-title{ font-size: 32px; }\n .ac-tab{ padding: 12px 6px; }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\n\/* ===== Endless Customization tabs (sync text + image) ===== *\/\n(function(){\n var root = document.getElementById('section-endless-customization');\n if(!root) return;\n\n var tabs = Array.prototype.slice.call(root.querySelectorAll('.ac-tab'));\n var panels = Array.prototype.slice.call(root.querySelectorAll('.ac-panel'));\n var imgs = Array.prototype.slice.call(root.querySelectorAll('.ac-img'));\n\n function activate(key){\n tabs.forEach(function(t){\n t.classList.toggle('is-active', t.getAttribute('data-tab') === key);\n t.setAttribute('aria-selected', t.getAttribute('data-tab') === key ? 'true' : 'false');\n });\n\n panels.forEach(function(p){\n p.classList.toggle('is-active', p.getAttribute('data-panel') === key);\n });\n\n imgs.forEach(function(i){\n i.classList.toggle('is-active', i.getAttribute('data-img') === key);\n });\n }\n\n tabs.forEach(function(tab){\n tab.setAttribute('role','tab');\n tab.setAttribute('aria-selected', tab.classList.contains('is-active') ? 'true' : 'false');\n\n tab.addEventListener('click', function(){\n activate(tab.getAttribute('data-tab'));\n });\n\n tab.addEventListener('keydown', function(e){\n var idx = tabs.indexOf(tab);\n if(e.key === 'ArrowDown'){\n e.preventDefault();\n tabs[Math.min(idx+1, tabs.length-1)].focus();\n } else if(e.key === 'ArrowUp'){\n e.preventDefault();\n tabs[Math.max(idx-1, 0)].focus();\n } else if(e.key === 'Enter' || e.key === ' '){\n e.preventDefault();\n activate(tab.getAttribute('data-tab'));\n }\n });\n });\n\n \/\/ ensure default state is consistent\n activate('modes');\n})();\n\u003c\/script\u003e\n","brand":"yuanqifort","offers":[{"title":"Default Title","offer_id":55103475777827,"sku":"715971","price":72.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0946\/0986\/7043\/files\/ASUSROGStrixSCAR16N50S_00.png?v=1779115945","url":"https:\/\/yuanqifort.shop\/products\/asus-rog-strix-scar-16-g635lx-xs97-gaming-laptop","provider":"Yuanqi Fort Bureau LLC","version":"1.0","type":"link"}