.apps-directory{background:hsl(var(--background));min-height:100vh;color:hsl(var(--foreground));font-weight:500}.apps-directory .apps-container{width:min(1240px,100% - 96px);margin:auto}.apps-directory .apps-nav{border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;gap:20px;padding:30px 0;display:flex}.apps-directory .apps-nav a,.apps-directory .apps-footer a{align-items:center;gap:10px;font-size:12px;display:inline-flex}.apps-directory .apps-nav>span{letter-spacing:.12em;color:hsl(var(--muted-foreground));font-size:9px}.apps-directory .apps-intro{padding:78px 0 64px}.apps-directory .apps-eyebrow{color:hsl(var(--muted-foreground));letter-spacing:.13em;text-transform:uppercase;font-size:10px;display:block}.apps-directory h1,.apps-directory h2,.apps-directory h3{font-family:var(--font-display), sans-serif;font-weight:700}.apps-directory h1{letter-spacing:-.045em;margin:26px 0;font-size:clamp(32px,5.3vw,72px);line-height:1.18}.apps-directory h1 em{color:hsl(var(--muted-foreground));font-family:inherit;font-weight:inherit;font-style:normal}.apps-directory .apps-intro p{max-width:510px;color:hsl(var(--muted-foreground));font-size:16px;line-height:1.8}.apps-directory .apps-section-label{border-top:1px solid hsl(var(--border));justify-content:space-between;align-items:center;gap:15px;padding:24px 0;display:flex}.apps-directory .apps-section-label h2{letter-spacing:-.02em;font-size:18px}.apps-directory .apps-section-label>span{letter-spacing:.12em;color:hsl(var(--muted-foreground));font-size:9px}.apps-directory .apps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.apps-directory .directory-card{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--card));flex-direction:column;transition:border-color .18s,transform .18s;display:flex;overflow:hidden}.apps-directory .directory-card:hover,.apps-directory .directory-card:focus-within{border-color:hsl(var(--foreground) / .4);transform:translateY(-4px)}.apps-directory .directory-art{background:hsl(var(--muted) / .45);min-height:225px;color:hsl(var(--foreground));border-bottom:1px solid hsl(var(--border));flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.apps-directory .directory-art>svg{width:70px;height:70px}.apps-directory .directory-index{letter-spacing:.1em;opacity:.8;font-size:10px;position:absolute;top:22px;left:24px}.apps-directory .directory-art-caption{letter-spacing:.15em;margin-top:22px;font-size:8px}.apps-directory .directory-card-body{flex-direction:column;flex:1;padding:27px;display:flex}.apps-directory h3{letter-spacing:-.035em;margin:14px 0;font-size:21px;line-height:1.4}.apps-directory .directory-card-body p{color:hsl(var(--muted-foreground));margin-bottom:25px;font-size:13px;line-height:1.8}.apps-directory .directory-platform{color:hsl(var(--muted-foreground));margin-top:auto;font-size:10px}.apps-directory .directory-action{border:1px solid hsl(var(--primary));border-radius:calc(var(--radius) - 2px);background:hsl(var(--primary));color:hsl(var(--primary-foreground));justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-top:24px;padding:12px 14px;font-size:13px;display:flex}.apps-directory .directory-action:hover{background:hsl(var(--primary) / .9)}.apps-directory .apps-footer{border-top:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));justify-content:space-between;align-items:center;gap:20px;margin-top:65px;padding:27px 0;font-size:11px;display:flex}.apps-directory a:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:6px}@media (max-width:1000px){.apps-directory .apps-container{width:calc(100% - 48px)}.apps-directory .apps-grid{gap:15px}.apps-directory .directory-card-body{padding:22px}.apps-directory h3{font-size:19px}}@media (max-width:760px){.apps-directory .apps-container{width:calc(100% - 40px)}.apps-directory .apps-nav{padding:24px 0}.apps-directory .apps-nav>span{font-size:8px}.apps-directory .apps-intro{padding:55px 0 40px}.apps-directory .apps-intro p{font-size:14px}.apps-directory .apps-grid{grid-template-columns:1fr;gap:23px}.apps-directory .directory-art{min-height:200px}.apps-directory .directory-card-body{padding:26px}.apps-directory h3{font-size:23px}.apps-directory .apps-footer{flex-direction:column;align-items:flex-start;gap:15px;margin-top:40px}}