.product-gallery{padding:112px 0 118px;border-top:1px solid #173451;background:radial-gradient(circle at 50% 32%,#0a1a33 0,transparent 38%),#040814}
.gallery-intro{text-align:center;max-width:780px;margin:0 auto 48px}
.gallery-intro h2{font:800 49px/1.04 Bahnschrift,"Arial Narrow",sans-serif;letter-spacing:.4px;margin:0}
.gallery-intro h2 em{font-style:normal;color:#20c6ff;text-shadow:0 0 25px #0aa5ff55}
.gallery-intro>p:last-of-type{max-width:620px;margin:18px auto;color:#9bb5d1;line-height:1.7}
.gallery-proof{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:25px}
.gallery-proof span{padding:8px 12px;border:1px solid #1e4d77;border-radius:99px;background:#071426;color:#70cfff;font:800 10px Bahnschrift;letter-spacing:.75px}
.screen-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;max-width:1120px;margin:0 auto}
.showcase-screen{overflow:hidden;position:relative;display:grid;border:1px solid #245983;border-radius:18px;background:linear-gradient(145deg,#0b1930,#060b16 70%);box-shadow:0 24px 70px #000a;transition:transform .25s,border-color .25s,box-shadow .25s}
.showcase-screen:hover{transform:translateY(-8px);box-shadow:0 30px 78px #000d}
.showcase-screen footer{position:relative;display:grid;gap:5px;padding:15px 20px;border-top:1px solid #1e496e;background:#071528}
.showcase-screen footer b{font:800 10px Bahnschrift;letter-spacing:.8px}
.showcase-screen footer span{color:#91afd0;font-size:12px}
.game-screen{grid-column:span 12;grid-template-columns:.72fr 1.28fr;border-color:#1486b5;background:radial-gradient(circle at 88% 5%,#0f447555,transparent 30%),linear-gradient(140deg,#071a2b,#050b16)}
.game-screen:hover{border-color:#36d2ff}
.game-screen footer{grid-column:1/-1}
.scanner-screen,.benchmark-screen{grid-column:span 6;grid-template-columns:1fr}
.scanner-screen{border-color:#1d8f78}
.scanner-screen:hover{border-color:#3ce3bd}
.benchmark-screen{border-color:#7655b5}
.benchmark-screen:hover{border-color:#b892ff}
.showcase-copy{display:flex;flex-direction:column;justify-content:center;padding:36px 26px}
.showcase-step{color:#55cdf9;font:800 10px Bahnschrift;letter-spacing:1px}
.showcase-copy h3,.showcase-note h3{margin:10px 0 13px;font:800 24px/1.08 Bahnschrift;color:#f3f8ff}
.showcase-copy p,.showcase-note p{margin:0;color:#9bb1cc;font-size:13px;line-height:1.65}
.showcase-points{display:grid;gap:10px;margin-top:23px}
.showcase-points span{color:#c6d8e9;font-size:11px}
.showcase-points i{display:inline-grid;place-items:center;width:16px;height:16px;margin-right:7px;border-radius:50%;background:#0a5d69;color:#4cf5c9;font-style:normal;font-weight:900}
.showcase-note{padding:24px 24px 18px}
.app-window{overflow:hidden;border:1px solid #2c6a96;border-radius:12px;background:#06111f;box-shadow:0 20px 46px #0009}
.game-window{align-self:center;margin:29px 29px 29px 0;min-height:288px}
.scanner-window,.benchmark-window{margin:22px 22px 0;min-height:267px}
.app-titlebar{height:31px;display:flex;align-items:center;gap:13px;padding:0 11px;background:linear-gradient(90deg,#f7fafc,#d8e3ec);color:#152333;font:800 9px "Segoe UI",sans-serif}
.app-titlebar span{color:#5f7285;font-size:8px;letter-spacing:.7px}
.app-titlebar i{margin-left:auto;font-style:normal;color:#45596b}
.app-layout{display:grid;grid-template-columns:91px 1fr;min-height:245px}
.app-layout aside{display:grid;align-content:start;gap:7px;padding:12px 8px;background:#07182b;border-right:1px solid #123a58;color:#83a5c2;font-size:8px}
.app-layout aside strong{margin:2px 3px 10px;color:#32c9ff;font:800 10px Bahnschrift}
.app-layout aside span,.app-layout aside b{padding:6px 5px;border-radius:4px;font-weight:700}
.app-layout aside b{background:#0d61a4;color:white}
.app-layout main{padding:17px 15px}
.app-label{color:#40cbff;font:800 8px Bahnschrift;letter-spacing:.8px}
.ready-heading{display:flex;align-items:end;justify-content:space-between;margin:8px 0 13px}
.ready-heading small,.profile-panel small,.scan-health small,.benchmark-top small{display:block;color:#6d92b3;font:800 7px Bahnschrift;letter-spacing:.55px}
.ready-heading h4{margin:4px 0 0;color:#f4f8fd;font:800 20px/1 Bahnschrift}
.ready-heading em{padding:5px 7px;border-radius:4px;background:#093f34;color:#3de9b9;font-size:7px;font-style:normal;font-weight:900}
.profile-panel{display:flex;align-items:center;justify-content:space-between;padding:11px;border:1px solid #1a716c;border-radius:8px;background:linear-gradient(100deg,#072f31,#092226);color:#d8f5f0}
.profile-panel b,.profile-panel span{display:block}
.profile-panel b{margin:3px 0;color:#44ebc1;font:800 13px Bahnschrift}
.profile-panel span{color:#98c4bf;font-size:8px}
.profile-panel>strong{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#0d5c71;color:#58d9ff;font-size:16px}
.game-entry{display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center;padding:12px 1px 9px;border-bottom:1px solid #173957}
.game-entry>i{display:grid;place-items:center;width:24px;height:24px;border-radius:5px;background:#1a416f;color:#76d9ff;font:800 9px Bahnschrift;font-style:normal}
.game-entry b,.game-entry span{display:block}
.game-entry b{color:#e8f1fa;font-size:10px}
.game-entry span{margin-top:3px;color:#7899b7;font-size:8px}
.game-entry em{color:#47e7b9;font-size:7px;font-style:normal;font-weight:900}
.app-status{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;color:#a6c2db;font-size:7px}
.app-status i{display:inline-block;width:5px;height:5px;margin-right:3px;border-radius:50%;background:#3ee9b9}
.scan-health{display:flex;justify-content:space-between;align-items:center;margin-top:9px;padding:12px;border:1px solid #1b8a70;border-radius:8px;background:#082b29}
.scan-health b{display:block;margin-top:4px;color:#42e3bc;font:800 13px Bahnschrift}
.scan-health strong{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#105c51;color:#59ebc6;font-size:17px}
.scan-check{display:grid;gap:7px;margin-top:14px}
.scan-check span{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:5px;padding-bottom:7px;border-bottom:1px solid #163b54;color:#c1d6e9;font-size:8px}
.scan-check i{color:#4ce2bd;font-style:normal;font-weight:900}
.scan-check b{color:#57d7ba;font-size:7px}
.scan-tip,.bench-tip{margin-top:11px;padding:8px;border-left:2px solid #36d1aa;background:#0b1f2a;color:#8fb4c9;font-size:8px;line-height:1.4}
.benchmark-top{display:flex;justify-content:space-between;align-items:center;margin-top:9px;padding:10px;border:1px solid #744eae;border-radius:8px;background:#171128}
.benchmark-top b{display:block;margin:3px 0;color:#ffcb53;font:800 30px/1 Bahnschrift}
.benchmark-top b em{font-size:12px;font-style:normal}
.benchmark-top span{display:block;color:#a899c9;font-size:7px}
.compare-badge{display:flex;gap:5px;align-items:center;color:#a58aff;font:800 23px Bahnschrift}
.compare-badge span{color:#c1a9ff;font:800 7px/1.25 Bahnschrift}
.benchmark-bars{display:grid;gap:9px;margin-top:12px}
.benchmark-bars span{display:grid;grid-template-columns:28px 1fr 70px;gap:6px;align-items:center;color:#a9b9d5;font-size:7px}
.benchmark-bars i{font-style:normal;font-weight:800}
.benchmark-bars b{height:6px;border-radius:8px;background:linear-gradient(90deg,#4d71ef 0 82%,#14233b 82%)}
.benchmark-bars span:nth-child(2) b{background:linear-gradient(90deg,#6c52e7 0 68%,#14233b 68%)}
.benchmark-bars span:nth-child(3) b{background:linear-gradient(90deg,#3dcfae 0 88%,#14233b 88%)}
.benchmark-bars em{color:#7797b6;font-size:6px;font-style:normal;text-align:right}
.scanner-screen footer b{color:#52e5be}
.benchmark-screen footer b{color:#c2a8ff}
@media(max-width:900px){.product-gallery{padding:82px 0}
.gallery-intro h2{font-size:38px}
.game-screen,.scanner-screen,.benchmark-screen{grid-column:span 12}
.game-screen{grid-template-columns:1fr}
.showcase-copy{padding:30px 23px 8px}
.game-window{margin:22px;min-height:0}
.scanner-window,.benchmark-window{margin:20px 20px 0}
.showcase-note{padding:24px 23px 15px}
}
@media(max-width:540px){.gallery-intro h2{font-size:31px}
.screen-grid{gap:17px}
.app-layout{grid-template-columns:68px 1fr}
.app-layout aside{padding:10px 5px;font-size:7px}
.app-layout aside strong{font-size:8px}
.app-layout main{padding:13px 11px}
.app-window{border-radius:9px}
.game-window,.scanner-window,.benchmark-window{margin:15px}
.showcase-copy h3,.showcase-note h3{font-size:20px}
.ready-heading h4{font-size:16px}
.profile-panel span{max-width:130px}
.benchmark-bars span{grid-template-columns:23px 1fr 57px}
.showcase-screen footer{padding:13px 16px}
}