@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Oswald:wght@500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101112;--panel:#191a1b;--line:#303132;--muted:#96999c;--orange:#ff6236}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:#f5f4f2;font-family:Manrope,Arial,sans-serif;font-size:16px}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a{touch-action:manipulation}a{text-decoration:none;color:inherit}button{cursor:pointer;color:inherit}header{height:92px;max-width:1440px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:7px;font-weight:800;font-size:23px;letter-spacing:-1px}.mark{display:grid;place-items:center;background:var(--orange);color:#111;width:35px;height:39px;font-style:italic;clip-path:polygon(0 0,100% 0,100% 76%,76% 100%,0 100%);margin-right:5px}.dim{color:#96999c}nav{display:flex;gap:34px;font-size:14px;font-weight:700}nav a{color:var(--muted)}nav a:hover,.current{color:white}.cart-open{background:#202122;border:1px solid #393a3b;border-radius:7px;padding:12px 18px;font-size:14px}.cart-open span{background:var(--orange);color:#111;padding:2px 7px;border-radius:4px;margin-left:13px}main{max-width:1440px;margin:auto}.hero{position:relative;isolation:isolate;min-height:560px;overflow:hidden;border-bottom:1px solid var(--line)}.hero-art{position:absolute;inset:0;z-index:-2;background:#262b28;background-size:cover;background-position:center;animation:slow-pan 18s ease-in-out infinite alternate}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101112 2%,#101112e8 30%,#10111235 74%),linear-gradient(0deg,#101112,transparent 60%)}.hero-content{padding:65px 5% 28px;animation:rise .8s both}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:var(--orange);display:flex;align-items:center;gap:9px}.eyebrow span{width:6px;height:6px;background:var(--orange)}h1{font-family:Oswald,Impact,sans-serif;font-size:clamp(40px,5.4vw,75px);line-height:1.16;letter-spacing:-1.7px;margin:24px 0}h1 em{font-style:normal;color:var(--orange)}.hero p{color:#b6b7b7;line-height:1.8;margin-bottom:28px}.primary{display:inline-flex;justify-content:center;align-items:center;gap:36px;background:var(--orange);border:1px solid var(--orange);padding:16px 24px;border-radius:5px;font-weight:800;font-size:14px;color:#111;transition:transform .2s,background .2s}.primary:hover{background:#ff7d57;transform:translateY(-3px)}.primary span{display:none}.hero-caption{display:flex;align-items:center;gap:20px;margin-top:44px;font-size:12px}.hero-caption span{color:#a3a4a4}.hero-caption b{font-family:Oswald;font-size:21px;letter-spacing:2px;border-left:2px solid var(--orange);padding-left:20px}.hero-caption small{letter-spacing:2px;color:#96999c}.vertical{position:absolute;right:22px;top:100px;writing-mode:vertical-rl;font-size:10px;letter-spacing:4px;color:#b4b4b4}.benefits{margin:0 5%;padding:27px 0;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);gap:20px}.benefits>div{display:flex;gap:18px;align-items:center}.benefits>div>span{color:var(--orange);font-size:32px}.benefits p{margin:0}.benefits b{font-size:14px;display:block}.benefits small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.catalog{padding:64px 5%}.title-row{display:flex;justify-content:space-between;align-items:center;gap:20px}h2{font-size:32px;letter-spacing:-1.2px;margin:14px 0 28px;line-height:1.3}h2 span{color:#888b8d}.demo{font-size:12px;background:#222426;border:1px solid #353638;padding:6px 10px;border-radius:4px;color:#aaa}.toolbar{display:flex;justify-content:space-between;gap:20px;margin-bottom:25px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{background:#1b1c1e;border:1px solid #303133;padding:11px 17px;border-radius:5px;font-size:14px}.filters button.active{background:var(--orange);border-color:var(--orange);color:#101112;font-weight:800}.filters small{margin-left:8px;opacity:.6}.sort select{height:43px;padding:0 12px;background:transparent;border:1px solid #333;border-radius:5px;font-size:14px;color:#bbb}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:var(--panel);border:1px solid #2e3031;border-radius:8px;overflow:hidden;transition:transform .3s,border-color .3s;animation:rise .5s both}.card:hover{transform:translateY(-6px);border-color:#ff623688}.cover{height:187px;background-size:cover;background-position:center;position:relative;overflow:hidden}.cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#191a1b,transparent 75%)}.badge{position:absolute;top:15px;left:15px;padding:5px 8px;border:1px solid #ffffff30;border-radius:3px;background:#121212c9;font-size:10px;font-weight:800;letter-spacing:1px;z-index:1}.game-name{position:absolute;bottom:14px;left:21px;font:700 36px Oswald,Impact,sans-serif;letter-spacing:1px;z-index:1}.card-body{padding:13px 21px 21px}.card h3{margin:0 0 12px;font-size:17px}.attributes{display:flex;gap:8px;flex-wrap:wrap}.attributes span{padding:4px 8px;border-radius:3px;background:#252628;color:#a9abad;font-size:12px}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.price{font-size:24px;font-weight:800}.price small{font-size:14px;color:#999}.card-button{background:#303132;border:1px solid #444;border-radius:4px;padding:10px 16px;font-size:13px;font-weight:700;transition:.2s}.card-button:hover{background:var(--orange);border-color:var(--orange);color:#111}.catalog-note{font-size:12px;color:#777c80;margin-top:22px}.how{padding:55px 5%;background:#171819;border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:40px}.how h2{font-size:39px}.steps article{display:flex;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}.steps article:first-child{padding-top:0}.steps article:last-child{border:0}.steps article>span{font:500 27px Oswald;color:var(--orange)}.steps h3{font-size:16px;margin:0 0 8px}.steps p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}.faq{padding:66px 5%;display:grid;grid-template-columns:1fr 1.5fr;gap:30px}details{border-bottom:1px solid var(--line);padding:19px 0}summary{cursor:pointer;font-size:15px;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+';color:var(--orange);font-size:20px}details[open] summary:after{content:'−'}details p{color:var(--muted);font-size:14px;line-height:1.8}footer{max-width:1440px;margin:auto;padding:30px 5%;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px}footer p,footer small{font-size:12px;color:#888}footer small{margin-left:auto}dialog{background:#191a1b;border:1px solid #444;color:white;border-radius:12px;padding:35px;width:min(540px,calc(100% - 28px));max-height:85vh;overflow:auto;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}.close{position:absolute;right:12px;top:8px;background:none;border:0;font-size:30px;color:#aaa}.full{width:100%}.notice{font-size:13px;color:#aaa;line-height:1.7}.total{display:flex;justify-content:space-between;border-top:1px solid #444;margin:25px 0;padding-top:22px}.cart-row{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid #333}.cart-row>div{flex:1}.cart-row small{display:block;color:#999;margin-top:6px}.remove{background:none;border:0;color:#aaa;font-size:22px}.quantity{display:flex;align-items:center;gap:9px}.quantity button{background:#303132;border:0;width:28px;height:28px;border-radius:4px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);padding:15px 25px;background:var(--orange);color:#111;border-radius:6px;opacity:0;pointer-events:none;transition:.3s;z-index:10;font-size:14px;font-weight:800}.toast.visible{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:2px solid var(--orange);outline-offset:4px}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes slow-pan{from{transform:scale(1)}to{transform:scale(1.07)}}@media(max-width:850px){nav{gap:16px}.grid{grid-template-columns:repeat(2,1fr)}.hero{min-height:530px}.hero-art{background-position:65% center}.benefits{gap:12px}.benefits>div{gap:10px}.benefits small{font-size:12px}.how,.faq{grid-template-columns:1fr}.how h2{margin-bottom:0}.title-row{align-items:flex-start}.title-row h2{font-size:28px}.demo{white-space:nowrap;margin-top:18px}footer{flex-wrap:wrap}footer small{margin-left:0}}@media(max-width:560px){header{height:76px}.logo{font-size:19px}nav{display:none}.cart-open{padding:10px}.hero-content{padding-top:43px}.hero{min-height:500px}.hero:after{background:linear-gradient(90deg,#101112ed,#10111275),linear-gradient(0deg,#101112,transparent)}h1{font-size:43px;letter-spacing:-1px}.hero p{font-size:14px}.hero-caption small{font-size:9px}.vertical{display:none}.benefits{grid-template-columns:1fr;padding:24px 0;gap:18px}.benefits small{font-size:13px}.catalog{padding-top:40px}.title-row{display:block}.demo{display:inline-block;margin:0 0 20px}.title-row h2{margin-bottom:15px}.toolbar{flex-direction:column;gap:12px}.filters{gap:6px}.filters button{padding:10px 11px;font-size:12px}.sort select{width:100%}.grid{grid-template-columns:1fr}.cover{height:200px}.how h2{font-size:34px}.faq{padding-top:45px}footer{gap:12px}footer p{margin-left:auto}footer small{width:100%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.hero-art{background-image:url('rust.png')}