body{background:#0b0b0e}#header{background:transparent}#header nav{max-width:1280px;margin-inline:auto;padding:18px 24px}#header nav>a,#header nav a{font-family:"Inter Variable",sans-serif}#header .lsw{margin-block:0}
.pn-container{width:min(1280px,calc(100% - 48px));margin-inline:auto}.pn-hero,.pn-products,.pn-bottom{font-family:"Inter Variable",sans-serif;color:#fffcfc}
.pn-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:760px;height:100svh;max-height:1100px;background:#0b0b0e;overflow:hidden}
.pn-hero-video,.pn-hero-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pn-hero-video{object-fit:cover;object-position:center;z-index:-3}.pn-hero-shade{z-index:-2;background:linear-gradient(90deg,rgba(11,11,14,.55),rgba(11,11,14,.15) 55%,transparent),linear-gradient(0deg,#0b0b0e,transparent 18%)}
.pn-hero-content{position:relative;padding-block:140px 80px}.pn-eyebrow{font-size:12px;font-weight:600;letter-spacing:.22em;color:#afb3ba;margin:0 0 20px}.pn-hero h1{font-size:clamp(46px,4.2vw,76px);font-weight:650;line-height:1.07;letter-spacing:-.055em;max-width:760px;margin:0}.pn-lead{max-width:570px;color:#afb3ba;font-size:20px;line-height:1.5;margin:26px 0 0}.pn-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:38px}
.pn-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ffffff26;border-radius:8px;padding:11px 16px;color:#fffcfc;background:transparent;font:500 14px/1.3 "Inter Variable",sans-serif;text-decoration:none;transition:background-color .18s,border-color .18s,transform .18s}.pn-button:hover{background:#ffffff0d;border-color:#ffffff55;transform:translateY(-1px)}.pn-primary{background:#fffcfc;color:#17171c;border-color:#fffcfc}.pn-primary:hover{background:#e5e5e8;border-color:#e5e5e8}.pn-button:focus-visible,.pn-product:focus-visible,.pn-motion:focus-visible{outline:2px solid #fff;outline-offset:5px}.pn-motion{position:absolute;bottom:28px;right:max(24px,calc((100vw - 1232px)/2));color:#afb3ba;font:12px "Inter Variable",sans-serif;background:#0b0b0e80;border:1px solid #ffffff26;border-radius:8px;padding:8px 12px;cursor:pointer}
.pn-products{padding-block:80px 100px;scroll-margin-top:40px}.pn-products h2,.pn-bottom h2{font-size:clamp(32px,3vw,46px);line-height:1.15;letter-spacing:-.045em;font-weight:550;margin:0 0 18px}.pn-section-lead{font-size:18px;line-height:1.5;color:#afb3ba;max-width:620px;margin:0 0 48px}.pn-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pn-product{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:520px;padding:30px;border-radius:26px;overflow:hidden;text-decoration:none;background-size:cover;background-position:center;color:#fffcfc;transition:transform .25s,box-shadow .25s}.pn-product:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#00000008 25%,#00000038)}.pn-product:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0004}.pn-red{background-color:#b54f54;background-image:url('/assets/backgrounds/l4d2-red.webp')}.pn-blue{background-color:#334c77;background-image:url('/assets/backgrounds/cs2-blue.webp')}.pn-green{background-color:#395a27;background-image:url('/assets/backgrounds/minecraft-green.webp')}.pn-product[aria-disabled=true]{cursor:default}.pn-badge{align-self:flex-start;border-radius:6px;padding:8px 10px;background:#ffffff26;font-size:11px;font-weight:600;letter-spacing:.035em}.pn-game-icon{width:110px;height:110px;object-fit:contain;margin:auto;filter:drop-shadow(0 6px 16px #0002)}.pn-product-info h3{font-size:22px;line-height:1.3;font-weight:500;margin:0 0 10px}.pn-product-info p{font-size:14px;line-height:1.5;color:#fffcfccc;min-height:42px;margin:0}
.pn-bottom{display:grid;grid-template-columns:1fr 1fr;gap:80px;border:1px solid #ffffff0d;border-radius:26px;padding:64px 7%;margin-top:60px;margin-bottom:64px}.pn-bottom p{color:#afb3ba;line-height:1.5;max-width:360px;margin:0 0 24px}.pn-bottom h2{font-size:36px}
#features>div.nmtp8,#media>div.nmtp8,footer>div.nmtp8{display:none}footer{background:#0b0b0e!important;border-top:1px solid #ffffff0d}footer>.kkhpn{max-width:1280px}footer{font-family:"Inter Variable",sans-serif}
@media(min-width:1024px){#header nav{padding-block:18px}#header nav>div{gap:24px}}
@media(max-width:900px){.pn-hero{min-height:700px;max-height:950px}.pn-hero-video{object-position:60% center}.pn-hero-shade{background:linear-gradient(90deg,#0b0b0ed9,#0b0b0e66),linear-gradient(0deg,#0b0b0e,transparent 25%)}.pn-product{padding:22px;min-height:430px}.pn-game-icon{width:85px;height:85px}.pn-bottom{padding:40px;gap:40px}.pn-bottom h2{font-size:30px}}
@media(max-width:640px){.pn-container{width:calc(100% - 36px)}.pn-hero{min-height:660px;height:92svh}.pn-hero-content{padding-block:140px 100px}.pn-hero h1{font-size:48px}.pn-lead{font-size:17px;max-width:420px}.pn-product-grid{grid-template-columns:1fr}.pn-product{min-height:420px}.pn-product-info p{min-height:0}.pn-products{padding-block:55px 60px}.pn-section-lead{font-size:16px;margin-bottom:30px}.pn-bottom{grid-template-columns:1fr;padding:32px 24px;gap:40px;margin-top:30px}.pn-motion{bottom:24px;right:18px}}
@media(prefers-reduced-motion:reduce){.pn-product,.pn-button{transition:none}.pn-product:hover,.pn-button:hover{transform:none}}

/* The hero always fills the visible browser viewport. */
.pn-hero{height:100vh;height:100svh;min-height:0;max-height:none}
.pn-hero-video{width:100%;height:100%;object-fit:cover}
@media(max-width:640px){.pn-hero-content{padding-block:100px 48px}.pn-hero h1{font-size:clamp(36px,8vw,48px)}}
@media(max-height:600px){.pn-hero-content{padding-block:90px 24px}.pn-hero h1{font-size:clamp(32px,6vh,52px)}.pn-lead{margin-top:16px;font-size:16px}.pn-actions{margin-top:20px}.pn-eyebrow{margin-bottom:10px}}