.home{max-width:var(--page-max);text-align:left}.hero{text-align:center;padding:var(--space-5)0 var(--space-7);border-bottom:1px solid var(--color-border)}.hero-badge{margin-bottom:var(--space-4)}.home h1{font-size:var(--text-3xl);line-height:var(--leading-tight);margin-bottom:var(--space-4)}.hero-lead{max-width:46ch;margin:0 auto var(--space-6);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--color-text)}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-5)}.hero-note{max-width:52ch;margin:0 auto;font-size:var(--text-sm);color:var(--color-text-muted)}#main-content .btn{display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:none;margin:0;padding:var(--space-3)var(--space-5);border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:var(--weight-semibold);font-family:inherit;line-height:var(--leading-snug);cursor:pointer;border:1px solid transparent;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease}#main-content .btn-primary{background-color:var(--color-accent);color:var(--color-text-inverse)}#main-content .btn-primary:hover{background-color:var(--color-accent-hover)}#main-content .btn-primary.is-connected{background-color:initial;border-color:var(--color-accent);color:var(--color-accent)}#main-content a.btn-secondary{background-color:initial;border-color:var(--color-border-strong);color:var(--color-text);text-decoration:none}#main-content a.btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent);text-decoration:none}.steps,.games-preview{padding:var(--space-7)0 0}.steps h2,.games-preview h2{text-align:center;margin-bottom:var(--space-6)}.step-list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);list-style:none;padding:0;margin:0;counter-reset:step}.step{background-color:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);padding-bottom:var(--space-3)}.step-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-pill);background-color:color-mix(in oklch,var(--color-accent) 20%,transparent);border:1px solid var(--color-accent);color:var(--color-accent);font-size:var(--text-sm);font-weight:var(--weight-bold);margin-bottom:var(--space-3)}.step h3{font-size:var(--text-lg);margin-bottom:var(--space-2);text-align:left}#main-content .step p{font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-normal);margin-bottom:var(--space-3);text-align:left}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background-color:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.card:hover{border-color:var(--color-accent);background-color:var(--color-surface-4);transform:translateY(-2px)}.card img{width:72px;height:72px;object-fit:contain;border-radius:var(--radius-sm);flex:none}.card-body{display:flex;flex-direction:column;gap:var(--space-1)}.card-title{font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--color-text)}.card-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-snug)}@media(max-width:720px){.step-list,.card-grid{grid-template-columns:1fr;gap:var(--space-4)}.home h1{font-size:var(--text-2xl)}.hero{padding-top:var(--space-3)}.steps,.games-preview{padding-top:var(--space-6)}.hero-actions .btn{width:100%}}