.companions{min-height:100vh;background:#0c0c14;color:#e8e0d8;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;align-items:center}.hero{text-align:center;padding:5rem 1.5rem 3rem}.wordmark{font-size:3.5rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#e8e0d8 30%,#d4a44a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{margin-top:.75rem;font-size:1.15rem;color:#8a8494;font-weight:400}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:960px;width:100%;padding:0 1.5rem 4rem}.app-card{position:relative;display:flex;background:#14141f;border:1px solid #1e1e2e;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .25s ease,box-shadow .25s ease}.app-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px color-mix(in srgb,var(--accent) 25%,transparent)}.card-accent{width:4px;flex-shrink:0;background:var(--accent);border-radius:4px 0 0 4px}.card-body{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.5rem}.card-header{display:flex;align-items:center;gap:.6rem}.card-emoji{font-size:1.5rem;line-height:1}.card-name{font-size:1.2rem;font-weight:700;color:#e8e0d8}.card-desc{font-size:.9rem;line-height:1.5;color:#8a8494}.footer{margin-top:auto;padding:2rem 1.5rem;color:#4a4458;font-size:.8rem}@media(max-width:800px){.app-grid{grid-template-columns:repeat(2,1fr)}.wordmark{font-size:2.75rem}.hero{padding:3.5rem 1.5rem 2rem}}@media(max-width:500px){.app-grid{grid-template-columns:1fr}.wordmark{font-size:2.25rem}.hero{padding:3rem 1rem 1.5rem}.app-grid{padding:0 1rem 3rem}}