:root{--paper:#f7f3e8;--surface:#fffdf7;--ink:#192322;--muted:#5f6b67;--line:#d7d4c8;--shell:min(1140px,calc(100% - 64px))}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit}img{display:block;max-width:100%}h1,h2,p{margin-top:0}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;top:10px;left:10px;z-index:10;background:var(--ink);color:#fff;padding:10px 16px;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{border-bottom:1px solid var(--line)}.header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-weight:750;letter-spacing:-.025em}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:8px;background:var(--ink);color:var(--surface);font-size:14px}.site-navigation a{font-size:14px;text-decoration:none}.site-navigation a:hover{text-decoration:underline}.hero{padding:74px 0 62px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}h1{font-size:clamp(42px,5.2vw,64px);font-weight:750;line-height:1.05;letter-spacing:-.05em;margin-bottom:24px}.hero-summary{font-size:18px;color:var(--muted);line-height:1.7;max-width:500px;margin-bottom:30px}.hero-logo{width:100%;aspect-ratio:1.9;overflow:hidden}.hero-logo img{width:100%;height:100%;object-fit:cover}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:12px 22px;border-radius:9px;color:#fff;background:#1b2838;font-size:15px;font-weight:650;text-decoration:none}.button:hover{background:#2b4259}.steam-icon{display:block;flex:none;width:32px;height:32px;overflow:hidden}.steam-icon img{max-width:none;width:105px;height:32px}.hero-links{display:flex;gap:24px;flex-wrap:wrap}.hero-links a{font-size:14px;text-decoration-thickness:1px;text-underline-offset:5px}.hero-links span{margin-left:4px}.gallery-section{padding-bottom:66px}.screenshot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.screenshot-grid a{display:block;overflow:hidden;border-radius:10px;background:#ddd;border:1px solid rgba(25,35,34,.12)}.screenshot-grid img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .2s}.screenshot-grid a:hover img{transform:scale(1.035)}.contact-simple{border-top:1px solid var(--line);padding:38px 0 46px}.contact-simple h2{font-size:21px;line-height:1.2;font-weight:600;letter-spacing:-.02em;margin-bottom:12px}.contact-simple a{font-size:15px;text-underline-offset:5px}.site-footer{border-top:1px solid var(--line);padding:22px 0}.copyright{margin:0;font-size:12px;color:var(--muted)}:focus-visible{outline:3px solid #4779ad;outline-offset:5px}
@media(max-width:820px){.hero-grid{gap:35px}.hero-summary{font-size:16px}.screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){:root{--shell:calc(100% - 40px)}.header-inner{min-height:76px}.hero{padding:36px 0 36px}.hero-grid{grid-template-columns:1fr;gap:30px}.hero-logo{grid-row:1;max-width:400px;margin-inline:auto}.hero-copy h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero-summary{font-size:16px;margin-bottom:24px}.hero-actions{gap:18px}.hero-links{gap:24px}.screenshot-grid{gap:12px}.gallery-section{padding-bottom:36px}.contact-simple{padding:30px 0 36px}.brand{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}