:root{--font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--font-body);color:#f5f7ff;background:#08090d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{overflow-x:hidden;scroll-behavior:smooth}body{overflow-x:hidden;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #55e7ff;outline-offset:3px}#root{min-height:100vh}*{box-sizing:border-box}:root{--page-bg: #08090d;--ink: #f5f7ff;--muted: #b9c1d6;--soft: #d9e5ff;--panel: rgba(13, 18, 29, .76);--panel-strong: rgba(17, 25, 40, .92);--line: rgba(216, 230, 255, .18);--cyan: #55e7ff;--pink: #ff4fb8;--green: #a9ff68;--amber: #ffd36a;--steam: #66c0f4}.page{min-width:320px;min-height:100vh;overflow-x:hidden;background:linear-gradient(180deg,#08090d00 0,#08090d 760px),linear-gradient(135deg,#07080d,#10131b 44%,#090b10);color:var(--ink)}.site-header{position:absolute;z-index:10;top:0;left:50%;display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1180px,calc(100% - 40px));padding:22px 0;transform:translate(-50%)}.brand,.nav-links,.hero-actions,.final-actions,.platform-list,.site-footer nav{display:flex;align-items:center}.brand{gap:12px;color:var(--ink);font-weight:800;text-decoration:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.42);border-radius:8px;background:linear-gradient(135deg,#55e7ffe6,#ff4fb8d1);color:#08090d;font-weight:900}.brand-name{font-size:1.08rem}.nav-links{gap:8px;padding:6px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#080a1175;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-links a,.site-footer a{border-radius:8px;color:var(--soft);font-size:.94rem;font-weight:700;padding:9px 11px;text-decoration:none}.nav-links a:hover,.site-footer a:hover{background:#ffffff1a;color:#fff}.hero{position:relative;display:grid;align-content:end;min-height:82svh;padding:132px max(20px,calc((100vw - 1180px)/2)) 34px;isolation:isolate}.hero:before{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#08090df5,#08090dba 39%,#08090d33 72%),linear-gradient(180deg,#08090d61,#08090d1f 44%,#08090d);content:""}.hero-backdrop{position:absolute;z-index:-2;inset:0;margin:0}.hero-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.1) contrast(1.04)}.hero-content{width:min(680px,100%);padding-bottom:32px}.eyebrow,h1,h2,h3,.button,.stat-row strong,.platform-list li,.site-footer p,figcaption{font-family:var(--font-display)}.eyebrow{margin:0 0 14px;color:var(--green);font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.hero-logo-frame{width:min(460px,100%);aspect-ratio:1280 / 380;margin:0 0 16px;overflow:hidden}.hero-logo-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:drop-shadow(0 0 24px rgba(85,231,255,.34)) drop-shadow(0 0 42px rgba(255,79,184,.24))}h1,h2,h3,p{margin-top:0}h1{max-width:650px;margin-bottom:18px;font-size:4.25rem;font-weight:800;line-height:.98;letter-spacing:0}h2{margin-bottom:18px;font-size:2.55rem;font-weight:800;line-height:1.08;letter-spacing:0}h3{margin-bottom:10px;font-size:1.16rem;font-weight:800;line-height:1.18;letter-spacing:0}.hero-lede,.intro-copy p,.section-heading p,.simulation-card p,.fun-card p,.final-cta p{color:var(--muted);font-size:1.05rem;line-height:1.72}.hero-lede{max-width:640px;margin-bottom:28px;font-size:1.18rem}.hero-actions,.final-actions{flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;border:1px solid transparent;border-radius:8px;font-size:.98rem;font-weight:900;line-height:1;padding:0 20px;text-decoration:none;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.button:hover{transform:translateY(-1px)}.button-primary{border-color:#66c0f4b8;background:linear-gradient(180deg,#85d8ff 0%,var(--steam) 54%,#2d86c8 100%);color:#07111d;box-shadow:0 0 26px #66c0f44d,0 18px 48px #00000047}.button-primary:hover{border-color:#d7f2ff;background:linear-gradient(180deg,#b7ecff,#75cfff 52%,#3b9be0);color:#050910}.button-secondary{border-color:#ffffff3d;background:#ffffff14;color:#f9fbff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.button-secondary:hover{border-color:#ffffff75;background:#ffffff24}.button-large{min-width:210px}.steam-note{max-width:520px;margin:16px 0 0;color:#d6e1f7;font-size:.92rem;line-height:1.55}.hero-media-row{display:grid;grid-template-columns:1.1fr .92fr .92fr;gap:14px;width:min(850px,100%)}.hero-media{position:relative;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#07080d;box-shadow:0 20px 58px #00000057}.hero-media img,.simulation-card img{display:block;width:100%;height:100%;object-fit:cover}.hero-media img{aspect-ratio:16 / 9}.hero-media figcaption{position:absolute;left:12px;bottom:10px;padding:6px 8px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#07080db8;color:#fff;font-size:.82rem;font-weight:800}.section,.section-band,.final-cta,.site-footer{width:min(1180px,calc(100% - 40px));margin:0 auto}.section{padding:86px 0}.section-band{display:grid;grid-template-columns:.86fr 1.14fr;gap:54px;align-items:start;padding:82px 0;border-bottom:1px solid var(--line)}.section-heading{max-width:560px}.wide-heading{max-width:700px;margin-bottom:30px}.intro-copy{max-width:680px}.stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:28px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--line)}.stat-row div{padding:18px;background:#ffffff0e}.stat-row strong,.stat-row span{display:block}.stat-row strong{margin-bottom:4px;color:#fff;font-size:1.1rem}.stat-row span{color:var(--muted);font-size:.93rem}.simulation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.simulation-card{position:relative;overflow:hidden;min-height:365px;border:1px solid var(--line);border-radius:8px;background:var(--panel-strong)}.simulation-card:after{position:absolute;inset:0;border:1px solid rgba(255,255,255,.06);border-radius:8px;pointer-events:none;content:""}.simulation-card img,.generated-visual{width:100%;aspect-ratio:4 / 3;border-bottom:1px solid var(--line);background:#06070b}.simulation-card img{height:auto;filter:saturate(1.12) contrast(1.04)}.simulation-card div:last-child{padding:20px}.simulation-card p,.fun-card p,.final-cta p,.section-heading p{margin-bottom:0}.generated-visual{position:relative;overflow:hidden}.generated-visual:before,.generated-visual:after{position:absolute;inset:0;content:""}.generated-visual.pellets{background:radial-gradient(circle at 20% 18%,var(--amber) 0 5px,transparent 6px),radial-gradient(circle at 42% 42%,var(--pink) 0 7px,transparent 8px),radial-gradient(circle at 72% 24%,var(--cyan) 0 6px,transparent 7px),radial-gradient(circle at 58% 72%,var(--green) 0 8px,transparent 9px),linear-gradient(155deg,#17121b,#0d1823)}.generated-visual.pellets:before{background:radial-gradient(circle at 28% 68%,#fff 0 4px,transparent 5px),radial-gradient(circle at 82% 62%,var(--amber) 0 6px,transparent 7px),radial-gradient(circle at 38% 82%,var(--cyan) 0 5px,transparent 6px)}.generated-visual.voronoi{background:linear-gradient(35deg,transparent 48%,rgba(169,255,104,.9) 49%,transparent 51%),linear-gradient(115deg,transparent 46%,rgba(85,231,255,.7) 47%,transparent 50%),linear-gradient(155deg,transparent 44%,rgba(255,79,184,.62) 45%,transparent 49%),#0d1018;background-size:96px 78px,82px 104px,116px 92px,auto}.generated-visual.moire{background:repeating-linear-gradient(34deg,rgba(85,231,255,.92) 0 2px,transparent 3px 10px),repeating-linear-gradient(-34deg,rgba(255,211,106,.72) 0 2px,transparent 3px 12px),#07080d}.generated-visual.gradient{background:linear-gradient(90deg,#2011ff,#55e7ff 25%,#a9ff68 48%,#ffd36a 68%,#ff4fb8)}.generated-visual.gradient:after{background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 42%),repeating-linear-gradient(90deg,rgba(255,255,255,.34) 0 1px,transparent 1px 12.5%)}.fun{grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);align-items:center;border-top:1px solid var(--line)}.fun .section-heading{max-width:470px}.fun-copy{max-width:420px}.fun-grid{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:16px;min-width:0}.fun-card{display:grid;grid-template-columns:46px minmax(0,1fr);gap:16px;min-height:180px;padding:22px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,#ffffff17,#ffffff09),#ffffff09;box-shadow:inset 0 1px #ffffff14}.fun-index{display:grid;place-items:center;width:46px;height:46px;border:1px solid currentColor;border-radius:8px;font-family:var(--font-display);font-size:.82rem;font-weight:900;line-height:1}.fun-card h3{margin-bottom:8px}.fun-card:nth-child(1){border-top-color:var(--cyan)}.fun-card:nth-child(1) .fun-index{color:var(--cyan);background:#55e7ff1a}.fun-card:nth-child(2){border-top-color:var(--pink)}.fun-card:nth-child(2) .fun-index{color:var(--pink);background:#ff4fb81a}.fun-card:nth-child(3){border-top-color:var(--green)}.fun-card:nth-child(3) .fun-index{color:var(--green);background:#a9ff681a}.fun-card:nth-child(4){border-top-color:var(--amber)}.fun-card:nth-child(4) .fun-index{color:var(--amber);background:#ffd36a1a}.platforms{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,.65fr);gap:56px;align-items:center}.platform-list{flex-wrap:wrap;gap:12px;justify-content:flex-end;margin:0;padding:0;list-style:none}.platform-list li{min-width:128px;padding:18px 22px;border:1px solid var(--line);border-radius:8px;background:#ffffff12;color:#fff;font-size:1.08rem;font-weight:900;text-align:center}.final-cta{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:34px;align-items:center;margin-bottom:34px;padding:42px;border:1px solid rgba(102,192,244,.35);border-radius:8px;background:linear-gradient(135deg,#08090de0,#08090da8),url(/assets/steam/library_hero.png) center / cover,var(--panel-strong);box-shadow:0 24px 70px #00000047}.final-cta h2{max-width:760px}.final-media{display:grid;gap:16px}.final-capsule{display:block;width:min(100%,260px);height:auto;justify-self:end;border:1px solid rgba(255,255,255,.2);border-radius:8px;box-shadow:0 18px 48px #00000057}.final-media .final-actions{justify-content:flex-end}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0 34px;border-top:1px solid var(--line);color:var(--muted)}.site-footer p{margin:0;color:#fff;font-weight:900}.site-footer nav{flex-wrap:wrap;gap:4px;justify-content:flex-end}@media(max-width:1040px){.hero{min-height:auto;padding-top:128px}.hero-logo-frame{width:min(410px,100%)}h1{font-size:3.45rem}h2{font-size:2.18rem}.hero-media-row,.section-band,.platforms,.final-cta{grid-template-columns:1fr}.simulation-grid,.fun-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-list,.final-actions{justify-content:flex-start}.final-capsule{justify-self:start}}@media(max-width:760px){.site-header{position:relative;left:auto;flex-direction:column;align-items:flex-start;width:min(100% - 32px,1180px);padding:18px 0 0;transform:none}.nav-links{width:100%;justify-content:space-between;overflow-x:auto}.nav-links a{white-space:nowrap}.hero{margin-top:-86px;padding:126px 16px 28px}.hero:before{background:linear-gradient(180deg,#08090dd1,#08090db8 42%,#08090d),linear-gradient(90deg,#08090dd6,#08090d3d)}.hero-backdrop img{object-position:center}.hero-logo-frame{width:min(350px,100%)}h1{font-size:2.65rem}h2{font-size:1.86rem}.hero-lede,.intro-copy p,.section-heading p,.simulation-card p,.fun-card p,.final-cta p{font-size:1rem}.hero-actions,.final-actions,.hero-actions .button,.final-actions .button{width:100%}.final-media .final-actions{justify-content:stretch}.section,.section-band{padding:64px 0}.stat-row,.simulation-grid,.fun-grid{grid-template-columns:1fr}.simulation-card{min-height:0}.final-cta{width:min(100% - 32px,1180px);padding:26px}.site-footer{flex-direction:column;align-items:flex-start;width:min(100% - 32px,1180px)}.site-footer nav{justify-content:flex-start}}@media(max-width:460px){.hero-logo-frame{width:min(310px,100%)}h1{font-size:2.25rem}h2{font-size:1.62rem}.hero-media-row{gap:10px}.platform-list{display:grid;grid-template-columns:1fr}.platform-list li{width:100%}}