@import "https://fonts.googleapis.com/css2?family=Varela+Round&family=space+grotesk:wght@400;500;700&family=jetbrains+mono:wght@400;500;700&display=swap";:root{--bg-main:#171717;--text-main:#f4f4f4;--text-muted:#bcbcbc;--accent:#f7b155;--font-title:"Varela Round", "space grotesk", sans-serif;--font-code:"jetbrains mono", monospace}*{box-sizing:border-box;text-transform:lowercase}body{min-height:100vh;color:var(--text-main);background-color:var(--bg-main);font-family:var(--font-code);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background-image:linear-gradient(0deg,#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:32px 32px;margin:0}h1,h2,h3,p{margin:0;line-height:1.1}.landing-page{flex-direction:column;gap:clamp(4rem,10vw,8rem);max-width:1400px;margin:0 auto;padding:2rem clamp(1rem,5vw,5rem) 8rem;display:flex}.section{flex-direction:column;gap:1.5rem;display:flex}.hero{align-items:flex-start;margin-top:5vh}.text-massive{font-family:var(--font-title);letter-spacing:-.05em;font-size:clamp(4rem,15vw,12rem);line-height:.9}.text-huge{font-family:var(--font-title);letter-spacing:-.03em;font-size:clamp(2.5rem,8vw,6rem)}.text-large{color:var(--text-muted);font-size:clamp(1.5rem,4vw,3rem)}.text-medium{color:var(--text-muted);font-size:clamp(1rem,2vw,1.5rem)}.text-lead{font-family:var(--font-code);font-size:clamp(1.2rem,3vw,2.5rem);font-weight:700}.text-accent{color:var(--accent)}.text-focus.right-align{text-align:right;align-items:flex-end}.text-focus.center-align{text-align:center;align-items:center}.btn-steam{font-size:1.25rem;font-family:var(--font-title);background:var(--accent);color:#13100d;border-radius:99px;align-items:center;gap:.75rem;margin-top:1.5rem;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:transform .2s,filter .2s;display:inline-flex}.btn-steam:hover{filter:brightness(1.1);transform:translateY(-3px)}.capsule{background:#ffffff08;border:1px dashed #f7b1554d;border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.capsule .dimension{color:#f7b15599;font-size:clamp(1rem,2vw,2rem);font-family:var(--font-title);z-index:1}.placeholder-img{object-fit:cover;opacity:.5;width:100%;height:100%;position:absolute;top:0;left:0}.main-capsule{aspect-ratio:1232/706;width:100%}.screenshot-capsule{aspect-ratio:16/9;flex:2;min-width:300px}.vertical-capsule{aspect-ratio:748/896;flex:1;min-width:250px}.header-capsule{aspect-ratio:920/430;width:100%;max-width:920px;margin:0 auto}.small-capsule{aspect-ratio:462/174;width:100%;max-width:462px;margin:0 auto}.splits{flex-flow:wrap;gap:2rem}@media (width<=768px){.splits{flex-direction:column}.hero{margin-top:0}}