
:root{--bg:#0c0c0d;--panel:#151516;--line:#34302b;--orange:#f16d22;--text:#f1eee8;--muted:#9f9b93}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}.noise{position:fixed;inset:0;opacity:.055;pointer-events:none;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.topbar{height:76px;padding:0 5vw;display:flex;align-items:center;gap:35px;border-bottom:1px solid #252525;background:#0d0d0eea;position:sticky;top:0;z-index:50;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:900;letter-spacing:2px}.brand img{width:42px;height:42px;object-fit:contain}.topbar nav{display:flex;gap:26px;margin-right:auto}.topbar nav a{color:#aaa;text-decoration:none;font-size:14px}.topbar nav a:hover{color:#fff}.steam,.logout,.primary,.buy{border:0;cursor:pointer;text-decoration:none;font-weight:850;letter-spacing:.5px}.steam{background:#1b2838;color:#fff;padding:12px 18px;border:1px solid #35506b}.logout{background:transparent;color:#aaa;padding:10px}.steam-user{display:flex;align-items:center;gap:10px;font-size:13px;color:#ccc}.steam-user strong{color:#fff}.hero{height:560px;position:relative;background:url('/assets/corebound-banner.png') center/cover no-repeat;border-bottom:1px solid #242424}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,9,.96) 0%,rgba(8,8,9,.78) 40%,rgba(8,8,9,.18) 75%),linear-gradient(0deg,#0c0c0d 0%,transparent 32%)}.hero-content{position:relative;padding:110px 6vw;max-width:760px}.eyebrow{color:var(--orange);font-size:12px;font-weight:900;letter-spacing:3px;margin-bottom:14px}.hero h1{font-size:68px;line-height:.96;margin:0 0 22px;text-transform:uppercase;letter-spacing:-3px}.hero h1 span{color:var(--orange)}.hero p{color:#c7c2ba;font-size:18px;max-width:560px;line-height:1.6}.primary{display:inline-block;margin-top:18px;background:var(--orange);color:#111;padding:15px 24px}.section{padding:80px 6vw;max-width:1500px;margin:auto}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:35px}.section h2{font-size:44px;text-transform:uppercase;margin:0}.section-head>p{color:var(--muted);max-width:530px;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:linear-gradient(180deg,#171717,#101010);border:1px solid #292929;position:relative;overflow:hidden;transition:.2s}.card:hover{transform:translateY(-4px);border-color:#62402b}.card .art{aspect-ratio:1/1.05;background:#0b0b0b}.card .art img{width:100%;height:100%;object-fit:cover}.card-body{padding:22px}.rank{display:flex;justify-content:space-between;align-items:center}.rank h3{font-size:28px;margin:0;text-transform:uppercase}.price{color:var(--orange);font-weight:900}.feature-list{padding:0;margin:20px 0;list-style:none;color:#aaa;min-height:92px}.feature-list li{padding:5px 0}.feature-list li:before{content:"+";color:var(--orange);font-weight:bold;margin-right:10px}.buy{display:block;width:100%;padding:14px;background:#ef6b20;color:#111;text-align:center}.buy:disabled{opacity:.45;cursor:not-allowed}.how{border-top:1px solid #1f1f1f}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.steps article{border:1px solid #2b2b2b;background:#131314;padding:28px}.steps b{font-size:40px;color:#3a322d}.steps h3{text-transform:uppercase}.steps p{color:#999;line-height:1.6}footer{border-top:1px solid #252525;padding:38px 6vw;display:flex;align-items:center;gap:15px;color:#777}footer img{width:45px}footer div{display:flex;flex-direction:column;margin-right:auto}footer strong{color:#eee;letter-spacing:2px}footer span{color:var(--orange);font-size:11px}footer p{font-size:12px}#toast{position:fixed;right:25px;bottom:25px;background:#1a1a1a;border:1px solid #41382f;padding:14px 18px;display:none;z-index:100;color:#eee}@media(max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.topbar nav{display:none}.hero h1{font-size:52px}}@media(max-width:600px){.topbar{padding:0 18px}.brand span{display:none}.hero{height:520px}.hero-content{padding:90px 24px}.hero h1{font-size:44px}.section{padding:58px 18px}.grid,.steps{grid-template-columns:1fr}.section-head{display:block}.section h2{font-size:36px}footer{align-items:flex-start;flex-wrap:wrap}footer p{width:100%}}
